4-3网站的制作（课件）高中信息技术粤教版选修3.pptxVIP

重庆市武隆中学 陈燕 1 收集和制作素材 新建空白站点及网页 编辑网页图文 保存预览 链接网页 网页制作过程 4.3.1准备网页素材 4.3.2新建网站及网页 开始－－程序－－Microsoft Frontpage 1 2 3 4 5 基于磁盘的网站：本地计算机 基于服务器的网站：Web服务器（虚拟主机） 可通过URL（网址）访问 操作步骤 点击菜单“文件”“新建”“站点”“空白站点” “指定新站点的位置”本地硬盘的文件夹路径 新建的网站保存在本地硬盘上，发布到网站服务器上 “指定新站点的位置”对应文件夹保存、管理、制作 4.3.3使用表格进行页面布局（考点） 4.3.4编辑网页图文素材 html head title我的第一个Web页/title /head body background=背景.jpg h1欢迎进入HTML世界！/h1 p这里我们首先介绍HTML语言的基本知识和语法。然后，讲授如何使用HTML语言编写您的Web页面。/p /body /html 代码解读 标记名 属性1=值1 属性2=值2 … 文本内容 /标记名 head /head 代表：网站头部 title我的第一个Web页/title 代表：网站标题 4.3.4编辑网页图文素材 html head title我的第一个Web页/title /head body background=背景.jpg h1欢迎进入HTML世界！/h1 p这里我们首先介绍HTML语言的基本知识和语法。然后，讲授如何使用HTML语言编写您的Web页面。/p /body /html 代码解读 标记名 属性1=值1 属性2=值2 … 文本内容 /标记名 body /body 代表：网站主体，主要内容 background=背景.jpg“ 代表：插入背景图片 h1欢迎进入HTML世界！/h1 代表：网页一级标题 p /p 代表：段落 4.3.4编辑网页图文素材 table border=2 bordercolor=“cccccc” align=“center” captionfont face=隶书 size=8 color=purpleb a href=“/doc/4881758-5099680.html” 诗舞翩翩/a /b /fontcaption /table 代码解读 标记名 属性1=值1 属性2=值2 … 文本内容 /标记名 font /font代表：文字 face=宋体 代表：字体 size=5 代表：字号 aligh=“center”代表：居中 color=purple 代表：字体颜色为紫色 b /b代表：文字加粗 table /table 代表：表格 a href=“ ” /a代表：超链接 4.3.5保存及预览网页文件 4.3.7插入超链接 4.3课堂小结 网站的制作 准备网页素材 插入超链接 表格布局网页 表格边框线为0 a href=“ ” /a，热点、网页书签 本机站点 服务器站点：可通过URL（网址）访问 新建网站及网页 网页代码 保存网页 获取、加工、管理 首页（主页）默认为index.html head/head 网站头部 title/title 网站标题 body/body 主体内容 p/p 段落 font /font 文字 face 字体 size 字号 color 颜色 table/table 表格 b /b 文字加粗 4.3课堂练习 1．在 HTML 语言中，用于定义超级链接的标记是( )。 A．p/p B．font/font C．a href= 链接目标链接源/a D.form/form 2．FrontPage 制作的网页文件，其图标可能是( )。 A． B． C． D． 3.在保存网页文件时，主页文件一般保存的文件名为login.htm。（ ） A.正确 B.错误 4.通过超链接可实现网页之间的跳转。（ ）A.正确 B.错误 C B B A 4.3课堂练习 5.在制作网页时，可以用表格进行页面布局。（ ）A.正确 B.错误 6.静态网页的内容能够自动改变。（ ）A.正确 B.错误 7. 某同学用FrontPage制作了一个网页，下面是网页中的部分html代码及其预览