Dreamweaver制作网页有哪些技巧?
做网页有很多软件,原来经常使用frontpage来实现,现在用dreamweaver比较专业,当然,一些大神完全可以用记事本来徒手写网站,在桌面上找到dreamweaver软件,双击打开。进入后,在中间区域的居中位置,可以快捷的新建网页文件及其他文件,也可以用文件-》新建的方式新建文件,此处采用文件新建。单击文件-》新建,页面类型选择html,点击创建即可创建一个空白页面出来了。网站是有站点的,下面新建一个站点,单击站点-》新建站点,弹出如下对话框,将网站名称起名为“第一站”,站点文件夹点击后面的文件夹小图标新建一个即可,文件夹只能用英文字母。点击高级设置修改默认文件夹。都设置妥当后在页面的代码区域输入代码,在底部可以看到预览效果。点击顶部的小地球图标可以在浏览器中预览,会提示是否保存页面,点击是。选择保存的名称一般情况下网页的首页都叫index,将名称更改后确认即可在浏览器中看到刚才的成果啦!
灵活运用样式,熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择CustonStyle来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用CustonStyle来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style。活用FormatTable命令,在复杂的网页设计中,表格的应用是最多的,因为利用表格可以自由地控制文本和图象在网页上出现的具体位置,从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后,我们可以使用其中的“FormatTable”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式,先将光标置于表格的任意一个单元格内,再选择“Command”→“FormatTable”命令,在随后出现的对话框中,从左边的列表中选择一个设计方案。按“Apply”键来查看效果,如果不满意的话,还可以重新设置或者修改部分参数的值,如边界粗细,背景颜色等等。
同时链接到两个网页,我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档,可以使用“GoToURL”JavaScript行为。打开一个有框架的网页,选择文字或图象,然后从行为面板中选择“GoToURL”。我们会注意到Dreamweaver会在“GoToURL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。不给文件起中文名称,大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做,就会发现Dreamweaver对中文文件名支持得不是太好,经常会有页面调用不正确的现象发生,所以我们以后在Dreamweaver中保存网页的时候,尽量用英文或者数字作为文件名称,这样就可以避免上面的出错现象。
Dreamweaver安装程序会在上下文选单增加一个“EditwithDreamweaver”命令,我们还可以修改Windows的注册表使它与IE集成。就象MSWord、Frontpage和Notepad一样,通过IE工具栏的编辑按钮来调用Dreamweaver打开当前网页。
将文本的最后一行要改为你自己的Dreamweaver安装路径,把它们保存为一个*.reg文件,双击它将信息添加到注册表即可。为了使用某些脚本,经常要为图形或文本加上空链接,但是浏览时点击有空链接的对象时,会跳到页面的顶端,如何避免,因为浏览器以为链接到同一页,可它又找不到定义的书签(anchor),于是停留在页面的顶端。用“javascript:void(null)”替换空链接的“#”,解决这个问题。