《清华网制作.ppt》由会员分享，可在线阅读，更多相关《清华网制作.ppt（25页珍藏版）》请在三一文库上搜索。
1、网页制作,计算机文化基础课程电子讲稿 2008年10月 http:/,HTML,2,四次大课内容安排,如何利用HTML编写网页,建立网站与网页的概念,使用FrontPage快速制作网站,使用Dreamweaver润色网站,网页特效的应用Javascript,3,本次大课的内容提要,网页与网站,网页和网站制作的基本步骤,网站创建的基本方法,认识HTML语言,使用FrontPage创建网站,网页编辑,参考资料,4,第三次作业补充,内容选题（没有严格限制） 要提交网页制作报告（必须） 提倡以团队形式完成该作业，团队规模不超过4人 所有的文件（网页文件、素材文件、网页制作报告）要求用WinRAR打包压
2、缩成一个.rar或.zip文件，名字由网站名称和队员学号构成，采用FTP方式提交（星际_049901_049999_043662.rar） 每位同学须通过提交作业提交团队制作报告，以便查阅成绩,5,网页与主页,网页 ( Web Page ),主页 ( Home Page ),浏览器与Web服务器之间是以页为单位来传送信息。,http:/ 固定页与显示器分辨率相关（1024*768）,6,网页与网站,网页通常成组出现，并且这组网页 之间通过超链接相互组织成为反映 某个主题的网站。,提高下载速度 超文本地址引用方便 Web页没有固定的长度,7,网页的制作工具,可利用任何一种文字处理软件编辑Web文
3、档（推荐：记事本）Web文档以纯文本格式存放，取名为*.html或*.htm。 其中插入的HTML语言只有用浏览器才能被解释翻译，最终在浏览器窗口中呈现为图文并茂的网页。,NOTEPAD,8,超文本标记语言HTML,HyperText Markup Language,http:/ 简单的HTML例子 欢迎光临无名的主页 这就是我 我常去的网站， Yahoo! ,http:/ 简单的HTML例子 欢迎光临无名的主页 这就是我 我常去的网站， Yahoo! ,一个HTML文件总是由文件头（HEAD）和文件体（BODY）两部分组成。标记和用来说明本文件是一个HTML文件。,11,“所见即所得”的网页
4、编辑工具,FrontPage易学易用，适合于网页设计的初学者； Dreamweaver强调的是更强大的网页控制、设计能力及创意的完全发挥，适合专业的制作人员使用。,12,“所见即所得”的网页编辑,普通：“页面视图”，所见 即所得的编辑环境； HTML: “源代码视图”，直 接通过修改HTML标记命 令编辑网页； 预览：“打印预览视图”， 查看IE浏览器窗口中显示 的效果。,13,FrontPage的网站管理功能,FrontPage2000属于Office2000家族的成员, 易于上手:,FrontPage,http:/ 一页连接一页,树状网站： 分层排列,非线性网站：上述两种网站的结合,16,
5、最简单的方法： 直接在网页视图中制作每一个网页文件 最常用的方法： 本地机中的某个文件夹指定为FrontPage站点，利用Frontpage管理这些网页 最好的方法：使用真实的站点服务器,网站创建的基本方法,17,网站创建步骤举例（1）,选择要用来创建新站点的模板或向导，指定新站点的位置和名称，单击“确定”按钮。,18,网站创建步骤举例（2）,切换到“导航”视图,创建的站点结构,19,网站创建步骤举例（3）,修改前,修改后,切换到“文件夹”视图,修改网页文件名,20,网站创建步骤举例（4）,切换到“网页”视图,双击某个网页文件名,进入具体网页的编辑,21,基本网页编辑,在 FrontPage
6、中，可以像使用word的方式来设置文本格式。,通过插入菜单可以插入四种类型的特殊元素：换行符、水平线、符号和注释。,设置文本格式,插入特殊网页元素,项目符号和编号是组织数据的工具，它可以使数据层次分明、重点突出。,使用项目符号和编号,用浏览器预览网页,使用背景色和背景音乐,22,图形的插入,HTML并不能包含图像，它只是包含图像文件的名称 和相应的格式代码。 ,图形的插入 直接拖拽来改变图片的大小 使用图片属性对话框来设置 图片的替代文字、图片边框 使用图片工具栏编辑图片,23,网站保存补充说明,24,再次打开网站补充说明,进入文件柜,25,参考资料,参考教材,网站资源,网页制作栏目中的视频资源,第九章9.1-9.3节,计算机文化基础上机指导第7章,优秀作业中的网页制作报告,HTML 语言教程（图书馆） http:/ INTERNET/HTML/Normal/html_design.html,