网页制作( 计算机文化基础 计算机与信息管理中心
计算机文化基础 计算机与信息管理中心 网页制作（一）
内容提要 网页与网站 网页和网站制作的基本步骤 ￠网站创建的基本方法 认识 FrontPage 管理和组织网页 E网页编辑》基本网页编辑 》图形的插入和图形格式 》创建超链接(超链接、书签、热点) 》网页的布局(表格和框架) 》创建和使用表单 國 》使用网页层次组件 FrontPage C计算机文化基础 httpllccf.tsinghua.edu.cn 2
计算机文化基础 http://ccf.tsinghua.edu.cn 2 内容提要 基本网页编辑 图形的插入和图形格式 创建超链接（超链接、书签、热点） 网页的布局（表格和框架） 创建和使用表单 使用网页层次组件 FrontPage 网页与网站 网页和网站制作的基本步骤 网站创建的基本方法 认识FrontPage 管理和组织网页 网页编辑
网站制作作业 1.内容选题 2.要提交网页制作报告 3.可以以团队形式完成该作业,团队规模不超过3人。 4.所有的文件(网页文件、素材文件、网页制作报 告)要求用 Winzip打包压缩成一个.zip文件,从网 站提交。 C计算机文化基础 httpllccf.tsinghua.edu.cn 3
计算机文化基础 http://ccf.tsinghua.edu.cn 3 网站制作作业 1. 内容选题 2. 要提交网页制作报告 3. 可以以团队形式完成该作业，团队规模不超过3人。 4. 所有的文件（网页文件、素材文件、网页制作报 告）要求用Winzip打包压缩成一个.zip文件,从网 站提交
网页与主页 浏览器与Web服务器之间 是以页为单位来传送信息。 网页( Web Page) http://www.tsinghua.edu.cn/docs/cindex.html 主页( Home Page) 新闻速递 信息计算机 凡围挂信息日 http://www.tsinghua.edu.cn 梦“替素 C计算机文化基础 httpllccf.tsinghua.edu.cn
计算机文化基础 http://ccf.tsinghua.edu.cn 4 网页与主页 网页 ( Web Page ) 主页 ( Home Page ) 浏览器与Web服务器之间 是以页为单位来传送信息。 http://www.tsinghua.edu.cn/docs/cindex.html http://www.tsinghua.edu.cn
韶文本标记语言HTML Hyper Text Markup Language 欢迎光临无名的主页 欢迎光临无名的主页 HTML中的命令格式需要放在中。 C计算机文化基础 httpllccf.tsinghua.edu.cn 5
计算机文化基础 http://ccf.tsinghua.edu.cn 5 超文本标记语言HTML HyperText Markup Language HTML中的命令格式需要放在中。 欢迎光临无名的主页 欢迎光临无名的主页
网页与网站 网页通常成组出现,并且这组网页 之间通过超链接相互组织成为反映 某个主题的网站。 某某网站 自主页文件,如 ndex. htm Web服务器 其他文件 主题1 主题2 图片素材声音素材视频素材其他小程序 如“我的家庭”如“我的兴趣爱好 如编写的Java程序 提高下载速度 超文本地址引用方便 Web页没有固定的长度 C计算机文化基础 httpllccf.tsinghua.edu.cn 6
计算机文化基础 http://ccf.tsinghua.edu.cn 6 网页与网站 …… Web服务器 网页通常成组出现，并且这组网页 之间通过超链接相互组织成为反映 某个主题的网站。 提高下载速度 超文本地址引用方便 Web页没有固定的长度
网站制作步骤 C选择主题 规划网页(结构与链接关系) 组织素材 选择视觉外观 ①设计有效的页面布局 制作具体网页 发布网站信息 C计算机文化基础 httpllccf.tsinghua.edu.cn 7
计算机文化基础 http://ccf.tsinghua.edu.cn 7 选择主题 规划网页（结构与链接关系） 组织素材 选择视觉外观 设计有效的页面布局 制作具体网页 发布网站信息 网站制作步骤
网站基本结构 网站是由网页组成的,网页之间是由超链接来连接的,其连接方 式有三种:线性网站、树状网站、非线性网站 线性网站:一页连接一页 树状网站:分层排列 非线性网站:上述 两种网站的结合 C计算机文化基础 httpllccf.tsinghua.edu.cn 8
计算机文化基础 http://ccf.tsinghua.edu.cn 8 网站基本结构 网站是由网页组成的，网页之间是由超链接来连接的，其连接方 式有三种：线性网站、树状网站、非线性网站 线性网站：一页连接一页 树状网站：分层排列 非线性网站：上述 两种网站的结合
网页制作步骤 可利用任何一种文字处理软件编辑Web文档(推荐:记事本) Web文档以纯文本格式存放,取名为*hm或htm。其中插 入的HTML语言只有用浏览器才能被解释翻译 在浏览器中使用文件菜单打开命令,可在本地机浏览Web文 档,完成编辑后,可利用FTP将文件及其所用到的媒体素材文 件传送到某台公共Web服务器 人人均可在浏览器中URL处,键入具体命令,实现异地浏览该 Web文档 一旦对该Web文档内容进行更新,须更新它所在Web服务器上 的相关文档 C计算机文化基础 httpllccf.tsinghua.edu.cn
计算机文化基础 http://ccf.tsinghua.edu.cn 9 网页制作步骤 可利用任何一种文字处理软件编辑Web文档（推荐：记事本） Web文档以纯文本格式存放，取名为*.html或*.htm。 其中插 入的HTML语言只有用浏览器才能被解释翻译 在浏览器中使用文件菜单打开命令，可在本地机浏览 Web文 档，完成编辑后，可利用FTP将文件及其所用到的媒体素材文 件传送到某台公共Web服务器 人人均可在浏览器中URL处，键入具体命令，实现异地浏览该 Web文档 一旦对该Web文档内容进行更新，须更新它所在Web服务器上 的相关文档
网页的基本分类 以网页的角度来看,一个网站中的众多网页 主要可以分成下列两层: 个人主页 导航层 兴趣爱好个人收藏个人相册 内容层 C计算机文化基础 httpllccf.tsinghua.edu.cn 10
计算机文化基础 http://ccf.tsinghua.edu.cn 10 网页的基本分类 以网页的角度来看,一个网站中的众多网页 主要可以分成下列两层: 个人主页 兴趣爱好 个人收藏 个人相册 导航层 …… 内容层