网页设计与制作-2-建立本地站点.pptVIP

第2章建立本地站点

DreamweaverCS6概述

随着互联网的迅猛发展，越来越多的人想在网上构建属于自己的“家”。但以往由于创建网页需要较高的技术支持，导致大多数人的梦想无法实现。后来，越来越多的专业性网页设计软件开始进入人们的视野，在诸多的“所见即所得”的网页设计软件中，Dreamweaver无疑是使用最广泛，也是最优秀的一款软件。Macromedia公司推出的Dreamweaver系列软件经过几代的发展，最新的版本是DreamweaverCS6。DreamweaverCS6一经推出，就以其强大的网页设计功能吸引了所有人的眼光，得到用户的广泛好评。下面将详细介绍DreamweaverCS6的安装、修复及其启动与退出。

1启动与退出DreamweaverCS

启动DreamweaverCS进入软件界面，如下图所示。若要退出DreamweaverCS程序，可以在菜单栏中选择“开始”→“退出”命令，或者使用Ctrl+Q组合键。

2DreamweaverCS的主界面

启动DreamweaverCS软件，在软件主界面中首先显示一个起始页，在这个页面中包括“打开最近的项目”、“新建”和“主要功能”3个方便实用的项目栏，很多项目在初学时经常会用到，建议大家保留。在熟练之后可以在窗口底部选中“不再显示”复选框来隐藏它，如下图所示。我们可以用新建或打开一个网页的方式进入DreamweaverCS的标准工作界面，如下图所示。2.文档工具栏

此工具栏包含一些按钮，它们提供各种“文档”窗口视图(如代码视图、拆分视图和设计视图)的选项、各种查看选项和一些常用操作(如在浏览器中预览)，如图所示。

文档窗口显示当前文档，用户可以通过文档工具栏在代码视图、拆分视图和设计视图三类视图中切换。设计视图：是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。代码视图：是一个用于编写和编辑HTML、JavaScript、服务器语言代码(如PHP或ColdFusion标记语言(CFML))以及任何其他类型代码的手工编码环境，一般初学者较少用到此视图。拆分视图：则可使用户在单个窗口中同时看到同一文档的代码视图和设计视图，4．“属性”面板“属性”面板主要用来检查和编辑当前选定页面元素(如文本和插入的对象)的最常用属性。“属性”面板中的内容根据选定的元素会有所不同。5．浮动面板组DreamweaverCS中的其他面板组可统称为浮动面板组，这些面板都浮动于编辑窗口之外，包括“CSS样式”面板、“插入”面板、“AP元素”面板、“资源”面板和“文件”面板。如果显示和隐藏浮动面板组，可在菜单选择“窗口”→“插入”（CSS）等（1）“插入”面板“插入”面板包含用于创建和插入对象(例如表格、图像和链接)的按钮。（2）“CSS样式”面板使用“CSS样式”面板可以跟踪影响当前所选页面元素的CSS规则和属性(“当前”模式)，或影响整个文档的规则和属性(“全部”模式)。若要在两种模式之间切换，可单击“CSS样式”面板顶部的切换按钮（3）“文件”面板使用“文件”面板可查看和管理Dreamweaver站点中的文件。2.1创建本地站点

2.1.1什么是站点1．什么是站点在Dreamweaver中，站点是指属于某个Web站点的文档的本地或远程存储位置。简单地说，一个站点通常对应一个本地或远程的文件夹(包含网页文档及相关文件)。2．站点类型在Dreamweaver中，常用的站点的类型有两种：(1)本地站点，即本地文件夹，存储您正在处理的文件，此文件夹通常位于本地计算机上，但也可能位于网络服务器上.2.1创建本地站点(2)远程站点，即远程文件夹，存储用于测试、生产和协作等用途的文件，远程文件夹通常位于运行Web服务器的计算机上。远程文件夹包含用户从英特网访问的文件。2.1创建本地站点2.1.2创建本地站点1．创建站点文件夹建立本地站点就是在某台电脑硬盘上建立一个文件夹，然后将所有与制作网页相关的文件(图片、视频等)都存放在里面，以便进行网页的制作和管理。通常一个网站包含多种类型的文件，比如图片、视频、CSS、脚本文件，为了方便上传和维护，在建立站点文件夹时，应注意以下几点：2.1创建本地站点不要将所有的文件都存放在根文件夹下，否则容易混淆，不利于管理和上传。按照文件的类型建立不同的子文件夹。根文件夹、子文件夹、文件的命名最好使用简短有一定含义的小写英文或拼音。按照以上原则，在磁盘上建立一个文件夹，例如：C:\mysite,用于存放站点中所有文件夹和文件，然后在mysite文件夹下新建三个名称为im