项目2 初识dreamweaver CS5.pptVIP

项目2 初识dreamweaver CS5 网页设计与制作 项目2 初识dreamweaver CS5 　 通过本项目的学习，读者可以了解dreamweaver CS5有关概念、dreamweaverCS5软件的安装、了解dreamweaver CS5的工作环境及站点管理，及具体创建网站及网页的方法，并可以使用dreamweaver CS5创建本地站点并制作简单的个人网页。 项目目标 Dreamweaver简介 Dreamweaver CS5新增功能 Dreamweaver CS5工作环境 创建本地站点 连接远端服务器 1 Adobe Dreamweaver CS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器，Dreamweaver CS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 任务2.1.1Dreamweaver CS5简介 任务2.1.2 Dreamweaver CS5特点 1 Dreamweaver CS5最突出的亮点有三处： 对CMS的支持功能； 对CSS的校验； 对PHP更好的支持。 任务2.1.3 Dreamweaver CS新增功能 1 集成 CMS 支持 新增功能 CSS 检查 新增功能 与 Adobe BrowserLab 集成 新增功能 PHP 自定义类代码提示 新增功能 CSS Starter 页 增强功能 与 Business Catalyst 集成 新增功能 保持跨媒体一致性 增强的 Subversion 支持 仔细查看站点特定的代码提示 任务2.2.1 Dreamweaver CS5的工作区 1 Dreamweaver CS5版本在用户界面方面基本延续了上一版本Dreamweaver CS4，以便用户快速上手。在首次启动Dreamweaver CS5时，将显示【Dreamweaver 起始页】界面，帮助用户快速创建常用的项目文档。 任务2.2.2 Dreamweaver CS5的用户界面 1 菜单栏 文档工具栏 插入面板 状态栏 浮动面板 文档编辑窗口 任务2.2.3 建立Dreamweaver站点 1 站点是Dreamweaver CS5内置的一项功能，其可以与IIS服务器进行连接，实现Dreamweaver与服务器的集成。在建立本地站点后，用户可在设计网页时随时通过Dreamweaver调用本地计算机的Web浏览器，浏览设计效果。 任务2.2.4 Dreamweaver安装 1 安装Dreamweaver（中文版）的过程如下： （1）双击Dreamweaver安装盘中的“setup.exe”文件，此时开始加载安装向导。出现Installshield Wizard界面，如图所示。 1 （2）接着出现欢迎使用Dreamweaver和一些版权警告信息，如图所示。 1 （3）单击“下一步”按钮，出现Dreamweaver“许可证协议”对话框，选择“我接收该许可证协议中的条款（A）”，如图所示。 1 （4）单击“下一步”按钮，出现Dreamweaver “目标文件夹和快捷方式”对话框，如图所示。 1 （5）直接单击“下一步”按钮，此时出现“默认编辑器”对话框，如图所示。 1 （6）单击“下一步”按钮，此时出现“正在安装您选择的程序功能”对话框，安装时间的长短取决于你的计算机硬件配置情况，如图所示。 1 （7）安装完后，直接单击“完成”按钮，如图所示。 【上机实践】 实践1 熟悉dreamweaver环境 实践2 创建本地站点并制作简单网页个人网页 【常见面试题】 1、在HTML中，标记pre的作用是？ 2、在Dreamweaver中，保存的批处理命令在哪个菜单中出现？ 3、在Dreamweaver?中，下面是使用表单的作用的是?？ 4、如何安装dreamweaver CS5？dreamweaver C 5、如何建立和管理网站站点？ 6、请描述建立网站的基本流程？