网页设计与制作教程第4章网页布局设计ppt课件_第1页
网页设计与制作教程第4章网页布局设计ppt课件_第2页
网页设计与制作教程第4章网页布局设计ppt课件_第3页
网页设计与制作教程第4章网页布局设计ppt课件_第4页
网页设计与制作教程第4章网页布局设计ppt课件_第5页
已阅读5页，还剩5页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

.,网页设计与制作教程第4章网页布局设计,主讲：,.,第4章网页布局设计,网页布局涉及到网站内各网页的风格，网页上各种元素的显示排列方式。如何方便地调整网页的布局，统一网页的风格是网页设计者非常关心的问题。本章将详细讲解如何利用CSS样式表来控制网页布局。,.,第4章网页布局设计,4.1控制网页布局版面指的是浏览器看到的一个完整的页面。因为每台计算机显示器的分辨率不同，所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。所谓布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。,.,第4章网页布局设计,常用到的版面布局形式如下：“T”结构布局“口”型布局“三”型布局对称对比布局POP布局,.,第4章网页布局设计,4.2使用CSS样式表格式化网页4.2.1CSS样式表CSS是“CascadingStyleSheet”的缩写，常被译为“层叠样式表”或“级联样式表”，也可简称为样式表。它简化了HTML语言中各种繁琐标记，使得各个标记的属性更具有一般性和通用性，并且扩展了原先的标记功能，能够实现更多的效果。使用CSS样式可以非常灵活并更好地控制具体的网页外观，从精确的布局定位到特定的字体和样式。它把对象概念真正引入了HTML语言中，使得可以使用脚本程序调用和改变对象属性，使网页中的对象产生动态效果。,.,第4章网页布局设计,通过CSS样式表一般可以实现如下功能：更加灵活地控制网页中文字的字体、颜色、大小、间距、风格及位置。灵活地设置一个文本块的行高、缩进，并可以为其加入三维效果的边框。可以方便地为网页中任何元素设置不同的背景颜色和背景图片。可以精确地控制网页中各元素的位置。,.,第4章网页布局设计,可以为网页中的元素设置各种滤镜，从而产生诸如阴影、辉光、模糊和透明等只有在一些图像处理软件中才能实现的效果。与脚本语言结合，可以使网页中的元素产生各种动态效果。它是采用直接格式的HTML代码书写，网页打开的速度非常快。,.,第4章网页布局设计,在HTML语言中，假如要在一段文字中把一部分文字变成红色，需要这样书写代码：红色字体,而在CSS样式表中则可以简化成下面的形式：红色字体。,.,4.2.2应用CSS样式在Dreamweaver中通过样式面板来应用CSS样式，主要有新建样式、编辑已有样式、删除已有样式。是否保存新建样式取决于样式的应用范围。CSS样式的主要属性包括类型、背景、区块、方框、列表、定位、扩展等。在Dreamweaver中可以很方便地设置样式的各种属性。,.,4.3管理样式表在一个网站中通常会有很多的样式表，管理好这些样式表非常重要。在Dreamweaver中可以很方便地管理样式表，完成样式表的创建、编辑、导入和导出。样式表的导入是指把外部的样式表文
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论