西京学院经济系.docVIP

西京学院经济系 《网页设计与制作》 实 训 指 导 书 电子商务教研室 杜 永 红 2008年11月5日 《网页设计与制作》实 训指导书 一、实训的目的及功能定位 应用远程站点管理的知识和技能；应用本地站点管理的知识和技能；应用网页页面设计的知识和技能；应用网页制作的知识和技能；培养以上知识和技能的综合应用能力 二、实训总体要求 自己负责作品的保存注意存放到机房被误删要独立完成，不能合作，不可以从网上下载网页直接交上来。可以模仿某个网站申请免费域名、免费主页空间，并发布站点。交作业前申请便可站点设计合理、管理有序、无多余文件和文件夹、大小合适使用媒体（音频和视频文件）首页命名要规范，存放位置要正确，不可以是zhuye.htm、main.htm、我的主页.htm等。主页文件名应该使用index或default等。其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。最好是符合各种系统命名规则站点至少要有层结构，页面数不得少于5页自选主题，主题内容要合法、健康、实用 网页要有落款、版权说明要仔细考虑网站定位。分析面向的潜在访客群体的需求特点，选择内容和版式网站主题突出、内容丰富网站风格统一，设计适合于主题的LOGO各页面设计合理、美观，有创意。不要太花哨或太孩子气。要有网页平面设计过程，不要只是各种元素的随意拼凑图片动画选用要适合主题，不要在网页中插入不相干的图片。适用于各种显示器的分辨率和颜色不要太宽，否则显示器分辨率小时会出现水平滚动条各个页面之间的链接要合理有效，路径要正确（相对路径）合理使用css样式。不要在各个页面中重复定义相同的Css样式应该将css样式存放到css文件中，然后附加（链接）到各页中注意网站的大小，图片保存格式和图片大小要合适； 代码结构清晰，无垃圾代码总学时学时设计方案：潜在访客群体的需求特点：版式和内容的需求；站点目录结构图：色彩方案：主色调、次色调；布局方案：导航和其他网页内容的位置；平面设计图：使用photoshop绘制网页平面设计图；制作网页主页：切割图片；制作动画；录入文字；制作网页；制作其他页，完善优化网站：优化代码优化图片链接各网页 完善优化网站：测试网站优化网站制作动态效果在课程设计之前提交报告和作品。站点结构图 3．对网站整体结构进行设计 确定网站的版式 主页的草图 主页实现的技术 栏目页的草图 栏目页实现的技术 内容页的草图 内容页实现的技术 草图的设计采用photoshop或firework来绘制，技术可选择采用FLASH动画、多媒体特效、JAVASCRIPT/VBSCRIPT技术、JAVA APPLET等。 4.主页的制作 创建一个本地站点命名为www，站点内包含一个子目录images作为图像文件夹。 修改绘制的主页草图，添加行为，输出为HTML文件。 制作动画，插入到在网页适当的位置。 在网页中录入文字 完成主页设计 ５．栏目页及内容页制作 规划栏目页和内容页的样式，可选用模板或框架结构。 根据模板或框架结构生成栏目页及内容页 添加页面链接 检测网页有无垃圾代码，链接是否准确 测试站点 ６．站点上传 在internet上，申请免费个人空间 利用ＦＴＰ工具，上传整个站点 打开浏览器，浏览站点是否有误 ７．完成实训报告和提交网站作品 写出实训报告并及时提交网站作品。 六、实训成绩细则 项目 指标 分数 远程站点5 分 有效的主页空间，并上传站点 3 有效的域名 2 本地 站点 分 主页文件名正确 2 主页保存位置正确 2 站点资源组织（目录结构）合理 3 站点中无多余文件和文件夹 3 站点中平均网页大小小于 400K 2 站点至少有层 3 页面数 5 — 8 页 1 各页之间跳转方便，各子页均可返回到主页 2 没有无效链接 文字内容使用 CSS 样式表文件控制 4 内容 8 分 各网页内容合法、健康、实用 4 网站主题突出、内容丰富 2 各网页主次分明，文章流畅，内容正确 2 网页平面设计28 分 网站风格统一 2 LOGO 设计新颖、美观 5 网页布局设计合理、清晰 2 色彩搭配合理 3 动静搭配合理 3 图像、动画设计美观、大方、专业、有创意 5 导航设计实用美观 3 文字清晰、规范 2 适用于各种显示器分辨率和颜色 3 技术12 分 浏览速度正常 2 图片和动画能够正常显示 3 代码结构清晰，无垃圾代码 3 表单使用合理，提交后打开浏览留言页； 4 其它 10 分 按时提交设计方案报告 4 三次验收均合格 3 按时提交大