《第2章 创建与管理站点.ppt》由会员分享，可在线阅读，更多相关《第2章 创建与管理站点.ppt（11页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第2 2章章 创建与管理站点创建与管理站点 一、案例实现一、案例实现1、规划站点规划站点制作网站首先要考虑网站的主题。好的网站不仅有美感、个性、创意，更要有质量。站点规划是一个复杂的系统工程，包括一系列的组织、策划和设计，只有进行了正确的站点规划，建立站点时才能事半功倍。（1）用文件夹来保存文档，首先要为站点创建一个根文件夹，然后在其中创建多个文件夹，将文档分门别类存储到相应的文件夹下，但要注意为了维护方便，目录的层次最好不要超过三层。（2）要使用合理的文件名称，尽量不要使用中文文件名。因为很多internet服务器使用的是英文操作系统，不能对中文文件名提供很好的支持，为避免浏览器错误或访问
2、失败，最好使用英文或是拼音。2 2、创建站点、创建站点（1）单击桌面上的图标或选择【开始】【所有程序】【Adobe Dreamweaver CS3】，运行Dreamweaver CS3，打开Dreamweaver CS3窗口。（2）选择菜单【站点】|【新建站点】命令，打开【定义站点】对话框，单击其中的【高级】选项，即可进入站点定义【高级】选项卡。（3）在【分类】列表框中单击“本地信息”，开始定义站点的本地信息，在“站点名称”文本框中输入站点名称，如“小昭之家”，在“本地根文件夹”文本框，指定硬盘上的某一文件夹作为该站点文件的存储位置，如ch2。这个文件夹可以是已经存在的文件夹，也可以是不存在的
3、，如果不存在，系统会自动创建。（4）其他选项采用默认即可，单击即完成本地站点的初步设置。在文件面板中即出现已经定义的站点“小昭之家。（5）建立子文件夹 接下来，要在文件面板中按照站点规划建立子文件夹images、music、flash和pages，方法是在“站点-小昭之家”根文件夹上单击右键，弹出快捷菜单，选择“新建文件夹”即新建了一个名为“untitled”的文件夹，把此文件夹改名为“images”，同样的方法可以建立其他几个文件夹。（6）建立首页 在“站点-小昭之家”根文件夹上单击右键，弹出快捷菜单，选择“新建文件”即新建了一个名为“untitled.html”的网页文件，把此文件改名为“
4、index.html”,在文件“index.html”单击右键，弹出快捷菜单，选择“设成首页”。二、二、相关知识相关知识 1 1、DreamweaverCS3DreamweaverCS3操作环境操作环境（1）选择工作界面 首次启动Dreamweaver CS3时，会出现一个工作区设置对话框。在设计过程中，如果需要切换工作界面，只须在Dreamweaver CS3【窗口】菜单中选择【更改工作区】按钮，打开【工作区布局】的对话框进行另一种工作界面的选择。对话框用户可以选择“设计者”和“代码编写者”两种工作界面中的任意一种。其中，“设计者”界面为用户提供了“所见即所得”的可视化创作环境。他将所有文档
5、窗口和面板整合到主窗口中，默认将面板放在窗口的右侧。“代码编写者”界面主要为喜欢手写代码的用户设计，他也是一个整合型的工作界面，但其面板放在主窗口的左边。（2）界面组成Dreamweaver CS3界面主要由标题栏、菜单栏、工具栏、文档窗口、状态栏、属性面板和控制面板组成。主要功能如下：1）标题栏：显示应用程序的名称、最小化、最大化和正常之间的切换按钮以及关闭按钮。2）菜单栏：包含有文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助10个菜单项。3）工具栏：Dreamweaver CS3提供了【插入】、【文档】和【标准】三个工具栏，通过选择【查看】/【工具栏】命令显示/隐藏。【插入】工
6、具栏，主要用于在文档中插入各种对象及进行一些简单的编辑，默认状态下显示【常用】工具栏项。【文档】工具栏，包含编辑文档的常用操作按钮，如切换视图模式、设置网页标题以及在浏览器中预览网页效果（快捷键F12）等。【标准】工具栏，包含常用的文件操作按钮及基本的编辑按钮。默认状态下为隐藏。单击右键，从弹出菜单中选择【标准】命令。4）文档窗口：Dreamweaver CS3中的文档窗口用于显示当前创建或编辑的文档。Dreamweaver通常为用户提供了【代码】、【拆分】和【设计】三种视图模式，用户可以根据需要使用【常用】工具栏中的相应按钮来进行切换。5）状态栏：用于显示当前编辑文档的状态，主要包括文档的窗
7、口大小、文档的大小和下载时间及标签选择器等。6）属性面板：用于显示当前选定文本或图片等元素对象的属性，且可以用来修改选定对象的属性。7）控制面板：是Dreamweaver中常用的资源面板，主要包括【层】、【代码】、【应用程序】、【标签检查器】、【资源】、【框架】和【历史纪录】7个面板，可以通过【窗口】菜单显示或隐藏面板 2 2、创建站点、创建站点创建站点可使用向导搭建站点，也可以通过高级面板设置站点。应用Dreamweaver CS3提供的站点定义向导，用户可以很方便的创建站点。站点定义向导共分三个区域。编辑区域：用于设置本地文件夹的地方。测试区域：用于设置Dreamweaver 处理动态页面
8、的文件夹地方。共享文件：用于设置远程文件夹的地方。（1）打开Dreamweaver CS3，选择菜单【站点】|【新建站点】命令，或者选择菜单【站点】【管理站点】【新建】【站点】，打开【定义站点】对话框，（2）单击【基本】选项，即可进入站点定义【基本】选项卡,这是定义站点的向导。（3）定义网站名称“haiyangshuizu”。（4）单击【下一步】按钮，制作静态网站时，选择“否，我不想使用服务器技术”单选按钮。（5）继续单击【下一步】按钮，开始设置网页存储方法和路径。（6）完成以上设置后单击【下一步】按钮，进入窗口，选择连接服务器的方式以及网页在服务器上的存储位置。一般情况下，选择【本地/网络】
9、，在选择网页文件存储位置时，将远程服务器端的文件夹和本地计算机上的文件夹设置为同一个，方便今后对网站的维护更新。（7）单击【下一步】按钮，选择是否使用“存回”和“取出”选项。选中“是，启用存回和取出”选项，可以多人共同完成网站的维护工作。（8）单击【下一步】按钮，对话框询问设置的信息是否准确。（9）单击【完成】按钮，站点的定义就完成了。Dreamweaver CS3会自动扫描设置文件夹中的HTML文件，系统会对定义好的站点进行自动加载。鼓励不熟悉Dreamweaver的用户使用“站点定义向导”；有经验的Dreamweaver用户可能更喜欢使用“高级”设置。3 3、站点管理、站点管理如果在Web
10、服务器上已经具有一个站点，则可以使用Dreamweaver来编辑该站点。1）管理站点选择【站点】【管理站点】命令。在“管理站点”对话框中选择所要管理的站点，单击“编辑”，可以编辑现有站点；单击“删除”，可以删除所选站点，需要注意的是删除操作无法撤消，要慎重使用。单击“导出/导入”，可以将站点导出为XML文件，然后将其导回Dreamweaver CS3。这样就可以在各计算机和产品版本之间移动站点，或者与其他用户共享。2）管理站点文件打开“文件”面板，选择已定义的站点，在“文件”面板中可以对站点进行打开文件、更改文件名；添加、移动或删除文件等操作。3）网站上传与下载建立网站的目的就是要将制作好的网页发布到互联网上去，以便让其他人浏览、欣赏。在Dreamweaver中，这一过程称为“上传”。上传之前首先应申请域名和空间，申请成功后会提供一个网站空间地址及上传文件的用户名、密码等，然后设置远程主机信息，为上传做准备。从远程服务器上获取文件的过程叫做下载。在Dreamweaver中一样可以进行，操作步骤如下：（1）从远程站点窗口中选择要下载的文件。（2）单击站点窗口上的获取文件按钮 。（3）如果选中的文件中引用了其他位置的内容，则会出现一个消息对话框，提醒用户是否要将这些引用内容也同时下载。下载文件是上传的逆向动作，方法都是相同的，只是执行的命令不同。