网页规划中有用的制造技巧

2017-01-03    分类: 网站建设

核心提示:了解网页规划的网友都知道,在咱们修正网页的时分,有许多有用的办法和技巧,甚至是一些非常规做法,可以让咱们便利修正,使咱们在网页修正时事半功倍,下面就给大家介绍几种网页规划中比较有用的几种制造技巧

1、灵活运用款式

了解网页规划的网友就知道,调用Style的办法许多,咱们可以单击鼠标右键挑选Custon Style来调用Style规范,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的办法达到的作用看似相同,但实践上发生的HTML代码则完全不同。比如用Custon Style来调用Style规范,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿并且影响阅读器的解析速度,所以咱们应尽量运用状态栏中的元素列表来调用Style。

2、活用Format Table指令

在复杂的网页规划中,表格的应用是最多的,由于运用表格可以自由地操控文本和图象在网页上呈现的具体位置,从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后,咱们可以运用其间的“Format Table”(格局化表格)指令来快速地对表格应用预先规划好的款式。要运用预先规划好的款式,先将光标置于表格的恣意一个单元格内,再挑选“Command”→“Format Table”指令, 在随后呈现的对话框中,从左面的列表中挑选一个规划方案。按“Apply” 键来查看作用,假如不满意的话,还可以从头设置或许修正部分参数的值,如边界粗细,布景颜色等等。

3、一起链接到两个网页

咱们都知道超级链接一次只能连到一个页面。假如咱们要想一次在不同的结构页中翻开文档,可以运用“Go To URL”javascript 行为。翻开一个有结构的网页,挑选文字或图象,然后从行为面板中挑选“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图象格局的文件。关于已经在网页中的图象也是相同,直接拖过来就可以了。但假如被拖动的图象上有超级链接,就不可以再运用拖动技能了,由于那时拖过来的仅仅是超级链接地址。

8、主动设置更新时刻

咱们知道一个网页要想取得更多的回头率,一个很重要的一条就是要不断更新。但关于咱们这些个人网页来说,要天天及时更新恐怕不是很简单的事情。因而,咱们期望网页能主动更新,下面笔者就提供一个能主动更新修正时刻的源代码,咱们只需把这段源代码增加到…< /BODY>之间就能完成更新时刻的意图了:

< Script Language="JavaScript"> < /script>;二是用鼠标依次单击Dreamweaver中的Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag,并从中挑选a,然后在decoration中选中none,最终单击确认就成功了。

9、奇妙仿制文字

在几个不同的应用程序中心相互仿制文字,是咱们在实践工作中或许要常做的事情。但是,假如咱们从Dreamweaver中仿制修正区中的文字到别的一个应用程序的时分,HTML代码和文字将一起被仿制过去了,那么咱们该如何才能只把修正区中的文字仿制下来呢?咱们知道,一般仿制时都用快捷键 Ctrl - C 来操作,假如咱们在仿制的时分多按一个C键,那么Dreamweaver将只会仿制选中的文字了。

10、善用快捷键

为了进步操作的功率,咱们可以在Dreamweaver中运用快捷键,例如运用Ctrl-B或Ctrl-I来为文字应用黑体或斜体格局,也可以运用以下一些键盘快捷键来为选中的文本应用HTML格局:Ctrl-0: 无格局 Ctrl-T: 段落 Ctrl-1: 标题 1 Ctrl-2: 标题 2 Ctrl-3: 标题 3 Ctrl-4: 标题 4 Ctrl-5: 标题 5 Ctrl-6: 标题 6

11、主动封闭网页

假如咱们期望自己的网页在指定的时刻内能主动封闭,不妨在网页源代码中的标签后面参加如下代码: < script LANGUAGE="JavaScript"> < /script>其间代码中的3000表明3秒钟,它是以毫秒为单位的。

12、奇妙设置目标称号

咱们在用Dreamweaver来制造非常复杂的作用时,有或许需求常常重复地运用某一个或许多个目标,例如咱们常常需求定位某个特定的表格、图象等,假如咱们没有给某一个网页中的多个目标取名的话,那么在重复应用这些目标的时分,或许很麻烦或许简单犯错。为了可以便利调用这些目标,咱们应该在每创立一个新的目标时,都记得给它取一个有代表性并且比较简单记忆的称号。在给这些目标命名时,咱们可以经过目标的“特点”面板来操作就行了。

13、为图象链接增加动态作用

有时咱们为了要达到一种传神的作用,期望鼠标移动到某个链接上时能有动感发生。运用Dreamweaver可以很简单完成这种作用。规划时,咱们首要需求预备两幅图象,榜首幅是原始图象,第二幅是鼠标移动上去后的图象。接着用鼠标单击榜首幅图,在特点面板中的链接栏中填上要链接的文件,然后单击键盘上的F8键,在弹出的Behaviors窗口中单击“+”号,随后挑选“swap image”,在接着呈现的窗口中挑选第二幅图象,最终单击确认就可以了。

新闻名称:网页规划中有用的制造技巧
当前地址:/news6/74056.html

成都网站建设公司_创新互联,为您提供网站营销服务器托管域名注册网页设计公司手机网站建设外贸建站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设