css:项目

这是一个完整的网站制作的流程

美工会先制作一个原型图：

原型图写的不详细，就是体现一个网页大致的布局

然后美工再做一个psd样例图片

然后再交给程序员

项目

模块化开发：把代码的不同的样式封装起来，需要用到相同样式的标签就施加相同的样式

显示favicon图标

左边就是favcion图标

制作：将图片（png）通过第三方转化为ico图标

然后引入到head里

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

效果有了

TDK的SEO优化

seo:搜索引擎优化，利用搜索引擎规则，提高网站在有关搜索引擎内自然排名方式（除了花钱打广告的）

seo的目的是对网站进行深度的优化，帮助网站获取免费的流量，进而在搜索引擎上提高网站的排名，提升知名度

页面必须有三个标签符合seo优化：title、description、keyword

举个栗子：

title标签具有不可替代性，是内页的第一个重要标签，是搜索引擎了解网页的入口和对网页的最佳判断点（方便seo优化）

一般的格式是：网站名（产品名）-网站的介绍（尽量不超过30个字）

<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>

description标签简要说明我们网站是做什么的，我们提倡description作为网站的总体业务和主题概括，一般都是用"我们是..."、"我们提供..."、“电话：010...”之类的语句

<meta name="description" content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。">

keywords：页面关键词，也是搜索引擎的关注点，最好写6-8个关键词 

<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东">

类名的统一规范

制作logo给logo施加和标签，目的是提权，告诉搜索引擎它很重要

h1里放一个链接，通过点击链接回到首页

为了满足seo优化，要在链接里放文字（网站名称），但是文字不能显示出来

隐藏文字的做法：直接font-size:0;看不见文字

或者text-indent移动到盒子外面，然后overflow：hidden;

给链接一个title属性，这样鼠标放到logo上回看到提示文字

注册页不需要做seo优化

感觉这篇写的乱七八糟的。。。就这样吧

原文地址：https://blog.csdn.net/Au_ust/article/details/143978611

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！