模块一初识网页与网页设计软件.ppt

任务四 认识Dreamweaver CS3 （3）代码界面，单击“代码”选项，系统弹出“代码界面”，如图1-3所示。用户可以输入代码。 代码选项 1-3 Dreamweaver CS3代码界面 任务四 认识Dreamweaver CS3 窗口中各组成部分介绍： （1）标题栏：显示了软件的名称、网页标题和网页文件名称。 （2）菜单栏：包括10组菜单，包含了网页编辑的大部分操作命令，如图所示【文件】：主要用于对网页中的文档进行基本的操作与管理，如“新建”、“打开”、“保存”、“导入”、“导出”等。 【编辑】：主要用于对网页文档进行编辑修改操作，如“剪切”、“复制”、“粘贴”、“撤消”、“查找”和“重做”等命令。 【查看】：主要用于控制工作界面的显示方式，如是否显示网格、标尺和跟踪图像等命令。 【插入】：提供“插入栏”的替代项，用于将对象插入到用户的网页文档中，如标签、图象、表单等。 任务四 认识Dreamweaver CS3 【修改】：使用户更改选定的页面对象的属性，包括修改页面属性、建立链接、排序和对齐等命令。 【文本】：使用户设置文本的格式属性，如字体、字号、颜色等。 【命令】：提供了对Dreamweaver各种命令的访问。 【站点】：主要用于管理站点和进行编辑操作，如新建站点、编辑站点以及上传和下载文件的菜单项。 【窗口】：主要用于控制对Dreamweaver中的所有面板、检查器和窗口的显示和隐藏。 【帮助】：提供使用Dreamweaver及创建Dreamweaver扩展功能的系统帮助信息。 任务四 认识Dreamweaver CS3 （3）插入栏 插入栏有两种表现形式：一种是通过一个菜单进行切换，如图1-4所示；另一种为标签表现形式，如图1-5所示，单击“插入栏”中的不同标签可以进行切换，每个标签都包含有若干个插入对象按钮。 1-4 菜单插入栏 1-5 标签型插入栏 任务四 认识Dreamweaver CS3 （4）工具栏 在Dreamweaver CS3的工具栏中的前3个按钮可以用来切换视图模式，如图1-6所示。 1-6 视图切换模式 任务四 认识Dreamweaver CS3 ：表示仅在“文档”编辑窗口中显示“代码”视图。 ：表示在“文档”编辑窗口的一部分显示“代码”视图，而另一部分显示“设计”视图。当选择了这种组合视图时，“视图选项”菜单中的“在顶部查看设计视图”选项变为可用。 ：表示仅在“文档”编辑窗口中显示“设计”视图。 ：标题文本框，用来接收用户输入的文档的标题。 ：文件管理按钮，显示“文件管理”下拉菜单。 ：单击该按钮，表示允许用户在浏览器中预览或调试文档。可以单击该按钮右侧三角，在弹出的下拉菜单中选择一个浏览器进行预览/调试。 ：刷新设计视图，当用户在“代码”视图中进行更改后刷新文档的“设计”视图。 ：视图选项，允许用户为“代码”视图和“设计”视图设置选项。 ：可视化助理按钮，提供显示各可视化项目的功能。 ：验证标记按钮。 ：检查浏览器页面按钮。 任务四 认识Dreamweaver CS3 （5）状态栏 状态栏提供了与用户正在创建的文档有关的其它信息。状态栏可以显示当前光标所在位置的HTML标记，通过该标记可以确定所编辑的网页的内容。状态栏上还可以显示当前网页编辑窗口的大小、当前网页文件的大小和网页的传输速度。 （6）面板组 Dreamweaver中的面板被集合到面板组中，如图1-7所示。面板组中被选定的面板显示为一个选项卡，如图所示。每个面板组都可以展开或折叠，并且可以与其它面板组组合到一起或取消组合。 用户单击面板组名称左侧的“”按钮，可以展开这个面板组。 任务四 认识Dreamweaver CS3 1-7 面板组 模块一 初识网页与网页设计软件 任务二 认识网站设计的基础知识 任务四 Dreamweaver CS3新功能 任务三 了解网页制作的基本流程 任务一 认识基本的网页 任务一 认识基本的网页 网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到用户的计算机，然后再通过浏览器解释网页的内容，再展示到用户的眼前。 网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，任何一个网站都是由或多或少的网页组成的。 子任务1 网页的相关概念 任务一 认识基本的网页 基本概念介绍： 1. 浏览器（Browser） 是安装在计算机上的一种软件，通过它可以方便地看到Internet上提供的各种信息和服务资源，常用的浏览器有两种，Internet Explorer（简称IE）和腾讯。 2．超链接（Hype