网页制作(电子商务专业)-考试.doc

《网页设计与制作》期末考试
一、设计并制作一个网站（100分）
自拟网站主题，内容，设计网站的页面布局，并收集相关资料，制作一个主题鲜明、内容充实、布局合理的网站。
考试要求：
1. 利用表格或框架进行网页布局；
2. 网站首页至少包含五个栏目，即五个子页面，其中一个是表单页面，且保证各页面的风格统一；
3. 网页中要包含代表网站主题的banner图片、logo图片、flash动画、相关图片、超链接等网页元素；
4. 利用CSS设置网站内容及排版；
5. 设计思路清晰，栏目设计和层次结构明确、合理、链接正确，栏目内容丰富、规范。

网站主题：（可从以下主题选定，也可自拟）
1. 电子商务网站（网上书店，数码产品店，服装店。。。。。）
2. 个人网站 3. 同学录网站 4. 班级网站 5 体育网站 5.汽车网站 6. 美食网站
7. 旅游网 8. 淘宝社团网 9. 凡客推介网 10. 企业网 11. 娱乐网 12.校园二手网

实训指导书
前期准备阶段：

1. 确定主题，选择感兴趣的内容作为网站的主体内容； 确定网站的风格和色彩，且要与网站主题相吻合； 从网上查找所需的图片、文字、多媒体素材，并保存到本地计算机；
注意：保存图片时，将保存名称改为可识别的简短字符，如背景图片，则保存为bg.gif,网页顶部图片，保存为banner.gif等等；
2. 需求分析：查阅相关资料，收集信息，了解网站需求及功能，将信息整理成文档形式。（此过程为一个反复思考，反复细化，反复整理的过程）
可行性分析：对网站开发的意义及可利用性进行分析，采用何种软件、技术实现
3. 确定网站的五个栏目（可更多），即导航栏的项目。最后一个栏目所链接的子页面为表单页面。 画出网站功能结构图（树型结构）
4. 编写一份网站规划书

5. 设计首页布局，网页布局可利用学过的表格、布局表格或框架来设计，画出首页布局的草图，以方便用dreamweaver软件制作。

中期制作阶段：
1．创建一个文件夹webpage，将所有网页内容放到该文件夹内；
下载的资源放在指定文件夹内，具体文件结构参考下图。

用于存放网页中的图片
用于存入网页中的flash、音频、视频文件等
首页文件
其它子页面，其文件名取名用栏目名称的拼音第一个字母组合
。。。。。。

2．创建站点，将站点的路径指向webpage文件夹
注意：一旦网页文件.html和图片等文件的路径关系确定下来就不能随意更改，后则会出现无法显示图片现象.
3. 首页和子页面的制作。要求：
1) 内容、图片与主题相符
2) 有必要的图片和文字搭配，可用表格进行格式排版
3) 统一用css样式文件设置网页文字大小、颜色、行距、背景色、背景图片、文字环绕图片效果及链接样式（文字链接颜色、鼠标浮动颜色、被访问过后颜色）等
4) 可利用模板和库功能统一首页与各子页面的风格
4. 预览与测试
1) 测试各链接是否能正确到达
2) 网页是否居中显示
3) 图片是否正常显示、文字大小、颜色是否统一

后期检查阶段：
检查时间：最后一次上机课。
检查内容：
1. 收集网站设计报告书电子版（格式及要求见后面），文档命名为“学号-姓名.doc”
2. 检查网站，并针对网站内容提问。

网站设计报告书格式及要求：
主要包括以下几个方面的内容：
1．网站概述：网站名称，网站需求、针对的人群、可行性及意义，网站主要内容，网站功能结构图；
2．详细设计：网站首页及其它子页面的功能，设计意图及截图（截图大小保持大小一致，且不要超出文档正常范围）
3．网页设计中运用的技术：网站中实现了哪些技术或者创新、或者原创内容，如框架、模式、库、多媒体、层等。
4．遇到的问题及解决方案：
5．总结：制作过程的心得体会及改进之处。
格式要求：标题小四黑体，正文5号宋体，行间距1.5倍，用A4纸打印。

3 / 3