400-000-9192

东莞91搜课网 > 网页设计 > 高级电商网页设计班

东莞高级电商网页设计班

东莞高级电商网页设计班

5分

本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver,Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",是集网页制作和管理网站于一身的所见即所得网页代码编辑器。…

东莞汇学教育 汇学教育 13个教学点

课程价格:

¥100/课时

上课班制:

  1. 小班课

    上课时段:

  1. 白天班
  1. 预约试听
  2. 微信咨询
    微信二维码

    关注91搜课

    微信客服为您解答

  3. 赞同

课程详情2022-03-18 11:37

适合人群

零基础或初步掌握DW知识,希望系统学习的学员

希望电商网页设计类工作的学员(利用代码进行装修)

从事天猫、京东、电商网页设计,公司官网独立设计的学员

爱好网页设计师和网站前端设计的学员


课程大纲

(1)一课时:Dreamweaver
①学习简介
对网页的知识有个基本的了解;
学会DW软件基本的使用操作;站点新建,管理的方法;了解网站基本分类方法概述;理解网站运作的基本原理;了解网页的基本构成元素,各种网站的页面排版规则。
②学习收益
1.学习并了解网页的概念,网站的概念;
2.认知网站的分类及浏览网页的工具;
3.了解开发实用型网站的基本流程;
4.认识组成网页的元素,并掌握网页排版的规则。

(2)二课时:Dreamweaver
①学习简介
熟练掌握建立网站站点的方法;
掌握站点当中文件及文件夹的新建以及命名规则;
熟练掌握二级目录的设置及站点当中文件分类的管理;掌握网页的新建、打开、预览、存储、关闭的技巧;掌握Dreamweaver快速插入面板的使用。
②学习收益
1.学会创建静态站点;
2.站点文件夹新建,命名规则;
3.二级目录设置,文件分类管理;
4.网页的命名与保存。

(3)第三课时:Dreamweaver
①学习简介
理解网页中代码的工作原理,单词的意思;
掌握网页中标签的原理及使用方法;
掌握网页的文本标签代码的结构写法及作用;
能够自由的实现对文本文字的代码编辑方法。
②学习收益
1.在网页中添加文本;
2.了解网页当中常用的标签;
3.掌握网页当中的常用的标题标签;
4.设置网页文字样式属性;
5.添加文字项目列表与编号列表。

(4)第四课时:Dreamweaver
①学习简介
掌握并了解网页当中允许使用的图片格式;
能够自由的插入网页图片,并学会使用;Dreamweaver软件如何给图片进行添加链接;
网页中添加图片的方法,图片代码的编辑修改;
掌握如何在网页当中实现图文混排效果,并兼容主流浏览器。
②学习收益
1.网页当中使用的图片格式;
2.插入网页图片;
3.图片加链接;
4.使用Dreamweaver编辑图片,优化图片;
5.在网页当中实现图文混排效果。

(5)第五课时:Dreamweaver
①学习简介
熟练掌握网页中超链接概念及用途;
熟练掌握用DreamWeaver制作各种超级链接;
使用页面属性面板修改超链接样式;
熟练掌握图像超级链接,图像热区的超级链接方法。
②学习收益
1.了解网页中超链接概念;
2.添加超级链接;
3.邮件及空链接、死链接;
4.添加网页锚点链接;
5.添加图像热区链接。

(6)第六课时:Dreamweaver
①学习简介
认识网页中表单所有的元素种类,掌握表单在网页中的应用;理解表单在收集用户信息方面的作用机理;学会在网页中合理地设置表单,并制作一个课表;利用表单对象制作友情链接,制作一个友链的前端页面。
②学习收益
1.认识表单元素种类;
2.掌握创建表单、向表单中插入表单对象的方法;
3.掌握表单及表单对象属性的设置。

(7)第七课时:Dreamweaver
①学习简介
了解表格在网页中的重要性与实用性;
了解并熟悉表格的标签元素,学会在设计视图和代码视图中插入表格的方法;
熟练掌握与运用表格中的添加、删除、合并、拆分等技巧;学会使用表格布局网页的部分元素,如尺码表,商品信息,关联销售列表等等。
②学习收益
1.了解网页表格的概念含义;
2.熟练掌握表格的组成元素;
3.学会如何在网页当中插入表格;
4.掌握如何设置表格的属性;
5.通过实例熟悉表格布局网页方法。

高级电商网页设计班

(8)第八课时:Dreamweaver
①学习简介
掌握网页制作中如何添加图像和多媒体等网页元素;熟练掌握在DreamWeaver中处理图片和多媒体的方法和操作技巧;学会如何在网页中添加FLASH动画,插入图像和视频,以及背景音乐;掌握HTML语言及声音及视频的格式。
②学习收益
1.添加多媒体、了解有哪些多媒体元素;
2.插入Flash多媒体元素,或快速有效的3.利用第三方平台结合来插入视频与音频;
4.插入网页动画图片与滚动文本;
5.实现各种主流浏览器兼容性。

(9)第九课时:DIV+CSS
①学习简介
了解什么是DIV?什么是CSS?了解传统布局和CSS样式布局的区别
熟练并完全掌握行内样式、内嵌样式、外部链接样式的特点与写法,了解多种样式的优先级
掌握标签选择器、类别选择器、ID选择器的特点与写法,并能在XHTML页面实现调用样式。
了解选择器的集体声明、嵌套声明、混合声明之间的区别
②学习收益
1.学习并了解DIV+CSS是什么意思
2.用CSS代码控制页面
3.了解DIV+CSS语法基础
4.熟练运用并掌握CSS三种选择器
5.掌握选择器的集体声明

(10)第十课时:DIV+CSS
①学习简介
学会设置文字字体、大小、颜色、粗细等一系列样式属性并能兼容各种主流浏览器
学会设置网页当中的背景颜色
学会如何将图片以背景的形式插入,并自如控制平铺与定位
相同属性代码太长容易影响显示效果,学会将代码进行整合有利于页面的整洁
②学习收益
1.学习CSS文字属性设置
2.学习如何在网页当中设置背景颜色
3.学习如何将图片以背景形式插入
4.学会如何将多行样式代码进行整合
5.运用CSS代码布局大体网页框架

(11)第十一课时:DIV+CSS
①学习简介
学会将所有的网页元素都看成是一个一个的矩形框,分析出框里面的组成元素
学会如何量取出盒子的正确尺寸并进行布局
掌握在布局当中盒子边框样式的设置并进行调整
能够自由的对多行相同属性代码进行整合
②学习收益
1.了解DIV+CSS布局中盒模型的概念意义
2.掌握如何计算CSS布局中盒子的尺寸
3.了解并掌握盒子模型边框的设置
4.掌握如何设置单独边框的样式
5.掌握如何把代码进行整合

(12)第十二课时:DIV+CSS
①学习简介
掌握并了解网页布局中盒子边距的重要性与使用用途
掌握外边距与内边距样式的区别并能够正确的使用
掌握如何设置上下左右边距各不相同的间距
掌握如何清除在添加内边距时增加的盒子尺寸
②学习收益
1.掌握在CSS布局中边距的重要性
2.了解常用的外边距(margin)与内边距(padding)样式的运用
3.正确掌握外边距与内边距样式的使用
4.运用CSS代码布局网页主体框架结构

(13)第十三课时:DIV+CSS
①学习简介
了解网页布局中常用的布局样式之一(浮动布局)
掌握浮动布局中的块状元素与内联元素的区别及使用用途
运用CSS样式清除网页中的浮动属性(clear)
掌握浮动属性的相关知识点,了解如何实现层的居中对齐
②学习收益
1.学习网页当中的浮动属性布局
2.掌握浮动布局中的块状元素与内联元素
3.掌握如何清除网页中的浮动属性
4.利用浮动布局制作横排菜单导航条
5.掌握浮动属性的相关知识点

高级电商网页设计班

(14)第十四课时:DIV+CSS
①学习简介
了解列表在网页中的重要性与实用性
了解并熟悉ul无序列表和dl定义列表在网页中的使用用途与使用技巧方法
了解并熟练掌握符号列表的基础属性list-style-type
了解并熟练掌握符号列表的图片属性和定位属性
②学习收益
1.了解列表在网页设计中使用用途
2.了解ul无序列表和dl定义列表
3.学会如何改变项目符号样式
4.图片定义项目符号以及符号定位属性

(15)第十五课时:DIV+CSS
①学习简介
新闻列表实战案例练习,掌握定义列表属性的设置技巧
无序列表导航条源码练习,掌握导航条链接标签的表现要点
定义列表产品排列练习,掌握定义列表标签的表现要点
②学习收益
1.实例1:运用ul无序列表制作新闻列表
2.实例2:运用ul无序列表制作导航条
3.实例2:运用dl定义列表制作产品排列效果

(16)第十六课时:DIV+CSS
①学习简介
了解什么是超链接?了解超链接的基本定义
掌握在HTML语言中,通过标签实现超链接效果
利用css设置超链接各种状态下的样式
css利用伪类选择器设置标记的不同状态
②学习收益
1.了解网页中超链接的基本定义
2.添加文本菜单超链接
3.了解超链接的四种常用状态
4.自定义设置超链接样式属性

(17)第十七课时:DIV+CSS
①学习简介
运用CSS样式对文本框和文本域进行美化
掌握在DreamWeaver中用CSS样式美化图片的方法和技巧
学会如何用CSS样式改变下拉列表样式,纠正下拉列表对许多样式不生效的问题
合理利用label标签会使页面的用户体验得到提升
②学习收益
1.改变文本框和文本域样式
2.了解并掌握用图片美化按钮
3.运用CSS代码改变下拉列表样式
4.用label标签提升用户体验
5.实例1:运用CSS设计出登录页面

(18)第十八课时:DIV+CSS
①学习简介
了解在布局中,常用的CSS定位方式有几种,并了解他们之间的区别
掌握absolute(绝对定位)、relative(相对定位)的使用与z-index解析。
了解网页布局中,浮动元素(float)与定位(position)的不同点
掌握在CSS布局中,四大核心内容(标准流、盒模型、浮动元素、定位)
②学习收益
1.CSS定位方式有哪些,他们的区别是什?
2.CSS三大定位原理&Z-index解析
3.CSS布局——元素浮动与定位篇区别
4.了解CSS之四种定位的理解
5.CSS核心内容-标准流、盒模型、浮动、定位

(19)网页设计综合实训
①学习简介
了解网页版式设计概念及常见的网页版式类型
学习并掌握如何根据实际需要制定网页/网店页面布局规范
了解色彩基本知识和色彩的视觉识别性,各种不同场景的配色用法和意义
掌握网页中图片的编排规则和文本的组合编排规则,以及栅格的应用
②认识和注册第三方建站系统平台
使用第三方建站系统制作网站前端效果
保存网页,熟练运用生成代码,构建本地页面
③学习收益
1.常见的第三方建站系统
2.第三方建站系统模块实操
3.成品网站代码运用实战

(20)网站设计
实战式练习
(八课时)
①学习简介
熟悉网站首页常见的布局类型及其相应特点
熟悉行业网站首页页面布局规范,根据规范设计页面实战练习,从零开始使用DIV+CSS布局网页界面效果实战练习,突破页面从一到多,实现静态网站效果
②学习收益
1.实战练习之使用DIV+CSS布局网页一
2.实战练习之使用DIV+CSS布局网页二


为什么选择汇学教育

教学经验
在多年的办学中积累了丰富的教学经验,紧密结合市场需求设置课程,有效提高学员的职场竞争力

办学模式
采用全新的教学管理机制和家庭式的办学模式,开设了电子商务运营培训、网页设计开发培训等。

教学模式
汇学教育坚持家庭式上课即小班教学,采用1+1双课时模式,理论+实操。寓教于乐,讨论式教学,启发式学习,边学习边练习。

学习计划
主讲教师与辅导教师复式考核,老师注重专业而系统教学,根据学员个人业余时间量身定制学习计划,迅速提高专业水平和实战能力

高级电商网页设计班

学员评论(共 1 条评论)

我******插

我******插 (196****3613)2021-10-16 16:55

老师很好,讲课很详细,不会的老师你问老师都回答你

请教TA

预约试听

填写您的个人信息 稍后将有平台客服联系您

400-000-9192

欢迎拨打平台热线主动联系我们

登录成功

欢迎您加入91搜课网
以下为您提供我们后台链接、账号、密码

后台链接:www.91soker.com/soker_institution/

后台密码:123456

温馨提示:
请保存好、后台链接、账号、密码。
登录后台链接提供入驻所需的资料信息。

400-000-9192

欢迎拨打平台热线主动联系我们

0.490351s