静态网页设计制作中的布局模式
1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
2、静态布局：静态布局使用像素（px）作为设计单位，页面元素的大小在不同的显示宽度下是固定的。这种布局方式简单直接，易于控制，但缺乏灵活性，不适应屏幕尺寸的变化。它适用于设计固定、不需要响应式的网页，如一些大型企业的官方网站。
3、其次，DIV布局是通过html中的div标签来创建区块，再通过CSS进行样式设置，实现页面布局。这种布局方式具有高度的灵活性和可定制性，可以根据需要调整每个区块的大小和位置。但是，div布局在实现复杂的布局时需要编写大量的CSS代码，这可能会导致代码冗余和维护困难。
静态网页设计
1、网页设计一般分为以下三种大类：静态网页设计静态网页是相对于动态网页而言的，其内容是预先设计好的，不会因为用户的操作而改变。静态网页一般用于展示一些固定的信息，如公司简介、产品介绍等。由于静态网页的技术相对简单，所以对于一些初学者或者只需要简单制作网页的人来说，是一个很好的选择。
2、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
3、静态网站的构建主要依托HTML、CSS、JS，关键在于排版设计。网页作业应涵盖以下知识点：div布局、浮动、定位、高级CSS、表格、表单及验证、JS轮播图、音频、视频、flash应用、ul li、下拉导航栏、鼠标划过效果等。
4、本设计方案以宫崎骏动画为主题，通过HTML、CSS和JavaScript技术实现了一个包含五个大页面的静态网页。网页设计注重视觉美感和用户体验，提供了丰富的内容和便捷的导航功能。对于希望在期末大作业中展现出色网页设计技能的大学生来说，本方案是一个值得参考的范例。
5、制作静态网页的步骤： 确定网页内容与设计。 使用HTML编写网页结构。 使用CSS进行样式设计。 使用javascript进行交互功能增强。 保存并测试网页。接下来进行 确定网页内容与设计：在开始制作网页之前，首先要明确网页的目的、内容和设计风格。
怎么做一个静态网站
1、开通云开发：通过小程序开发者工具注册小程序并创建项目，确保使用自己的appid，然后开通云开发。 开通静态网站功能：在云开发中开通静态网站功能，并按量付费。 部署网站：将静态网页上传到静态网站。 访问网站：通过云开发提供的默认网址访问网站。
2、第一步，打开目标网站，进行右键操作，选择“查看网页源码”选项。第二步，将网页源码进行复制操作，并将其保存为名为“index.html”的文件。第三步，将“index.html”文件上传至免费空间网站的根目录。第四步，注意修改引用图片的地址，确保图片能够正常显示。
3、Apache服务器配置 开启mod_rewrite模块：首先，需要确保Apache服务器的mod_rewrite模块已开启。这通常需要在Apache的“httpd.conf”文件中找到并取消注释LoadModule rewrite_module modules/mod_rewrite.so这一行。使用.htaccess文件：将.htaccess文件放置在网站的根目录下，并在该文件中添加重写规则。
