静态网页制作介绍，静态网页设计制作
简单制作html静态网页代码?
1、HTML网页制作教程首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。
2、静态网页现阶段主要采用div+css+JavaScript来实现，第一步：在桌面上创建一个文本文件；第二步：将文本名改为test.html（扩展名为.html或者.htm即可，看不见扩展名可以到）；第三步：文件名改好后，右击打开方式，选择记事本；第四步：写代码。
3、首先，你需要新建一个TXT文本文档。在这个文档中，你可以输入一些简单的HTML代码，如htmlheadtitle我的静态网页/title/headbodyh1欢迎来到我的网页/h1p这是我的第一个静态网页/p/body/html。这里的关键是使用HTML标签来构建页面结构。
4、制作HTML静态页面 选择文本编辑器：打开简单的文本编辑器，如记事本或更专业的网页编辑器如dreamweaver。创建基本HTML结构：输入基本的HTML代码，包括！DOCTYPE html声明、html、head和body标签。
5、需要一份html教程的网页制作，主题是我的个人网页，然后在html网页中使用Link/标签将外部css文件放在head/head之间。首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。然后双击打开带有记事本的文本文档，所示，我们编写一个简单的html代码。
简要叙述静态网站制作的主要步骤?
整理规划。网站建设的开始就应该有一个整体的战略目标，即确定站点的目标。首先要有一个总的目标，这个网站到底是要做什么。
首先，新闻稿内容必须符合网站的要求，无论你的软文本质量如何，你必须在发布前仔细阅读网站的栏目要求和网站内容属性。如果是你自己的网站，你必须写一些与你的网站相关的内容，如何发布你自己的软文稿，如何设置关键字，你必须提前很好地配置它，你的网站发布的内容必须与你的网站的主题相关。
在认识上清晰后，运用起来就会更有规划。比如，你今天要写的是新闻稿，就必须要以新闻事件为重点，然后才是把宣传内容揉合进文章里，而不能出现本末倒置。或者，你既然是写软文，就只要围绕你的宣传主题来写即可，不用顾虑文章有没时效性。
制作一个资源清单列表，或者打包（记得资源里面一定要有自己的“广告”哦！） 。
什么是静态网页
1、静态网页是实际存在的网页内容，其内容在网页生成后不会因用户的不同请求而发生改变。静态网页的内容通常是固定的，服务器在接收到用户请求后，直接传送已经编译好的HTML文件。由于其内容的固定性，使得服务器负担较轻，响应速度快。例如，一些基础的介绍页面或内容固定的展示页面经常采用静态网页的形式。
2、在网站设计领域，纯HTML格式的网页通常被称为“静态网页”，早期的网站大多采用这种方式构建。静态网页的URL通常以.htm、.html、.shtml、.xml等为后缀。尽管HTML页面可以展示各种动态效果，如gif动画、flash、滚动字母，但这些视觉上的动态与后续将要讨论的动态网页不同。
3、静态网页： 内容固定：静态网页是标准的HTML文件，不包含服务器端脚本。网页中的每一行HTML代码都是在放置到web服务器前由网页设计人员编写的，并在放置到Web服务器后不再发生任何更改。 处理流程简单：当Web浏览器请求静态网页时，Web服务器直接查找并发送该网页到请求浏览器，无需其他处理。
4、在搜索引擎上搜索“静态网页和动态网页”，你会找到很多解释。举个例子，黑鹰ASP教程中提到，“静态网页”是指页面内容固定不变。而“动态网页”则可以随着浏览者的行为或其他条件的变化，在同一页面上显示不同的内容。动态网页还可以分为客户端动态和服务器端动态两种。
静态页面制作的实现方式与优点
1、优点：加载速度快：由于服务器不需要进行额外的处理就可以直接发送文件，因此静态页面的加载速度通常较快。资源消耗低：静态页面对于服务器的资源消耗相对较低，有助于降低运营成本。缺点：无法实现个性化体验：静态页面无法根据用户的请求和服务器的数据动态地生成内容，因此无法实现个性化的用户体验和交互功能。
2、静态页面的最大优点在于加载速度快，无需从数据库获取数据，因此不仅加载迅速，还减轻了服务器负担。然而，这种页面的缺点也很明显，因为数据直接嵌入HTML中，文件体积庞大。此外，若需修改静态页面，必须重新编写整个页面，这在大型网站中尤为麻烦。
3、优点：相对于其他两种页面（动态页面和伪静态页面），速度最快，而且不需要从数据库里面提取数据，速度快的同时，也不会对服务器产生压力。缺点：由于数据都是存储在HTML里面，所以导致文件非常大。并且最严重的问题是，更改源代码必须全部更改，而不能改一个地方，全站静态页面就自动更改了。
4、优点包括加载速度快、减少服务器负担、提高安全性、网站稳定性强。但缺点是程序生成大量文件，占用网站空间，增加制作成本。 伪静态页面伪静态是URL重写，通过截取Web请求并自动重定向到其他URL，实现动态页面参数去除，优化搜索引擎收录。伪静态路径看起来像静态路径，实质上是动态页面处理后的形式。
5、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
静态网页设计制作中的布局模式
布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
静态布局：静态布局使用像素（px）作为设计单位，页面元素的大小在不同的显示宽度下是固定的。这种布局方式简单直接，易于控制，但缺乏灵活性，不适应屏幕尺寸的变化。它适用于设计固定、不需要响应式的网页，如一些大型企业的官方网站。
核心功能：采用javaScript制作侧边栏电梯导航，便于用户浏览不同角色信息。内容布局：精心排版文字和图片，展现宫崎骏动画中主要角色的详细信息。其他三个页面 内容设计：根据页面主题，展示宫崎骏动画的相关内容，如作品介绍、制作过程、用户留言等。交互体验：确保页面间的流畅跳转，提升用户浏览体验。
其次，div布局是通过HTML中的div标签来创建区块，再通过CSS进行样式设置，实现页面布局。这种布局方式具有高度的灵活性和可定制性，可以根据需要调整每个区块的大小和位置。但是，div布局在实现复杂的布局时需要编写大量的CSS代码，这可能会导致代码冗余和维护困难。
在设计方法上，静态布局通常采用居中布局，所有样式使用绝对宽度和高度（px）定义，设计一个固定的布局。当屏幕尺寸发生变化时，页面内容会被隐藏，用户需要使用横向和纵向滚动条来查看被遮挡的内容。自适应布局则利用@media媒体查询，根据不同设备和屏幕尺寸切换不同的样式。
静态网页开发流程
1、确定网页的功能需求和设计要求。 进行页面布局设计，包括页面结构、色彩搭配、字体选择等。 产出设计稿，与客户或团队成员沟通确认设计方向。前端开发准备 选择合适的开发工具，如代码编辑器、浏览器等。 编写HTML代码，构建网页的基本结构。
2、首先，你需要新建一个TXT文本文档。在这个文档中，你可以输入一些简单的HTML代码，如我的静态网页欢迎来到我的网页这是我的第一个静态网页。这里的关键是使用HTML标签来构建页面结构。接下来，你需要安装一个文本编辑器，如Notepad++或Sublime Text，它们可以帮助你更好地编辑和查看HTML代码。
3、随便进一个网页。把这段代码打到浏览器中javascript：document.body.contentEditable=true；document.designMode=on；void0。然后，修改想改的内容。输入javascript：document.body.contentEditable=false；void0进行保存。
4、开通云开发：通过小程序开发者工具注册小程序并创建项目，确保使用自己的appid，然后开通云开发。 开通静态网站功能：在云开发中开通静态网站功能，并按量付费。 部署网站：将静态网页上传到静态网站。 访问网站：通过云开发提供的默认网址访问网站。
