创建及发布网站简介

第2讲创建及发布网站简介2.1创建及发布网站步骤简介2.2使用Dreamweaver创建及管理网站学习目标理解站点创建和发布步骤了解DW的功能熟悉DW工作界面掌握使用DW创建和管理站点的方法2.1创建及发布网站步骤简介1.创建本地站点(设置站点结构、创建网页）创建一个站点根目录根据网站主页中的导航条，在站点根目录下分别为每一个导航栏建一个目录（除首页栏目外）在站点根目录下创建用于存放图片的目录images在站点根目录下创建一个保存样式文件的CSS文件夹在站点根目录下创建一个保存脚本文件的JS文件夹如果有其他多媒体文件，则可以在站点根目录下再创建一个用于保存多媒体文件的media文件夹创建主页，将主页命名为index.html或default.html，并存放在根目录下创始每个导航栏目的页面，并将它们存放在相应导航栏目录下2.测试网站3.申请网页空间3.用FTP上传网页设置站点结构某站点首页导航栏站点目录结构2.2使用Dreamweaver创建及管理网站Dreamweaver是目前比较流行、使用最广泛的一款专业的可视化网页制作软件，集网页制作和网站管理于一身。可用于对web站点、web页面和web应用程序进行设计、编码和开发。Dreamweaver工作环境标题栏插入栏文档工具栏文档窗口标签选择器属性面板菜单栏各种浮动面板使用DW创建网站基本流程创建站点→设计网站结构→创建网页→测试网站→管理网站1.创建站点本地站点：指建立在本地计算机的站点创建远程站点：指Internet上的站点或在另一台计算机或本地计算机另一个文件夹的站点•创建站点内容：设置本地信息设置远程信息设置测试服务器•设置本地信息步骤：1)启动Dreamweaver，打开如图2-1所示的起始页。在其中的【创建新项目】栏中单击【HTML】选项，创建一个空白的HTML网页，如图2-2所示。图2-1Dreamweaver主界面图2-2新建站点步骤2)单击【站点】→【新建站点】菜单命令，弹出【未命名站点1的站点定义为】对话框。3）在【未命名站点1的站点定义为】对话框中选择【高级】选项，在对话框中的【分类】栏中选择【本地信息】，设置“本地信息”中的【站点名称】、【本地根文件夹】以及【默认图像文件夹】，其余使用默认设置，如图2-3所示。定义站点图2-3•设置远程信息在图2-3所示的对话框中的【分类】栏中选择【远程信息】，设置“远程信息”中的【访问】、【FTP主机】、【主机目录】、【登录】、【密码】，并选中【使用PassiveFTP】，其余使用默认设置，如图2-4-1、图2-4-2所示。图2-4-1远程站点在Internet上图2-4-2远程站点在本地机子上•设置测试服务器：如果所建立的是动态网站，则在对其进行测试之前，还需要定义测试服务器，以确定测试文件夹的位置以及所使用的服务器模型。如图2-5所示图2-5置测试服务器2.设计网站结构3.管理站点使用下图所示上传按钮可以将本地站点上资源上传到远程站点中上传按钮3.管理站点使用下图所示下载按钮可将远程站点上的资源下载到本地。将视图切换到“远程视图”后，可在本地对远程资源进行管理下载按钮小结创建和发布站点的步骤是：创建本地站点→测试网站→申请网上空间→上传网站Dreamweaver可以创建及管理站点，步骤是：创建站点→设计网站结构→创建网页→测试网站→管理网站思考题与作业1.创建本地站点的步骤有哪些?2.使用DW如何创建站点？