当前位置:沸点梦工场 > 网页设计光盘推荐 > 浏览文章

即学即会 DIV + CSS 网页布局

59HOT收集整理 2008年06月14日 【字体:

点此在新窗口浏览图片

立即购买>>

由资深培训讲师组织策划讲解;全面讲授DIV+CSS的应用技巧;课程内容与实例全部以视频方式表现;附赠授课时应用的“范例文件”。

使用DIV+CSS进行网站页面重构,具有提高页面浏览速度、结构清晰、改版时间短、页面漂亮、被大多数浏览器支持等优点。

本套视频由网页设计专业人士策划及讲解,通过实例,边讲解,边操作,所见即所得,具体讲述了CSS的几种表现形式、如何使用DIV标签创建出基本的网页构架、如何创建网页页顶部、页面主体、页面底部等基础知识,并且讲述了如何使用DIV+CSS技术实现交换按钮及分栏。学习者在形象生动的讲解及操作中能够很快掌握DIV+CSS的知识要点,制作出满意的网页作品。

一、CSS的几种表现形式
1、标签类型
2、类类型
3、ID类型
4、高级选择器类型
5、伪类
6、标签内添加
二、创建基本布局
使用用DIV标签,创建出基本的网页构架(页面头部、主体及底器),并添加上合适的注释。
三、创建网页页顶部
1 创建基本CSS样式
2 创建应用于顶部背景CSS样式
3 创建应用于导航菜单UL标签样式
4 创建广告栏图象
四、创建页面主体
1、创建页面主体的左边部分:
1.创建页面左边整体样式
2.创建表单 
3.创建详细信息
4.创建友情链接
2、创建页面主体的右边部分:
1.创建一条信息
2.复制信息并修改内容
五、创建页面底部:
1.创建背景
2.输入相关文字
六、使用DIV+CSS实现交换按钮
使用DIV+CSS也可以实现鼠标交换图象,并且不使用Javascript,这样可以使得页面更加简洁,下载速度更快。
七、使用DIV+CSS实现分栏
使用DIV+CSS技术,可以实现简洁明了的分栏风格。

立即购买>>

相关文章:

发表评论: