网页设计教程

网页设计教程|Dreamweaver CS6工具栏详解。为了更好地使用Dreamweaver CS6，应了解Dreamweaver CS6操作界面的基本元素。Dreamweaver CS6的操作界面是由菜单栏、插入栏、文档窗口、属性面板以及浮动面板组组成，整体布局紧凑、合理、高效。以下就是天琥设计小编为您整理的：网页设计教程|Dreamweaver CS6工具栏详解

工具栏包括了控制文档窗口视图的按钮和一些比较常用的弹出菜单，用户可以通过【代码】、【拆分】、【设计】和【实时代码】4 个按钮使工作区在不同的视图模式之间进行切换。

【文档】工具

【代码】：显示HTML源代码视图。

【拆分】：同时显示HTML源代码和【设计】视图。

【设计】：是系统默认设置，只显示【设计】视图。

检查浏览器的兼容性：检查所设计的页面对不同类型的浏览器的兼容性。

【实时视图】：显示不可编辑的、交互式的、基于浏览器的文档视图。

多屏幕：借助“多屏幕预览”面板，为智能手机、平板电脑和台式机进行设计。

在浏览器中预览/调试：允许用户在浏览器中浏览或调试文档。

文件管理：当有多个人对一个页面进行过操作时，进行获取、取出、打开文件、导出和设计附注等操作。

W3C 验证：由World Wide Web?Consortium（W3C）提供的验证服务可以为用户检查HTML文件是否附合HTML或XHTML标准。

可视化助理：允许用户使用不同的可视化助理来设计页面。

刷新设计视图：将【代码】视图中修改后的内容及时反映到文档窗口。

【标题】：输入要在网页浏览器上显示的文档标题。

【标准】工具栏包括【新建】、【打开】、【保存】、【剪切】、【复制】和【粘贴】等一般文档编辑命令，如所示。如果不需要经常使用这些命令，可以将此工具栏关闭，在工具栏的空白处单击鼠标右键，在弹出的快捷菜单中去掉【标准】前面的对勾即可。

新建文档：新建一个网页文档。

打开：打开已保存的文档。

在 Bridge 中浏览：在 Bridge 中浏览文件。

保存：保存当前的编辑文档。

全部保存：保存Dreamweaver 中的所有文件。

打印代码：单击此按钮，将自动打印代码。

剪切：剪切工作区中被选中的文字和图像等对象。

复制：复制工作区中被选中的文字和图像等对象。

粘贴：把剪切或复制的文字和图像等对象粘贴到文档窗口内。

还原：撤销前一步的操作。

重做：重新恢复取消的操作。

网页设计专业术语

在网页制作过程中常常会遇到一些专业术语，如URL、域名、站点、发布、浏览器、超链接、导航条和表单等。新希望培训学校小编认为只有掌握这些专业术语的含义，才能在制作网页时灵活应用它们。下面分别介绍这些专业术语。

1 .URL

URL的英文全称是Uniform Resource Locator，中文名称为“统一资源定位器”，用来指明通信协议和地址，如www.sina.com就是一个URL。其中，"https://”表示通信协议为超文本传输协议:

而“www.sina.com”是站点名，用于指明网页在Internet上的位置。因此，URL是提供在Internet上查找信息的标准方法。

2.域名

域名就是网站的名称，也是网站的网址。它与IP地址相对应，所以任何网站的域名都是罕有的的，如www.sohu.com就是搜狐网站的域名。域名是由固定网络域名管理组织在全球进行统一管理的，.用户要获得域名，必须到当地的网络管理机构(一般为当地的电信、网通公司)进行申请，申请成功后便可将网页发布到Internet上。

3.站点

站点实际上就是用于管理网页文档的文件夹，档以及与网页有关的素材文件。这个文件夹内存放着许多相互链接的网页文站点可以小到只有一个网页，也可以大到一个门户网站。

4.发布

顾名思义，发布就是指把制作好的网页上传到Internet网络服务器上的过程。

5.浏览器

浏览器是一种把在互连网络上的文本文档和其他文件翻译成网页的软件，通过浏览器可以快捷地观看Internet上的内容。目前使用较广泛的浏览器主要有微软公司的览器(后面简称为IE),览器等。

Internet Explorer浏网景公司的Netscape Narigator浏览器和腾讯公司的Tencent Traveler浏览器等。

6.超链接

超链接具有将不同页面链接起来的功能。超链接可以是同一站点内页面之间的链接，也可以是与其他网站页面之间的链接。超链接有文字链接、图像链接、热区链接等。新希望学校小编提示：在浏览网页时，单击超链接就能跳转到与之相关的网页页面或其他文件上。

7.导航条

导航条或导航栏如同窗口中的菜单，它链接着各个页面。单击导航条上的按钮，即可进入相应的网页页面。

8.客户机与服务器