网站设计开发课件第四讲兰州JQDreamweaver的基本操作和建立站点.pptVIP

?本节知识点 　认识Dreamweaver 8　　Dreamweaver 8编辑环境介绍　　创建与管理站点　　Dreamweaver 8是一款功能强大的网页编辑软件，它以其直观的图形界面大大简化了网页的设计和编辑。?本节提纲3.1.1 Dreamweaver 8的安装3.1.2 Dreamweaver 8的基本操作 3.1.3 Dreamweaver 8工作界面介绍 3.1.4 上机实训 3.1.1 Dreamweaver 8的安装　 1．系统要求 　　2．安装Dreamweaver 8　　(1) 运行安装程序，如图3-1所示。 　　(2) 出现Dreamweaver 8的安装向导界面，如图3-2所示，按照向导的提示一步一步地进行安装。 　　(3) 单击图3-2中的“下一步”按钮，弹出“许可证协议”对话框，如图3-3所示。　　(4) 选中“我接受该许可证协议中的条款”项，然后单击“下一步”按钮，则会弹出“目标文件夹和快捷方式”对话框，如图3-4所示，接受该许可协议中的条款。 　　(5) 单击“下一步”按钮，弹出“默认编辑器”对话框，如图3-5所示，Dreamweaver 8自动将自己设为asp.jsp等文件的缺省编辑器。　　(6) 单击“下一步”按钮，准备安装软件，如图3-6所示。　　(7) 单击“安装”按钮，屏幕上就会显示安装的进度，如图3-7所示。　　(8) 安装完成后，系统会弹出如图3-8所示的对话框。 　　(9) 选择“开始”→“所有程序”→“Macromedia”→“Macromedia Dreamweaver 8”菜单命令，运行Dreamweaver 8。初次启动Dreamweaver 8时，会自动进入“工作区设置”对话框，从中可以进行编码器或设计器的选择(根据个人喜好进行选择)。 3.1.2 Dreamweaver 8的基本操作 　　1．启动Dreamweaver 8 　　选择“开始”→“程序”→“Macromedia”→“Macromedia Dreamweaver 8”命令，启动Dreamweaver 8，如图3-9所示。然后选择“创建新项目”→“HTML”项。　　 2．新建空白HTML网页　　(1) 进入Dreamweaver 8页面，屏幕显示如图3-10所示。 　　(2) 选择“文件”→“新建”菜单命令，打开“新建文档”对话框，在“类别”栏中选择“基本页”选项，在“基本页”栏中选择“HTML”选项，单击“创建”按钮，如图　3-11所示。　　3．保存网页文档 　　选择“文件”→“保存”菜单命令，出现“另存为”对话框，在“保存在”下拉列表框中选择文件的保存路径，在“文件名”文本框中输入保存的文件名，单击“保存”按钮，如图3-12所示。 　　4．预览网页效果 　　选择“文件”→“在浏览器中预览”→“IExplore 6.0”命令，在IE浏览器中预览网页文档的效果，如图3-13所示。 　　5．退出Dreamweaver 8 　　退出Dreamweaver 8有以下几种方法：　　(1) 单击Dreamweaver 8窗口右上角的“关闭”按钮。　　(2) 单击Dreamweaver 8窗口左上角的图标，在弹出的下拉菜单中选择“关闭”命令。　　(3) 在Dreamweaver 8窗口中选择“文件”→“退出”菜单命令。　　(4) 在当前窗口为Dreamweaver 8工作界面时，按Alt+F4键退出Dreamweaver 8。 3.1.3 Dreamweaver 8工作界面介绍 　　1．Dreamweaver 8的界面元素介绍　　Dreamweaver 8的工作界面是由标题栏、菜单栏、插入工具栏、标准工具栏、文档工具栏、文档窗口、状态栏、“属性”面板、文件面板和面板组等组成的，如图3-14所示。 　　1) 菜单栏　　菜单栏位于标题栏下方，包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助等10项菜单命令，如图3-15所示。　　2) 插入工具栏　　插入工具栏包含用于创建和插入对象的按钮，这些按钮被组织到相应的类别中，按“Ctrl?+?F2”快捷键可以打开或隐藏插入工具栏，如图3-16所示。 　　3) 标准工具栏　　标准工具栏默认位于文档工具栏下方，但可以随意拖动。标准工具栏主要用于对文档进行基本操作，如打开文档、保存文档等，如图3-17所示。 　　4) 文档工具栏　　文档工具栏的主要作用是不使用菜单命令，仅通过快捷按钮控制文档视图显示，如图3-18所示。　　5) 文档窗口　　文档窗口也称为文档编辑区，如图3-19所示。在文档窗口中所显示的内容可以是代码或可视化的网页，也可以是两者的共同体。