Dreamweaver网页制作第1章 创建站点.ppt

1.3.2 创建文件夹和文件 【要求】：在站点“myweb”中分别创建文件夹“file”和“pic”，在根文件夹下创建主页文件“index.htm”，在文件夹“file”下创建文件“yx.htm”、“yxpic.htm”，最终效果如图所示。 1.4 综合案例——创建站点和文件 【要求】：创建一个本地站点，站点名称为“luntan”，站点位置为“D:\luntan”，然后在站点中依次创建文件夹“doc”、“images”和“pics”，并创建主页文件“index.htm”，同时在文件夹“doc”中创建文件“rule.htm”，最终效果如图所示。 1.1 功能讲解 1.2 范例解析 1.3 课堂实训 1.4 综合案例──创建站点和文件 第1章 创建站点 1.1 功能讲解1.1.1 发展概况1.1.2 工作流程1.1.3 工作界面1.1.4 工具栏1.1.5 常用面板1.1.6 首选参数1.1.7 Dreamweaver站点1.1.8 文件夹和文件1.1.9 网页文件头标签 Dreamweaver最初是由美国Macromedia公司（1984年成立于美国芝加哥）于1997年发布的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由Macromedia公司发布的Dreamweaver的最后版本是Dreamweaver 8。 2005年底，Macromedia公司被Adobe公司并购。2007年7月，Adobe公司发布Dreamweaver CS3，2008年9月发布Dreamweaver CS4，2010年4月发布Dreamweaver CS5，2011年4月发布Dreamweaver CS5.5，约一年后又发布了Dreamweaver CS6。 1.1.1 发展概况 Dreamweaver比较容易入门，具体表现在两个方面： 一是静态页面的编排，这和Microsoft Office等可视化办公软件是类似的； 二是交互式网页的制作，利用Dreamweaver可以比较容易地制作交互式网页，且很容易链接到Access、SQL Server等数据库。 通常可以使用Dreamweaver CS6按照下面的工作流程来创建和设计站点。 一、规划和设置站点 二、组织和管理站点文件 三、设计网页布局设计网页布局 四、向页面添加内容 五、通过手动编码创建页面 六、针对动态内容设置Web应用程序 七、创建动态页 八、测试页面和发布站点测试页面和发布站点 1.1.2 工作流程 一、欢迎屏幕 1.1.3 工作界面 二、工作窗口 工作区布局 拆分视图 工具栏通常有【样式呈现】、【文档】和【标准】3个，其中最常用的是【文档】工具栏。 1.1.4 工具栏 【首选参数】对话框的【在浏览器中预览】分类 一、面板组 1.1.5 常用面板 二、【文件】面板 三、【属性】面板 四、【插入】面板 一、【常规】分类 1.1.6 首选参数 二、【不可见元素】分类 三、【复制/粘贴】分类 四、【新建文档】分类 在定义站点时，读者需要理解以下基本概念。 【本地站点】：在Dreamweaver中又称本地文件夹，通常位于本地计算机上，主要用于存储用户正在处理的网页文件和资源，制作者通常在本地计算机上编辑网页文件，然后将它们上传到远程站点供浏览者访问。 【远程站点】：在Dreamweaver中又称远程文件夹，通常位于运行Web服务器的计算机上，主要用于发布站点文件以便人们可以联机查看。 【测试站点】：在Dreamweaver中又称测试服务器文件夹，可以位于本地计算机上，也可以位于网络服务器上，主要用来测试动态网页文件，在制作静态网页时不需要设置测试站点。 1.1.7 Dreamweaver站点 【站点设置对象】对话框 【管理站点】对话框 站点创建完毕后，需要在站点中创建文件夹和文件。在【文件】面板中创建文件夹和文件最简便的操作方法是，单击鼠标右键，在弹出的快捷菜单中选择【新建文件夹】或【新建文件】命令，然后输入新的文件夹或文件名称即可。 1.1.8 文件夹和文件 一、关键字 1.1.9 网页文件头标签 二、刷新 1.2 范例解析1.2.1 新建和导出站点1.2.2 创建文件夹和文件 【要求】：创建一个本地站点“mysite”，然后导出站点信息，文件名为“mysite.ste”，最终效果如图所示。 1.2.1 新建和导出站点 【要求】：在站点“mysite”中创建文件夹“images”，在根文件夹下创建主页文件“index.htm”，最终效果如图所示。 1.2.2 创建文件夹和文件 1.3 课堂实训 1.3.1 导入、编辑和导出站点 1.3.2 创建文件夹和文件 1.3.1