网页教案设计1.docVIP

网页教案设计1 - PAGE 9 - ********学院 教 案 系部 课 程 名 称 授 课 班 级 主 讲 教 师 总课时 /body /html 2、常用标记 html…/html 标记一个HTML文档的开始和结束。Html文档的所有 内容就书写在这两个标记之间。 head…/head 用于标记文当首部的开始和结束，首部通常包括网页 标题、创作信息等内容，在浏览网页时不会在浏览器窗口内显示。 title和/title 用于设置网页的标题。该标记中不能包含其它标记，且 只能在标记中出现一次。当浏览网页时，网页的标题会出现在浏览器窗 口的标题处。 body和/body 标记是主体标记，该标记包含在Html标记内。文档主 体包括了网页显示的内容，如文字、链接、图像、表格和其它对象。 P和/P 标记一个段落的开始和结束。 h1和/h1 说明其后的文字是一级标题。 !--注释内容-- 注释标记。 说明： （1）每个标记在标识名以外还可以包含一个或多个“属性”，用于控制标记内容的大小、颜色、位置、边框等。 例如： body bgcolor=blue text=red “bgcolor=blue”就是body标记的一个属性，进一步说明网页的背景色为蓝色。 （2）如果一个标记有多个属性，中间要用空格隔开。 3、body标记的常用属性 属性名 作用 Background 用图像设置网页背景 Bgcolor 设置网页的背景颜色 Text 设置网页中所有文本的颜色 Link 设置超文本链接尚未访问时文本的颜色，默认为蓝色 Vlink 设置超文本链接已经访问后 四、网页的基本元素 网页中包括的元素主要有文本、图像、视频、声音、动画、表格、表单等。 1、网站LOGO Logo的中文含义是标志、标识，在网页设计中，Logo常作为公司或站点的标识出现，起着非常重要的作用，集中体现了这个网站的文化内涵和内容定位。 2、网站Banner Banner的中文含义是横幅、标语，通常被称为网络广告。 3、导航栏 导航栏实质上是一组超链接，通过这组超链接可浏览整个网站的其他页面。 4、文本 文本作为人类最重要的信息载体的交流工具，是最重要的网页元素之一。与图像、动画等其他网页元素相比，文本不易在第一时间吸引浏览者的注意，但文本能够更加准确详细地表达网页信息内容和含义，是对其他网页元素的补充。 5、图像 图像在网页中起着非常重要的作用，适当的图像能够为网页增添生动性和活泼性，不仅丰富网页内容、提供更多的信息，还能给浏览者视觉上的美感。 6、动画 动画能够形象生动地表现事物的变化发展过程，增加网页的动态效果，使网站更加生动有趣，因此，动画已经成为现代网站中不可缺少的元素之一。 7、表单 表单实质上是一个服务器程序，用户可以在网页上的表单域中输入文本或数据，提交表单，该表单程序在服务器上执行，并将执行结果反馈到相应的页面上，从而实现了用户与网站之间的交互。 §1.2 网站建设的基础知识 一、网站 网站是许多相关网页有机结合而形成的一个信息服务中心。网站的设计者将要提供的内容和服务制作成许多个网页，并且经过组织规划，让网页互相链接，然后把相关文件存放在WEB服务器的一个文件夹中。这样一个文件夹就是一个网站。 二、主页 当用户没有指定网页文件名时，网站的默认显示的网页。主页文件名通常为index.htm、index.html、default.htm。 三、IIS 1、IIS的含义 IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。 2、IIS的运行环境 IIS通常运行在WINDOWS的SERVER版本上，可支持大量用户的访问。在WINDOWS XP professional中，IIS组件主要用于开发测试，不适宜大量用户的访问。另外，在WINDOWS XP的家庭版中未提供IIS组件。 §1.3 网页制作软件 一、启动Dreamweaver的方法 1、从“开始”菜单 2、双击桌面上的快捷方式 二、Dreamweaver的工作界面； 文档窗口： “文档”窗口显示当前文档。 可以选择设计视图、代码视图、拆分代码视图、代码和设计视图之一进行网页的编辑和开发。 当“文档”窗口处于最大化状态（默认值）时，“文档”窗口顶部会显示选项卡，上面显示了所有打开的文档的文件名。 如果尚未保存已做的更改，则Dreamweaver会在文件名后显示一个星号。若要切换到某个文档，单击其选项卡即可