创建及发布网站简介PPT.pptVIP

第2讲 创建及发布网站简介 2.1 创建及发布网站步骤简介 2.2 使用Dreamweaver创建及管理网站 学习目标 理解站点创建和发布步骤 了解DW的功能 熟悉DW工作界面 掌握使用DW创建和管理站点的方法 2.1 创建及发布网站步骤简介 1.创建本地站点(设置站点结构、创建网页） 创建一个站点根目录 根据网站主页中的导航条，在站点根目录下分别为每一个导航栏建一个目录（除首页栏目外） 在站点根目录下创建用于存放图片的目录images 在站点根目录下创建一个保存样式文件的CSS文件夹 在站点根目录下创建一个保存脚本文件的JS文件夹 如果有其他多媒体文件，则可以在站点根目录下再创建一个用于保存多媒体文件的media文件夹 创建主页，将主页命名为index.html或default.html，并存放在根目录下 创始每个导航栏目的页面，并将它们存放在相应导航栏目录下 2. 测试网站 3. 申请网页空间 3. 用FTP上传网页 设置站点结构 某站点首页导航栏 站点目录结构 使用DW创建网站基本流程 创建站点→设计网站结构→创建网页→测试网站→管理网站 1. 创建站点 本地站点： 指建立在本地计算机的站点 创建远程站点： 指Internet上的站点或在另一台计算机或本地计算机另一个文件夹的站点 创建站点内容： 设置本地信息 设置远程信息 设置测试服务器 设置本地信息步骤： 1)启动Dreamweaver，打开如图2-1所示的起始页。在其中的【创建新项目】栏中单击【HTML】选项，创建一个空白的HTML网页，如图2-2所示。 图2-1 Dreamweaver主界面 图2-2 新建站点步骤 2)单击【站点】→【新建站点】菜单命令，弹出【未命名站点1的站点定义为】对话框。 3）在【未命名站点1的站点定义为】对话框中选择【高级】选项，在对话框中的【分类】栏中选择【本地信息】，设置“本地信息”中的【站点名称】、【本地根文件夹】以及【默认图像文件夹】，其余使用默认设置，如图2-3所示。 定义站点 图2-3 设置远程信息 在图2-3所示的对话框中的【分类】栏中选择【远程信息】，设置“远程信息”中的【访问】、【FTP主机】、 【主机目录】、【登录】、【密码】，并选中【使用Passive FTP】，其余使用默认设置，如图2-4-1、图2-4-2所示。 图2-4-1 远程站点在Internet上 图2-4-2远程站点在本地机子上 设置测试服务器： 如果所建立的是动态网站，则在对其进行测试之前，还需要定义测试服务器，以确定测试文件夹的位置以及所使用的服务器模型。如图2-5所示 * * * *