2024年6月13日发(作者:)
怎么用Dreamweaver设计网页
1、灵活运用样式
熟悉网页设计的同学就知道,调用Style的方法很多,我们可以单击鼠标
右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单
击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的
HTML代码则完全不同。比如用Custon Style来调用Style标准,在网页代码
中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏
览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style。
2、活用Format Table命令
在复杂的网页设计中,表格的应用是最多的,因为利用表格可以自由地控
制文本和图象在网页上出现的具体位置,从而使整个网页看上去紧凑统一。
Dreamweaver在这方面也不甘落后,我们可以使用其中的“Format Table”(格
式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样
式,先将光标置于表格的任意一个单元格内,再选择CommandFormat Table命
令, 在随后出现的对话框中,从左边的列表中选择一个设计方案。按Apply
键来查看效果,如果不满意的话,还可以重新设置或者修改部分参数的值,如
边界粗细,背景颜色等等。
3、同时链接到两个网页
我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的
框架页中打开文档,可以使用Go To URLJavaScript 行为。打开一个有框架的
网页,选择文字或图象,然后从行为面板中选择Go To URL。我们会注意到
Dreamweaver会在Go To URL对话框中显示所有可用的框架。选择其中一个我
们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。
4、不给文件起中文名称
大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一
来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级
链接之间的相互调用。但如果你在Dreamweaver中这样做,就会发现
Dreamweaver对中文文件名支持得不是太好,经常会有页面调用不正确的'现象
发生,所以我们以后在Dreamweaver中保存网页的时候,尽量用英文或者数字
作为文件名称,这样就可以避免上面的出错现象。
5、巧妙设置字体分辨率
我们在制作网页的时候,经常有这种体会,那就是制作好的网页在本地计
算机上浏览时很正常,但在另外一台计算机上浏览时发现原本漂亮的网页变得
歪歪扭扭了,这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分
辨率下都能正常显示,在 Dreamweaver中得到了较好的解决。在文档窗口的右
下角,Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字,在
弹出式菜单中可以为当前的页面指定显示分辨率,通过修改可以使你的主页更
具灵活性。使不同分辨率的显示器都能较好地显示。
6、巧妙隐藏标签
如果在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加
一个与之相应的元素标签,以便于我们选择不可见元素。但这并不全是件好
事,比如我们在一个有很多层的页面中的第一行便插入一个表格,就会发现由
于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行,虽然在
浏览时并不影响效果,但这确确实实会阻碍我们的工作。所以当我们觉得某个
元素标签碍手碍脚时,就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences
面板,在Category中选中Invisibel Elements,在面板的右边将会出现所有
的元素标签。只要将不需要的元素标签前的勾去掉,以后它就保证不会再出现
了。
7、善用拖放技巧
我们在使用Dreamweaver编辑网页的时候,经常需要插入一些图象什么
的,假设要插入的图象很多,按照常规方法来操作就显得非常麻烦。我们可以
利用拖放技巧来很好地解决这个问题。首先我们把Dreamweaver的操作窗口变
成活动窗口,以腾出空间来显示Explorer窗口,找到要插入的图象文件后,把
它们一一用鼠标拖动到网页的适当部位,Dreamweaver将自动把这些图象的url
添加到文件的HTML代码中,当然这里要求被拖动的图象文件必须是gif、jpg
等web图象格式的文件。
发布者:admin,转转请注明出处:http://www.yc00.com/news/1718275914a2747901.html
评论列表(0条)