查看内容

广州高级电商网页设计培训_电商网页设计培训班

课程详情
淘宝美工实战班

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



现在的你是否面临以下难题?


零基础转行 没经验找工作 装修能力低 订单成交量低
没接触过设计行业,不懂的美工到底要学什么,要做些什么,没有思路,自己不会操作,看着别人都会干着急。
不用怕,汇学零基础入门教学,一人一机,循序渐进的教学,让你无后顾之忧!
初高中生,出来啥都不会,没有相关的行业经验,一出来对工作生活感到迷茫,感觉寸步难行 !
不用怕,汇学实战型课程体系,上课紧随课程案例练习,让你顺利找到工作!
商品图片不会做、宝贝详情不会做,什么海报装修都不会,花钱请人都不懂,花冤枉钱又浪费时间。
不用怕,汇学实战授课,课程中就可以店铺实操,设计装修不用愁!老师解决你问题!
图片展示效果差,点击率很差,天天发帖烧直通车,来了客户却没有转化,钱花了也没效果,不会作图真愁人!
不用怕,掌握上课的知识点,学会各种设计图片的方法,多练多做,这都不是事!


招生对象
 
  • 1

    希望从事电商设计类工作的学员或在职工作者

  • 2

    从事电商或线上推广,日常工作需要修图的学员

  • 3

    想有一技之长摆脱现有低薪收入的职能性职位工作者


课程信息



  • 上课时间
    上课时间 icon

    周一到周六上午 9:45-12:45 或下午:14:30-17:30
    晚上班 :19:00-21:00


  • 课时
    课时 icon

    总课时:54课时,上午/下午(18天)
    晚上27天,全日制9天



课程大纲

淘宝设计案例实战,让你掌握店铺装修技巧,拥有实战美工功力。提升店铺视觉装修,确保店铺转化率。


了解美工行业的需求及需要掌握的知识;
通过学习掌握店铺主图及直通车的设计标准;
掌握图像裁剪,修改图片大小技巧,
掌握快速去除背景、钢笔抠图、通道抠图等技巧;
学会快速去除商品上的斑点,用仿制图章工具修复划
痕,处理曝光不足的图像,还原图片色彩,提高照片清
晰度等图像处理技巧;
学会产品投影与倒影效果的制作;
学会用 Photoshop 制作 Gif 动画,字体与排版,
促销标签的制作以及图像合成;
掌握文字、图片水印的制作
实战练习处理图像及设计直通车图。
了解美工行业的需求及需要掌握的知识;
通过学习掌握店铺主图及直通车的设计标准;
掌握图像裁剪,修改图片大小技巧,
掌握快速去除背景、钢笔抠图、通道抠图等技巧;
学会快速去除商品上的斑点,用仿制图章工具修复划
痕,处理曝光不足的图像,还原图片色彩,提高照片清
晰度等图像处理技巧;
学会产品投影与倒影效果的制作;
学会用 Photoshop 制作 Gif 动画,字体与排版,
促销标签的制作以及图像合成;
掌握文字、图片水印的制作
实战练习处理图像及设计直通车图。

课程体系
 
学习简介 学习内容
第一课时
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布局网页二


师资介绍

淘大讲师:姜云宝
   讲师:姜云宝   

讲师简介:广州汇学教育特邀技术顾问、天猫黄金台诊断师、天下网商分析师、易观“互联网+导师团”精英导师、派代讲师、广州电子商务行业协会顾问。服务过慕思、木林森、海南农垦、迪士尼、麦斯卡、浪奇、梦芭莎等近百家品牌,分享快速获取手淘首页流量的秘籍。
讲师王昆伟

  讲师:王昆伟  

讲师简介:现任汇学电商营销教学部讲师、汇学电商学院讲师、电商运营5年经验。
研究方向:【自然搜索】、【直通车推广】、【钻展推广】、【数据分析】、【内容营销】。 涉足女装、童装、男装、箱包、食品、化妆品等类目。授课特点:清晰的思路逻辑,和详细的实操操作,现场气氛好。
涉足类目:女装、童装、男装、箱包、食品、化妆品等类目,操盘三家天猫、五家淘宝,其中一家天猫做到top前五。很多淘宝一年多等级上皇冠。