第一章初识DreamWeaver CC

1.1 DreamWeaver CC的工作界面

1.1.1 不同风格的界面

1.1.2 伸缩自如的功能面板

1.1.3 多文档的编辑界面

1.1.4 新颖的“插入”面板

1.1.5 更完整的CSS功能

1.2 创建网站框架

1.2.1 站点管理器

1.2.2创建文件夹

1.2.3 定义新站点

1.2.4 创建和保存网页

1.3 管理站点

1.4 网页文件头设置

1.4.1 插入搜索关键字

1.4.2 插入作者和版权信息

1.4.3 设置刷新时间

1.4.4 设置描述信息

第一章初识DreamWeaver CC

1.1 DreamWeaver CC的工作界面

1.1.1 不同风格的界面

若用户想修改操作界面的风格，切换到隐藏或者展开面板，如图1-1-1所示

（图1-1-1）

1.1.2 伸缩自如的功能面板

在浮动面板的右上方单击按钮 >> ，可以隐藏或者展开面板。如图1-1-2所示：

如果用户觉得工作区域不够大，可以将鼠标指针放在文档编辑窗口右侧与面板交界的框线处，进行伸拉。如图1-1-3所示：

（图1-1-2）（图1-1-3）

1.1.3 多文档的编辑界面

可同时打开多个文档进行调整。

1.1.4 新颖的“插入”面板

菜单样式 和 选项卡样式。

1.1.5 更完整的CSS功能

1.2 创建网站框架

所谓站点，可以看作是一系列文档的组合，这些文档通过各种链接建立逻辑关联。用户在建立网站前必须要建立站点，修改某网页内容时，也必须打开站点，然后修改站点内的网页。在Dreamweaver CC中，站点一词是下列任意一项的简称。
Web站点：从访问者的角度来看，Web站点是一组位于服务器上的网页，使用Web 浏览器访问
该站点的访问者可以对其进行浏览。
远程站点：从创作者的角度来看，远程站点是远程站点服务器上组成Web站点的文件。
本地站点：与远程站点上的文件对应的本地磁盘上的文件。通常，先在本地磁盘上编辑文件，然后再将它们上传到远程站点的服务器上。
Dreamweaver CC站点定义：本地站点的一组定义特性，以及有关本地站点和远程站点对应方式的信息。
在做任何工作之前都应该制定工作计划并画出工作流程图，建立网站也是如此。在动手建立站点之前，需要先调查研究，记录客户所需的服务，然后以此规划出网站的功能结构图（即设计草图）及其设计风格以体现站点的主题。另外，还要规划站点导航系统，避免浏览者在网页上迷失方向，找不到要浏览的内容。

1.2.1 站点管理器

站点管理器的主要功能包括新建站点、编辑站点、复制站点、删除站点以及导入或导出站点。若要管理站点，必须打开“管理站点”对话框。
弹出“管理站点”对话框有以下几种方法。
a.选择“站点＞管理站点”命令。
b.选择“窗口＞文件”命令，弹出“文件”面板，单击面板左侧的下拉列表，选择“管理站点”命令。
在“管理站点”对话框中，通过“新建站管理站点” “编辑当前选定的站点” “复制当前选定的站点”和“删除当前选定的站点” 按钮，可以新建一个站点、修改选择的站点、复制选择的站点、删除选择的站点。通过对话框的“导出当前选定的站点” “导入站点” 按钮，用户可以将站点导出为XML文件，然后再将其导入到DreamWeaver CC。这样，用户可以在不同的计算机和产品版本之间移动站点，或者与其他用户共享。

在“管理站点”对话框中，选择一个具体的站点，然后单击“完成”按钮，就会在，“文件”面板的“文件”选项卡中出现站点管理器的缩略图。

1.2.2创建文件夹

建立站点前，要先在站点管理器中规划站点文件。

新建文件夹的具体操作步骤如下。

STEP 1 在站点管理器的右侧窗口中单击选择站点。
STEP 2 通过以下几种方法新建文件夹。
1.选择“文件>新建文件夹"命令。

2.用鼠标右键单击站点，在弹出的菜单中选择“ 新建文件夹”命令。
STEP 3 输入新文件夹的名称。
-般情况下，若站点不复杂，可直接将网页存放在站点的根目录下，并在站点根目录中，按照资源的种类建立不同的文件夹存放不同的资源。例如，image文件夹存放站点中的图像文件，media 文件夹存放站点的多媒体文件等。若站点复杂,需要根据实现不同功能的板块，在站点根目录中按板块创建子文件夹存放不同的网页，这样可以方便网站设计者修改网站。

1.2.3 定义新站点

建立好站点文件夹后用户就可定义新站点了.在Dreamweaver CC中，站点通常包含两部分，即
本地站点和远程站点。本地站点是本地计算机上的一组文件，远程站点是远程Web服务器上的一个位置。用户将本地站点中的文件发布到网络上的远程站点，使公众可以访问它们。在DreamweaverCC中创建Web站点，通常先在本地磁盘.上创建本地站点，然后创建远程站点，再将这些网页的副本上传到一个远程Web服务器上，使公众可以访问它们。

1.2.4 创建和保存网页

1.3 管理站点

打开站点

编辑站点

复制站点

删除站点

导入和到处站点

1.4 网页文件头设置

文件头标签在网页中是看不到的，它包含在网页中的＜ head > ...</ head ＞标签之间，所有包含在该标签之间的内容在网页中都是不可见的，文件头标签主要包括 META 、关键字、说明、刷新、基础和链接等。

1.4.1 插入搜索关键字

在万维网上通过搜索引擎查找资料时，搜索引擎自动读取网页中< meta ＞标签的内容，所以网页中的搜索关键字非常重要，它可以间接地宣传网站，提高访问量。但搜索关键字并不是字数越多越好，因为有些搜索引擎限制索引的关键字或字符的数目，当超过了限制的数目时，它将忽略所有的关键字，所以最好只使用几个精选的关键字。一般情况下，关键字是对网页的主题、内容、风格或者作者等内容的概括。设置网页搜索关键字的具体操作步骤如下：

1.4.2 插入作者和版权信息

此时，在“代码”视图中的<head>标签内可以查看相应的html标记。

1.4.3设置刷新时间

1.4.4 设置描述信息

DreamWeaver CC网页设计与制作相关推荐

dwcc怎么设置html默认,Dreamweaver CC网页设计与制作
Dreamweaver CC网页设计与制作语音编辑锁定讨论上传视频 <Dreamweaver CC网页设计与制作>是2014年清华大学出版社出版的图书,由智云科技编写. 书 ...
学生个人单页面网页作业学生网页设计成品静态HTML网页单页制作 dreamweaver网页设计与制作代码 web前端期末大作业
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
dw网页设计期末设计一个网页_《网页设计与制作Dreamweaver》期末考试试题
<网页设计与制作Dreamweaver>期末考试试题 1<网页设计与制作>期末考试试题一.单项选择题(每个题只有一个的答案是正确的.每题 3 分,共 60 分)1.目前在 In ...
dreamweaver html语言,Dreamweaver网页设计与制作(HTML+CSS+JavaScript)
Dreamweaver网页设计与制作(HTML+CSS+JavaScript) 编辑锁定讨论上传视频本词条缺少信息栏,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! <Dream ...
HTML5期末大作业：210套 Dreamweaver网页设计与制作 HTML+CSS+JavaScript【建议收藏】
HTML5期末大作业:Dreamweaver网页设计与制作210例临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板 ...
c语言课程网页设计HTML,清华大学出版社-图书详情-《网页设计与制作案例教程（HTML+CSS+Dreamweaver）》...
本教材是学习网页设计与制作的基础教程,全书精选多类流行网站作为案例进行分析讲解,重点突出了商业案例的职业氛围,使读者在领略网页制作基本知识的基础上,掌握网页实际制作的方法和技巧,包括多种形式的主页.栏 ...
商品审核网页界面_网页设计与制作竞赛通知
广东水利电力职业技术学院网页设计与制作竞赛通知一.竞赛目的网页设计与制作赛项旨在通过学院技能大赛提升我校学生网页制作的基本能力与创新能力,增强学生对主流制作工具的应用能力,提高网页设计相应岗位职 ...
10个必知的网页设计术语计算机与网络,计算机网络专业毕业论文-网页设计与制作（23页）-原创力文档...
安徽工业经济职业技术学院毕业论文 PAGE PAGE 4 - 安徽工业经济职业技术学院毕业论文(设计) 论文题目: 网页设计与制作系部: 计算机科学技术系专业名称: 计算机网络技术论文作者: ...
dw网页设计与制作html,终于发现网页设计与制作问题
网页设计与制作问题当从Dreamweaver中复制文字到另一个应用程序中时,HTML代码和文字一起被复制过去了.此时一般都用快捷键[Ctrl+C]来复制.下面介绍网页设计与制作问题,希望对您有所帮助 ...
电子商务html语言,电子商务师网页设计与制作试题（1）
电子商务师网页设计与制作试题(1) 分类:电子商务师 | 更新时间:2016-07-08| 来源:转载一.单项选择题(本大题共25小题,每小题1分,共25分) 在每小题列出的四个备选项中只有一个是符 ...

DreamWeaver CC网页设计与制作

第一章初识DreamWeaver CC