ABC公司图书销售网站首页制作
任务书
一．任务描述
在小王所在的网络公司为ABC公司设计了电子商务网站的栏目、风格、连接结构和目录结构后，已经完成了首页的设计工作，并准备好了网页素材，接下来的工作就是制作首页。本节课的任务：假如你是小王，请为ABC公司图书销售网站制作首页。
二．任务要求
按照自己设计的首页草图，使用准备好的网页素材，参阅“任务指导书”完成首页（index.htm）制作。
作业提交：将站点文件夹压缩上传到FTP服务器（ftp://192.168.6.90）。…………………………………………………………………………
任务指导书
一．ABC图书销售网站首页制作依据：
①满足用户（即ABC公司）需求；
②发挥首页的作用（引导分流作用、信任展示作用）；
③满足不同首页用户（网站访问者——“淘”、“逛”）的使用；
④首页要素完整（头部形象、搜索、商品分类、推荐及活动）；
⑤布局合理、彩协调；
⑥简洁、实用、易实现；
⑦符合行业规范（见后面的附件）。
二．ABC图书销售网站首页制作所需材料及工具
所需材料：设计好的Logo、banner、网站名称、栏目等；准备好的图片、文字、首页效果草图等。
所需工具：Dreamweaver。
三．依据评价标准进行工作
（一）评价标准
（二）任务执行步骤
1.启动Dreamweaver，创建站点，站点文件夹为你所设计的目录结构中的根
目录。
网站制作公司 北京2.插入表格，注意表格的宽为778 px，高为434 px。
3.根据上次课设计的首页效果草图，确定表格的行数和列数。
4.在表格相应位置插入头部、导航等。
5.保存文件名为index.htm。
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。
（三）、标准网页广告尺寸规格
♦234*60，这种规格适用于框架或左右形式主页的广告链接。
♦392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。
♦468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。
教师导读：如果你的网页中有广告，首先明确你的主页是哪种布局。如果是“同”“国”“T”型的布局，广告尺寸可选择为392*72（适用于图片式广告）或468*60，其它型的布局，可用234*60。
（四）、文件命名原则
♦每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm。
♦文件名称统一用小写的英文字母、数字和下划线的组合。
教师导读：网站首页如果是静态页面，命名为index.htm（ABC公司图书销售网站首页暂设计为静态页面）；动态的则根据所使用的语言命名，如index.asp、index.php等。（五）、图片的命名原则
♦名称分为头尾两两部分，用下划线隔开。
♦名称的头部表示图片的大类性质（例如广告、标志、菜单、按钮等）。
教师导读：
⑴放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner；
⑵标志性的图片我们取名为：logo；
⑶在页面上位置不固定并且带有链接的小图片我们取名为button；
⑷在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu；
⑸装饰用的照片我们取名：pic；
⑹不带链接表示标题的图片我们取名：title。
♦名称的尾部用来表示图片的具体含义。
教师导读：例如banner_abc.gif，可以作为ABC图书公司顶部的广告或装饰图片名称；banner_sina.gif新浪网的头部广告或装饰图片名称。