2024年东莞静态网站制作 篇1
首先要确认需求，你做的网站是要做什么，然后选取一套适合的前端框架，毕竟现在前端十分的火热。其次，才依据框架做开发。
建议：如果是后台管理方面的，例如对公众号会员管理的，可以选用layui，简单、高效。如果是其他门户网站的，可选的框架也很多，百度一下“前端框架”，可以出来一大片。
2024年东莞静态网站制作 篇2
听你的意思是想做个静态页面做一个网站吧。
单纯想用HTML做一个网站是可以的，但是纯粹用HTML写网页真的丑...
想做出一个漂亮的现代网页CSS少不了。
先大白话说说HTML、CSS、JS的作用，再说HTML做网页吧。HTML：
1.告诉计算机页面里有什么。
2.各种元素的前后关系、父子关系。
3.根据所用的元素判断元素占一行还是行内元素。
4.告诉浏览器需要加载什么脚本（script）、样式（css）等等。
6.head元素内，可以告诉浏览器或者爬虫，网站使用的语言（英语还是中文等），做一些移动端兼容设置，title就是本页面的标题。CSS：
css是在HTML给出一个抽象的脸的前提下让每个五官精确定位，它也像是在整容或者化妆，让界面更符合现代人审美。
1.定位属性，position，left，top，block等。
2.装饰属性，color，background，border，shadow-box等。
3.动画属性，transition等。JS：
JS代表着进一步自由，你能做更多的操作，它能做的事情说不完。
1.你可以利用JS与服务器后台沟通，当然HTML的form元素也能做到，但是form提交会刷新整个页面。
2.你可以设置大量的事件监听，如鼠标点击、鼠标移动、页面滚动等，当这些事件发生时你可以做一些事情。
3.利用一些浏览器接口额外做些事情，例如保存数据至本地，更强的图形化，例如利用webgl做动画片或者游戏。如何用HTML制作一个简单网页？
1.如果你的网站只是展示简单的信息又想外观还过得去，我建议你使用Bootstrap可视化布局系统来生成页面，简单的拖拽元素后，你只需要将生成的代码复制到html文件里的body内就好。
2.如果你很懒的话，也可以用纯粹的HTML写页面，学习的话推荐菜鸟教程。
题外话：如果你很有野心的话，建议学习下前端框架VUE，上手也挺简单，官网上和网络上案例多，学习曲线不怎么陡峭，使用element组件库或者ant的组件库，页面体验将会得到炸裂级的提升。
2024年东莞静态网站制作 篇3
静态页面，即静态网页，是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来。静态页面需要占一定的服务器空间，且不能自主管理发布更新的页面，如果想更新网页内容，要通过FTP软件把文件DOWN下来用网页制作软件修改（通过fso等技术例外）。常见的静态页面举例：.html扩展名的、.htm扩展名的。
优缺点
首先静态页面的优缺点与动态页面的优缺点是相对的。
动态页面是一对多访问。通过一个页面。可以根据若干参数返回其不同的数据。但是静态页面因为是静态所以是一个页面对应一个内容，也就是一对一的关系。他的优点就是无论你如何访问都只是让服务器传数据给请求者。并不做脚本计算及读取后台数据库。从而大大的提高了访问速度及降低了部分安全隐患。
采用静态页面的方法可以将数据库及后台系统与前台划分开。两者间没有绝对的联系。从而从提高站点的安全。
以上就是静态页面的最大的优点。速度快，可以跨平台，跨服务器。
同样静态页面也拥有相等与优点的缺点。今天的静态页面已经不是单纯的用FrontPage或DreamWeaver来一张张做。然后发布到网上了。他已经是动态与静态结合的产物。通常静态页面的制作流程是这样的：
第一步：发布信息到数据库
第二步：选择页面的模版
第三步：程序读取模版 +数据库信息 = 静态页面
第四步：发布索引页面（如首页，引导页等）
完成
静态页面的生成至少需要上述几个步骤才能完成，所以模版是关键的。因为静态页面无法在你调整后自动更新，必须再次创建，数据量大的话，这个更新的时间也相当可怕。所以你会发现有些大的网站新的文章与旧的文章不是长一个样子。再加上静态页面本身因为不具备动态页面的特性，也就无法做一些WEB应用，最明显的一点搜索。
生成特点
动态网页的概念是在服务器中运行的程序、网页等，它们会依据不同的客户和不同的时间回到不同的网页上去，它们是以网络中的数据库为依据的。动态页面的功能主要是把储存在数据库中内容以动态的形式展现在客户面前，并把客户的数据存储在数据库中留在以后使用。所以说网站中后台运行的数据库存储的信息更新的速度比较快。在网络网站中全部程序的操作都是在服务器中执行的，通过网络发送给客户的只是在这些程序中得到的结果，对客户的服务器的要求比较低，然而服务器在完成客户的请求的时候需要从数据库中找到和客户要求相对应的一些数据，所以需要占用很大的服务器的资源，而且随着后台的数据库储存的内容不断的发展和访问的人数不断的增多，会不断增加服务器内部的压力，页面加载的速度就会变的很慢。 在客户端运行的程序、页面、插件什么的都是静态页面，静态的网页不需要在服务器中访问数据所以浏览器在浏览静态的页面的时候就直接把这些静态的信息发送到客户的浏览器上了，因此相比较而言静态网页则不需要像动态网页那样需要访问数据库，减少了系统的消耗，对服务器的压力也就小了。因为静态网页使用的都是一个直接的网页。而且如果使用了静态的网页网站就不需要通过数据库就能够打开，因此运行的速度也就比较快了，自然而然的也就提高了网页打开的速度了。从网站优化的方面思考搜索引擎比较适合使用静态网页，因为静态网页可以提高搜索引擎对客户信息的存储和网站的排名。而在安全方面考虑，静态的网页能够提高网站的安全性减少不良代码的攻击，所以说静态网页比较不容易受到病毒的进攻。而从网站的稳定性能来思考，在有程序或者是数据库出现错误的时候，静态网页不会影响网站的正常运行，不会因为错误的程序损失网站内的数据，影响网站的正常运行，而损失用户对网站的使用，影响客户对网站的信任。所以通过一些技术来达到网页的静态有非常重要的价值和意义。我们需要讨论的就是怎样生成静态网页的技术和方法。 在一个网站中有动态网页也有静态网页主要是因为需要体现网站的功能和提高网站浏览的速度，动态的网页能够完成数据内容的更新，但是浏览的速度就比较慢，在一些特殊的网站中我们可以使用动态的网页进行内容的更新静态的网页进行浏览。这种结构就是静态网页生成技术。完全把动态网页生成静态网页是不可取的主要是因为把动态的网页生成静态的网页之后会使服务器的负担增加，需要维护的工作量也增加了，而且静态的网页需要读取大量的动态内容。
区别
静态网页和动态网页的主要区别在于在服务器上是否运行程序，运行在客户端的程序、页面等等都是静态页面，它们是一直不变的。静态网页和动态网页有着不同的特点，一个网站使用什么样的页面要看这个网站有什么功能和网站中的内容有多少，假如这个网站的内容变化不是很快，网站的功能也没有那么复杂，可以使用静态的网页对网站运行也比较简单。而相反则必须要使用动态的网页来完善一个网站。 一个网站建设的基础就是静态网页，而静态网页和动态网页之间也不是互不相容的，为了提高网站内搜索的速度，就是使用动态网页技术的网站，也能把网页的内容转变成静态网页运行，把网页转变为静态化是网站发展的一个非常好的方法，能够提高网页打开的速度。