新手入门必备课程：淘宝店铺装修基础.pptxVIP

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