项目三设计制作商务网站的网页
项
u学习网页制作的相关知识和技能
目u运用Photoshop的基本方法制作服装网页Banner
描u运用Flash的基本使用技巧制作网页动画
述
项
u任务一设计制作体育商品展示网页
目u任务二设计制作网上服装商品店铺
分u任务三让网上店铺的商品鲜活起来
解
1
任务一设计制作体育商品展示网页
活动一制作足球体育用品店铺页面
活动二制作足球商品店铺相关网页
2
活动一制作足球体育用品店铺页面
“足球天下”店铺的主页面要吸引人，而且要能把需要
展示的内容都展示出来，页面布局及内容安排要合理。使
用Dreamweaver软件制作网页还是非常直观的，所谓“所见
即所得”，操作与常用的一些软件基本相同，使用这个软
件来制作网页是一个不错的选择。
3
使用表格来控制和创建页面是一个基本且简单的方法。
主页面制作，一般包括页头、主体、页尾三个部分。页头
一般放置网站的logo和导航链接，主体是网页的内容部
分，页尾会放置一些版权声明、使用协议等。
在制作网页时应尽量避免出现横向滚动条。
1.新建文件夹
①插入一个三行一列的表格
②使用表格属性将表格置于页面中心
①②
③
新建文件夹设置表格表格属性窗口
4
③插入Banner图片
插入Banner图片（一）插入Banner图片（二）
2.编辑导航栏
①②
拆分单元格设置图片
③
④
表格设置后的效果设置表格
使用CSS样式定义文字格式颜色
⑤⑥
CSS样式属性设置
tdheight=“10”?div?td
用HTML语句设置行高
行高修改语句
图片插入后的效果图
3.编辑内容表
①在导航栏右侧单元格内插入一个放置商品内容的表格。
②在第一行插入1行3列的表格。
③在第二行中插入1行6列的表格。
④将第三行拆分为两行。在第三行插入1行2列的表格。在第二行两
个单元格内分别插入图片
⑤在第四行内插入图片
图片插入后的效果图
4.编辑网页说明与店铺服务
将外部表格最后一行拆分为两行，在第三行内插入图片，在第四行内输入文字。
网页底部样张
8
5.页面设置