教学单元2：网页制作基础（一）课程引导（二）明确知识技能目标2.1网站和网页的基础知识2．URLURL是“UniformResourceLocator”的缩写，通常翻译为”统一资源定位器“它是一个指定Internet上资源位置的标准，也就是人们常说的网址。3．Server与BrowserServer即服务器，Browser即浏览器。用户必须通过浏览器连接到Web服务器上，才能阅读Web服务器上的文件。4．网页万维网中的文档又称为网页，网页中可以包含文本、图像、动画、音频、视频等信息。网页按其表现形式可以分为静态网页和动态网页。5．网站网站是网页的集合。通过超级链接将网站中多个网页建立联系，形成一个主题鲜明、风格一致的站点。6．HypertextHypertext（超文本）是一种可以指向其他文件的文字或图片，这种功能称为超级链接（HyperLink）。7．HTTPHTTP是一种网络上传输数据的协议，是“HypertextTransferProtocol”的缩写，专门用于传输万维网中的信息资源。8．HTMLHTML是“HyperTextMarkupLanguage”的缩写，意为超文本标记语言，是Internet中编写网页的主要标识语言。9．CSSCSS是“CascadingStyleSheet”的缩写，意为层叠样式表用于对网页布局、字体、颜色、背景和其他图文效果实现更加精确的控制。10．JavaScriptJavaScript是一种脚本语言，可以和HTML语言混合在一起使用用来实现在一个Web页面中与用户交互作用。有关JavaScript的详细内容将在第13章讲解2.2网页的基本构成元素3．超链接超链接是Web网页的主要特色，是指从一个网页指向另一个目的端的链接。4．导航栏导航栏是一组超链接，用来方便地浏览站点。5．动画动画是网页中最活跃的元素，创意出众、制作精致的动画是吸引浏览者眼球有效方法之一6．表格表格是HTML语言中的一种元素，主要用于网页内容的布局，组织整个网页的外观。2.3制作网页的工具概述2.4初识Dreamweaver8中文版2．Dreamweaver8的启动与退出（1）启动Dreamweaver8单击【开始】按钮→指向【程序】菜单→指向【Macromedia】菜单→单击【MacromediaDreamweaver8】即可启动。（2）退出Dreamweaver8单击Dreamweaver8窗口右上方的关闭按钮；按下“Alt+F4”组合键；单击菜单【文件】－【退出】。2.4.2Dreamweaver8的工作环境2.4.2Dreamweaver8的工作环境2.4.2Dreamweaver8的工作环境（1）插入工具栏插入工具栏包含用于将各种类型的“对象插入到文档中的按钮。显示插入工具栏的方法：选择菜单【窗口】→【插入】选项，文档窗口上方将显示出插入工具栏。通常情况下会显示“常用”工具栏。切换不同类型的插入工具栏的方法：单击插入工具栏上的“向下箭头”按钮，选择不同种类的对象，各种类型对象对应的按钮将会显示在工具栏上。（2）标准工具栏标准工具栏包含网页文档的基本操作工具，例如新建、打开、保存、剪切、复制、粘贴等按钮。（3）文档工具栏文档工具栏包含用于选择所需开发环境的“代码”、“拆分”、“设计”按钮和多个弹出式菜单，它们提供各种“文档”视图、各种查看选项和一些常用操作。（4）样式呈现工具栏使用样式呈现工具栏可以切换到“设计”视图，以查看在打印媒体类型、手持型媒体类型、投影媒体类型上的显示效果。3．文档窗口文档窗口也称为文档编辑区。文档窗口中所显示的内容可以是代码、网页，或者两者的共同体。4．属性面板属性面板用于查看和更改所选取的对象或文本的各种属性，每个对象有不同的属性2.4.3Dreamweaver8的帮助系统4．使用索引查找所需的信息使用Dreamweaver8帮助系统的索引查找有关“不换行空格”的相关内容，操作方法如下：（1）打开Dreamweaver8帮助系统的窗口。（2）单击“索引”标题，切换到“索引”选项卡。（3）在文本框中输入“HTML”。下方的列表框中自动显示与“HTML”相关内容的标题，例如“不换行空格”、“设置格式和插入”等。（4）在下方的列表框中双击“不换行空格”，右侧便会显示详细内容。5．搜索帮助信息Dreamweaver8帮助系统可以对Dreamweaver帮助执行全文搜索。例如查找有关“CSS”的内容，操作方法如下：（1）打开Dreamweaver8帮助系统的窗口。（2）单击“搜索”标题，切换到“搜索”选项卡。（3）在文本框中输入要查找的单词：CSS，然后单击【列出主题】按钮，在