DIV+CSS视频教程_DIV+CSS开发实例实战DIV+CSS网站首页制作资料.pptVIP

阶段项目：实战DIV+CSS网站首页制作 目录 1、首页结构分析 2、搭页面结构(5步) 3、CSS样式设计 4、CSS定位扩展页面 5、CSS Hack 【第一步】 首先我们需要对页面进行分块，由几大块组成，从效果图上不难看出，由四大块组成“头部版块、广告版块、内容版块、页底版块”，分别给他们起个名字如下： 头部版块：header 广告版块：banner 内容版块：content 页底版块：footer HTML代码： div id=header/div div id=banner/div div id=content/div div id=footer/div 【第二步】 头部版块有两部分组成，左侧的logo和右侧的寻航条 1）网站logo一般是张图片，而且是可以点击癿，点击后回到首页，所以logo部分的结构为： div id=logo a href= img src=images/logo.png / /a /div 2）导航我们肯定要用标签ul和li，而li里面内容又是链接，在加上真实的链接信息后，导航条部分的结构如下： ul id=“nav” lia href=首 页/a/li lia href=/course.aspx培训课程/a/li lia href=/students.aspx优秀学员/a/li lia href=/faq