第1部分  基础知识

  模块1  网站设计的基础知识

    1.1  网络基础知识

      1.1.1  因特网

      1.1.2  TCP／IP

      1.1.3  IP地址

      1.1.4  浏览器基本操作

    1.2  网站基础知识

      1.2.1  网页和网站的概念

      1.2.2  超链接的概念

      1.2.3  网页中的常见元素

      1.2.4  网站的基本工作原理

    1.3  网站设计工作流程

      1.3.1  需求分析

      1.3.2  设计规划

      1.3.3  实现网站

      1.3.4  发布测试

    1.4  网站设计相关规范

      1.4.1  网站布局规范

      1.4.2  网站文件规范

      1.4.3  网站链接规范

    1.5  色彩基础知识

      1.5.1  色彩基础知识概述

      1.5.2  网页色彩搭配技巧

    模块总结

    任务实训  制作一个简单的页面

    知识测评

  模块2  网页设计工具的使用

    2.1  网页设计的工具和语言

      2.1.1  网站设计的常见工具

      2.1.2  网站设计的常见语言

    2.2  Dreamweaver中设计网站的

      基本操作

      2.2.1  创建和打开站点

      2.2.2  创建和打开网页

      2.2.3  简单网页设计实践

    2.3  HTML的基础知识

      2.3.1  基本结构

      2.3.2  手写网页代码

    模块总结

    任务实训  在Dreamweaver中

    管理站点

    知识测评

第2部分  基本技能

  模块3  向网页中添加各种内容

    3.1  添加文本内容

      3.1.1  插入文本

      3.1.2  文本的设置

    3.2  插入图像内容

      3.2.1  网页中可用的图像格式

      3.2.2  插入图像

      3.2.3  图像的设置

      3.2.4  图文混排

    3.3  插入项目列表

      3.3.1  有序列表的插入与设计

      3.3.2  无序列表的插入与设计

    3.4  播放各种动画

      3.4.1  网页中的动画格式

      3.4.2  插入Flash动画

      3.4.3  插入GIF动画

      3.4.4  插入滚动动画

    3.5  添加音乐播放功能

      3.5.1  网页中常用的音频格式

      3.5.2  插入声音

      3.5.3  实现背景音乐效果

    3.6  添加视频播放功能

      3.6.1  网页中常用的视频格式

      3.6.2  插入视频

      3.6.3  播放控制

    3.7  HTML标记

      3.7.1  文本标记

      3.7.2  图像标记

      3.7.3  媒体标记

      3.7.4  动画标记

      3.7.5  列表标记

    模块总结

    任务实训  制作导航条

    知识测评

  模块4  链接网站内容

    4.1  什么是超链接

    4.2  在不同元素上创建超链接

      4.2.1  在文字上添加超链接

      4.2.2  在图像上添加超链接

      4.2.3  创建地图式链接

    4.3  链接到不同对象

      4.3.1  链接到其他网页

      4.3.2  链接到其他网站

      4.3.3  链接到其他元素

    4.4  链接的不同打开效果

    4.5  HTML中的链接标记

    模块总结

    任务实训  超链接制作汇总

    知识测评

  模块5  控制网页的整体布局

    5.1  网页布局控制的一般方法

    5.2  用表格显示数据

      5.2.1  插入表格

      5.2.2  表格设置

    5.3  使用Div控制页面布局

      5.3.1  规划Div布局

      5.3.2  设计样式表

      5.3.3  测试并完善Div布局

      5.3.4  Div元素的定位技巧

    5.4  用框架实现后台管理布局

      5.4.1  插入和修改框架网页

      5.4.2  嵌入式框架

    5.5  HTML中的布局标记

      5.5.1  表格标记

      5.5.2  Div标记

      5.5.3  框架标记

    模块总结

    任务实训  用表格控制页面布局

    知识测评

  模块6  用样式表美化网页

    6.1  什么是样式表

    6.2  如何使用样式

      6.2.1  通过内联样式表

      设计样式

      6.2.2  通过外联样式表

      设计样式

      6.2.3  直接给标记嵌入样式

    6.3  各种样式的具体操作实践

      6.3.1  新建样式

      6.3.2  文本样式

      6.3.3  背景样式

      6.3.4  段落样式

      6.3.5  定位样式

      6.3.6  边框样式

      6.3.7  方框样式

      6.3.8  列表样式

      6.3.9  光标样式

      6.3.10  滤镜样式

    6.4  关于HTML5和CSS3

      6.4.1  HTML5的新功能

      6.4.2  CSS3的新功能

    模块总结

    任务实训  页面美化

    知识测评

  模块7  使用JavaScript添加特效

    7.1  什么是网页特效

    7.2  JavaScript语言基础

      7.2.1  基本语法入门

      7.2.2  简单特效实现

    7.3  给网页添加常见特效

      7.3.1  浮动广告特效

      7.3.2  导航类特效

      7.3.3  滚动内容特效

      7.3.4  其他特效

    7.4  HTML中的JavaScript标记

      7.4.1