2019-07-29来黑马程序员的第十八天(上课)

2019-07-31  本文已影响0人  柯南结局我就改名字

今天总算来到了敲一个比较大的项目了,看到了已经敲好的页面,心里还是有点畏惧的,主要的一点就是这个项目他有好几个页面,有些页面的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!!!

上一篇 下一篇

猜你喜欢

热点阅读