广州天河区岗顶网页设计培训费用

课程简介

本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver，Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，从开始的网站规划，到产品原型图呈现，到出设计效果，到终代码实现，一步一步教会学员掌握整个网站设计流程，并能熟练利用Dreamwaver提供的强大代码制作功能制作静态页面，并了解其他第三方工具的网页制作方法。

适合人群

1.基础薄弱或初步掌握DW知识，希望的学员；
2.希望电商网页设计类工作的学员（利用代码进行装修）；
3.从事天猫、京东、电商网页设计，公司官网独立设计的学员；
4.爱好网页设计师和网站前端设计的学员。

课程时间

总课时：30课时        上午/下午（10天）    晚上15天    全日制5天

上课时间

早上9:45-12：45     下午14：30-17:30     晚上19:00-21:00

课时

学习简介

学习收益

一课时

Dreamweaver

对网页的知识有个基本的了解；

能区分什么是网站和什么是网页，结合实际了解网页的分类形式，以及制作网页的流程

熟悉DW软件的界面，掌握文件的一系列基本操作

学会DW软件基本的使用操作；站点新建，管理的方法；

了解网站基本分类方法概述；理解网站运作的基本原理；

了解网页的基本构成元素，各种网站的页面排版规则。

1.学习并了解网页的概念，网站的概念；
2.认知网站的分类及浏览网页的工具；
3.了解开发实用型网站的基本流程；
4.认识组成网页的元素，并掌握网页排版的规则。

第二课时

Dreamweaver

熟练掌握建立网站站点的方法；

掌握站点当中文件及文件夹的新建以及命名规则；

熟练掌握二级目录的设置及站点当中文件分类的管理；

掌握网页的新建、打开、预览、存储、关闭的技巧；

掌握Dreamweaver插入面板的使用。

1.学会创建静态站点；
2.站点文件夹新建，命名规则；
3.二级目录设置，文件分类管理；
4.网页的命名与保存。

第三课时

Dreamweaver

熟悉操作界面，并学会在代码视图和设计视图当中输入文字，掌握基本相应的代码对应的效果。

学会在网页当中插入所需要的图片，了解相应的格式，以及在DW中一些简单的编辑方法（裁剪、缩放等）

1.在网页中添加文本；
2.了解网页当中常用的标签；
3.掌握网页当中的常用的标题标签；
4.设置网页文字样式属性；
5.添加文字项目列表与编号列表。

第四课时

Dreamweaver

掌握并了解网页当中允许使用的图片格式；

能够自由的插入网页图片，并学会使用；Dreamweaver软件如何给图片进行添加链接；

网页中添加图片的方法，图片代码的编辑修改；

掌握如何在网页当中实现图文混排效果，并兼容主流浏览器。

1.网页当中使用的图片格式；

2.插入网页图片；

3.图片加链接；

4.使用Dreamweaver编辑图片，优化图片；

5.在网页当中实现图文混排效果。

第五课时

Dreamweaver

熟练掌握网页中超链接概念及用途；

熟悉DW各种链接的概念以及对应的操作

熟练掌握用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布局网页二