网页制作高手Dreamweaver8 网页设计_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
网页制作高手Dreamweaver8 网页设计
该​文​档​里​面​都​是​一​些​基​础​的​知​识​,​是​本​人​学​习​网​页​设​计​时​候​做​的​笔​记​,​希​望​对​大​家​有​用
阅读已结束，如果下载本文需要使用
想免费下载本文？
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
你可能喜欢手网页制作教程:Dreamweaver表格经验谈
您现在的位置：&&>>&&>>&&>>&&>>&&>>&&>>&正文
手网页制作教程:Dreamweaver表格经验谈
&&&&&&&&&&
手网页制作教程:Dreamweaver表格经验谈
作者：佚名 文章来源： 点击数：672 更新时间： 16:40:02
Dreamweaver表格经验谈
　做过主页的朋友，几乎没有一个人没用到它，它使我们排版更加轻松。有人说DW的表格没有Fp的好用，我认为不然，Fp就是多一个平均分配行高、列高功能，但DW参数的更改设置非常方便，可清除表格行高，列高定义的HTML语句，这个功能非常好好。下面我们直奔主题，我将以提问的方式介绍我的几个经验。
　　经验（一）：为什么说表格比图层排版要好？
　　一开始学DW的朋友，都比较喜欢用图层排版，其主要原因是图层可以把对象放到你想放的任意位置，并且只需拖动鼠标，看起来非常轻松，但用F12预览就面目全非，后悔了吧？还是用表格排版吧。层的定位方式与表格的不同，层采取的定位方式是动态定位方式（引自《Dreamweaver3 网页设计》），它的定位靠的是两个参数Left和Top，这两个参数设置层框架与浏览器的边框的的距离，无论你是在最大化，还是在不同的分辨率下他都始终在一个位置，而表格在不同的情况下它将有所变化。尤其当你用表格的同时又用图层排版，这样的效果会让你痛苦一辈子。图层没用吗？当然有用，一般用它来做一些特效，用的好可以让你的主页锦上添花。本站有一个DW图层应用的教程，有兴趣可以看看。
　　经验（二）：如何消除分辨率的差异？
　　这是一个比较老套的话题，但总有人问。我们现在的网页最佳浏览分辨率大多是800*600，但有不少的兄弟用的是640*480或，怎样让你的网页兼容性更好，你只需把表格的宽度设为100%即可该决这个问题。
　　经验（三）：为什么我的表格在预览时发生变化？
　　我们经常会在做完表格排版后预览，发现表格的样子变了，不是有的高度变长了，就是宽度变宽了。出现这个情况的原因是，你在排版的时候，把表格高度或长度用鼠标拖长或拖短过，这样DW就会在你网页代码中自动加入一些宽的长度代码或高度代码。由于在排版的过程中，经常会这样做，所以你的网页代码加了许多的这些高和宽的代码，当你预览的时候浏览器就会按这些代码来显示，于是就会出现表格样子发生变化。好在DW为你提供了决办法，按Ctrl+F3后用鼠标点击表格边框出来表格属性面板，点属性面板的Clear row heiht（除掉表格中定义高度的Html语句） ，而Clear Column Wedths（除掉表格中定义宽度的Html语句）你最好少用，用不好会弄巧成拙，如果你的网页中用到割过的图片，此时用它来消除图片间的空隙 Ｓ行А?
　　经验（四）：关于表格背景图片的一个技巧。
　　大家都知道在一个较大的表格中放入背景图片，背景图片就会重复填充直到整个页面。我们可以利用表格的这个特性来减小我们网页中图片的大小，比如下面的一个渐变图，你看上去像是一整张图片，它其实用的就是表格背景重复填充特性，而用的图片就是右边的那张，大小只有1.3k，在此如果要用一张大的图片是很不划算的。你若要插入一根水平线，用这方法也很有效。经验（五）：如何使鼠标指到表格，表格背景变色？
　　这个特效用的是表格样式表，要达到此效果你只需在＜td＞代码中加入onmouseout="this.style.backgroundColor="" "onmouseover="this.style.backgroundColor="#FFcccc"" ，例：＜td onmouseout="this.style.backgroundColor=""" onmouseover="this.style.backgroundColor="#FFcccc""＞，“#ffccc”是你鼠标指到表格上要变的颜色，你可以根据自己需要改变颜色。
　　 经验（六）：如何利用表格实现画中画，也就是页中页效果？
　　网页的排版大多使用表格，利用一个表个单元可以嵌入一个网页，你知道吗？这样做有很多好处，比如你把经常更新的区域划分一个表格单元，然后在这个表格单元中嵌入你想要更新的内容，今后更新主页只需上传这个被嵌套的页面就可以了，没有必要对首页进行更新，是不是很方便。我写个最简单的例子代码：
　　＜html＞　　＜head＞　　＜title＞范例＜/title＞　　＜body＞　　＜table border="1" width="100%"＞　　＜tr＞　　＜td＞　　＜IFRAME src="example.htm" width="300" heitht="100"＞＜/IFRAME＞　　＜/td＞　　＜/tr＞　　＜/table＞　　＜/body＞　　＜/html＞
　　插入被嵌入页的关键代码是：＜IFRAME src="example.htm" width="300" heitht="100"＞＜/IFRAME＞。example.htm是被嵌入的页面，标签＜IFRAME＞还有一些可用的参数设置如下：　　marginwidth:网页中内容在表格右侧的预留宽度；例如：marginwidth="20"，单位是pix，下同。　　marginheight:网页中内容在表格顶部预留的高度；　　hspace:网页右上角的的横坐标；　　vspace:网页右上角的纵坐标；　　frameborder:是否显示边缘；填"1"表示"是"，填"0"表示"否"　　scrolling:是否出现滚动条；填"1"表示"是"，填"0"表示"否"
　　经验（七）：在使用表格中应注意那些问题？
　　1.整个表格不要都套在一个表格里，尽量拆分成多个表格。　　2.表格的嵌套层次尽量要少，最好嵌套表格不超过3层。　　3.单一表格的结构尽量整齐。
文章录入：gysdyzx&&&&责任编辑：gysdyzx&
上一篇文章： 下一篇文章：
【字体： 】【】【】【】【】【】
　　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
版权所有 Copyright&
本站域名：
地址：江苏省高邮市武安路288号
申明：本站大部分资源来自于网络,用于学习研究,如有侵权,请告之站长,将在第一时间删除!您所在位置： &
&nbsp&&nbsp&nbsp&&nbsp
使用Dreamweaver制作网页.doc13页
本文档一共被下载：
次 ,您可免费全文在线阅读后下载本文档
文档加载中...广告还剩秒
需要金币：120 &&
你可能关注的文档：
··········
··········
使用Dreamweaver制作网页
Dreamweaver简介
主要功能与特色
Dreamweaver 是Macromedia公司推出的可视化的网页设计和站点工具，用户可以不用编写HTML代码就可以生成跨平台、跨浏览器的网页，它支持动态HTML和CSS样式，采用了Roundtrip HTML技术（可以同时进行可视化设计与源代码设计），页面设计过程中自动生成的源代码简练，通过对象的属性控制面板可以很方便地完成各种属性的设置。最新版的Dreamweaver MX在站点管理和动态网页编辑方面的功能更加强大，是目前最为流行的网页设计工具。
主窗口：包括菜单栏（实现几乎所有功能）、工具栏（常用操作）、工作区（网页编辑区）、状态栏（各种提示信息）。
浮动的控制面板：在网页设计过程中，随着选中的对象不同，属性面板的内容自动更新，通过它可以完成各种属性设置、建立链接、编辑代码等。
站点管理窗口：
用类似于资源管理器的方式对站点中的所有文件进行管理，如：重命名、移动（并自动更新所有链接）、复制、删除文件；新建/打开文件夹、文件；可以直接上传（put files）或下传(get files)文件等。
Dreamweaver中的基本操作
站点是存储所有Web网站文件的地方。用Dreamweaver创建网站前，应该先在资源管理器中建立一个文件夹，以便今后保存所有站点文件。在Dreamweaver中创建网站时，需要给出站点名称（最好直接用网站的中文名字，该名称可以更改）和一个本地文件夹（就用资源管理器中刚建的那个）。建好站点后，再从站点管理窗口建立起各个栏目的子文件夹以及用于保存公共文件的分类文件夹，如放图片的images、放样式的CSS。
特别提示：在Dreamweaver中建立文件夹和文件时，应该采用英文字符/数字命名，不要用汉
正在加载中，请稍后...网页设计教程子分类}