网页制作及应用 （刘永华 潘明寒） 2Dream weaver

《网页制作及应用 （刘永华 潘明寒） 2Dream weaver》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章Dreamweaver网页设计技术学习目标面板组、插入菜单、属性面板的使用文本的格式化类型超链接的使用用表格组织网页框架、表单及层的使用动态网页技术1第2章Dreamweaver网页设计技术教学内容2.1Dreamweaver基础知识2.2创建及设计页面2.3链接与导航2.4用表格和表格布局模式布局页面2.5用框架布局页面2.6表单的使用2.7层的使用2.8动态网页技术本章小结返回总目录22.1Dreamweaver基础知识返回目录DreamweaverMX2004工作界面Dreamweaver由Micromedia公司出品，是当今最流行的专

2、业网页设计、网站管理、网页可视化编程应用软件。主要用于制作网站的静态网页，具有跨平台、跨浏览器的特点。左图为DreamweaverMX2004工作界面。32.1Dreamweaver基础知识—菜单栏返回目录菜单栏“文件”菜单：包含“文件”菜单的标准菜单项。“编辑”菜单：包含“编辑”菜单的标准菜单项。“查看”菜单：可以设置文档的各种视图。“插入”菜单：与“插入”栏功能相似，用于向文档插入对象。“修改”菜单：可以更改选定项目的属性。“文本”菜单：用于设置文本的格式。“命令”菜单：提供对各种命令的访问。“站点”菜单：提供用于管理站点、上传站点和下载文件的

3、菜单项。“窗口”菜单：提供对Dreamweaver中的所有面板、检查器和窗口的访问。在窗口菜单中可以设置面板的打开或关闭。“帮助”菜单：提供对Dreamweaver文档访问的帮助信息，在Dreamweaver中遇到的大部分问题都可以从“帮助”菜单中找到答案。42.1Dreamweaver基础知识—插入栏单击“插入”栏的下拉按钮，出现菜单方式的选项卡。可以根据插入对象的不同选择不同类别的选项卡，不同选项卡包含创建不同类型对象的按钮。单击“显示为制表符”可转为常规样式的“插入”栏。图为插入”栏的两种显示方式：返回目录“插入”栏的两种显示方式52.1Dr

4、eamweaver基础知识—文档工具栏文档工具栏如右图所示，包含按钮和弹出式菜单，提供各种“文档”常用视图、各种查看选项和一些普通操作。文档工具栏内容从左到右依次为：代码视图：以代码的形式显示页面，方便文档代码编写。拆分视图：同时显示代码和设计视图，可同时看到两种效果。设计视图：以设计形式显示视图，可看到所见即所得的网页效果。标题：可在标题文本框中为文档输入或修改标题。服务器调试：显示一个调试现行浏览器的报告。文件管理：显示“文件管理”弹出式菜单。在浏览器中预览/调试：随时预览网页在浏览器中的效果。文档工具栏返回目录62.1Dreamweaver基

5、础知识—文档窗口文档窗口用于显示文档，有“设计视图”、“代码视图”、“拆分试图”三种显示方式。设计视图：用于可视化页面布局、可视化编辑和应用程序开发的设计环境，此视图类似在浏览器中查看页面。代码视图：用于编写或编辑html、JavaScript、服务器语言代码、其他类型代码的编码环境。拆分视图：可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。返回目录72.1Dreamweaver基础知识—属性面板属性面板属性面板用于显示和修改已选定对象的属性，可以对文本、图像、表格、层等进行属性设置。不同的对像对应不同的属性面板。打开“窗口”菜单→选

6、“属性”，可以显示或隐藏属性面板返回目录82.1Dreamweaver基础知识—面板组面板组面板组在工作界面的右边，如图所示。单击面板窗口左边的按钮，可展开或折叠整个面板窗口。单击每一个面板组左上方的按钮，可展开或折叠该面板组窗口。返回目录92.2创建及设计页面—创建文档1．创建网页文件创建空白网页可以用两种方法：方法1：在起始页“创建新项目”列表中单击“HTML”，建立一个空白页。方法2：在工作窗口打开“文件”菜单→选“新建”→“类别”列表中选“基本页”→“基本页”列表中选“HTML”→单击“创建”，建立一个空白页。2．利用Dreamweaver

7、提供的示例文件创建网页“文件”菜单→“新建”→在“类别”列表中选一种实例文档（如页面设计CSS）→在“页面设计CSS”列表中选一种网页样式→单击“创建”，网页中将显示文字和页面布局，修改其中的文字及图像，快速创建所需网页。返回目录102.2创建及设计页面—创建文档3．保存新建立的网页“文件”菜单→“保存”→指定保存位置、文件名及保存类型→单击“保存”。4．设置文档属性“修改”菜单→“页面属性”，打开“页面属性”对话框，如图所示。通过“页面属性”对话框可以对页面基本属性进行设置。页面属性对话框返回目录112.2创建及设计页面—设置文本文本是网页元素中

8、主要部分。1．输入文本在文档窗口单击，将插入点置于文档中所需位置，输入文本或插入其他网页元素。2．设置文本格式文本格式的设