1 .确认版心这一页的版心为1200px。 各版心水平居中。 可以将版心定义为公共类。 w { width: 1200px； height :自动； )2.头部制作
1号为版心箱header1200*42箱，对准水平中央，上下给margin值； 版心盒包含2号盒标识； 版心盒中包含3号盒的nav导航栏；实际开发中，不会直接用链接a，而是用li包含链接(li+a)的做法li a是一个含义更加清晰、一看就有条理的列表型内容； 如果直接使用a，搜索引擎就容易识别为涉嫌积累了关键字，故意积累关键字，容易存在被降级为搜索引擎的风险，影响网站排名。 版心箱包含4号箱的search搜索框； 版心盒包含5号盒user个人信息； 注意：要求里面的4个盒子必须是浮动的！ 2.1徽标区域设计使用PS的Cutterman工具剪切学成网首页.psd文件，然后提取徽标. png图像。 2.2导航栏nav设计http://www.Sina.com/http://www.Sina.com /此nav导航栏不提供宽度，将来可以继续添加其余字符； http://www.Sina.com/2.3搜索模块搜索搜索框：一个搜索大箱子，里面包含两个表单。
2.4用户用户模块3.banner制作
第一个箱子是通栏的大箱子banner，不给宽度，给高度，给蓝色背景； 2号箱要版心，水平居中； 3号框版心内，左对齐subnav侧导航栏； 4号包厢版心内，右对齐course路线； 3.1在subnav侧面导航栏实际开发中，不会直接用链接a，而是用li包含链接(li+a)的做法a中再放一个span标签，输入后向右浮动； 3.2 course模块course模块是一个大箱子，其中包括上下放置的两个小箱子。
4 .精品推荐模块
goods精品中央水平有一个大箱子，请注意这里有箱子的阴影； 第一个箱子的标题h3的左侧是浮动的； 将链接放入2号框中，使其向左浮动，goods-item距离可以控制链接左右两侧的外侧距离。 (请注意，行内元素仅提供左右两侧的边距。 ) 3号框右浮动mod修正； 5.box核心内容模块
第一个箱子是最大的箱子，箱子版的中心水平居中； 2号框为上面部分的box-hd，里面左侧的标题h3向左浮动，右侧的链接a向右浮动； 3号盒为下降部分的box-bd，里面是无序列表，由10个小沥组成； 沥外和外的距离问题。 这里有诀窍。让导航栏一行显示，给li加浮动，因为li是块级元素，需要一行显示6.footer底部模块
1号箱为通栏大箱，底部footer抬高，底色为白色； 2号箱版心水平中央； 3号框版权版权版权版权左对齐； 4号box链接组links右对齐； 7 .资料下载本节完整代码，star、follow、fork…