经历共享:网页规划中有用的制造技巧

查看次数:288 2020-04-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”,在接着呈现的窗口中挑选第二幅图象,最终单击确认就能够了。


【声明:信息来自网络,如有侵权,联系既删。】
推荐新闻

响应式网站开发应该注意什么?

2022-08-16

       随着互联网技术发展,响应式网站开发也在逐渐的完善和流行,不管是笔记本还是平板,页

如何做好整站的网站优化和SEO?

2022-08-16

整站优化来自域名.关键词.网站的整体结构.内容建设和用户体验的全面布局和改进是对网站的全面优化。SEO优化对网站的推广起到了很大的作用。我们

新建网站如何提高网站优化和推广?

2022-08-16

新建站如何提交网站优化和推广?今天专业优化团队给打击分析一下: 1、高质量内容 网站内容首先不能抄袭,原创的网站内容更容易被搜索引擎

来企业建站:网站建造的根本流程

2022-08-16

对于每一家企业来说,企业网站都很重要,网站能把企业的产品和服务与网络社区严密连接起来,展现给潜在的用户,让更多的用户了解。现在许多企业

网页打不开怎么办?网页打不开是什么原因

2022-08-16

网页打不开是个非常着急的事,网页打不开的原因也有许多,网页24小时不间断运行,一年到晚总会难免呈现几回网页打不开的状况,那么企业遇到网

高校网站建设哪些功能可以提高交互性

2022-08-14

高校网站和其他网站一样需要提高网站的交互性。而且高校网站需要更多的吸引用户参与。哪些功能可以实现这个目标呢?

返回顶部

TOP

QQ客服

QQ客服

上海网站制作公司:电话:021-67637587

021-67637587

开杰做网站
上海网站设计公司 上海网站设计公司

Are you ready?


您准备好了吗?我们时刻准备就绪!

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、企业邮箱、网站优化、域名注册、虚拟空间

期待您与我们联系!您的咨询,是对我们极大的鼓励和支持,也是我们共赢美好未来的开始! 更感谢您对我们的关注与信赖……

您也可通过下列途径与我们取得联系:

电 话: 021-67637587,13817759102 (微信同号)

电 话: 15900942493 (微信同号)

QQ: 632248744 , 273657225

邮 箱: service@kj021.com

地 址: 上海市松江区荣乐中路228弄104号202室

地 址: 上海市闵行区(莘庄)友情路50弄15号1302室

上海网站建设
上海网站建设

上海开杰信息技术有限公司 沪ICP备12017671号-4

电话:021-67637587 15900942493(微信同号)

地址:上海市闵行区友情路50弄15号1302室

地址:上海市松江区荣乐中路228弄104号202室

上海开杰信息技术有限公司 上海网站建设 电话:021-67637587

地址:上海市松江区荣乐中路228弄104号202室

地址:上海市闵行区(莘庄)友情路50弄15号1302

沪公网安备 沪公网安备 31011702001626号 沪ICP备12017671号-4

上海开杰信息技术有限公司松江分部

电话:021-67637587 15900942493

地址:上海市松江区荣乐中路228弄104号202室

上海网站设计公司