大学ppt课件第2章_创建与管理站点.pptVIP

第2章 创建与管理站点 ;一、案例实现;2、创建站点 （1）单击桌面上的图标或选择【开始】｜【所有程序】｜【Adobe Dreamweaver CS3】，运行Dreamweaver CS3，打开Dreamweaver CS3窗口。 （2）选择菜单【站点】|【新建站点】命令，打开【定义站点】对话框，单击其中的【高级】选项，即可进入站点定义【高级】选项卡。 （3）在【分类】列表框中单击“本地信息”，开始定义站点的本地信息，在“站点名称”文本框中输入站点名称，如“小昭之家”，在“本地根文件夹”文本框，指定硬盘上的某一文件夹作为该站点文件的存储位置，如ch2。这个文件夹可以是已经存在的文件夹，也可以是不存在的，如果不存在，系统会自动创建。;（4）其他选项采用默认即可，单击即完成本地站点的初步设置。在文件面板中即出现已经定义的站点“小昭之家。 （5）建立子文件夹 接下来，要在文件面板中按照站点规划建立子文件夹images、music、flash和pages，方法是在“站点-小昭之家”根文件夹上单击右键，弹出快捷菜单，选择“新建文件夹”即新建了一个名为“untitled”的文件夹，把此文件夹改名为“images”，同样的方法可以建立其他几个文件夹。 （6）建立首页 在“站点-小昭之家”根文件夹上单击右键，弹出快捷菜单，选择“新建文件”即新建了一个名为“untitled.html”的网页文件，把此文件改名为“index.html”,在文件 “index.html” 单击右键，弹出快捷菜单，选择“设成首页”。 ;二、 相关知识 ;（2）界面组成 Dreamweaver CS3界面主要由标题栏、菜单栏、工具栏、文档窗口、状态栏、属性面板和控制面板组成。主要功能如下： 1）标题栏：显示应用程序的名称、最小化、最大化和正常之间的切换按钮以及关闭按钮。 2）菜单栏：包含有文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助10个菜单项。 3）工具栏：Dreamweaver CS3提供了【插入】、【文档】和【标准】三个工具栏，通过选择【查看】/【工具栏】命令显示/隐藏。 【插入】工具栏，主要用于在文档中插入各种对象及进行一些简单的编辑，默认状态下显示【常用】工具栏项。 【文档】工具栏，包含编辑文档的常用操作按钮，如切换视图模式、设置网页标题以及在浏览器中预览网页效果（快捷键F12）等。 【标准】工具栏，包含常用的文件操作按钮及基本的编辑按钮。默认状态下为隐藏。单击右键，从弹出菜单中选择【标准】命令。;4）文档窗口：Dreamweaver CS3中的文档窗口用于显示当前创建或编辑的文档。 Dreamweaver通常为用户提供了【代码】、【拆分】和【设计】三种视图模式，用户可以根据需要使用【常用】工具栏中的相应按钮来进行切换。 5）状态栏：用于显示当前编辑文档的状态，主要包括文档的窗口大小、文档的大小和下载时间及标签选择器等。 6）属性面板：用于显示当前选定文本或图片等元素对象的属性，且可以用来修改选定对象的属性。 7）控制面板：是Dreamweaver中常用的资源面板，主要包括【层】、【代码】、【应用程序】、【标签检查器】、【资源】、【框架】和【历史纪录】7个面板，可以通过【窗口】菜单显示或隐藏面板 ; 2、创建站点 创建站点可使用向导搭建站点，也可以通过高级面板设置站点。应用Dreamweaver CS3提供的站点定义向导，用户可以很方便的创建站点。站点定义向导共分三个区域。编辑区域：用于设置本地文件夹的地方。测试区域：用于设置Dreamweaver 处理动态页面的文件夹地方。共享文件：用于设置远程文件夹的地方。 （1）打开Dreamweaver CS3，选择菜单【站点】|【新建站点】命令，或者选择菜单【站点】｜【管理站点】｜【新建】｜【站点】，打开【定义站点】对话框， （2）单击【基本】选项，即可进入站点定义【基本】选项卡,这是定义站点的向导。 （3）定义网站名称“haiyangshuizu”。 （4）单击【下一步】按钮，制作静态网站时，选择“否，我不想使用服务器技术”单选按钮。;（5）继续单击【下一步】按钮，开始设置网页存储方法和路径。 （6）完成以上设置后单击【下一步】按钮，进入窗口，选择连接服务器的方式以及网页在服务器上的存储位置。一般情况下，选择【本地/网络】，在选择网页文件存储位置时，将远程服务器端的文件夹和本地计算机上的文件夹设置为同一个，方便今后对网站的维护更新。 （7）单击【下一步】按钮，选择是否使用“存回”和“取出”选项。选中“是，启用存回和取出”选项，可以多人共同完成网站的维护工作。 （8）单击【下一步】按钮，对话框询问设置的信息是否准确。 （9）单击【完成】按钮，站点的定义就完成了。Dreamweaver