今天总算来到了敲一个比较大的项目了，看到了已经敲好的页面，心里还是有点畏惧的，主要的一点就是这个项目他有好几个页面，有些页面的css代码需要公用的，这就对我们敲项目增加了一点难度了，下面将一个项目的详细构建流程写出来：
一、项目目录搭建
项目文件夹 ：最大的文件夹，所有的项目文件都存放在这个文件夹里面 例如：pinyougou
css文件夹 ：专门用来存放css文件的文件夹
images文件夹：专门用来存放不怎么更新的图片的文件夹
upload文件夹：专门用来存放时常更新的产品图的文件夹
fonts文件夹 ：专门用来存放字体相关的文件夹
二、CSS文件分类
normalize.css 初始化css文件 将各大浏览器之间的样式全部统一 (不使用)
reset.css 初始化css,将不同全部干掉
common.css 公共样式文件
index.css 当前写的页面的css文件
注意: 一定要注意引入的先后顺序
三、ico图标的使用
1、需要设计师提供图片
2、登录对应的网站（http://www.bitbug.net/） 将图标上传上去即可得到ico图标
3、使用代码 <link rel="shortcut icon" href="favicon.ico" /> （注意路径：建议将ico图标放到根目录下面）
四、网页SEO（搜索引擎优化）三大标签：title标签 description标签 Keywords标签
title标签：title具有不可替代性，是我们的网页内第一个重要标签，是搜索引擎了解网页的入口，和对网页主题归属的最佳判断点。
长度：谷歌：35个中文 百度：28个中文
首页建议：网站名（产品名）- 网站的介绍
例如：品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物！
description标签：针对网站的描述，是标题的一个补充，可以较为详细，一般不超过120个字，作用相对次之 <meta name="description" content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
Keywords标签：搜索引擎的关注点之一，应该限制在6-8个关键字之间
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
嗯，好好学习，天天向上，Fighting！！！
网友评论