精品Dreamweaver网页制作教程

教程网首页 > 电脑 > 网页制作》精品Dreamweaver网页制作教程

内容简介

精品Dreamweaver网页制作教程视频简介：

Dreamweaver集网站设计与管理于一身，功能强大、使用简便，是目前最优秀的网页编辑和网站管理软件之一。本站分享的这部精品Dreamweaver网页制作教程给大家介绍了网页基础知识、Dreamweaver 入门、输入与编辑网页元素、应用超链接和行为、应用表格和框架构建网页布局、应用样式表、应用Div+CSS布局网页、应用模板和库、应用表单和表单对
关注公众号:diyijc_com 问题反馈

教程内容

精品Dreamweaver网页制作教程视频简介：

Dreamweaver集网站设计与管理于一身，功能强大、使用简便，是目前最优秀的网页编辑和网站管理软件之一。本站分享的这部精品Dreamweaver网页制作教程给大家介绍了网页基础知识、Dreamweaver 入门、输入与编辑网页元素、应用超链接和行为、应用表格和框架构建网页布局、应用样式表、应用Div+CSS布局网页、应用模板和库、应用表单和表单对象及动态网页制作入门。

Dreamweaver，简称“DW”，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

其软件优点主要表现在以下三个方面：(1)制作效率。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。(2)网站管理。使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有链接。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。(3)控制能力。Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。

Dreamweaver软件的使用技巧：(1)灵活运用样式。熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。

(2)同时链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”Javaｓｃｒｉｐｔ行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

(3)巧妙设置字体分辨率。我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在 Dreamweaver中得到了较好的解决。在文档窗口的右下角，Dreamweaver 显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。

更新时间：2014-11-28 22:28