《第章网页制作基础》由会员分享，可在线阅读，更多相关《第章网页制作基础（32页珍藏版）》请在金锄头文库上搜索。
1、第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver目目 录录一、一、Dreamweaver工作环境工作环境1. 工作环境工作环境2.安装、启动安装、启动二、二、Dreamweaver工作界面工作界面1. 文档窗口文档窗口2.状态栏状态栏3. 属性面板属性面板4. 插入面插入面板板5.浮动面板浮动面板三、三、Dreamweaver参数设置参数设置 1.常规参数设置常规参数设置2.设置字体方式设置字体方式第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweave
2、r知识点及学习目标知识点及学习目标 本章主要介绍中文版本章主要介绍中文版Dreamweaver MX 2004的新增功的新增功能，工作界面。通过本章的学习，应达到以下目的：能，工作界面。通过本章的学习，应达到以下目的： 了解了解Dreamweaver MX 2004的工作环境的工作环境了解了解Dreamweaver MX 2004的工作界面的工作界面掌握各菜单、工具按钮、的功能和使用。掌握各菜单、工具按钮、的功能和使用。掌握掌握各各面板的功能、使用。面板的功能、使用。第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver硬件
3、要求硬件要求:gCPU:Intel Pentium 600 MHz 或更快的处理器或更快的处理器;g内存内存:至少至少128MB可用内存，建议采用可用内存，建议采用256MB;g磁盘空间磁盘空间:至少至少275 MB可用磁盘空间；可用磁盘空间；g显视器显视器:1024768像素分辨率的像素分辨率的16位或更高像素分辨率位或更高像素分辨率的监视器，建议选用百万种颜色的显视器。的监视器，建议选用百万种颜色的显视器。g光驱：光驱：CD-ROM软件要求软件要求:gWindows 98、 Windows 2000、 Windows XP 或或Windows NT 、 Windows e 。浏览器：浏览器
4、：gMicrosoft Internet Explorer1.4 Dreamweaver配置要求配置要求第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.2.2安装步骤安装步骤启动计算机，进入启动计算机，进入Windows 操作系统；操作系统； 插入中文版插入中文版Dreamweaver MX 2004光盘光盘(自动解压自动解压)；根据对话框提示，按步完成安装。根据对话框提示，按步完成安装。1.2中文版中文版Dreamweaver MX 2004安装安装 第第1部分部分 Dreamweaver 篇篇第一章基础入门初识
5、第一章基础入门初识DreamweaverDreamweaver1.2中文版中文版Dreamweaver MX 2004工作窗口工作窗口 【文档文档】窗口窗口【菜菜单单】栏栏【插插入入】面面板板【属性属性】面板面板【文文件件】面面板板【浮浮动动面面板板】组组【状态状态】栏栏【文文档档】工工具具栏栏【标标准准】工工具具栏栏第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.2.1文档编辑窗口文档编辑窗口功能：显示和编辑当前的页面（文档）。功能：显示和编辑当前的页面（文档）。文档窗口有三种视图：文档窗口有三种视图：“显示设计
6、视图显示设计视图”(显示效果与浏览器中浏览时相似）显示效果与浏览器中浏览时相似）第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.2.1 文档编辑窗口文档编辑窗口“显示代码视图显示代码视图”(显示文档代码，可以直接编辑代码）显示文档代码，可以直接编辑代码）第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.2.1 文档编辑窗口文档编辑窗口“显示设计和代码视图显示设计和代码视图”(上部上部“代码代码” 下部下部“设设计计”）第第1部分部分 Dr
7、eamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.2.1 文档编辑窗口文档编辑窗口文档窗口的两个工具栏：文档窗口的两个工具栏：标准工具栏：同标准程序常用工具栏标准工具栏：同标准程序常用工具栏 (打开打开,新建新建,保存等保存等)第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.2.1 文档编辑窗口文档编辑窗口文档工具栏：提供文档不同视图窗口等文档工具栏：提供文档不同视图窗口等【显示代码与设计视图显示代码与设计视图】【网页标题网页标题】输入框输入框 【文件管理文
8、件管理】 【视图选项视图选项】【显示代码视图显示代码视图】【检查浏览器错误检查浏览器错误】【刷新设计刷新设计】【显示设计视图显示设计视图】注：注：网页标题网页标题是网页的头部，是唯一能在浏览器标题栏中显是网页的头部，是唯一能在浏览器标题栏中显 示的不可见元素。当网页被收藏到收藏夹时，网页标题示的不可见元素。当网页被收藏到收藏夹时，网页标题 作为网页名被保存。作为网页名被保存。 文档名称文档名称是网页作为文件保存的名称，与其他存在计算机是网页作为文件保存的名称，与其他存在计算机 中文件一样，每个二月文件必须有文件名。中文件一样，每个二月文件必须有文件名。【浏览器中预览测试浏览器中预览测试】第第1
9、部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.2.2 状态栏状态栏文档窗口状态栏：文档窗口状态栏：【标签选择器标签选择器】【窗口大小窗口大小】【文档大小文档大小】【估计下载时间估计下载时间】标签选择器：显示环绕所选内容标签的层次结构，用户标签选择器：显示环绕所选内容标签的层次结构，用户 用此可选择设计中的某部分或全部内容。用此可选择设计中的某部分或全部内容。功能：用于显示控制文件代码、页面大小、传输时间等功能：用于显示控制文件代码、页面大小、传输时间等第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章
10、基础入门初识DreamweaverDreamweaver1.2.3 插入面板插入面板功能：在文档中插入各类对象。功能：在文档中插入各类对象。插入面板的显示与隐藏：插入面板的显示与隐藏：“窗口窗口”菜单菜单“插入插入”命令。命令。插入面板中各对象面板及功能：插入面板中各对象面板及功能：“常用常用”对象面板：创建和插入常用对象。对象面板：创建和插入常用对象。【超级链接超级链接】【标签选择标签选择】【注释注释】【电子邮件链接电子邮件链接】【命名猫点命名猫点】【图像图像】【表格表格】【媒体媒体Flansh】【日期日期】【摸板摸板】第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础
11、入门初识DreamweaverDreamweaver1.2.3插入面板插入面板“布局布局”对象面板：创建插入各对象和布局视图切换。对象面板：创建插入各对象和布局视图切换。【插入插入Div标签标签】【描绘图层描绘图层】【布局视图切换布局视图切换】【表格表格】【右面插入列右面插入列】【下面插入行下面插入行】【绘制布局单元格绘制布局单元格】【左面插入列左面插入列】【布局表格布局表格】【框架框架】【上面插入行上面插入行】【表格数据表格数据】第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1. 2. 3 插入面板插入面板“表单表
12、单”对象面板：创建和插入表单元素。对象面板：创建和插入表单元素。【文本字段文本字段】【隐藏域隐藏域】【复选区复选区】【表单表单】【表格数据表格数据】【列表列表/表单表单】【文件域文件域】【文本区文本区】【按钮按钮】【字段集字段集】【单选按钮组单选按钮组】【图象域图象域】【跳转菜单跳转菜单】【单选按钮单选按钮】第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1. 2. 3插入面板插入面板“文本文本”对象面板：插入各种文本格式、列表格式和对象面板：插入各种文本格式、列表格式和文文 本、列表标签设置。本、列表标签设置。【项目
13、列表项目列表】【字体标签编辑器字体标签编辑器】【强调强调】【块引用块引用】【加强加强】【已编排格式已编排格式】【段落段落】【标题标题2】【标题标题3】【标题标题1】【字符字符】【列表项列表项】【编号列表编号列表】【定义说明定义说明】【定义列表定义列表】【缩写缩写】【定义术语定义术语】【首字母缩写词首字母缩写词】第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1. 2. 3 插入面板插入面板“HTML”对象面板：插入水平线、文件头、框架和脚对象面板：插入水平线、文件头、框架和脚 本的本的HTML标签表单元素。标签表单元素
14、。【文本头文本头】【框架框架】【表格表格】【水平线水平线】【脚本脚本】第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1. 2. 3 插入面板插入面板“应用程序应用程序”对象面板：插入动态元素。对象面板：插入动态元素。【预存过程预存过程】【动态数据动态数据】【重复区域重复区域】【记录集记录集】【记录集分页记录集分页】【用户身份验证用户身份验证】【转到详细页面转到详细页面】【主详细页集主详细页集】【显示记录计数显示记录计数】【显示区域显示区域】【插入记录插入记录】【更新记录更新记录】【删除记录删除记录】第第1部分部分 D
15、reamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1. 2. 3 插入面板插入面板“Flansh元素元素”对象面板：插入对象面板：插入Flansh元素。元素。【图象查看器图象查看器】第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1. 2. 3 插入面板插入面板“收藏夹收藏夹”对象面板：将自己常用工具栏对象定义为对象面板：将自己常用工具栏对象定义为一一 个独立的工具栏。个独立的工具栏。第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识
16、DreamweaverDreamweaver1.2.4 属性面板属性面板属性面板的显示与隐藏：属性面板的显示与隐藏：“窗口窗口”菜单菜单“属性属性”命令。命令。功能：显示文档窗口中所选元素属性，并可直接进行修改。功能：显示文档窗口中所选元素属性，并可直接进行修改。选中的元素不同，属性面板上显示的内容也不同。选中的元素不同，属性面板上显示的内容也不同。属性面板可以折叠显示和展开显示（显示更多内容）。属性面板可以折叠显示和展开显示（显示更多内容）。常用元素的属性面板：常用元素的属性面板：选中文本时的折叠属性面板选中文本时的折叠属性面板 (默认状态下属性面板显示文本属性默认状态下属性面板显示文本属性
17、)网页中默认字体为：宋体网页中默认字体为：宋体适于网页的适于网页的3大标准色系：蓝色、黄大标准色系：蓝色、黄/橙色、橙色、 黑黑/灰灰/白白第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.2.4 属性面板属性面板选中文本时的展开属性面板：选中文本时的展开属性面板：选中表格时的折叠属性面板选中表格时的折叠属性面板页面属性设置包括：网页标题、链接页面属性设置包括：网页标题、链接跟踪图像、外观、标题跟踪图像、外观、标题/编码编码第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识Dreamwe
18、averDreamweaver1.2.4 属性面板属性面板选中表格时的展开属性面板：选中表格时的展开属性面板：第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.2.4 属性面板属性面板选中图象时的折叠属性面板选中图象时的折叠属性面板选中图象时的展开属性面板选中图象时的展开属性面板第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.2.5 浮动面板浮动面板浮动面板：浮动面板： 面板可随意面板可随意显示显示/隐藏、隐藏、组合、停靠。组合、停靠。(
19、每个面板都每个面板都可以显示可以显示/隐隐藏，相同类藏，相同类型型/不同类型不同类型面板均可组面板均可组合，面板合，面板/面面板组还可选板组还可选择停靠位置）择停靠位置）设置面板总在最上层：设置面板总在最上层：“编辑编辑”“首选参数首选参数”“面板面板”第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.3.1 常规参数设置常规参数设置1.设置移动文件时更新链接设置移动文件时更新链接打开打开“首选参数首选参数”面板面板“分类分类” “常规常规” ；文档选项栏文档选项栏“移动文件时更新链接移动文件时更新链接”列表列表选择
20、选择第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.3.1 常规参数设置常规参数设置1.设置拼写字典设置拼写字典打开打开“首选参数首选参数”面板面板“分类分类” “常规常规” ；编辑选项栏编辑选项栏“拼写字典拼写字典”列表列表选择选择第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.3.1 常规参数设置常规参数设置3.更改工作区更改工作区打开打开“首选参数首选参数”面板面板“分类分类” “常规常规” ；文档选项栏文档选项栏“更改工作区更改
21、工作区”按钮按钮重新选择工作区重新选择工作区第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver1.3.2 设置字体方式设置字体方式打开打开“首选参数首选参数”面板面板“分类分类” “字体字体” ；第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver本章学习结束本章学习结束第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver 课课 后后 习习 题题 一、一、 填空题填空题 1.Dr
22、eamweawer MX 2004是一个功能强大的站点是一个功能强大的站点 和和 工具。工具。 2.Dreamweawer MX 2004工作窗口的三大部分菜单栏、工具工作窗口的三大部分菜单栏、工具栏、面板组中主要有栏、面板组中主要有 、 、 、 和和 。 3. Dreamweawer默认状态下默认状态下 “属性属性”面板显示面板显示_。 4.页面属性设置包括页面属性设置包括 、 、 、 和和 。第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver 课课 后后 习习 题题 二、选择题二、选择题 1.网页中默认的字体是网页中
23、默认的字体是_。 A黑体黑体 B宋体宋体 C楷体楷体 D隶属隶属 2.下面哪一项不属于网页标准色的下面哪一项不属于网页标准色的3大系大系_。 A蓝色蓝色 B黄黄/橙色橙色 C黑黑/灰灰/白白 D红红三、三、简答简答题题 1.简述简述Dreamweaver MX 2004面板有哪几类。面板有哪几类。 2.网页文件名和网页标题各指什么？网页文件名和网页标题各指什么？ 3.静态网页和动态网页有何不同？静态网页和动态网页有何不同？第第1部分部分 Dreamweaver 篇篇第一章基础入门初识第一章基础入门初识DreamweaverDreamweaver四、四、 操作题操作题（1）请访问以下站点）请访问以下站点分析这些网页包含的主要网页元素。分析这些网页包含的主要网页元素。http:/http:/http:/（2） 常见的网页元素有哪些？常见的网页元素有哪些？
