《网页复习》由会员分享，可在线阅读，更多相关《网页复习（5页珍藏版）》请在金锄头文库上搜索。
1、一）一）TableTable 和和 divdiv 的区别的区别 1.1. div+cssdiv+css 布局比布局比 tabletable 布局节省页面代码，代码结构也更清晰明了布局节省页面代码，代码结构也更清晰明了. . 2.2. div+cssdiv+css 的页面对搜索引擎支持好，而且速度更快了的页面对搜索引擎支持好，而且速度更快了, ,能够比能够比 tabletable 更加快速的显更加快速的显 示网站内容示网站内容. . 3.3. div+cssdiv+css 布局使网站版面布局后期修改简单；因为版面代码都写在独立的布局使网站版面布局后期修改简单；因为版面代码都写在独立的 csscs
2、s 文件文件 里修改起来方便多了里修改起来方便多了, ,不象不象 tabletable 要在页面中修改很多信息要在页面中修改很多信息. . 4.div4.div 有兼容性问题，有兼容性问题，tabletable 没有，没有， div+cssdiv+cssdiv+cssdiv+css 的优缺点：的优缺点： 优点：优点： 1. 1. 1. 1.标准化的页面结构：标准化的页面结构：DIV+CSSDIV+CSSDIV+CSSDIV+CSS 是行业标准，是是行业标准，是 WEBWEBWEBWEB 发展的趋势。发展的趋势。 2 2 2 2、代码简洁：、代码简洁：DIV/DIVDIV/DIVDIV/DIVD
3、IV/DIV 较较 TABLETABLETABLETABLE 来说代码精简许多。来说代码精简许多。 3 3 3 3、页面浏览速度较快页面浏览速度较快：对于同一个页面视觉效果对于同一个页面视觉效果，采用采用 CSS+DIVCSS+DIVCSS+DIVCSS+DIV 重构页面容量要重构页面容量要 比比 TABLETABLETABLETABLE 编码的页面文件容量小得多，前者一般只有后者的编码的页面文件容量小得多，前者一般只有后者的 1/21/21/21/2 大小。大小。 4 4 4 4、页面布局灵活：、页面布局灵活：DIV+CSSDIV+CSSDIV+CSSDIV+CSS 使得页面布局方便操作灵活
4、，改版时只需改使得页面布局方便操作灵活，改版时只需改 CSSCSSCSSCSS 样式样式 即可实现页面重新布局，而不用改动程序，从而降低了网站改版的成本。页面效即可实现页面重新布局，而不用改动程序，从而降低了网站改版的成本。页面效 果丰富，包括视觉效果和用户体验比如拖拉。果丰富，包括视觉效果和用户体验比如拖拉。 二）二）模板和库的区别模板和库的区别: : 模板可以用来制作整体网页的重复部分。库就是面向网页局部重复部分的。模板可以用来制作整体网页的重复部分。库就是面向网页局部重复部分的。 模板的创建方式，库和模块的扩展名模板的创建方式，库和模块的扩展名( ( ( (后缀名后缀名) ) ) ) 模
5、板的后缀名是模板的后缀名是 dwtdwtdwtdwt； 1 1 1 1）创建模板：创建模板：“常用常用”工具栏中点击模板图标中的创建模板；工具栏中点击模板图标中的创建模板； 2 2 2 2）2 2 2 2、 选择选择文件文件菜单菜单另存为模板。另存为模板。 库的后缀是库的后缀是 lbilbilbilbi； 库的创建：选择元素，在资源中库窗口中选择创建库；库的创建：选择元素，在资源中库窗口中选择创建库； 三）三）FireworksFireworksFireworksFireworks 切图切图：切图的步骤及注意的细节切图的步骤及注意的细节 步骤步骤:1 :1 :1 :1 把图调进去，根据图像大小
6、（编辑把图调进去，根据图像大小（编辑- - - -图像大小）图像大小） 2 2 2 2 添加辅助线（视图添加辅助线（视图- - - -建立新辅助线）建立新辅助线） 3 3 3 3 选择裁切工具去得到需切割出来图片的选区选择裁切工具去得到需切割出来图片的选区 4 4 4 4 执行菜单执行菜单“存储为存储为 WebWebWebWeb 和设备所用格式和设备所用格式” 注意细节注意细节: : : : 大图片尽量切小，小图片加载速度快，大图片尽量切小，小图片加载速度快， 有圆角的要切，有圆角的要切，DWDWDWDW 中不能用中不能用 CSSCSSCSSCSS 制作出圆角，制作出圆角， 有渐变的要切，渐变
7、虽然可以用有渐变的要切，渐变虽然可以用 CSSCSSCSSCSS 打造，可是有点不方便，建议切片打造，可是有点不方便，建议切片 水晶边框类的，最好切小，实在不行就切整个边框，然后作为背景。水晶边框类的，最好切小，实在不行就切整个边框，然后作为背景。 1. 1. 1. 1.切图步骤：切片，优化，导出切图步骤：切片，优化，导出 2. 2. 2. 2.切片要尽量小切片要尽量小 3. 3. 3. 3.优化一般两种格式优化一般两种格式 gifgifgifgif，jpegjpegjpegjpeg，透底图必须是，透底图必须是 gifgifgifgif 格式，制作方法有两种：一是吸管吸取背格式，制作方法有两种
8、：一是吸管吸取背 景色去掉，第二种是改成索引色透明景色去掉，第二种是改成索引色透明 四）四）什么是什么是 CssCssCssCss，它的全称，英文名称，它的全称，英文名称，8W3c8W3c 是什么标准是什么标准 2.CSS2.CSS2.CSS2.CSS：CSSCSSCSSCSS（CascadingCascadingCascadingCascadingStyleStyleStyleStyle SheetSheetSheetSheet，可译为，可译为“层叠样式表层叠样式表”或或“级联样式表级联样式表” ） 是一组格式设置规则，用于控制是一组格式设置规则，用于控制 WebWebWebWeb 页面的外
9、观。通过使用页面的外观。通过使用 CSSCSSCSSCSS 样式设置页面样式设置页面 的格式，可将页面的内容与表现形式分离。的格式，可将页面的内容与表现形式分离。 3.W3c3.W3c3.W3c3.W3c：W3C(W3C(W3C(W3C(WorldWorldWorldWorld WideWideWideWide WebWebWebWeb ConsortiumConsortiumConsortiumConsortium 的缩写，中文意思是的缩写，中文意思是 W3CW3CW3CW3C 理事会或理事会或 万维网联盟万维网联盟。 ) ) ) ) 标准使全球的网页设计人员和浏览器制造商之间有了一个共同的
10、标准使全球的网页设计人员和浏览器制造商之间有了一个共同的 标准标准， 遵守这个标准的网页遵守这个标准的网页， 在所有遵守在所有遵守 W3CW3CW3CW3C 标准的浏览器上都可以获得一致标准的浏览器上都可以获得一致 的表现的表现，由于世界上主流的浏览器由于世界上主流的浏览器（包括包括 IE6+IE6+IE6+IE6+） ，目前都遵守目前都遵守 W3CW3CW3CW3C 规范规范，所以所以， ， 如果您的网站是基于如果您的网站是基于 W3CW3CW3CW3C 标准建立的，您可以完全不必担心浏览器兼容问题标准建立的，您可以完全不必担心浏览器兼容问题。 五）五）站点的好处，什么是站点站点的好处，什么
11、是站点 站点：一个站点（站点：一个站点（sitesitesitesite）是一个存储区，它存储了一个网站包含的所有文件。）是一个存储区，它存储了一个网站包含的所有文件。 DreamweaverDreamweaverDreamweaverDreamweaver 的使用是以站点为基础的，必须为每一个要处理的网站建立一个的使用是以站点为基础的，必须为每一个要处理的网站建立一个 本地站点。本地站点。 站点的好处：站点的好处： 方便用户管理网页文件。方便用户管理网页文件。 建立站点建立站点，可以把图片等媒体文件可以把图片等媒体文件、样式文件样式文件、JavaScriptJavaScriptJavaScr
12、iptJavaScript 等文件放入等文件放入 站点文件夹站点文件夹，保证站点内网页引用这些文件路径的正确保证站点内网页引用这些文件路径的正确，并且站点会自动更并且站点会自动更 新链接。新链接。 DreamweaverDreamweaverDreamweaverDreamweaver 可以生成一个站点配置文件可以生成一个站点配置文件，方便在不同的电脑内复制方便在不同的电脑内复制 站点。站点。 利用利用 DreamweaverDreamweaverDreamweaverDreamweaver 制作动态网站制作动态网站，必须要建立站点必须要建立站点，才可以连接数据才可以连接数据 库。库。 可以在
13、不同的电脑内建立相同的站点，方便多人管理网站。可以在不同的电脑内建立相同的站点，方便多人管理网站。 可以方便管理远程服务器站点可以方便管理远程服务器站点 站点的建立 在进入 Dreamweaver 的起始页面中选择 “新建” “Dreamweaver 站 点”“高级” 在主菜单“站点”菜单中选择“新建站点”或“管理站点”来新建站 点，选择“高级” 在“文件浮动面板”中选择“站点管理”来新建站点，选择“高级” 六）六）CssCssCssCss 和站点的命名规则和站点的命名规则 CssCssCssCss 中命名可以中命名可以“数字数字” “字母字母” “下划线下划线”组成组成，但是不能以数字开头但
14、是不能以数字开头，站头与站头与 csscsscsscss 命名命名 规则相似，唯一区别是不能使用中文规则相似，唯一区别是不能使用中文 七）七）CssCss 的几种类型的几种类型 C C C Cssss ss ss 样式应用的方式：样式应用的方式： 内联，在标记符中直接嵌套样式信息，内联，在标记符中直接嵌套样式信息，内联样式（在内联样式（在 HTMLHTMLHTMLHTML 元素内元素内 部）部） 内部内部， 在在 stylestylestylestyle 标记符中指定样式信息标记符中指定样式信息，内部样式表内部样式表（位于位于 标标 签内部）签内部） 外部，链接外部样式表中的样式信息，例如，在
15、当前网页目录中外部，链接外部样式表中的样式信息，例如，在当前网页目录中 包括以下包括以下 mycss.cssmycss.cssmycss.cssmycss.css 文件：文件： pcolor:redpcolor:redpcolor:redpcolor:red 然后在网页中用以下代码然后在网页中用以下代码 。优点是利于维护多个网页，缺点是不利于控制单独页。优点是利于维护多个网页，缺点是不利于控制单独页 面中的个别部分。面中的个别部分。 八）八）八）八）idididid 和类的区别和类的区别和类的区别和类的区别 1. 1. 1. 1.在网页制作中，类可以分配给任何数量的元素，而在网页制作中，类可以
16、分配给任何数量的元素，而 IDIDIDID 只能在某个只能在某个 HTMLHTMLHTMLHTML 文档中使用文档中使用 一次一次，IDIDIDID 类似于表单元素类似于表单元素 INPUTINPUTINPUTINPUT 中的中的 NAMENAMENAMENAME 属性属性，每个每个 NAMENAMENAMENAME 属性的值应该是唯一的属性的值应该是唯一的 2. 2. 2. 2.类前面以类前面以 . . . . 开始，而开始，而 IDIDIDID 前面以前面以 # # # # 开始。开始。 3.ID3.ID3.ID3.ID 对元素应用样式时比类具有更高的优先权对元素应用样式时比类具有更高的优先权! ! ! ! 九）九）什么是伪类选择器，什么是伪类选择器， 伪类选择器的集中状态，伪类选择器的集中状态，a a a a 标签的状态种类标签的状态种类 伪类选择器伪类选择器： 伪类可以看做是一种特殊的
