网页设计基础知识38511.ppt

网页设计基础知识 网站与网页的区别 主页与网页 一、HTML语言简介 　　1．HTML语言 　　HTML是HyperText Markup Language（超文本标记语言）的缩写，是一种用于编写超文本文档的标记语言。是目前网页编辑的主流语言，只要有浏览器软件即可以运行HTML文档。 　　一个网页（也称为 Web页）对应于一个HTML文件（通常以.htm 或.html为扩展名）。 而HTML文件就是用HTML编写的文本文件，主要由标签和元素体组成。 HTML利用不同类型标签标记不同的元素体，确定和解释网页各种内容的显示格式，由浏览器来显示网页。 HTML语言简介 　　2．HTML语法 ①〈元素名〉元素体〈/元素名〉 ②〈元素名 属性名=“属性值”〉元素体〈/元素名〉 ③〈元素名〉 　　HTML中，所有标签都用尖括号括起来，分成两类：成对标签和单独标签。（如①②和③）成对标签中的首标签和尾标签标记一个元素体的开始和结尾。 元素体可以是标题、文字、图像、表格、超文本或文件等。一般，改变元素在HTML文件中的次序会改变HTML文件的输出形式。 HTML语言简介 　　3．HTML文件 　　HTML文件由一个“HTML”元素构成，以html开始，以/html结尾。 HTML文件的结构： html HTML文件开始 head 文件头开始 title,base,link,isindex,meta…文件头 /head 文件头结束 body 文件体开始 HTML文件的正文 ……….文件体 /body 文件体结束 /hmtl HTML文件结束 二、FP简介 　1．软件简介 FrontPage2000 是微软推出的网页制作工具，功能强大、操作简便，它采用图形化的界面和“所见所得”的方式编写网页。大大提高了网页制作的效率，是目前较流行的网页制作与站点管理工具。 FP界面2 　　当选择了不同的管理器后，主编辑窗口内 容将作相应显示。如你单击了视图窗口中的文 件夹管理器，即主编辑窗口将显示站点中的文 件和文件夹的目录清单。 三、网页制作基本方法 四、插入元素 1．插入文字 文字是网页中使用最多的元素，插入文字与Word操作相同。文字可带有多种属性，如字体、字号、颜色和其他修饰等。 五、框架与表单 1．框架 框架是一种特殊的网页，是网页设计中一种非常有用的工具，它可以将浏览器窗口分割成几个独立的小窗口，各个窗口包含不同的网页，并且各窗口中的网页内容可以不受其他窗口的影响。 　　通常使用框架来实现网站导航功能。 新建框架1 2．新建一个框架网页 在“文件”菜单中选择“新建”菜单项，在子菜单中选择“网页”，出现“新建”对话框，单击“框架网页”标签，再选择框架布局。 　　 新建框架2 框架的操作 4．框架的基本操作 新建一个框架网页后，还可以对框架页面进行调整，常见的操作有：选择框架网页，改变框架的大小、拆分框架、删除框架等。 6、表单 6．表单 表单是网页中一种重要的信息收集和交流工具。 表单的基本元素有单行文本框、滚动文本框、单选按钮、复选框、下拉菜单、按钮等。 插入表单，首先打开“插入”菜单，从中选择“表单”，在下一级菜单中选择需要的表单控件，即可将表单控件插入到网页中。 表单的属性 7．设置表单控件的属性 在网页中插入表单控件后，双击控件即可编辑其相关属性。 六、插入活动元素（字幕） 　　1．字幕 字幕是网页上的一行滚动文字框。文字不停地沿一个方向滚动或来回滚动，经常被用来制作主页上的欢迎标语。 　　加入字幕的方法：选择网页上的文字或者直接确定位置后，打开“插入”菜单中的“组件”选项，再选择“字幕”，在“字幕属性”对话框中进行各种设置。 横幅广告 　　2．横幅广告管理器 　　横幅广告管理器是网页上一种图片自动变化的动画效果，它不需要其他对象来激话。 　　插入横幅广告管理器的方法：打开“插入”菜单中的“ 组件 ”选项，再选择“ 横幅广告管理器”，在对话框中进行各种设置。主要设置的内容有：宽度、高度、过渡效果、每幅图片显示时间等。 横幅广告2 网页过渡 　　3．