博客访问： 476484
博文数量： 123
博客积分： 5070
博客等级： 大校
技术积分： 1312
注册时间：
IT168企业级官微
微信号：IT168qiye
系统架构师大会
微信号：SACC2013
分类： 系统运维
Dreamweaver制作网页中的问题
1> 在DW中，如何输入一个空格呢？
&&&& 输入空格的问题，在DW似乎已成了一个老生常谈的问题，我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。
&&&& DW中对空格输入的限制是针对“半角”文字状态而言的，因此通过将输入法调整到全角模式就可以避免了，方法是：打开中文输入法（以人工智能ABC为例），按Shift+Space切换到全角状态，现在应该没问题了。
&&&& 此外，你还可以通过许多“变通”的方法达到录入空格的目的，比如常用的是：
&&&& 直接在源代码中加入代表空格的HTML代码“&nbsp”；输入一定长度的文字对象后，然后调整文字的颜色与当前的背景颜色相同等等，不过注意的是后者在一些浏览器中可能显示上有点问题。
&&&& 2> 如何在浏览器地址栏前添加自定义的小图标？
&&&& 你是不是记得有时在浏览网易网站的首页时，在地址前会显示一个“易”字样的小图标。而默认情况下，这个图标是一个IE浏览器的指定图片。
&&&& 其实这也不是什么高深技术，只不过在网站目录下添加了一个特定文件而已。
&&&& 这时，我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“”之间添加如下代码：
&&&& 其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，即可自动识别！
&&&3> 为什么，我本来设计很好的网页，在浏览器窗口最小化时会变的丑陋难堪？
&&&& 这应该是个很值得大家注意的问题，也就是说，在全屏状态下浏览网页内容时，一点问题也没有。当我们使用窗口的最小化命令或手动的调整窗口的大小时，问题就慢慢出现了。网页内容会把当前窗口作为显示范围，依次下挫。举个例子，和在记事本中有“自动换行”和“没换行”的差别是完全一样的。
&&&& 解决这个问题，我们必须从网页的布局说起，一般情况下，网页内容的定位大多是通过表格来实现的。因此问题的“毛病”也就出在表格上。
&&&& 你可能已经注意到了，在表格的高宽设定选择上提供了两种不同的类型，百分比和像素。其中百分比的使用将会产生前面说到的那个毛病，将其全部更正为Pixels单位的实际大小就可以了。
&&&& 4> 如何改变网页显示时，最顶部的提示信息？
&&&& 浏览网页时，顶部的提示信息往往代表了网页内容的关键所在，有助于访问者提前了解网页内容。在DW4前，没有在功能上直接提供该操作，我们往往通过在源代码中应用“title”属性来完成。进入DW4就简单多了。
&&&& 直接在编辑窗口最上方的“title”输入框内键入所需要的文字信息即可。
·Dreamweaver制作网页经典问题大整理(2)
&&&& 5> 怎么样，才能为图片添加指定颜色的边框？
&&&& 对于没有边框的图片而言，直接插入到网页中，在显示效果上是相当差的。记得在微软的FP中要给图片添加满意的边框还是相当麻烦的。
&&&& 不过在DW中就显得容易多了，因为这里有一个“Border”属性，可以让你直接设置边框的宽度。
&&&& 宽度设好了，你一定会问，颜色呢？面板上并没有提供颜色的选择呀！呵呵，其实这里有一个技巧问题，用鼠标选择图片对象，注意不是点击选中，而是拖动选择。象设定文字颜色一样进行就可以了。
　　6> 如何添加图片及链接文字的提示信息？
　　在我们浏览网页时，当鼠标停留在图片对象或链接上时，在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。
　　下面先看看图片提示信息的添加，选中图片对象，在属性面板里你会发现有个“Alt”输入框。默认情况下，该输入框是空白的。在这里录入需要的提示内容就可以了。
　　那么链接提示的制作就没这么简单了。因为DW中没有直接提供该功能，因此我们需要通过添加HTML代码来实现。
　　30>如何改变状态栏里的提示文字？
　　默认情况下，当网页被载入时，在状态栏里将显示该网页的地址等信息。想不想让它变的更有魅力呢？
　　在DW“Behavior”行为板中，单击“+”号选择“Set Text Set”下的“Text Of Status Bar”选项，在“Set Text of Status Bar”窗口中输入类似“欢迎你光临本网站--网管留言”等Message信息。
　　31> 如何建立电子邮件的表单处理方式?
　　表单应该是网页交互功能中必不可少的元素，表单的功能缘于信息的交互，因此表单的处理往往涉及到网络高级编程语言的使用，你或许说，哇！我不会编程呀！没关系，其实对于一些简单的表单内容处理靠电子邮件也可以实现。
　　先看下面的代码：
　　上面是一个典型的表单的HTML源代码，其中METHOD决定采用方式，包括POST和GET两种。ACTION也就是咱们上面说的处理程序，一般可通过ASP/PHP/CGI实现。
　　那么用电子邮件怎么实现呢？action=mailto:，这样当点击提交按钮后，就会弹出一个提示窗口，单击“确定”表单内容会发送到指定的邮箱中。
　　32>&&& 怎样制作规范的电子邮件链接？
　　所谓的“电子邮件链接”即是当我们点击它时，浏览器会自动调用默认使用的邮件客户端程蚍⑺偷缱佑始 ?/P>
　　输入“有问题MAIL ME”字样，鼠标拖拉选中，切换到属性面板，在LINK输入框中键入如下命令：
Mailto：？Subject=网友来信&bc=其他电子邮件地址&bcc=其他电子邮件地址。其中Mailto为邮件链接的协议，Subject 为邮件的标题，bc是同时抄送的邮件地址，bcc代表的也就是暗送了。
　　33> 如何制作“空链接”？
　　空链接也就是，没有链接对象的链接，在空链接中，目标URL是用“#”来表示的。也就是说制作链接时，只要在属性板的LINK输入框中录入#标记，它就是个空链接了。
　　空链接的出现涉及到多方面的因素，比如一些没有定期完成的页面，又为了保持页面显示上的一致（链接样式与普通文字样式的不同），就可以使用它了。
·Dreamweaver制作网页经典问题大整理(8)
　　34> 点击空链接时，页面往往重置到页首端，如何处理？
　　在浏览器里，当我们点击空链接时，它会自动将当前页面重置到首端，从而影响用户正常的阅读内容，我们当然希望它能保持不动了。
　　这时，你能够用代码“javascript:void(null)”代替原来的“#”标记，回头看看，这个问题已经解决了。
　　35> 如何定制可自由在页面内跳转的链接？
　　如果你经常在网上订阅一些免费的电子杂志，一定对这种“标签链接”不陌生了，通过一个类似目录的列表，可方便的跳转到页面内的任何部分，无疑它的使用是专门为“超长内容”网页设计的。
　　先确定链接指向的位置，即屏幕跳转后停留的位置。进入“Object”面板的“Invisibles”部分，选中目标文本，单击“Insert Named Anchor”按钮，在“Anchor Name”中键入标签名称，OK，这时在文本下面会自动出现红色虚线以区别开普通的文本内容，注意它们在浏览器中不会出现。
　　然后就可以制作链接了，在属性板的LINK输入框录入“#nchor Name（刚才的名字）”。当然如果你想指向另外一页中的某个位置，也是可以的，把这个小尾巴放过去就行了。
　　36>同时在一个图片上，作很多个链接，怎么办？
　　这个问题也就是我们平常说的“图片热点”（Image HOT）了，当然在DW里还有另外一个名字叫“图象热区域”。
　　选中图片，这时在属性面板左下的位置，有一个“Map”工具栏，其右边是三个用来圈定不同区域的按钮，以其中的矩形工具为例，选中后，鼠标停留在图片上会以一种“+”的形状显示出来，代表可以左右拖拉，完成后依次你可以完成多个热点区域的链接制作。注意各区域不可重叠。
　　37> 怎样制作可以响应鼠标事件的翻转图片？
　　在许多网页中，我们经常会看到一些栏目标题，当鼠标滑过时，能变成另外的样子。其实它们中很多是通过两张不同的图片来实现的，也就是所谓的“翻转图片”效果。
　　当然首先你要提前准备两张大小完全一样的图片，以确保翻转时不会有什么视觉上的不适，单击“Object”面板上的“Rollover Image”　弹出“翻转图片设置”窗口，分别单击“Browse”按ト范ā癘riginal image”和“Rollover image”的地址，注意一定要选中下面的“Preload Rollover image”复选框，否则在鼠标滑过的瞬间，会产生一定的下载延迟而影响效果。
　　38> 如何制作“漫天飞舞”的图片？
　　在许多大型商业网站的首页中，你经常会看到不少来回飘来飘去的广告图片，点击后可以链接到指定的地址，在DW中这点是通过Timelines来实现的。
　　首先在网页中插入目标图片，同时选中它，单击快速启动板中的“Timelins”按钮进入“时间线”窗口，在时间轴1frame的位置鼠标右击，选择“Add Object”,这时时间轴上会出现一兰色色条（默认1-15frame），将镜头停在15frame处，同时移动页面内图片到运动的终点位置。
　　现在一个简单的运动动画已经完成了，你可以通过在中间添加keyframe的方法调整路径的曲折度。单击上方的右箭头按钮预览效果。
·Dreamweaver制作网页经典问题大整理(9)
　　39> 怎样制作在页面中“静态悬浮”的图片？
　　所谓的“静态悬浮”也就是图片总是试图停留在网页中的某个位置，因此在视觉上有种跟着页面“走”的感觉，象悬浮着一样。
　　该效果的实现是通过javascript来完成的，一般要求有一定的编程能力。好在DW提供了制作该效果的固定插件，因此就显得简单多了。
　　首先你必须先下载stav插件,将里面的两个文件(其中包括图片文件Cross Browser Static Division.gif和网页文件Cross Browser Static Division.htm)都拷贝到DW安装目录Configuration\Objects\Common下。
　　重新启动DW,在Object(对象)面板中,你会看到最底部已经多了SI项,选中它在弹出的窗口中设定浮动层到上边和左边的距离,然后在图层中插入指定的内容（这里为图片）即可。
　　40> 如何使文字和图片内容共处？
　　我们都知道，在DW中，图片对象往往是独占一行的，那么文字内容只能在与其平行的一行的位置上，怎么样才可以让文字围绕着图片显示呢？
　　选中图片，在属性面板的右上方你能看到一个“Align”的属性选单，选择“Left”，这时你会发现文字已经均匀的排列在图片的右边了。
　　41> 实现多个窗口的连接?
　　面板设计一直是DW的一大特色，到了DW4版本，所用到的面板已经相当多了，那么我们如何才能更高效的利用它呢？ “窗口连接”就是一种方便大家自定义的技术功能，简单的说，就是可以根据需要将两个或更多个面板放到一个窗口中来。 鼠标点击拖动一个面板的Tab栏到两一个面板上，当你看到一个黑色边框时，松开鼠标，这时两个面板已经合二为一了。
　　42> 如何制作一条宽度为1的细线？
　　在DW中，尽管水平线是以“Line”形式出现的，但在制作细线时，它表现的并不尽如人意，主要是过粗，没有需要的细腻感！
　　那么我们可以采取变通的方法以表格的应用来实现。
　　在网页中插入一个1行1列的表格，将表格的“cellpadding”“cellspacing”都设置为“0”，同时将单元格的“bgcolor”设定为红色，当然你也可以使用其他的颜色来代替，“Height”设定高度为1。
　　还有最关键的一步，查看源代码，将中的“ ”去掉即可。
　　43>如何制作一个边框为1的方格？
　　很明显，我们现在还是要通过表格的设置来完成。
　　或许你会说，这还不简单嘛！建立一个1行1列的表格，然后将它的“Border”值设为1不就可以了。实际上，用这种方法制作的表格根本不是所说的边框为1的方格，而是要“粗”的多！
　　同样先插入一个1行1列的表格，将表格的“border”、“cellpadding”设置为“0”，“cellspacing”设置为“1”。设定表格的“bgcolor”为红色（即为边框的颜色），同时设定单元格的“bgcolor”为白色（即同背景色），OK了。
&&&&& 44> 怎样设置根据不同的浏览器，返回不同的页面？
　　浏览器不同，它所支持的技术和效果也不同。因而我们所设计的网页并不是在所有的浏览器中都能正常显示或最佳显示。这时一个判断浏览器的跳转就很必要了。
当用户用不同类型或版本的浏览器打开时，可以返回不同的页面，以保证用户的正常浏览。 单击快速启动板中的“Behavior”按钮，点“+”号，在下拉列表中选择“Check Browse”。
&&&&& 45> 网页中可以随便拖动的对象是怎么建立的？
　　访问网站时，经常能见到不少可以用鼠标拖动的元素，其中以图片居多，比如，一张广告图片挡住了你想浏览的内容，你完全可以用鼠标选中把它扔到一边去！
　　制作这种效果是通过图层的“Drag Layer”行为实现的，单击Behavior面板中“+”号，选择“Drag Layer”，当然之前你必要保证目标图层处于选中状态，进行简单设置后就OK了。
阅读(9703) | 评论(0) | 转发(0) |
相关热门文章
给主人留下些什么吧！~~
请登录后评论。使用encodeURIComponent
如str=&a+b&;
url=&sql_str.jsp?sql=&+
url=&sql_str.jsp?sql=&+encodeURIComponent(str);
URL传值带加号“+\#”的问题的解决方法
今天在调试客户端向服务器传递参数时，参数中的“+”全部变成了空格，原因是URL中默认的将“+”号转义了；
#则被认为是URL的结束标志符，#号后的所有数据就不再接收了。
解决方法如下：
方法一、修改客户端，将客户端带“+”的参数中的“+”全部替换为?“2B%”，这样参数传到服务器端时就能得到“+”了；
& & & & & & &类似，将参数中的&#&全部替换为&%23&。
附：一个JS，用来转义URL中特殊字符的。
?function URLencode(sStr)&
&&& return escape(sStr).replace(/\+/g, '%2B').replace(/\&/g,'%22').replace(/\'/g, '%27').replace(/\//g,'%2F');
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：209次
排名：千里之外
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'页面已拦截
无锡网警提示您：
该网站已被大量用户举报，存在代办假信用卡的嫌疑，可能会骗取您的手续费或窃取您的个人信息，建议您谨慎访问。 上传我的文档
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
DW网页中的文本对象(精品)
下载积分：1500
内容提示：DW网页中的文本对象(精品)
文档格式：PPT|
浏览次数：0|
上传日期： 19:05:28|
文档星级：
全文阅读已结束，如果下载本文需要使用
 1500 积分
下载此文档
该用户还上传了这些文档
DW网页中的文本对象(精品)
关注微信公众号