七章网页制作.ppt
《七章网页制作.ppt》由会员分享,可在线阅读,更多相关《七章网页制作.ppt(27页珍藏版)》请在三一文库上搜索。
1、第 七 章 网 页 制 作,7.1 HTML语言简介,观察下面这段文本内容在记事本和浏览器中的显示区别:, ,HTML标签,标签属性,HTML:Hyptext Markup Language(超文本标签语言) 以表示标签的开始,以表示标签的结束 成对标签又称之为容器,一对标签中还可以嵌套其它的标签 单独标签不需要与之配对的结束标签,又称之为空标签,例如 一个HTML标签及标签中嵌套的内容就是网页中的一个“HTML元素” 利用标签的一个或多个属性来控制标签的显示效果。属性设置的一般格式为:属性名=属性值,属性值部分可以用英文的双引号或单引号引起来,也可以不使用任何引号. HTML语言不区分大小
2、写.,Html的文档结构,html文档一般包括文件头(header)和正文(body)两部分,其基本结构如下: . . ,7.2 FrontPage简介,1. FrontPage 2003的功能特点 两大功能: 一是制作网页,二是制作和管理网站 。 功能特点与优点: 提供一套完整的网页和网站开发工具 。 提供高效的“所见即所得”网页制作方式 。 提供快速生成网站/网页的模板和向导 。 提供强大的网页链接管理功能 。 提供强大的动态网页制作功能。 共享Office产品的许多特性,易学易用。,7.2 FrontPage简介,2. FrontPage 2003窗口,1. 网站的基本操作 (1)新建站
3、点 新建网站时,可以建立一个不包含任何网页的空站点,也可根据向导或模板建立站点。 (2)打开站点 (3)站点重命名 新建站点时,FrontPage 预设的站点名称是MyWeb1、Myweb2等。 可以重命名。 (4)关闭站点: 执行菜单命令【文件】/关闭站点。 (5)删除站点 删除当前正在编辑的站点。 注意:站点一旦删除将不能恢复。,7.3 使用FrontPage制作网页,7.3 使用FrontPage制作网页,2. FrontPage 网页制作的一般步骤 两种制作方式: 一是首先创建一个空白网页,然后编辑网页在网页中添加各种网页元素。 二是使用网页向导和各种常用网页模板来快速创建形式相对固定
4、的网页。(二者本质相同,使用同一个编辑器) 步骤: 新建或打开一个网页。 在网页中添加、编辑各种网页元素。 预览网页效果,满意后保存网页或关闭网页。,3. 网页的基本操作 (1)新建网页 FrontPage 启动后会自动建立一个新的网页,文件名为new_page_1.htm。 新建一个空白网页。 根据向导或模板新建网页。 (2)打开网页 使用菜单命令从“打开文件”对话框 中打开网页。 在已打开网站的“文件夹列表”中直接双击其中的网页文件名即可打开网页。,7.3 使用FrontPage制作网页,(3)设置网页属性 新建网页或打开网页后,可以设置其标题、背景音乐、背景图像等属性 。 (4)预览网页
5、 预览网页是指在编辑的过程中查看网页在浏览器中所显示的实际效果。 在编辑器中预览: 单击编辑器的“预览”选项卡,即可预览当前正在编辑的网页 。 在浏览器中预览: 是指在浏览器中打开并显示网页效果。,7.3 使用FrontPage制作网页,(5) 保存网页 网页制作好了以后,要保存起来。保存网页时保存类型应指定为“Web页”。 (6)关闭当前网页 操作方法:执行菜单命令【文件】/关闭,或按快捷键 + ,或单击编辑器右上角的关闭按钮。,7.3 使用FrontPage制作网页,4. 文本编辑与修饰 作为大量信息的载体,文本是网页中必不可少的主要元素之一。 在FrontPage 2003中,网页中的文
6、本处理技术与操作与Word 2003基本一致,使用过Word的用户可以很快掌握网页中的文本编辑与修饰。 FrontPage 2003与Word 2003的一个不同之处是它对字体大小的支持,FrontPage 2003本身提供的字体大小只有7级。,7.3 使用FrontPage制作网页,5. 插入图像 (1)图像格式 并不是每种格式的图像都适合于在网页中使用,网页中最常用的静止图像有: JPEG格式。文件扩展名为.jpg,是经过压缩的数字静止图像,通常用于存储彩色风景图像或照片。 GIF格式。GIF文件也是采用压缩存储,最高只能包含256种颜色,其最大的优点是可以实现简单的动画。,7.3 使用F
7、rontPage制作网页,5. 使用图像 (2)在网页中插入图片 插入剪贴画 。 插入图片。 (3)编辑图片 根据需要,可以改变图片的大小、布局,在图片上添加文字,以及调整图片的对比度、亮度等等。 操作方法:通过快捷菜单打开“图片属性”对话框来设置,或者使用“图片”工具栏来完成。,7.3 使用FrontPage制作网页,6超链接 网页的本质和强大之处就是超链接,超链接是从文本、图片映射到Internet上其它网页或文件等目标资源的指针。 (1)超链接的组成及分类 组成:超链接包含载体和目标地址两部分。 链接的载体:是指显示超链接的部分,也就是指包含超链接的图像或文字。以文字作为载体的超链接称为
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作
![提示](https://www.31doc.com/images/bang_tan.gif)
链接地址:https://www.31doc.com/p-3183356.html