第2章 创建与管理站点

1、第2章 创建与管理站点,一、案例实现,1、规划站点 制作网站首先要考虑网站的主题。好的网站不仅有美感、个性、创意，更要有质量。站点规划是一个复杂的系统工程，包括一系列的组织、策划和设计，只有进行了正确的站点规划，建立站点时才能事半功倍。 （1）用文件夹来保存文档，首先要为站点创建一个根文件夹，然后在其中创建多个文件夹，将文档分门别类存储到相应的文件夹下，但要注意为了维护方便，目录的层次最好不要超过三层。 （2）要使用合理的文件名称，尽量不要使用中文文件名。因为很多internet服务器使用的是英文操作系统，不能对中文文件名提供很好的支持，为避免浏览器错误或访问失败，最好使用英文或是拼音。,2、

2、创建站点 （1）单击桌面上的图标或选择【开始】【所有程序】【Adobe Dreamweaver CS3】，运行Dreamweaver CS3，打开Dreamweaver CS3窗口。 （2）选择菜单【站点】|【新建站点】命令，打开【定义站点】对话框，单击其中的【高级】选项，即可进入站点定义【高级】选项卡。 （3）在【分类】列表框中单击“本地信息”，开始定义站点的本地信息，在“站点名称”文本框中输入站点名称，如“小昭之家”，在“本地根文件夹”文本框，指定硬盘上的某一文件夹作为该站点文件的存储位置，如ch2。这个文件夹可以是已经存在的文件夹，也可以是不存在的，如果不存在，系统会自动创建。,（4）其

3、他选项采用默认即可，单击即完成本地站点的初步设置。在文件面板中即出现已经定义的站点“小昭之家。 （5）建立子文件夹 接下来，要在文件面板中按照站点规划建立子文件夹images、music、flash和pages，方法是在“站点-小昭之家”根文件夹上单击右键，弹出快捷菜单，选择“新建文件夹”即新建了一个名为“untitled”的文件夹，把此文件夹改名为“images”，同样的方法可以建立其他几个文件夹。 （6）建立首页 在“站点-小昭之家”根文件夹上单击右键，弹出快捷菜单，选择“新建文件”即新建了一个名为“untitled.html”的网页文件，把此文件改名为“index.html”,在文件 “

4、index.html” 单击右键，弹出快捷菜单，选择“设成首页”。,二、 相关知识,1、DreamweaverCS3操作环境 （1）选择工作界面 首次启动Dreamweaver CS3时，会出现一个工作区设置对话框。在设计过程中，如果需要切换工作界面，只须在Dreamweaver CS3【窗口】菜单中选择【更改工作区】按钮，打开【工作区布局】的对话框进行另一种工作界面的选择。 对话框用户可以选择“设计者”和“代码编写者”两种工作界面中的任意一种。其中，“设计者”界面为用户提供了“所见即所得”的可视化创作环境。他将所有文档窗口和面板整合到主窗口中，默认将面板放在窗口的右侧。“代码编写者”界面主要

5、为喜欢手写代码的用户设计，他也是一个整合型的工作界面，但其面板放在主窗口的左边。,（2）界面组成 Dreamweaver CS3界面主要由标题栏、菜单栏、工具栏、文档窗口、状态栏、属性面板和控制面板组成。主要功能如下： 1）标题栏：显示应用程序的名称、最小化、最大化和正常之间的切换按钮以及关闭按钮。 2）菜单栏：包含有文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助10个菜单项。 3）工具栏：Dreamweaver CS3提供了【插入】、【文档】和【标准】三个工具栏，通过选择【查看】/【工具栏】命令显示/隐藏。 【插入】工具栏，主要用于在文档中插入各种对象及进行一些简单的编辑，默认状

6、态下显示【常用】工具栏项。 【文档】工具栏，包含编辑文档的常用操作按钮，如切换视图模式、设置网页标题以及在浏览器中预览网页效果（快捷键F12）等。 【标准】工具栏，包含常用的文件操作按钮及基本的编辑按钮。默认状态下为隐藏。单击右键，从弹出菜单中选择【标准】命令。,4）文档窗口：Dreamweaver CS3中的文档窗口用于显示当前创建或编辑的文档。 Dreamweaver通常为用户提供了【代码】、【拆分】和【设计】三种视图模式，用户可以根据需要使用【常用】工具栏中的相应按钮来进行切换。 5）状态栏：用于显示当前编辑文档的状态，主要包括文档的窗口大小、文档的大小和下载时间及标签选择器等。 6）属

7、性面板：用于显示当前选定文本或图片等元素对象的属性，且可以用来修改选定对象的属性。 7）控制面板：是Dreamweaver中常用的资源面板，主要包括【层】、【代码】、【应用程序】、【标签检查器】、【资源】、【框架】和【历史纪录】7个面板，可以通过【窗口】菜单显示或隐藏面板,2、创建站点 创建站点可使用向导搭建站点，也可以通过高级面板设置站点。应用Dreamweaver CS3提供的站点定义向导，用户可以很方便的创建站点。站点定义向导共分三个区域。编辑区域：用于设置本地文件夹的地方。测试区域：用于设置Dreamweaver 处理动态页面的文件夹地方。共享文件：用于设置远程文件夹的地方。 （1）打

8、开Dreamweaver CS3，选择菜单【站点】|【新建站点】命令，或者选择菜单【站点】【管理站点】【新建】【站点】，打开【定义站点】对话框， （2）单击【基本】选项，即可进入站点定义【基本】选项卡,这是定义站点的向导。 （3）定义网站名称“haiyangshuizu”。 （4）单击【下一步】按钮，制作静态网站时，选择“否，我不想使用服务器技术”单选按钮。,（5）继续单击【下一步】按钮，开始设置网页存储方法和路径。 （6）完成以上设置后单击【下一步】按钮，进入窗口，选择连接服务器的方式以及网页在服务器上的存储位置。一般情况下，选择【本地/网络】，在选择网页文件存储位置时，将远程服务器端的文件

9、夹和本地计算机上的文件夹设置为同一个，方便今后对网站的维护更新。 （7）单击【下一步】按钮，选择是否使用“存回”和“取出”选项。选中“是，启用存回和取出”选项，可以多人共同完成网站的维护工作。 （8）单击【下一步】按钮，对话框询问设置的信息是否准确。 （9）单击【完成】按钮，站点的定义就完成了。Dreamweaver CS3会自动扫描设置文件夹中的HTML文件，系统会对定义好的站点进行自动加载。鼓励不熟悉Dreamweaver的用户使用“站点定义向导”；有经验的Dreamweaver用户可能更喜欢使用“高级”设置。,3、站点管理 如果在Web服务器上已经具有一个站点，则可以使用Dreamwea

10、ver来编辑该站点。 1）管理站点 选择【站点】【管理站点】命令。 在“管理站点”对话框中选择所要管理的站点，单击“编辑”，可以编辑现有站点；单击“删除”，可以删除所选站点，需要注意的是删除操作无法撤消，要慎重使用。单击“导出/导入”，可以将站点导出为XML文件，然后将其导回Dreamweaver CS3。这样就可以在各计算机和产品版本之间移动站点，或者与其他用户共享。 2）管理站点文件 打开“文件”面板，选择已定义的站点，在“文件”面板中可以对站点进行打开文件、更改文件名；添加、移动或删除文件等操作。,3）网站上传与下载 建立网站的目的就是要将制作好的网页发布到互联网上去，以便让其他人浏览、欣赏。在Dreamweaver中，这一过程称为“上传”。 上传之前首先应申请域名和空间，申请成功后会提供一个网站空间地址及上传文件的用户名、密码等，然后设置远程主机信息，为上传做准备。 从远程服务器上获取文件