好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

2016.3.15第一个网站首页第七天_html/css_WEB-ITnose

个人博客地址:http://blog.csdn.net/mr_lp里面有专栏,专门介绍从零基础,如何一步步学习 H5。

二维码.jpg

关注.gif

阶段测试--映纷创意首页

今日制作一个网站首页。

官网地址:http://HdhCmsTestinfinistudio.cn/ 今日制作效果图:

主页.png

今日制作网站逻辑概念:

屏幕快照 2016-03-15 14.15.21.png

既然已经分析过了界面要求和逻辑,那么我们来开始制作第一个页面。

首先是通过 Photoshop 去获取咱们网站的具体图标等。

在之后,分别去创建对应的文件夹,内部包含你的 CSS , images 等文件夹。

创建之后,咱们正式开始今天的代码部分。

警告:以下代码部分,标签内容对应闭合,如果需要复制,请前往文章最底部。

首先咱们先来引入咱们的外部样式表。

                                                   

头部

之后咱们来去在 BODY 中创建咱们的首页 logo 还有四个按钮。为了方便查看,header 部分的 CSS 样式表,会在 header 部分结束的时候统一贴出来,大家稍安勿躁。

HOME WORK CONTACT JOIN US

查看更多关于2016.3.15第一个网站首页第七天_html/css_WEB-ITnose的详细内容...

  阅读:29次