适合人群

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

课程时间

总课时:30课时    上午/下午(10天)    晚上15天    全日制5天

上课时间

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

课时

学习简介

学习收益

DIV+CSS基础入门

1.DIV+CSS是什么意思

2.如何用CSS代码控制页面

3.CSS代码语法基础

4.CSS选择器

5.选择器集体声明

1、学习并了解 DIV+CSS 是什么意思
2、了解传统布局和 CSS 样式布局的区别

3、掌握行内样式、内嵌样式、外部链接样式的特点与写法
4、熟练运用并掌握 CSS 三种选择器
5、了解 DIV+CSS 语法基础

6、了解选择器的集体声明、嵌套声明、混合声明之间的区别

DIV字体与背景属性

1.设置文本属性

2.设置背景属性

3.CSS样式整合

1、学会设置文字一系列样式属性并能兼容各种主流浏览器
2、掌握怎么在没有记住代码的时候去设置属性

3、学会设置网页当中的背景颜色
4、学会如何将图片以背景的形式插入
5、掌握自如控制平铺与定位

6、学会将代码进行 整合有利于页面的整洁
7、运用 CSS 代码布局大体网页框架

CSS盒模型与布局

1.盒模型概述

2.盒的尺寸

3.边距设置

1、了解 DIV+CSS 布局中盒模型的概念意义
2、学会将所有的网页元素都看成是一个一个的矩形框,分 析出框里面的组成元素

3、掌握如何计算 CSS 布局中盒子的尺寸
4、掌握在布局当中盒子边框样式的设置
5、掌握如何设置单独边框的样式

6、掌握并了解网页布局中盒子边距的重要性与使用用途
7、掌握外边距与内边距样式的区别并
8、掌握如何设置上下左右边距各不相同的间距

列表导航与超链接

1.浮动样式布局

2.列表导航

3.什么是超链接

4.超链接的四种状态

1、了解网页布局中常用的布局样式之一(浮动布局)
2、掌握浮动布局中的块状元素与内联元
3、运用 CSS 样式清除网页中的浮动属性素

4、了解列表在网页中的重要性与实用性
5、了解并熟悉ul无序列表和 dl定义列表在网页中的使用用 途与使用技巧方法
6、熟练掌握符号列表的图片属性和定位属性

7、了解什么是超链接?了解超链接的基本定义
8、掌握在 HTML 语言中,通过标签实现超链接效果
9、利用 css 设置超链接四种常用状态下的样式
10、自定义设置超链接样式属性并运动到文本

表单美化与定位布局

1.什么是表单?

2.制作表单的常用标记

3.相对定位

4.定位

5.固定定位

6.层叠顺序

7.定位布局

1、掌握表单在网页当中的重要
2、了解后期表单的应用范围

3、运用 CSS 样式对文本框和文本域进行美化
4、掌握在DW中如何改变文本框和文本域样式

5、了解在布局中,常用的 CSS 定位方式有几种
6、掌握定位、相对定位的使用与z-index解析
7、了解网页布局中,浮动元素(float)与定位(position) 的不同点
8、掌握在CSS布局中,四大核心内容(标准流、盒模型、 浮动元素、定位)

DIV+CSS基础入门

1.DIV+CSS是什么意思

2.如何用CSS代码控制页面

3.CSS代码语法基础

4.CSS选择器

5.选择器集体声明

1、学习并了解 DIV+CSS 是什么意思
2、了解传统布局和 CSS 样式布局的区别

3、掌握行内样式、内嵌样式、外部链接样式的特点与写法
4、熟练运用并掌握 CSS 三种选择器
5、了解 DIV+CSS 语法基础

6、了解选择器的集体声明、嵌套声明、混合声明之间的区别

DIV字体与背景属性

1.设置文本属性

2.设置背景属性

3.CSS样式整合

1、学会设置文字一系列样式属性并能兼容各种主流浏览器
2、掌握怎么在没有记住代码的时候去设置属性

3、学会设置网页当中的背景颜色
4、学会如何将图片以背景的形式插入
5、掌握自如控制平铺与定位

6、学会将代码进行 整合有利于页面的整洁
7、运用 CSS 代码布局大体网页框架

CSS盒模型与布局

1.盒模型概述

2.盒的尺寸

3.边距设置

1、了解 DIV+CSS 布局中盒模型的概念意义
2、学会将所有的网页元素都看成是一个一个的矩形框,分 析出框里面的组成元素

3、掌握如何计算 CSS 布局中盒子的尺寸
4、掌握在布局当中盒子边框样式的设置
5、掌握如何设置单独边框的样式

6、掌握并了解网页布局中盒子边距的重要性与使用用途
7、掌握外边距与内边距样式的区别并
8、掌握如何设置上下左右边距各不相同的间距

列表导航与超链接

1.浮动样式布局

2.列表导航

3.什么是超链接

4.超链接的四种状态

1、了解网页布局中常用的布局样式之一(浮动布局)
2、掌握浮动布局中的块状元素与内联元
3、运用 CSS 样式清除网页中的浮动属性素

4、了解列表在网页中的重要性与实用性
5、了解并熟悉ul无序列表和 dl定义列表在网页中的使用用 途与使用技巧方法
6、熟练掌握符号列表的图片属性和定位属性

7、了解什么是超链接?了解超链接的基本定义
8、掌握在 HTML 语言中,通过标签实现超链接效果
9、利用 css 设置超链接四种常用状态下的样式
10、自定义设置超链接样式属性并运动到文本

表单美化与定位布局

1.什么是表单?

2.制作表单的常用标记

3.相对定位

4.定位

5.固定定位

6.层叠顺序

7.定位布局

1、掌握表单在网页当中的重要
2、了解后期表单的应用范围

3、运用 CSS 样式对文本框和文本域进行美化
4、掌握在DW中如何改变文本框和文本域样式

5、了解在布局中,常用的 CSS 定位方式有几种
6、掌握定位、相对定位的使用与z-index解析
7、了解网页布局中,浮动元素(float)与定位(position) 的不同点
8、掌握在CSS布局中,四大核心内容(标准流、盒模型、 浮动元素、定位)

DW基础入门知识

1.初识网站和网页

2.Dreamweaver基础入门

3.使用DW定义网页站点

4.网页文件的基本操作

5.网页文件的命名方法

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

1、熟练掌握建立网站站点的方法
2、掌握站点当中文件及文件夹的新建以及命名规则
3、熟练掌握二级目录的设置及站点当中文件分类的管理
4、掌握网页的新建、打开、预览、存储、关闭的技巧

1、站点文件夹/文件命名规则
2、二级目录设置,文件分类管理
3、网页的命名与保存

插入文本图像超链接

1.网页中输入文本

2.网页中插入图像

3.网页超链接

4.文本和图像链接

5.热点链接

1、熟悉在代码视图和设计视图当中输入文字
2、掌握基本相应的代码对应的效果
3、掌握并了解网页当中允许使用的图片格式
4、掌握如何在网页中实现图文混排效果,并兼容主流浏览器

5、掌握网页中超链接概念及用途
6、熟悉DW各种链接的概念以及对应的操作
7、学会使用DW如何给图片进行添加链接
8、使用页面属性面板修改超链接样式

9、熟练掌握图像热区的超级链接方法
10、添加淘宝橱窗列表图像热区链接

插入表单选项

1.什么是表单

2.表单元素

3.插入表单项

1、认识网页中表单所有的元素种类
2、掌握表单在网页中的应用
3、理解表单在收集用户信息方面的作用机理

4、认识表单元素种类
5、学会在网页中合理地设置表单
6、掌握表单及表单对象属性的设置

7、学会在网页中合理地设置表单
8、掌握如何创建表单
9、掌握向表单中插入表单对象的方法

表格布局与切片

1.网页表格的概念

2.表格的基本操作

3.设置表格属性

4.切片的意义

5.规范切片的类型

1、了解表格在网页中的重要性与实用性
2、了解并熟悉表格的标签元素

3、学会在设计视图中插入表格的方法
4、熟练掌握表格中的添加、删除、合并、拆分等技巧

5、掌握网页中切图的重要性
6、掌握网页中切片的存储及优化技巧

插入多媒体内容

1.网页多媒体

2.插入Flash动画

3.插入音频文件

4.插入视频文件

1、掌握网页制作中如何添加多媒体元素
2、熟练掌握DW处理多媒体的方法与技巧

3、学会如何在网页中添加 FLASH 动画
4、插入网页动画图片与滚动文本
5、实现各种主流浏览器的兼容

6、掌握 HTML 语言及声音及视频的格式
7、掌握利用第三方平台来插入视频与音频
8、实现各种主流浏览器的兼容

网页设计

综合实训

1.了解网页版式设计概念及常见的网页版式类型

2.学习并掌握如何根据实际需要制定网页/网店页面布局规范

3.了解色彩基本知识和色彩的视觉识别性,各种不同场景的配色用法和意义

4.掌握网页中图片的编排规则和文本的组合编排规则,以及栅格的应用

1.网页设计的版式类型介绍
2.网页设计中的页面布局规范
3.网页设计视觉设计配色规范
4.网页设计的图文编排规则

1.认识和注册第三方建站系统平台

2.使用第三方建站系统制作网站前端效果

3.保存网页,熟练运用生成代码,构建本地页面

1.常见的第三方建站系统
2.第三方建站系统模块实操
3.成品网站代码运用实战

网站设计

实战式练习

1.熟悉网站首页常见的布局类型及其相应特点

2.熟悉行业网站首页页面布局规范,根据规范设计页面

3.实战练习,从零开始使用DIV+CSS布局网页界面效果

实战练习,突破页面从一到多,实现静态网站效果

1.实战练习之使用DIV+CSS布局网页一
2.实战练习之使用DIV+CSS布局网页二

备:电商发展日新月异,本班级课程内容以当月更新为准,敬请同行切勿模仿