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

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

原型图写的不详细,就是体现一个网页大致的布局
然后美工再做一个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优化
感觉这篇写的乱七八糟的。。。就这样吧