dreamweaver div css网页设计_HTML静态网页作业制作北京黎红学院学校网站

详情介绍

文章目录

题目

静态网页设计任务通过制作完成，应用DIV加CSS技术构建，包含众多独立页面，首屏运用CSS进行排版，特色显著，色调亮眼充满动感。导航条和页脚底部的背景色延伸至全屏，中心板块的幅宽

一套优质的网页设计应该包含 (具体可根据个人要求而定)

页面由页头构成，接着是菜单导航栏，该导航栏具备下拉功能，然后是主要内容区域，最后是页脚，整体分为四个主要部分。

所有页面相互超链接，可到三级页面，有5-10个页面组成。

页面布局规范统一，显示整齐，没有错位现象，采用Div和Css技术构建

菜单美观、醒目，二级菜单可正常弹出与跳转。

要有JS特效，如定时切换和手动切换图片轮播。

页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。

页面清爽、美观、大方，不雷同。。

必须可以展示用户指定的信息，同时要确保排版合理，界面赏心悦目，色彩搭配和谐，呈现手法丰富。

网站整体构造上，打算使用当前普遍应用的、能够适配众多常用浏览器的、界面呈现始终如一的流式网页构造方案。

网站程序方面：打算运用当前最前沿的网页设计语言HTML5结合CSS3和，来实现网站的功能构建。同时要保证网站编码能够适配市面上所有主流的浏览器，以便用户访问后能立刻预览到网站的实际呈现。

素材准备方面：打算从众多渠道搜集精美的视觉资源，再从中筛选出符合网页设计的图像，接着借助图像处理软件调整至适配网页的规格。

网站文件方面：系统文件包含多种类型，有构建页面布局的文件，有设定页面样式的文件，有实现页面动态效果的文件，还有构成页面视觉内容的图片文件。

网页制作层面：网页成品代码基础，能够借助任何HTML编写工具（诸如：某某、某某、某某、某某、某某、某某等各类HTML编写工具）来执行及调整编辑等任务。

其中：

这个网页文档囊括了多种文件，index.html充当起始页的角色，其余的html文档都属于次级页面。

这个css文件里面，涵盖了所有页面的外观设计，包括了文字的动态移动效果，还有图片的缩放功能。

这个js文件里涵盖了动态轮换画面效果, 数据表单递交, 鼠标点击响应等功能, 这些都是某些网页会采用js代码来实现的部分。

HTML结构代码