高等职业教育专业教学资源库建设项目是教育部、财政部为深化高等职业教育教学改革,加强专业与课程建设,推动优质教学资源共建共享,提高人才培养质量而启动的**级高职教育建设项目。软件技术专业(项目编号:2011-1-4)于2011年8月被教育部确定为高等职业教育专业教学资源库年度立项及建设专业。《高等职业教育专业教学资源库建设项目规划教材:网页设计与制作(HTML+CSS+JavaScript)》是高等职业教育专业教学资源库建设项目“网页设计与制作”课程的配套教材,是按照高职高专软件技术专业人才培养方案的要求,总结近几年**示范性高职院校软件技术专业教学改革经验编写而成的。
《高等职业教育专业教学资源库建设项目规划教材:网页设计与制作(HTML+CSS+JavaScript)》采用模块化的编写思路,将HTML语言、CSS样式、JavaScript脚本三方面的学习内容分为Web站点的配置与发布、HTML静态网页设计、HTML**应用、css的应用、JavaScrrpt编程5个教学单元和14个教学任务。
每个单元通过引例陈述引出单元的教学核心内容,明确教学任务。每个任务的编写分为任务陈述

单元1 Web站点的配置与发布
引例描述
任务1配置Web站点
任务陈述
知识准备
1.1 网络基本概念
1.1.1 Internet
1.1.2 WWW服务
1.1.3 域名
1.1.4 lP地址
1.1.5 统一资源定位符
任务实施
1.实施思路与方案
2.安装fIS
3.测试IIS
4.配置Web站点
任务拓展
1.虚拟目录的概念
2.通过虚拟目录搭建站点
项目实训企业网站的配置
任务2发布Web站点
任务陈述
知识准备
1.2 网页与网站
1.2.1 网页与网站的相关概念
1.2.2 网页与网站的基本要素
任务实施
1.实施思路与方案
2.使用“记事本”编写一个简单的HTML页
3.用IIS测试、发布Web站点任务拓展
1.编写HTM文件的注意事项
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 、与标签
2.2.1 标签
2.2.2 标签
2.2.3 标签
2.3 文字与段落
2.3.1 标题标签
2.3.2 换行标签
2.3.3 字体标签
2.3.4 段落标签
2.3.5 水平线标签
2.4 标签
任务实施
1.实施思路与方案
2.HTML的基本结构文档编写
3.个人信息介绍页面的图文混排
4.其他页面HTML代码编写任务拓展
1.特殊字符
2.使用Dreamweaver创建与保存网页
3.页面属性设置
4.网页的基本排版
项目实训 数字油画艺术作品展示页面编写
任务2页面布局
任务陈述
知识准备
2.5 列表
2.5.1 无序列表标签
2.5.2 有序列表标签
2.5.3 嵌套列表
2.5.4 定义列表标签、、
2.6 表格
2.6.1 定义表格的基本语法
2.6.2 表格标签的属性
2.6.3 表格的标题标签和表头标签
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 超链接标签
2.7.3 链接路径
2.7.4 书签链接
2.7.5 图像的热区链接
任务实施
1.实施思路与方案
2.使用表格布局与设置超链接
制作书法作品页面
3.制作其他作品页面
……
单元3 HTML**应用
单元4 CSS的应用