本文目录一览：
期末大作业!静态html网页设计制作|宫崎骏网页,一共5个页面,html+css+...
1、页面规划：首页：展示宫崎骏动画的精华内容，包括动态轮播图展示动画封面或精彩瞬间，实现页面跳转链接到各个子页面，并嵌入视频播放功能，增加用户互动性。同时，设置一键返回顶部按钮，提升用户体验。动画介绍页面：详细介绍宫崎骏的各部动画作品，包括剧情简介、角色介绍、制作背景等。
静态网页设计制作中的布局模式
布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
二分布局：将网页分为左右两个部分，通常左边是导航栏或目录，右边是主要内容。三分布局：将网页分为左、中、右三个部分，可以分别用于导航、内容和侧边栏等功能。T型布局：页面顶部为横条网站标志和广告条，下方左侧为导航菜单，右侧显示主要内容。
其次，div布局是通过HTML中的div标签来创建区块，再通过CSS进行样式设置，实现页面布局。这种布局方式具有高度的灵活性和可定制性，可以根据需要调整每个区块的大小和位置。但是，div布局在实现复杂的布局时需要编写大量的CSS代码，这可能会导致代码冗余和维护困难。
主要的布局方式有表格布局、层布局和框架布局。其中表格布局借助表 格实现页面布局，把对表格的约束直接书写在 HTML 中的 Table 代码中；层布局是利用 Div+CSS 文档实现布局，由于在层布局中，对层格式的定义可以集中在 CSS 文档中，使得 网页的编码效率高，是当前主流的布局方式。
静态网页的布局模式主要有：表格布局 层布局 div+css样式表布局 布局表格等 备注：表格布局容易把握，是最简单的一种总局方式，适用于初学者。设计网页的第一步是设计版面布局。所谓布局，就是以最适合浏览的方式将图片、文字以及表单等元素排放在页面的不同位置。
布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构： “同”字型结构布局 所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。
网页制作有哪几部分组成
网页制作主要由以下几部分组成：静态网页： 设计：包括图片处理、网页布局以及FLASH特效等。设计是网页制作的基础，它决定了网页的外观和用户体验。 代码编写：主要是指网页布局代码，以及可能包含的JAVA特效代码、VBSCRIPT特效代码等。这些代码用于实现网页的功能和交互效果。
网页设计制作标准规范包括以下几个方面：目录和文件结构 根目录设置：开设images、common、temp三个子目录，并根据需要开设media子目录。images目录存放公共图片，如公司标志、banner条等。common目录存放css、js、php等公共文件。temp目录存放客户提供的原始资料。media目录存放多媒体文件。
网页制作是一项复杂而综合性的任务，它涵盖了广泛的领域，包括商业策略、平面设计、用户体验设计、编程语言以及数据库管理等要素。整个制作流程通常分为三个主要部分：策划、前端和后端。策划阶段是网页设计的灵魂，它涉及网站的定位、功能规划、市场分析、流程设计以及内容结构构建。
我们说一般网页有header（头部区）、banner（广告横幅区）、main（主体内容区）、footer（底部区），单页并非所有网页都是这样，有些网页没有banner但是初学者容易将header下面那一部分硬划分为banner，有些网页除了这几部分还会有比如icon等区域由喜欢将他们划分到main中去。 说到main区，这个结构划分就多种多样了。
标签： 静态网页设计的分工
