中文版Dreamweaver CC+Flash CC+Photoshop CC网页设计实战视频教程
上QQ阅读APP看书,第一时间看更新

1.1 Dreamweaver CC的基础操作

在运用Adobe Dreamweaver CC进行视频编辑之前,用户首先要学习一些最基本的操作:启动与退出Adobe Dreamweaver CC。

实战001 启动Dreamweaver CC

实例位置:

素材位置:

视频位置:光盘\视频\第1章\实战001.mp4

实例介绍

将Adobe Dreamweaver CC安装到计算机中后,就可以启动Adobe Dreamweaver CC程序,进行网页设计操作。

操作步骤

STEP 01 用鼠标左键双击桌面上的Adobe Dreamweaver CC程序图标,如图1-1所示。

图1-1 双击程序图标

STEP 02 启动Adobe Dreamweaver CC程序,弹出相应对话框,单击“HTML”按钮,如图1-2所示。

图1-2 单击“HTML”按钮

技巧点拨

要制作出精美的网页,不仅要熟练使用网页设计软件,还要掌握与网页相关的一些基本概念和知识。网页是在浏览Web时看到的一个个画面,网站则是一组相关网页的合集。一个小型网站可能只包含几个网页,而一个大型网站可能包含了成千上万个网页。此外,打开某个网站时显示的第一个网页称为该网站的主页。

网站

网站(Website)是因特网上一块固定的面向全世界发布消息的地方,由域名(也就是网站地址)和网站空间构成,通常包括主页和其他具有超链接文件的页面。网站开始是指在因特网上根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,网站是一种通信工具,人们可以通过网站来发布自己想要公开的信息,或者利用网站来提供相关的网络服务。人们还可以通过网页浏览器来访问网站,获取自己需要的信息或者享受网络服务。

网页

网页(web page)是网站中的一个页面,通常是HTML格式文件(文件扩展名为.html、.htm、.asp、.aspx、.php以及.jsp等)。网页通常用图像档来提供图画,其中包括了各种各样的文本、图像和超链接。另外,网页要通过网页浏览器来阅读。

网页文件可以存放在任何一台连接到互联网的计算机中。网页一般由网址(URL)来识别与存取,当用户在浏览器中输入网址后,经过一段复杂而又快速的过程,网页文件会被传送到用户的计算机,然后再通过浏览器解释网页文件中的内容,再展示到用户的眼前。

在进行网页设计时,还经常会遇到一些专业名词,如域名、URL、站点、超级链接、导航条、表单以及发布等。按网页的表现形式,可以分为动态网页和静态网页。

主页

主页是一个网页集合的初始网页,也是一个网站的起点站或者说主目录。首页是当用户打开浏览器时,自动打开的一个或多个网页。首页也可以指一个网站的入口网页,即打开网站后看到的第一个页面,大多数作为首页的文件名是index、default、main或portal加上扩展名。

网站的主页是一个文档,当一个网站服务器收到一台计算机上网络浏览器的联结请求时,便会向这台计算机发送这个文档。当在浏览器的地址栏输入域名,而未指向特定目录或文件时,通常浏览器会打开网站的首页。网站首页往往会被编辑得易于了解该网站提供的信息,并引导互联网用户浏览网站其他部分的内容。这部分内容一般被认为是一个目录性质的内容。图1-3所示为淘宝网的主页。

图1-3 淘宝网的主页

STEP 03 执行操作后,即可新建网页文档,并进入Adobe Dreamweaver CC的工作界面,如图1-4所示。

图1-4 Adobe Dreamweaver CC工作界面

知识扩展

用户还可以通过以下两种方法启动Adobe Dreamweaver CC软件。

程序菜单:单击“开始”按钮,在弹出的“开始”菜单中,单击“Adobe”|“Adobe Dreamweaver CC”命令。

快捷菜单:在Windows桌面上选择Adobe Dreamweaver CC图标,单击鼠标右键,在弹出的快捷菜单中,选择“打开”选项。

实战002 退出Dreamweaver CC

实例位置:

素材位置:

视频位置:光盘\视频\第1章\实战002.mp4

实例介绍

当用户完成影视的编辑后,不再需要使用Adobe Dreamweaver CC,则可以退出该程序。

操作步骤

STEP 01 在Adobe Dreamweaver CC中,单击“文件”|“退出”命令,如图1-5所示。

图1-5 单击 “退出”命令

STEP 02 执行操作后,即可退出Adobe Dreamweaver CC程序,进入系统桌面,如图1-6所示。

图1-6 退出Adobe Dreamweaver CC程序

技巧点拨

退出Premiere Pro CC程序有以下6种方法。

按【Ctrl+Q】组合键,即可快速退出程序。

在 Adobe Dreamweaver CC操作界面中,单击右上角的“关闭”按钮,如图1-7所示。

双 击“标题栏”左上角的图标,即可退出程序,如图1-8所示。

图1-7 单击“关闭”按钮

图1-8 双击相应图标

单击“标题栏”左上角的图标,在弹出的列表框中选择“关闭”选项,如图1-9所示,即可退出程序。

按【Alt+F4】组合键,即可退出程序。

在 任 务 栏 的 Adobe Dreamweaver CC程序图标上,单击鼠标右键,在弹出的快捷菜单中选择“关闭窗口”选项,如图1-10所示,也可以退出程序。

图1-9 选择“关闭”选项

图1-10 选择“关闭窗口”选项