项目1 网站建设基础 1
任务1 网站基本概念 2
活动1 鉴赏优秀网站 2
活动2 申请注册域名 4
任务2 网站制作的常用工具 8
活动1 抠出并旋转图片 9
活动2 使用Flash制作心形 12
活动3 使用Dreamweaver制作表格 13
任务3 网站设计常用技术 15
活动1 用HTML语言编写简单的网页 16
活动2 设置CSS样式 17
任务4 网站开发的流程 20
活动 网站开发的流程 20
项目2 电子商务网站前期调研与规划 25
任务1 电子商务网站前期调研 26
活动 电子商务网站前期调研 26
任务2 电子商务网站建设规划 31
活动 电子商务网站建设规划 31
项目3 设计网站首页 38
任务1 确认页面大小和规划首页内容 39
活动1 确定网页页面大小 39
活动2 确定首页主要网页元素和展示内容 40
任务2 设计首页版式 43
活动 网站首页的草图 43
任务3 制作网站首页效果图 46
活动 制作网站首页效果图 46
任务4 首页切片 49
活动 创建网页切片 49
任务5 网站首页的重新定稿 54
活动 重新确定电子商务网站首页版式、内容，完成首页效果图的设计 54
项目4 设计网站首页页眉 66
任务1 设计网站Logo 67
活动1 设计商城Logo 67
活动2 将制作好的Logo秀出来 70
任务2 设计搜索栏 73
活动 设计搜索表单，添加输入文本框与提交按钮 73
任务3 设计页眉其他元素 75
活动1 插入Div，为新元素开辟空间 75
活动2 让各元素坚守自己的岗位 81
活动3 给各元素进行外表包装 82
项目5 创建首页导航栏 86
任务1 设计垂直导航栏 87
活动1 确定垂直导航栏的配色方案及文本属性 87
活动2 分析首页结构及垂直导航栏所在位置 88
活动3 明确垂直导航栏中的内容 89
活动4 确定实施方案及页面布局 90
活动5 垂直导航栏中一级导航项的制作 99
活动6 垂直导航栏中二级导航项的制作 112
任务2 设计水平导航栏 122
活动1 确定水平导航栏中各元素的配色方案及文本属性 122
活动2 确定水平导航栏的位置及结构 123
活动3 明确水平导航栏中内容，确定各部分尺寸 124
活动4 制作水平导航栏 124
项目6 设计首页轮换广告 133
任务1 制作Flash轮换广告条 134
活动1 利用Flash制作轮换广告条 134
活动2 将Flash制作的轮换广告条嵌入网页 141
任务2 JavaScript轮换广告条的制作 142
活动 利用JavaScript制作轮换广告条 143
项目7 网站首页主体部分设计 148
任务1 制作主页面的热卖商品专区 149
活动1 网页设计布局 149
活动2 转换布局图为网页 150
任务2 制作手机销量排行榜 163
活动1 根据设计图对网页进行布局设计，并处理、收集素材 163
活动2 将布局图根据设计图效果采用列表及CSS制作成网页 164
任务3 设计首页的页脚 173
活动1 确定首页的页脚元素并设计布局 173
活动2 将效果图制作成网页 174
项目8 用户登录与注册页面设计 196
任务1 设计用户登录页面 197
活动1 确定用户登录的界面 197
活动2 将效果图制作成网页 198
任务2 设计用户注册页面 205
活动1 确定用户注册的界面 205
活动2 将效果图制作成网页 206
任务3 使用JavaScript验证表单 212
活动1 设计用户名和密码合法性的要求 212
活动2 将效果图制作成网页 214
项目9 电子商城主题商品页及详细页等制作 221
任务1 热销商品页面设计 222
活动1 设计热销商品页面 222
活动2 将效果图制作成网页 223
任务2 产品详细页面设计 235
活动1 设计产品详细页面 235
活动2 将效果图制作成网页 236
项目10 网站的上传与管理 248
任务1 测试网站 249
活动1 检查浏览器兼容性 249
活动2 检查链接 251
活动3 W3C检验 253
活动4 创建站点报告 255
任务2 上传网站 257
活动 上传网站 257
任务3 维护网站 261
活动 维护网站 261