admin 管理员组文章数量: 887021
2023年12月16日发(作者：编程研究小案例)
ABC公司图书销售网站首页制作
任 务 书
一．任务描述
在小王所在的网络公司为ABC公司设计了电子商务网站的栏目、风格、连接结构和目录结构后，已经完成了首页的设计工作，并准备好了网页素材，接下来的工作就是制作首页。本节课的任务：假如你是小王，请为ABC公司图书销售网站制作首页。
二．任务要求
按照自己设计的首页草图，使用准备好的网页素材，参阅“任务指导书”完成首页（）制作。
作业提交：将站点文件夹压缩上传到FTP服务器（ftp://192.168.6.90）。
„„„„„„„„„„„„„„„„„„„„„„„„„„„„
任务指导书
一．ABC图书销售网站首页制作依据：
① 满足用户（即ABC公司）需求；
② 发挥首页的作用（引导分流作用、信任展示作用）；
③ 满足不同首页用户（网站访问者——“淘”、“逛”）的使用；
④ 首页要素完整（头部形象、搜索、商品分类、推荐及活动）；
⑤ 布局合理、色彩协调；
⑥ 简洁、实用、易实现；
⑦ 符合行业规范（见后面的附件）。
二．ABC图书销售网站首页制作所需材料及工具
所需材料：设计好的Logo、banner、网站名称、栏目等；准备好的图片、文字、首页效果草图等。
所需工具：Dreamweaver。
三．依据评价标准进行工作
（一）评价标准
序号
1
2
3
4
评价项
满足用户需求
布局合理、色彩协调
简洁、实用、易实现
组成
发挥首页作用～引导分流作用
1
评价
合良优格
好 秀
要素
发挥首页作用～信任展示作用
（“淘”、“逛”）
完整
满足不同首页用户的使用5
符合行业规范（参照下面的附件“网页制作行业规范”中的“教师导读”进行评价）
（二）任务执行步骤
1. 启动Dreamweaver，创建站点，站点文件夹为你所设计的目录结构中的根目录。
2. 插入表格，注意表格的宽为778 px，高为434 px。
3. 根据上次课设计的首页效果草图，确定表格的行数和列数。
4. 在表格相应位置插入头部、导航等。
5. 保存文件名为。
6. 检查评估自己的工作。
你的首页发挥了引导分流作用和信任展示作用吗？
你的首页布局是否合理？色彩是否协调？
你的首页是否简洁、实用、易实现？
你的首页要素（头部、搜索、商品分类、推荐及活动）完整吗？
你的首页大小、图片规格、文件命名等是否执行了行业规范？
依据上面的评价标准，给出你的自评成绩：
7. 上交你的工作成果。
„„„„„„„„„„„„„„„„„„„„„„„„„„„„
附件：网页制作行业规范（节选）
（一）、网页设计标准尺寸
页面标准按800*600分辨率制作，实际尺寸为778*434px。
教师导读：例如用一个表格布局，则用该表格设定页面的大小，宽为778 px，高为434 px。
页面长度原则上不超过3屏，宽度不超过1屏。
（二）、标准网页Logo尺寸规格
88*31，主要用于网页链接，或网站小型Logo。
120*60，这种广告规格主要用于做Logo使用。
120*90，主要应用于产品演示或大型Logo。
教师导读：你的Logo是做什么用的？
如果是一个链接，尺寸应为88*31；
如果是一个广告，尺寸应为120*60；
如果是宣传企业或网站的，尺寸应为120*90。
（三）、标准网页广告尺寸规格
2
234*60，这种规格适用于框架或左右形式主页的广告链接。
392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。
468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。
教师导读：如果你的网页中有广告，首先明确你的主页是哪种布局。如果是“同”“国”“T”型的布局，广告尺寸可选择为392*72（适用于图片式广告）或468*60，其它型的布局，可用234*60。
（四）、文件命名原则
每一个目录中应该包含一个缺省的html 文件，文件名统一用。
文件名称统一用小写的英文字母、数字和下划线的组合。
教师导读：网站首页如果是静态页面，命名为（ABC公司图书销售网站首页暂设计为静态页面）；动态的则根据所使用的语言命名，如、等。
（五）、图片的命名原则
名称分为头尾两两部分，用下划线隔开。
名称的头部表示图片的大类性质（例如广告、标志、菜单、按钮等）。
教师导读：
⑴放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner；
⑵标志性的图片我们取名为：logo；
⑶在页面上位置不固定并且带有链接的小图片我们取名为button；
⑷在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu；
⑸装饰用的照片我们取名：pic；
⑹不带链接表示标题的图片我们取名：title。
名称的尾部用来表示图片的具体含义。
教师导读：例如banner_，可以作为ABC图书公司顶部的广告或装饰图片名称；banner_新浪网的头部广告或装饰图片名称。
3
版权声明：本文标题：网站页面制作——首页设计学生用任务书及指导书 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1702735781h428648.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论