电子商务网站的主页设计授课：花小琴

设计步骤

•大体框架 •搜集素材•在 PS中绘制图片

•模板生成•文件包含

•栏目•布局

•PS切片•DW直接布局

草图

布局图（示意图）

美工图

美工图——搜集素材

–电子商务网站参考图–各种实用小图标–商品图片（大图 /小图）

在 PS中绘制图片

–美工图–网页元素

按钮LOGO导航栏边框

网页

PS美工图切片——生成网页 DW直接布局——表格或者 DIV＋ CSS 同时完成任务：– 数据库结构图– 网站目录文件设计

网站

由首页另存为模板——应用模板 将首页分为头部，中部，底部；公共部分用 include包含