网页设计与制作大作业

伊犁师范学院

《网页设计》期末课程设计

设计题目：草样年华个人网站

学 号：014

姓 名：刘宝龙

院 系：电子与信息工程学院

专业班级：计算机科学与技术08-2

指导老师：王雪峰

一、设计思想

在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已经越来越多，成为世界上网民最多的国家。许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图像、声音、动画和视频等信息和内容，具有丰富的多媒体信息与互动特点，无可置疑，网站已成为最吸引人的也是最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，发展自己的才华和风格。

二、开发环境及软件

Windows XP，Macromedia Dreamweaver 8，photoshop CS3，flash等

三、系统结构功能图、页面结构草图及部分页面截图

四、部分代码（主要添加CSS代码）

1.添加浮动照片

个人档案

（二级页面） 相册

（二级页面） 留言板

（二级页面）

首页

(一级页面)

青春纪念册1

（三级页面） 青春纪念册2

（三级页面） 真三

（三级页面） 英语

（三级页面） 日志

（二级页面）

养生

（三级页面）

height="300">

type="application/x-shockwave-flash" width="200" height="300">

html网页制作期末大作业

近年来，互联网的发展和普及使得网页制作变得更加重要。无论是个人用户还是企业机构，都需要一个具备吸引力和用户体验良好的网页来展示自己的信息和产品。在这个背景下，学习和掌握网页制作技术成为了一项重要的能力。在期末大作业中，我们需要展示所学的HTML网页制作技术，通过设计一个具有吸引力和功能性的网页来展示自己的能力和知识。

在开始制作期末大作业之前，我们首先需要明确作业的目标和需求。根据教师的要求，我们可以选择固定的主题或者自由发挥来设计自己的网页。无论是哪种选择，我们应该从用户的角度出发，考虑他们对网页的需求和期望。一个好的网页应该具备以下几个方面的特点：

1.吸引力：网页的设计应该吸引用户的眼球，让他们愿意停留并探索网页的内容。这可以通过使用吸引人的图片、色彩搭配和排版来实现。

2.用户友好性：网页的布局和导航应该简洁明了，用户能够轻松找到他们需要的信息。

3.可访问性：网页应该在不同的设备和浏览器上都能正常显示和使用，确保用户无论使用电脑、手机还是平板都能获得良好的体验。

4.功能性：网页应该具备一定的功能，如表单提交、视频播放、图片轮播等，以提供更多的交互和娱乐性。

制作一个完整的网页还需要考虑网页的可访问性和浏览器的兼容性。为了确保网页在不同的浏览器上都能正常显示，我们可以使用CSS的前缀来适配不同的浏览器。此外，我们还可以使用媒体查询来设置不同屏幕尺寸下的网页布局，以提供更好的用户体验。 通过完成期末大作业，我们不仅可以展示自己学到的知识和技能，还可以提高自己的网页制作能力。设计一个具有吸引力和功能性的网页需要考虑多个方面的因素，这对我们来说是一个很好的练习和挑战。通过不断的实践和反思，我们可以不断提升自己的网页制作能力，为今后的工作和学习打下坚实的基础。

《网页设计与制作》期末课程设计要求

一、具体要求

1、主题（5分）

网站主题自定，内容健康，个性突出，主题明确。

2、名称（logo）（10分）

名称要体现网站主题，要正气、易记、有特色，根据主题特色设计网站标志。

3、内容（20分）

要求内容较丰富，紧扣主题，积极向上，对用户有一定吸引力；不能有反动、暴力等不道德、不健康的内容，具有一定的艺术性、趣味性和知识性。

4、网站的栏目版块及功能（20分）

a) 要有导航栏。

b) 不少于3个栏目，每个栏目不少于3个页面；超级链接的结点点通率100%；

c) 网页中必须有原创元素，包括PS图片、Flash动画，提交时将源文件（如.psd，.fla）一起提交。

d) 网页底部必须有作者的姓名、电子邮件、地址等联系信息。

5、界面风格、创意（10分）

显示分辨率以800*600为显示标准。页面整体美观，界面清楚、整洁，使用布局、色彩、图案、标志、文字、声音、视频、动画、样式、版权等符合主题、搭配协调、前后统一。页面布局要合理，美观、易扩充，疏密要得当，浏览和查询方便，页面导航方便、快捷。

6、网站的文件结构（15分）

a) 目录层次：

不要将所有文件都存放在根目录下；按栏目内容建立子目录；目录的层次不要太多，建议不要超过3层。

b) 文件命名要求：

网页首页文件名为index.html；网页中的各种文件夹和文件名均使用小写英文字母和阿拉伯数字组合，不得使用中文、标点符号或其他特殊字符； 名字不要太长，尽量做到“见名知意”。

c) 合理使用文件

音频、视频等文件使用合理，不要滥用，应注意其文件大小，以防影响浏览速度；不含与网页无关的文件。

d) 整个网站包括主页不少于10个页面，网站总大小不得超过3M。

7、技术性（20分）

网站中必须使用到的技术（知识点）：

a) 布局

b) 模板

c) CSS样式

d) 超链接

二、网页制作报告要求（以书面和电子文档形式与网站一同上交）

《网页设计与制作》综合实训

第一篇：《网页设计与制作》综合实训

《网页制作》期末大作业

一、概述：

要求设计并制作一个表达某个主题的网站，通过网站的制作，综合运用本课程各单元所学的知识。网站的内容不能是一些素材如图片、音乐等的堆积，必须有鲜明的主题。可以从网上下载部分资料，但不能超过整个内容的30%，更不要指望从网上下一个完整的网站应付老师。总的页数应超过10页（一个包含主题内容的htm文件算一页）。请同学们注意不要下载相同的资料，如果出现网页内容雷同，双方都要扣分，严重的必须重做。

二、网站内容：

自行选择如下内容：科普、科幻知识；公益形象宣传；大、中、小学教学用动画形象；奥林匹克体育；环境保护；战争与和平；求职；校园生活；诚信、传统美德；交通安全；卫生与健康；爱心；教育；新青年；管理；实用工具等。 自己确定一个主题，整个网站要突出主题，信息分类合理，导航清晰。要求必须有自己创作的内容，这些原创内容可以是文字、图片、动画等。

三、版面及格式：

l、要求图文并茂，颜色搭配合理，但是图片及声音文件不要太大。如果能加入自己创作的动态元素(如Flash，Gif动画等)将获得加分。希望充分发挥自己的创作能力。

2、要求每个网页都使用表格布局。

3、要求网页中插入有Web组件，包括悬停按钮、滚动字幕、横幅广告管理器等。

4、导航设计简洁明了，不能有“死链接”，要保证能够在网络上浏览。

5、自创内容越多越好，得分越高。

四、递交方式： 1、每个同学以自己的学号姓名建一个文件夹，上交时间为18周

2、所做网页的首页文件名必须为index.htm

3、所有文件名和目录名全部使用英文字母和数字，不得使用汉字或全角符号，否则，网络将出现死链接。

4、递交时必须把网页中所有用到的图片 、声音、动画等都一起上传到服务器。网页的总容量一般不要大于3MB

5、建议将网页中的素材分类，建立不同的子目录存放。

五、网页评分标准: