《网页制作基础》ppt课件2

《《网页制作基础》ppt课件2》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章网页制作基础主要内容概述设计站点编辑网页页面布局建立超链接使用CSS样式层、行为和时间轴模板管理和发布站点2《大学计算机信息科技教程（第二版）》——第5章网页制作基础5.1概述站点具有相关主题的网页有机地整合在一起，集中进行管理，构成一个整体，这就是站点。超文本标记语言HTML站点中的每个网页的内容都要使用一种标准的语言来描述，这就是超文本标记语言HTML。常用的网页制作软件MicrosoftOffice中的FrontPageMacromedia公司的Dreamweaver3《大学计算机信息科技教程（第二版）》——第5章网页制作基础5.1概述Dreamweaver概

2、述HTML简介4《大学计算机信息科技教程（第二版）》——第5章网页制作基础5.1.1Dreamweaver简述MacromediaDreamweaver8是美国Macromedia公司开发的一种集网页制作和网站管理于一体的网页制作软件，它具有一套针对专业网页设计师使用的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页，它是网页设计者的首选工具。5《大学计算机信息科技教程（第二版）》——第5章网页制作基础5.1.1Dreamweaver简述启动选择“开始”/“所有程序”/“Micromedia”/“MicromediaDreamweaver8”选项，Dream

3、weaver有两种工作区布局模式：设计器和编码器。第一次运行Dreamweaver8时会显示“工作区设置”对话框，以供选择所喜欢的工作区布局。6《大学计算机信息科技教程（第二版）》——第5章网页制作基础5.1.1Dreamweaver简述启动Dreamweaver后，显示起始页。在起始页中可以打开最近使用过的网页，快速地创建新的网页。7《大学计算机信息科技教程（第二版）》——第5章网页制作基础5.1.1Dreamweaver简述打开或者创建网页后的操作界面“插入”栏“标准”工具栏“文档”工具栏文档窗口面板组属性检查器8《大学计算机信息科技教程（第二版）》——第5章

4、网页制作基础5.1.2HTML简介HTML是HyperTextMackupLanguage的缩写，称为超文本标记语言，它是一种用于制作超文本文档的简单标记语言。它只是提供一些语法标记给浏览器，由浏览器解释生成相应的页面。超文本标记语言HTML由一些格式标签和资源引用构成，通过标签来设置引用内容的格式。标签分头标签和尾标签，用“<”和“>”括起来，与被标注的内容区分开来。9《大学计算机信息科技教程（第二版）》——第5章网页制作基础5.1.2HTML简介和标签标志了文件的开始和结束。文件的…段被分成两部分：第一部分叫作头部，

5、以和标签标志开始和结束；第二部分是文件体，它包含对浏览器中显示的内容的具体描述，以和标签标志开始和结束。在头部中，标签用于定义网页的标题。在文件体中，

和

6、章网页制作基础5.1.2HTML简介文件的开始文件的结束头部文件体网页标题段落图片11《大学计算机信息科技教程（第二版）》——第5章网页制作基础5.2设计站点网站设计定义本地站点管理站点资源打开、保存和预览网页12《大学计算机信息科技教程（第二版）》——第5章网页制作基础5.2.1网站设计每个网页在服务器上都是以文件形式存放的，通常在服务器上有多个主题相关的网页，这些网页按一定的组织结构、以超链接方式连接在一起，形成一个整体，这就是网站。在每个网站中存放着一个被称为主页的网页文件，它是获取该网站的信息的起点。主页中含有一些超链接，指向相关信息的网页或其它网站的主页。通常，

7、用户在浏览器窗口中输入网址后，显示出的就是该网址对应服务器中的网站的主页。要建立一个网站，一般首先在本地硬盘中建立一个本地站点，即存放网站的所有文档的文件夹。待网页设计和测试好以后，再把这些文档复制到服务器中，供浏览者浏览。13《大学计算机信息科技教程（第二版）》——第5章网页制作基础5.2.1网站设计设计网站的基本步骤对站点进行规划。确定站点的主题和风格，明确建立站点的目的。根据确立的主题，收集一些素材。明确将站点中各部分的内容，规划出几个次要的网页主题，根据各个次要的主题将素材进行分类，规划出合理的站点结构。14《大学计算