项目1 网页设计工作认知——了解网页设计的基本知识和流程

项目描述与分析

预备知识

任务1 了解网页设计的要素

任务2 了解网站的建设流程

知识链接

实训

项目2 创建“岚岚窑”手工陶艺网站——使用Photoshop设计制作网页草图、切片并导出

项目描述与分析

预备知识

任务 使用Photoshop设计制作网页

知识链接

项目3 创建“瓷器网”网站——使用Dreamweaver建立站点并制作首页

项目描述与分析

预备知识

任务1 建立站点

任务2 制作“瓷器网”首页

知识链接

实训

项目4 创建“杨柳青饭店”网站——插入和编辑图像、制作超链接

项目描述与分析

预备知识

任务1 制作“关于我们”页面

任务2 制作“特色菜肴”页面

任务3 制作“厨师风采”页面

知识链接

实训

项目5 创建“海洋天堂”网站——在网页中使用多媒体对象

项目描述与分析

预备知识

任务1 在网页中插入Banner动画

任务2 在网页中插入SWF动画和HTML5视频

知识链接

实训

项目6 创建“芭比乐”手工冰淇淋网站——使用表格进行页面布局

项目描述与分析

预备知识

任务1 制作“冰淇淋历史”页面

任务2 制作“缤纷产品”页面

知识链接

实训

项目7 创建“遇见鲜花”网上花店（一）——利用Div+CSS布局网页

项目描述与分析

预备知识

任务 利用Div+CSS制作网上花店首页

知识链接

实训

项目8 创建“遇见鲜花”网上花店（二）——利用库元件和模板快速制作网页

项目描述与分析

预备知识

任务1 完成“首页”和“关于我们”页面的制作

任务2 制作“联系我们”页面

知识链接

实训

项目9 创建“一里麦香”烘焙工坊网站——使用表单与行为

项目描述与分析

预备知识

任务1 制作“一里麦香”网站用户注册页面

任务2 为“一里麦香”网站添加交互功能

知识链接

实训

项目10 创建“方寸世界”摄影图片网站——响应式布局

项目描述与分析

预备知识

任务1 制作“方寸世界”作品页头部区域

任务2 制作“方寸世界”作品页导航及主要内容区

任务3 制作“方寸世界”作品页底部并添加媒体查询

知识链接

实训