新手入门必备课程淘宝店铺装修基础.pptx
《新手入门必备课程淘宝店铺装修基础.pptx》由会员分享,可在线阅读,更多相关《新手入门必备课程淘宝店铺装修基础.pptx(17页珍藏版)》请在冰豆网上搜索。
淘宝店铺装修基础新手入门必备课程重庆泰岳优才科技有限公司讲师:
Hans网页构造原理1、网页实际上是一个大盒子,这个盒子里面装着各种各样的小盒子。
网站logo首页|详情页|2、各个盒子有着不同的属性(大小、边框、背景颜色、字体大小等)。
3、各个小盒子里面装着各种元素(文字、图片、动画、视频等)。
工作职能1、与交互设计师、视觉设计师协作,根据设计稿,把图片形式的东西“制作”为可编辑的网页形式。
2、再根据网站要求,给相应的地方添加上交互(链接、动画等)。
3、前端开发工程师(通常说的“网页制作”、“网页制作工程师”、“前端制作工程师”、“网站重构工程师”都统称为“前端”。
)4、一名合格的前端开发工程师,应该具有一定的审美能力和基础的美工操作能力,能很好的与交互及视觉协作。
课前演练请学员们观察这个店铺,并讨论他有哪些问题。
丑丑店铺装修的重要性1、引入流量、提升销售。
3、给买家提供便捷,能简捷快速的找到需要的产品。
2、品牌识别,提升品牌知名度。
4、让卖家更好的对店铺进行管理。
店铺装修流程普通店铺装修店铺招牌店铺类目公告栏宝贝描述店铺首页和宝贝详情页等告诉买家在购买前的注意事项网页形式上传图片到图片空间后台编辑并上传代码预览确认后发布编辑并存储备份:
方便以后我们修改DreamweaverAdobe“网页三剑客网页三剑客”FireworksAdobeFlashAdobe一、店铺装修工具介绍实训环节1、了解熟悉图片空间各个功能。
2、尝试新建文件夹,并命名为“我的店铺”。
3、上传素材包里的“店招.jpg”图片至“我的店铺”。
4、打开Dreamweaver,新建一个页面,插入图片空间的“店招.jpg”。
二、制作店招1、Html简介超文本标记语言“超文本”就是指页面内可以包含:
图片链接音乐程序非非文文字字元元素素Html基本组成部分声明,告知声明,告知浏览器使用器使用HTML或或XHTML规范范文档开始部分文档开始部分解析解析语言,言,content(内容内容类型),型),charset(编码)头部,文档部,文档头部部标题,文档,文档标题主体内容区域主体内容区域HTML(结构)CSS(样式)JS(行为/动作)HTML、CSS、JS之间的关系HTML标签打开电商世界大门HTML标签是HTML语言中最基本的单位,也是最重要的一部分。
浏览器以某种方式显示相应的标签样式。
标签特点打开电商世界大门由_包围的关键词,比如通常是_出现的,比如和也有单独呈现的标签,如:
、等标签对中的第一个标签是_标签,第二个标签是_标签。
开始和结束标签也被称为_标签和_标签。
开放闭合尖括号成对开始结束标签语义话什么是标签语义化:
什么是标签语义化:
重要性:
重要性:
去掉或样式丢失的时候能让页面呈现清晰的结构;搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重;便于团队开发和维护。
语义化标签就是尽量使用与结构相对应的含义的Html的标签练习块级元素元素行内元素行内元素divh1pulolspanubaem1、跟着老师,打开Dreamweaver,用10分钟时间试一下左边这些标签各有什么作用。
2、根据块级元素和行内元素的区别,完成下面的连线题。
感谢聆听