品优购项目
能够独立完成你品优购首页制作 能够独立完成品优购列表页制作 能够独立完成品优购注册页制作 能够把品优购网站部署上线 |
品优购项目规划 品优购首页制作 品优购列表页制作 品优购注册页制作 域名注册与网站上传
品优购项目规划 1、品优购项目整体介绍 2、品优购项目学习目的 3、开发工具以及技术栈 创建目录文件夹-shoping 经常更换的产品图片 upload 背景不经常更换的小图片images css文件夹 js 首页 index.html(修改里面内容
) base.css初始化
网站favicon图标: favicon.ico 一般用于缩略的网站标志,显示在浏览器的地址栏或标签上。 一、制作favicon图标 二、favicon图标放到网站跟目录下 三、HTML页面引入favicon图标 1、把品优购图标切成png图片 2、把png图片转换为ico图标,借助第三方网站 比特虫 http://www.bitbug.net/ 3、在html里引入 <link rel="shortcut icon" href="favicon.ico" />
1.7网站TDK三大标签SEO优化 SEO 搜索引擎优化,目的是对网站进行深度的优化,从而帮助网站获取免费的流量,进而在搜索引擎上提升网站的排名,提高网站的知名度。 三大标签来符合SEO优化: title description keyword 1,title网站标题, 建议: 网站名-网站的介绍 2, description网站说明 , 简要说ing我们网站主要是做什么的。 3, keywords 是页面关键词, 是搜索引擎的关注点之一
常用模块类名命名 快捷导航栏shortcut 头部header 标志logo 购物车shopcar 搜索search 热点词hotwrods 导航nav 导航左侧dropdown包含.dd .dt 导航右侧navitems 页面底部footer 页面底部服务模块mod_service 页面底部帮助模块mod_help 页面底部版权模块mod_copyright
LOGO SEO优化 1、logo里面啊首先放一个h1标签,目的为了提权,告诉搜索引擎这个地方很重要 2、h1里面再放一个链接,可以返回首页的,logo背景图片给链接 3、为了搜索引擎收录我们,我们链接里面要放网站名称,但文字不要显示出来 方法1: text-indennt移到盒子外面(text-indent:-9999px),然后overflow:hidden; 淘宝做法 方法2: 直接font-size: 0; 就看不到文字了, 京东做法。 4、最后给链接一个title属性, 这样鼠标放到logo上就可以看到提示文字了。
|