单元1 Web站点的配置与发布

引例描述

任务1 配置Web站点

任务陈述

知识准备

1.1 网络基本概念

1.1.1 Internet

1.1.2 WWW服务

1.1.3 域名

1.1.4 IP地址

1.1.5 统一资源定位符

任务实施

1．实施思路与方案

2．安装IIS

3．测试IIS

4．配置Web站点

任务拓展

1．虚拟目录的概念

2．通过虚拟目录搭建站点

项目实训 企业网站的配置

任务2 发布Web站点

任务陈述

知识准备

1.2 网页与网站

1.2.1 网页与网站的相关概念

1.2.2 网页与网站的基本要素

任务实施

1. 实施思路与方案

2．使用“记事本”编写一个简单的HTML页

3．用IIS测试、发布Web站点

任务拓展

1．编写HTML文件的注意事项

2．认识Dreamweaver CS5界面

3．使用虚拟实训平台进行测试

4．域名与空间

项目实训 免费域名的注册与空间申请

单元小结

单元2 HTML静态网页设计

引例描述

任务1 文字段落与图片的设置

任务陈述

知识准备

2.1 HTML的基本概念

2.1.1 HTML简介

2.1.2 HTML的结构

2.1.3 HTML的标签

2.2 〈html〉、〈head〉与〈body〉标签

2.2.1 〈html〉标签

2.2.2 〈head〉标签

2.2.3 〈body〉标签

2.3 文字与段落

2.3.1 标题标签〈hn〉

2.3.2 换行标签〈br〉

2.3.3 字体标签〈font〉

2.3.4 段落标签〈p〉

2.3.5 水平线标签〈hr〉

2.4 〈img〉标签

任务实施

1．实施思路与方案

2．HTML的基本结构文档编写

3．个人信息介绍页面的图文混排

4．其他页面HTML代码编写

任务拓展

1．特殊字符

2．使用Dreamweaver创建与保存网页

3．页面属性设置

4．网页的基本排版

项目实训 数字油画艺术作品展示页面编写

任务2 页面布局

任务陈述

知识准备

2.5 列表

2.5.1 无序列表标签〈ul〉

2.5.2 有序列表标签〈ol〉

2.5.3 嵌套列表

2.5.4 定义列表标签〈dl〉、〈dt〉、〈dd〉

2.6 表格

2.6.1 定义表格的基本语法

2.6.2 表格标签〈table〉的属性

2.6.3 表格的标题标签〈caption〉和表头标签〈th〉

2.6.4 表格的边框显示状态

2.6.5 设置分隔线的显示状态

2.6.6 表格行的设置

2.6.7 单元格的设置

任务实施

1．实施思路与方案

2．HTML基本文档与表格的编写

3．网站Logo、Banner与版权信息代码的编写

4．列表导航代码的编写

任务拓展

1．表格的嵌套

2．Dreamweaver中表格的控制

项目实训 运用表格嵌套完成个人介绍页面

任务3 超链接的使用

任务陈述

知识准备

2.7 超链接

2.7.1 超链接的概念

2.7.2 超链接标签〈a〉

2.7.3 链接路径

2.7.4 书签链接

2.7.5 图像的热区链接

任务实施

1．实施思路与方案

2．使用表格布局与设置超链接制作书法作品页面

3．制作其他作品页面

任务拓展

1．外部链接的使用

2．下载文件的制作

项目实训 企业网站主页设计

单元小结

单元3 HTML高级应用

引例描述

任务1 表单页面设计

任务陈述

知识准备

3.1 表单的基本概念

3.1.1 表单简介

3.1.2 表单的定义

3.2 表单元素

3.2.1 添加表单控件

3.2.2 输入类表单控件

3.2.3 菜单列表类表单控件

3.2.4 文本域标签

任务实施

1．实施思路与方案

2．订单信息表单设计

3．作品评价表单设计

任务拓展

1．表单边框的应用

2．使用Dreamweaver进行表单设计

项目实训 注册与留言表单设计

任务2 窗口框架的使用

任务陈述

知识准备

3.3 框架

3.3.1 框架的含义与基本构成

3.3.2 框架集标签〈frameset〉

3.3.3 子窗口标签〈frame〉的设定

3.3.4 窗口的名称与链接

任务实施

1．实施思路与方案

2．定义主框架default.html页面

3．定义顶部嵌套top.html页面

4．定义左侧嵌套left.html页面

5．定义右侧展示页面

任务拓展

1．浮动窗口标签〈iframe〉的应用

2．使用Dreamweaver创建与编辑框架

项目实训 专题学习网站框架设计

任务3 多媒体页面设计

任务陈述

知识准备

3.4 多媒体对象的基本知识

3.4.1 音频媒体的格式

3.4.2 视频媒体的格式

3.5 插入多媒体对象

3.5.1 滚动字幕标签〈marquee〉

3.5.2 插入多媒体文件〈embed〉标签

3.5.3 嵌入背景音乐

任务实施

1．实施思路与方案

2．插入背景音乐

3．插入Flash动画

任务拓展

1．认识Flasrh Swish软件

2．快速制作Flash文本动画

3．使Dreamweaver插入Flash元素

项目实训 软件界面设计

单元小结

单元4 CSS的应用

引例描述

任务1 CSS的引用

任务陈述

知识准备

4.1 CSS简介

4.1.1 CSS的概念与功能

4.1.2 CSS的特点

4.2 CSS的使用

4.2.1 样式表的规则

4.2.2 选择符的分类

4.2.3 添加CSS的方法

4.2.4 CSS的继承

4.2.5 CSS样式的冲突

4.2.6 CSS的注意事项

任务实施

1．实施思路与方案

2．创建并定义CSS样式表

3．链接样式表

任务拓展

1．类标签与id标签的应用

2．使用伪类定义超链接样式

项目实训 使用样式表美化网页页面

任务2 页面样式设置

任务陈述

知识准备

4.3 字体、颜色、背景与文字属性

4.3.1 设置CSS的字体属性

4.3.2 颜色及背景属性

4.3.3 文本属性

4.4 边距、填充与边框属性

4.4.1 边距与填充属性

4.4.2 边框属性

4.5 列表属性

任务实施

1．实施思路与方案

2．定义CSS样式表

3．编写并调用CSS文件代码

任务拓展

1．滤镜属性的使用

2．光标属性的使用

项目实训 百度搜索页面样式设计

任务3 区块与层的页面布局

任务陈述

知识准备

4.6 CSS布局基础

4.6.1 CSS布局元素类型

4.6.2 盒模型

4.6.3 定位及尺寸属性

4.7 常用布局结构

4.7.1 单行、单列结构

4.7.2 二列式布局结构

4.7.3 三列式布局结构

任务实施

1. 实施思路与方案

2．网站头部信息与基础样式的编写

3．主页CSS页面布局

4．个人介绍页面的CSS页面布局

任务拓展

1．CSS导航菜单的制作

2．针对IE浏览器版本的兼容性

项目实训 网站DIV+CSS页面布局

单元小结

单元5 JavaScript编程

引例描述

任务1 下拉菜单的设计

任务陈述

知识准备

5.1 DHTML简介

5.2 JavaScript简介

5.3 JavaScript的特点

5.4 JavaScript常量、变量、数组、运算符和表达式

5.4.1 数据类型与常量

5.4.2 变量的定义

5.4.3 变量的作用域

5.4.4 数组

5.4.5 运算符与表达式

5.5 程序控制结构

5.5.1 分支结构

5.5.2 循环结构

5.6 函数的定义与引用

5.6.1 函数的定义

5.6.2 函数的调用

5.6.3 用户类的定义

5.7 浏览器内置对象的使用

5.7.1 浏览器信息（nayigator）对象

5.7.2 窗口（window）对象

5.7.3 网址（location）对象

5.7.4 屏幕（screen）对象

5.7.5 历史记录（history）对象

5.7.6 文档（document）对象

5.8 页面中标签的访问与属性的设置

5.8.1 页面标签对象的引用

5.8.2 读写HTML对象的属性

5.8.3 表单及其控件的访问

5.9 事件的指派与处理函数的编写

5.9.1 事件的指派

5.9.2 常用事件的类型

任务实施

1．实施思路与方案

2．下拉菜单的HTML结构

3．样式设计

4．编写JavaScript脚本

任务拓展

1．设置最近被单击过的超链接外观属性

2．字符串（String）对象的属性与方法的使用

3．数学（Math）对象的属性与方法的使用

项目实训 实现下拉框的级联

任务2 美化表格

任务陈述

知识准备

5.10 DOM对象的意义与结构

5.11 DOM对象的节点类型

5.11.1 元素（Element）节点

5.11.2 属性（Attitude）节点

5.11.3 文本（Text）节点

5.11.5 文档节点

5.12 DOM对象节点及其属性的访问

5.12.1 访问父节点

5.12.2 访问子节点

5.12.3 访问兄弟节点

5.13 DOM对象节点的创建与修改

5.13.1 创建节点

5.13.2 添加节点

5.13.3 删除节点

5.13.4 替换节点

5.13.5 复制节点

5.14 DOM节点对象的事件处理

任务实施

1．实施思路与方案

2．表格数据结构的建立

3．样式文件的建立

4．事件处理文件的建立

5．加载CSS与JavaScript页面内容

任务拓展

用户自定义对象

项目实训 JavaScript选项卡的设计

任务3 表单验证界面的设计

任务陈述

知识准备

5.15 DOM对象中属性节点的操作

5.15.1 属性节点的创建与添加

5.15.2 DOM对象事件的引发

5.16 表单验证的意义与实现

5.16.1 表单验证的意义

5.16.2 表单验证的类型及其实现

任务实施

1.实施思路与方案

2．HTML页面的设计

3．样式文件的建立

4．JavaScript脚本的建立

任务拓展

1．JSON对象做属性节点的值

2．使用递归函数遍历节点树

项目实训 在线测试系统与在线脚本编辑器的设计

单元小结

参考文献