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

PAGE  第  PAGE 3 页 共 3 页 《网页设计与制作》期末考试 一、设计并制作一个网站（100分） 自拟网站主题，内容，设计网站的页面布局，并收集相关资料，制作一个主题鲜明、内容充实、布局合理的网站。 考试要求： 利用表格或框架进行网页布局； 网站首页至少包含五个栏目，即五个子页面，其中一个是表单页面，且保证各页面的风格统一； 网页中要包含代表网站主题的banner图片、logo图片、flash动画、相关图片、超链接等网页元素； 利用CSS设置网站内容及排版； 设计思路清晰，栏目设计和层次结构明确、合理、链接正确，栏目内容丰富、规范。 网站主题：（可从以下主题选定，也可自拟） 电子商务网站（网上书店，数码产品店，服装店。。。。。） 个人网站 3. 同学录网站 4. 班级网站 5 体育网站 5.汽车网站 6. 美食网站 7. 旅游网 8. 淘宝社团网 9. 凡客推介网 10. 企业网 11. 娱乐网 12.校园二手网 实训指导书 前期准备阶段： 确定主题，选择感兴趣的内容作为网站的主体内容； 确定网站的风格和色彩，且要与网站主题相吻合； 从网上查找所需的图片、文字、多媒体素材，并保存到本地计算机； 注意：保存图片时，将保存名称改为可识别的简短字符，如背景图片，则保存为bg.gif,网页顶部图片，保存为banner.gif等等； 2. 需求分析：查阅相关资料，收集信息，了解网站需求及功能，将信息整理成文档形式。（此过程为一个反复思考，反复细化，反复整理的过程） 可行性分析：对网站开发的意义及可利用性进行分析，采用何种软件、技术实现 3. 确定网站的五个栏目（可更多），即导航栏的项目。最后一个栏目所链接的子页面为表单页面。 画出网站功能结构图（树型结构） 4. 编写一份网站规划书 5. 设计首页布局，网页布局可利用学过的表格、布局表格或框架来设计，画出首页布局的草图，以方便用dreamweaver软件制作。 中期制作阶段： 1．创建一个文件夹webpage，将所有网页内容放到该文件夹内； 下载的资源放在指定文件夹内，具体文件结构参考下图。 用于存放网页中的图片 用于存入网页中的flash、音频、视频文件等 首页文件 其它子页面，其文件名取名用栏目名称的拼音第一个字母组合 。。。。。。 2．创建站点，将站点的路径指向webpage文件夹 注意：一旦网页文件.html和图片等文件的路径关系确定下来就不能随意更改，后则会出现无法显示图片现象. 首页和子页面的制作。要求： 内容、图片与主题相符 有必要的图片和文字搭配，可用表格进行格式排版 统一用css样式文件设置网页文字大小、颜色、行距、背景色、背景图片、文字环绕图片效果及链接样式（文字链接颜色、鼠标浮动颜色、被访问过后颜色）等 可利用模板和库功能统一首页与各子页面的风格 预览与测试 测试各链接是否能正确到达 网页是否居中显示 图片是否正常显示、文字大小、颜色是否统一 后期检查阶段： 检查时间：最后一次上机课。 检查内容： 收集网站设计报告书电子版（格式及要求见后面），文档命名为“学号-姓名.doc” 检查网站，并针对网站内容提问。 网站设计报告书格式及要求： 主要包括以下几个方面的内容： 1．网站概述：网站名称，网站需求、针对的人群、可行性及意义，网站主要内容，网站功能结构图； 2．详细设计：网站首页及其它子页面的功能，设计意图及截图（截图大小保持大小一致，且不要超出文档正常范围） 3．网页设计中运用的技术：网站中实现了哪些技术或者创新、或者原创内容，如框架、模式、库、多媒体、层等。 4．遇到的问题及解决方案： 5．总结：制作过程的心得体会及改进之处。 格式要求：标题小四黑体，正文5号宋体，行间距1.5倍，用A4纸打印。