品优购项目

能够独立完成你品优购首页制作

能够独立完成品优购列表页制作

能够独立完成品优购注册页制作

能够把品优购网站部署上线

品优购项目规划

品优购首页制作

品优购列表页制作

品优购注册页制作

域名注册与网站上传

 

 

品优购项目规划

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上就可以看到提示文字了。

 

 

 

 

 

 
posted @ 2021-06-24 16:11  Sai佐为  阅读(150)  评论(0)    收藏  举报