清華网制作.pptVIP

网页制作 计算机文化基础课程电子讲稿 2008年10月 四次大课内容安排 本次大课的内容提要 第三次作业补充 网页与主页 网页与网站 网页的制作工具 超文本标记语言HTML 直接使用HTML编写网页 HTML在浏览器中被解释 “所见即所得”的网页编辑工具 “所见即所得”的网页编辑 FrontPage的网站管理功能 网站制作步骤 网站基本结构 网站创建的基本方法 网站创建步骤举例（1） 网站创建步骤举例（2） 网站创建步骤举例（3） 网站创建步骤举例（4） 基本网页编辑 图形的插入 网站保存补充说明 再次打开网站补充说明 参考资料 * * HTML 如何利用HTML编写网页 建立网站与网页的概念 使用FrontPage快速制作网站 使用Dreamweaver润色网站 网页特效的应用Javascript 网页与网站 网页和网站制作的基本步骤 网站创建的基本方法 认识HTML语言 使用FrontPage创建网站 网页编辑 参考资料 内容选题（没有严格限制） 要提交网页制作报告（必须） 提倡以团队形式完成该作业，团队规模不超过4人 所有的文件（网页文件、素材文件、网页制作报告）要求用WinRAR打包压缩成一个.rar或.zip文件，名字由网站名称和队员学号构成，采用FTP方式提交（星际_049901_049999_043662.rar） 每位同学须通过提交作业提交团队制作报告，以便查阅成绩 网页 ( Web Page ) 主页 ( Home Page ) 浏览器与Web服务器之间是以页为单位来传送信息。 /docs/cindex.html 页的大小=显示器屏幕大小（滚动条） 固定页与显示器分辨率相关（1024*768） …… 网页通常成组出现，并且这组网页 之间通过超链接相互组织成为反映 某个主题的网站。 提高下载速度 超文本地址引用方便 Web页没有固定的长度 可利用任何一种文字处理软件编辑Web文档（推荐：记事本）Web文档以纯文本格式存放，取名为*.html或*.htm。 其中插入的HTML语言只有用浏览器才能被解释翻译，最终在浏览器窗口中呈现为图文并茂的网页。 NOTEPAD HyperText Markup Language HTML HEAD TITLE欢迎光临无名的主页/TITLE /HEAD BODY H1欢迎光临无名的主页/H1 /BODY /HTML 样 例 标记需要放在尖括号中 标记中有很多是成对出现，一头一尾（结束标记前要加“/”）所有标记中的字母不区分大小写 通常以“.html”或“htm”为文件后缀 标记的书写格式如下： 标记名文件内容/标记名 HTML特点 /chinese/INTERNET/HTML/Normal/html_design.html HTML HEAD TITLE简单的HTML例子/TITLE /HEAD BODY BGCOLOR=“#000000” TEXT=”FFFF00” P欢迎光临无名的主页/P 这就是我 IMG SRC=“images/wuming.gif” P我常去的网站， A href=“” Yahoo! /A /P /BODY /HTML /teaching/htmlbook/ HTML HEAD TITLE简单的HTML例子/TITLE /HEAD BODY BGCOLOR=“#000000” TEXT=”FFFF00” P欢迎光临无名的主页/P 这就是我 IMG SRC=“images/wuming.gif” P我常去的网站， A href=“” Yahoo! /A /P /BODY /HTML 一个HTML文件总是由文件头（HEAD）和文件体（BODY）两部分组成。标记HTML和/HTML用来说明本文件是一个HTML文件。 FrontPage易学易用，适合于网页设计的初学者； Dreamweaver强调的是更强大的网页控制、设计能力及创意的完全发挥，适合专业的制作人员使用。 普通：“页面视图”，所见 即所得的编辑环境； HTML: “源代码视图”，直 接通过修改HTML标记命 令编辑网页； 预览：“打印预览视图”， 查看IE浏览器窗口中显示 的效果。 FrontPage2000属于Office2000家族的成员, 易于上手: FrontPage “所见即所得”的网页编辑环境 可进行与文件和文件夹有关的操作，如新建、复制、 删除、重命名等。 可从网站的总文件数目、超链接数、慢速网页、断开 的超链接等不同的角度了解网站的情况。 记录站点的结构，即站点内各网页的层次结构图。 可以任意网页为参考点，形象地指示出通过 超链接相联的其他网页 为各个成员分配任务，协调成员之间的 工作等任务。 /pc/homepage