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

淘宝店铺装修基础——新手入门必备课程重庆泰岳优才科技有限公司讲师：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标签h1打开电商世界大门h1HTML标签是HTML语言中最基本的单位，也是最重要的一部分。浏览器以某种方式显示相应的标签样式。标签特点h1打开电商世界大门/h1由______包围的关键词，比如h1通常是_____出现的，比如h1和/h1也有单独呈现的标签，如：imgsrc=“店招图片路径/、br/等标签对中的第一个标签是____标签，第二个标签是____标签。开始和结束标签也被称为____标签和____标签。开放闭合尖括号成对开始结束标签语义话什么是标签语义化：重要性：•去掉或样式丢失的时候能让页面呈现清晰的结构；•搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重；•便于团队开发和维护。语义化标签就是尽量使用与结构相对应的含义的Html的标签练习块级元素行内元素divh1pulolspanubaem1、跟着老师，打开Dreamweaver，用10分钟时间试一下左边这些标签各有什么作用。2、根据块级元素和行内元素的区别，完成下面的连线题。感谢聆听