《网页设计》电子商务-教学课件-=设计制作商务网站的网页PPT课件.pptx

项目三设计制作商务网站的网页

项

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.页面设置