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