1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
2、静态布局：静态布局使用像素（px）作为设计单位，页面元素的大小在不同的显示宽度下是固定的。这种布局方式简单直接，易于控制，但缺乏灵活性，不适应屏幕尺寸的变化。它适用于设计固定、不需要响应式的网页，如一些大型企业的官方网站。
3、核心功能：采用JavaScript制作侧边栏电梯导航，便于用户浏览不同角色信息。内容布局：精心排版文字和图片，展现宫崎骏动画中主要角色的详细信息。其他三个页面 内容设计：根据页面主题，展示宫崎骏动画的相关内容，如作品介绍、制作过程、用户留言等。交互体验：确保页面间的流畅跳转，提升用户浏览体验。
4、其次，DIV布局是通过HTML中的div标签来创建区块，再通过CSS进行样式设置，实现页面布局。这种布局方式具有高度的灵活性和可定制性，可以根据需要调整每个区块的大小和位置。但是，div布局在实现复杂的布局时需要编写大量的CSS代码，这可能会导致代码冗余和维护困难。
首先，下载并安装DreamWeaver，然后打开软件，创建一个新的网页，通常选择“html”来建立网页。选择“经典”界面，以便更方便地使用该软件。 在软件界面的下方，选择“代码”、“拆分”和“设计”这三个视图，通常默认使用设计视图，这对新手来说具有可视化效果，可以更好地制作网页。
做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。
网页设计阶段：首先，必须选择网页的主题内容，必须具有自己的特征，然后根据主题构造计划，然后收集文本，音频，视频，图片 ，书籍，网际网路，杂志所需的资料。网页制作阶段：使用Dreamweaver，PS等软件制作网页，并根据制作过程的需要安排材料加工和制作。
网页制作的基本流程如下：明确设计任务：确定网页要表现的主题和要实现的功能。根据站点的性质和客户要求来具体制定设计任务。站点规划及草图绘制：在纸上进行站点的整体规划和布局设计。绘制网页的草图，确定页面结构、元素摆放等。网页制作：使用网页设计软件将草图变为现实。
1、网页设计阶段：首先，必须选择网页的主题内容，必须具有自己的特征，然后根据主题构造计划，然后收集文本，音频，视频，图片 ，书籍，网际网路，杂志所需的资料。网页制作阶段：使用Dreamweaver，PS等软件制作网页，并根据制作过程的需要安排材料加工和制作。
2、网页制作的基本步骤如下：挑选网页主题：确定网页的核心内容和目的，这是整个网页制作的基础。做网页构造整体规划：规划网页的结构布局，包括导航栏、内容区域、页脚等部分的设计，确保用户体验流畅。
3、网页制作的基本步骤。挑选网页主题。做网页构造整体规划。充足搜集原材料。一般来讲，会搜集文字、照片、动漫等原材料，还会继续历经书本、报刊、杂志期刊等方法，寻找一些需要的原材料。简易网页制作刚开始。
4、首先，下载并安装Dreamweaver，然后打开软件，创建一个新的网页，通常选择“HTML”来建立网页。选择“经典”界面，以便更方便地使用该软件。 在软件界面的下方，选择“代码”、“拆分”和“设计”这三个视图，通常默认使用设计视图，这对新手来说具有可视化效果，可以更好地制作网页。
5、网页设计制作详细流程要领一：确定网站主题做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。
6、网页设计初学者应该以下面几个步骤一次学习，便可以成为一个普通的设计者：（1）先学美工：学习PHOTOSHOP，学习这个的目的是做网页的效果图，并且懂得将整个效果图切割，放入网页。（2）学习DREAMVER这款软件的基础知识，特别是HTML语言。（3）通过以上学习，会做html静态网页后，就应该懂得下一步怎么学。
1、具体实现步骤如下： **首页**：以《庆余年》的视觉风格和主题元素为设计基础，通过轮播图和动态效果展现剧情概览和角色风采，吸引访客的注意力。 **角色介绍**：以详细的文字和高清剧照展示主要角色背景故事、性格特点及与剧情的关系，加深访客对角色的理解。
2、面对期末网页大作业的挑战，精心打磨网页成品，实现精致与完美。本篇将介绍使用HTML、CSS和JS制作庆余年主题的电视剧网页实例，展现网页设计与制作的精妙之处。从零开始构建Web页面，通过巧妙运用技术，我们打造了一个与影视元素相融合、DIV+CSS技术为支撑的网页设计，完美演绎影视主题网页制作的艺术。
3、新建网站：空白网页，原来做过一次网页的用打开网站制作主页：主页必须取名为index.htm，并且有可以链接到下面页的每一个超链接制作其它网页（需保存后方可在文件夹列表中显示）建立网页之间的链接，原先做好的个人自我介绍请作为其中一个网页给予连接。预览调试：浏览网页最终效果，保存后按f12。
4、原生（HTML+CSS+JS），网页作品代码简单，可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、vscode、Sublime、Webstorm、Text、Notepad++`等任意html编辑软件进行运行及修改编辑等操作）HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力，顶部导航及底部区域背景色为100%宽度。
