学习笔记14----品优购项目

品优购项目规划

1.样式的模块化开发

2.网站favicon图标

2.1制作favicon图标

选择好你所需要变成图标的图片文件然后再比特虫网站下转换成图标

2.2favicon图标放在网站根目录下

2.3httml页面引入favicon图标

输入比特虫那段代码到html文件中去

<link rel="shortcut icon" href=" /favicon.ico" />切记必须删掉反斜杠变成下面这个代码，后面的反斜杠可有可无

<link rel="shortcut icon" href=" favicon.ico" >

3.网站TDK三大标签SEO优化

3.1title网站标题

3.2description网站说明

3.3keywords关键字

品优购首页制作

品优购首页制作----快捷导航栏shuotcut结构搭建

代码及效果图如下：

品优购首页制作----快捷导航栏左侧制作

代码及效果图如下：

品优购首页制作----快捷导航栏右侧搭建

把右侧都放进小li盒子中，给偶数的li盒子设置属性，然后在部分盒子中创建class=iconfont在按照阿里的使用图标的办法使用图标即可，源代码及效果图如下：

品优购首页制作----header头部模块的搭建

品优购首页制作----logoSEO优化

源代码及效果图如下：

品优购首页制作----search搜索模块