★ 由资深培训讲师组织策划讲解
★ 全面讲授 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技术,可以实现简洁明了的分栏风格。
●使用方法:不需安装,将光盘放入光驱后直接运行;若不能直接运行,可从“我的电脑”处找到光驱,列出光盘中的文件,用鼠标双击“Play.exe”即可。 ●运行环境:PⅡ以上;内存:64M以上;中文Windows 98、2000、XP多媒体环境。 ●注意事项:使用光盘时建议显示分辨率为 1024×768;全屏播放效果更佳;媒体播放器 Media player 6.4 以上版本。