西京大学经济系.docVIP

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