| 课时 | 学习简介 | 学习收益 | |
|
第一课时 Dreamweaver |
对网页的知识有个基本的了解； 学会DW软件基本的使用操作；站点新建，管理的方法； 了解网站基本分类方法概述；理解网站运作的基本原理； 了解网页的基本构成元素，各种网站的页面排版规则。 |
1.学习并了解网页的概念，网站的概念； 2.认知网站的分类及浏览网页的工具； 3.了解开发实用型网站的基本流程； 4.认识组成网页的元素，并掌握网页排版的规则。 |
|
|
第二课时 Dreamweaver |
熟练掌握建立网站站点的方法； 掌握站点当中文件及文件夹的新建以及命名规则； 熟练掌握二级目录的设置及站点当中文件分类的管理； 掌握网页的新建、打开、预览、存储、关闭的技巧； 掌握Dreamweaver快速插入面板的使用。 |
1.学会创建静态站点； 2.站点文件夹新建，命名规则； 3.二级目录设置，文件分类管理； 4.网页的命名与保存。 |
|
|
第三课时 Dreamweaver |
理解网页中代码的工作原理，单词的意思； 掌握网页中标签的原理及使用方法； 掌握网页的文本标签代码的结构写法及作用； 能够自由的实现对文本文字的代码编辑方法。 |
1.在网页中添加文本； 2.了解网页当中常用的标签； 3.掌握网页当中的常用的标题标签； 4.设置网页文字样式属性； 5.添加文字项目列表与编号列表。 |
|
|
第四课时 Dreamweaver |
掌握并了解网页当中允许使用的图片格式； 能够自由的插入网页图片，并学会使用；Dreamweaver软件如何给图片进行添加链接； 网页中添加图片的方法，图片代码的编辑修改； 掌握如何在网页当中实现图文混排效果，并兼容主流浏览器。 |
1.网页当中使用的图片格式； 2.插入网页图片； 3.图片加链接； 4.使用Dreamweaver编辑图片，优化图片； 5.在网页当中实现图文混排效果。 |
|
|
第五课时 Dreamweaver |
熟练掌握网页中超链接概念及用途； 熟练掌握用DreamWeaver制作各种超级链接； 使用页面属性面板修改超链接样式； 熟练掌握图像超级链接，图像热区的超级链接方法。 |
1.了解网页中超链接概念； 2.添加超级链接； 3.邮件及空链接、死链接； 4.添加网页锚点链接； 5.添加图像热区链接。 |
|
|
第六课时 Dreamweaver |
认识网页中表单所有的元素种类，掌握表单在网页中的应用； 理解表单在收集用户信息方面的作用机理； 学会在网页中合理地设置表单，并制作一个课表； 利用表单对象制作友情链接，制作一个友链的前端页面。 |
1.认识表单元素种类； 2.掌握创建表单、向表单中插入表单对象的方法； 3.掌握表单及表单对象属性的设置。 |
|
|
第七课时 Dreamweaver |
了解表格在网页中的重要性与实用性； 了解并熟悉表格的标签元素，学会在设计视图和代码视图中插入表格的方法； 熟练掌握与运用表格中的添加、删除、合并、拆分等技巧； 学会使用表格布局网页的部分元素，如尺码表，商品信息，关联销售列表等等。 |
1.了解网页表格的概念含义； 2.熟练掌握表格的组成元素； 3.学会如何在网页当中插入表格； 4.掌握如何设置表格的属性； 5.通过实例熟悉表格布局网页方法。 |
|
|
第八课时 Dreamweaver |
掌握网页制作中如何添加图像和多媒体等网页元素； 熟练掌握在DreamWeaver中处理图片和多媒体的方法和操作技巧； 学会如何在网页中添加FLASH动画，插入图像和视频，以及背景音乐； 掌握HTML语言及声音及视频的格式。 |
1.添加多媒体、了解有哪些多媒体元素； 2.插入Flash多媒体元素，或快速有效的3.利用第三方平台结合来插入视频与音频； 4.插入网页动画图片与滚动文本； 5.实现各种主流浏览器兼容性。 |
|
|
第九课时 DIV+CSS |
了解什么是DIV？什么是CSS？了解传统布局和CSS样式布局的区别 熟练并完全掌握行内样式、内嵌样式、外部链接样式的特点与写法，了解多种样式的优先级 掌握标签选择器、类别选择器、ID选择器的特点与写法，并能在XHTML页面实现调用样式。 了解选择器的集体声明、嵌套声明、混合声明之间的区别 |
1.学习并了解DIV+CSS是什么意思 2.用CSS代码控制页面 3.了解DIV+CSS语法基础 4.熟练运用并掌握CSS三种选择器 5.掌握选择器的集体声明 |
|
|
第十课时 DIV+CSS |
学会设置文字字体、大小、颜色、粗细等一系列样式属性并能兼容各种主流浏览器 学会设置网页当中的背景颜色 学会如何将图片以背景的形式插入，并自如控制平铺与定位 相同属性代码太长容易影响显示效果，学会将代码进行整合有利于页面的整洁 |
1.学习CSS文字属性设置 2.学习如何在网页当中设置背景颜色 3.学习如何将图片以背景形式插入 4.学会如何将多行样式代码进行整合 5.运用CSS代码布局大体网页框架 |
|
|
第十一课时 DIV+CSS |
学会将所有的网页元素都看成是一个一个的矩形框，分析出框里面的组成元素 学会如何量取出盒子的正确尺寸并进行布局 掌握在布局当中盒子边框样式的设置并进行调整 能够自由的对多行相同属性代码进行整合 |
1.了解DIV+CSS布局中盒模型的概念意义 2.掌握如何计算CSS布局中盒子的尺寸 3.了解并掌握盒子模型边框的设置 4.掌握如何设置单独边框的样式 5.掌握如何把代码进行整合 |
|
|
第十二课时 DIV+CSS |
掌握并了解网页布局中盒子边距的重要性与使用用途 掌握外边距与内边距样式的区别并能够正确的使用 掌握如何设置上下左右边距各不相同的间距 掌握如何清除在添加内边距时增加的盒子尺寸 |
1.掌握在CSS布局中边距的重要性 2.了解常用的外边距（margin）与内边距（padding）样式的运用 3.正确掌握外边距与内边距样式的使用 4.运用CSS代码布局网页主体框架结构 |
|
|
第十三课时 DIV+CSS |
了解网页布局中常用的布局样式之一（浮动布局） 掌握浮动布局中的块状元素与内联元素的区别及使用用途 运用CSS样式清除网页中的浮动属性(clear) 掌握浮动属性的相关知识点，了解如何实现层的居中对齐 |
1.学习网页当中的浮动属性布局 2.掌握浮动布局中的块状元素与内联元素 3.掌握如何清除网页中的浮动属性 4.利用浮动布局制作横排菜单导航条 5.掌握浮动属性的相关知识点 |
|
|
第十四课时 DIV+CSS |
了解列表在网页中的重要性与实用性 了解并熟悉ul无序列表和dl定义列表在网页中的使用用途与使用技巧方法 了解并熟练掌握符号列表的基础属性list-style-type 了解并熟练掌握符号列表的图片属性和定位属性 |
1.了解列表在网页设计中使用用途 2.了解ul无序列表和dl定义列表 3.学会如何改变项目符号样式 4.图片定义项目符号以及符号定位属性 |
|
|
第十五课时 DIV+CSS |
新闻列表实战案例练习，掌握定义列表属性的设置技巧 无序列表导航条源码练习，掌握导航条链接标签的表现要点 定义列表产品排列练习，掌握定义列表标签的表现要点 |
1.实例1：运用ul无序列表制作新闻列表 2.实例2：运用ul无序列表制作导航条 3.实例2：运用dl定义列表制作产品排列效果 |
|
|
第十六课时 DIV+CSS |
了解什么是超链接？了解超链接的基本定义 掌握在HTML语言中，通过<a>标签实现超链接效果 利用css设置超链接各种状态下的样式 css利用伪类选择器设置<a>标记的不同状态 |
1.了解网页中超链接的基本定义 2.添加文本菜单超链接 3.了解超链接的四种常用状态 4.自定义设置超链接样式属性 |
|
|
第十七课时 DIV+CSS |
运用CSS样式对文本框和文本域进行美化 掌握在DreamWeaver中用CSS样式美化图片的方法和技巧 学会如何用CSS样式改变下拉列表样式，纠正下拉列表对许多样式不生效的问题 合理利用label标签会使页面的用户体验得到提升 |
1.改变文本框和文本域样式 2.了解并掌握用图片美化按钮 3.运用CSS代码改变下拉列表样式 4.用label标签提升用户体验 5.实例1：运用CSS设计出登录页面 |
|
|
第十八课时 DIV+CSS |
了解在布局中，常用的CSS定位方式有几种，并了解他们之间的区别 掌握absolute(绝对定位)、relative(相对定位)的使用与z-index解析。 了解网页布局中，浮动元素（float）与定位（position）的不同点 掌握在CSS布局中，四大核心内容（标准流、盒模型、浮动元素、定位） |
1.CSS定位方式有哪些，他们的区别是什？ 2.CSS三大定位原理&Z-index解析 3.CSS布局——元素浮动与定位篇区别 4.了解CSS之四种定位的理解 5.CSS核心内容-标准流、盒模型、浮动、定位 |
|
|
网页设计 综合实训 |
了解网页版式设计概念及常见的网页版式类型 学习并掌握如何根据实际需要制定网页/网店页面布局规范 了解色彩基本知识和色彩的视觉识别性，各种不同场景的配色用法和意义 掌握网页中图片的编排规则和文本的组合编排规则，以及栅格的应用 |
1.网页设计的版式类型介绍 2.网页设计中的页面布局规范 3.网页设计视觉设计配色规范 4.网页设计的图文编排规则 |
|
|
认识和注册第三方建站系统平台 使用第三方建站系统制作网站前端效果 保存网页，熟练运用生成代码，构建本地页面 |
1.常见的第三方建站系统 2.第三方建站系统模块实操 3.成品网站代码运用实战 |
||
|
网站设计 实战式练习 （八课时） |
熟悉网站首页常见的布局类型及其相应特点 熟悉行业网站首页页面布局规范，根据规范设计页面 实战练习，从零开始使用DIV+CSS布局网页界面效果 实战练习，突破页面从一到多，实现静态网站效果 |
1.实战练习之使用DIV+CSS布局网页一 2.实战练习之使用DIV+CSS布局网页二 |
|
教室
课堂
教室2
