08多媒体网页与制作.ppt

08多媒体网页与制作 徐学锋 联系方式 姓名：徐学锋 Email：bnuxuxf@163.com Mobile:133-8139-0890 辅助网址： 内容和形式 内容： Dreamweaver网页制作 Flash动画制作 Photoshop图片制作 形式 讲解（课堂笔记记录关键点）——作业——上机——完善个人主页 案例——上机——同学讲——辅助 共17周上课时间 说明 每一位同学有一个帐号，帐号名称 全勤上课，否则作业不易完成。优秀作业提交学校存档，其主页帐号课程结束后仍可使用。 笔试40%，平常30%（作业和出勤），最后三周有一个平时操作考试占30% 最终作业就是你的个人网站，上面有Photoshop和Flash的作业。 学习目标之一：通过这些技术掌握用网页、flash和photoshop做教学课件的能力。 基本概念补充 URL（uniform resource location） 统一资源定位器，网上的每一个文件都有一个用URL标识的地址。通俗的理解：网页文件的地址 网页和网站 网页是网站的基本信息单位，由文字、图片、动画、声音等多种媒体信息和链接组成。网页文件用HTML语言编写，扩展名为htm或html。网站是由多个网页组成的构成一定整体功能的站点，用超链接的方式组成。 HTML语言（超文本标记语言，Hypertext Markup Language） 用来制作网页的计算机语言，使用标记的方式解释网页的内容，可以把文字、图片、声音、视频、动画等信息链接在一起。比如： a 北京师范大学 /a，其中a/a两个标记符号标记的是超链接。 table/table标记的是表格 基本概念补充 域名（DNS,domain name syatem）和IP(internet protocol) 域名就是用字母或文字组成的网络地址；IP是网络的数字地址。两者有一一对应关系。 HTTP (Hypertext Transfer Protocol )和FTP(File Transfer Protocol )两种协议 HTTP协议是浏览器和网络服务器之间的应用层通信协议，简单的说就是浏览网页使用此协议。 FTP协议是文件传输协议，用于本地计算机和远处的服务器之间进行文件的上传和下载。 网络浏览器IE（浏览网页的本地工具） 网页制作工具 用于制作网页的软件工具，一般常用的有Dreamweaver和Frontpage 网页美化工具 比如:图片制作工具Photoshop和动画制作工具Flash等 网页的基本组成 文本：文本是网页中信息内容的主要形式，可以进行字体、大小、颜色、底纹以及边框等的属性修改。 图像：主要是Gif和Jpeg两种格式，可以用作网页背景，表格背景等。 超级链接：是网页的灵魂，正是由于网页的超链接作用才形成了信息网络。 表格：使用表格排版是网页制作的主要排版形式。可以控制页面元素的位置。 网页的基本组成 表单：用来使用户和远程服务器进行信息交互，访问者通过文本框、单选按钮、复选框以及下拉列表等输入数据，通过提交与远程服务器进行交互。 导航栏：导航栏是一组超级链接，可以使用户更便捷的浏览站点内容，主要用于网站个部分内容之间的相互连接。使网站的结构清晰。 动画：Gif和Flash动画 声音和视频：声音和视频文件可以嵌入到网页中。 HTML语言解释 html源文件结构 标记：单标记和双标记。例如：a/a;br 标记属性的语法结构：标记名称 属性1 属性2……。 例如table bgcolor=“#ff3333”/table 注释语句：!-- 注释内容 -- 基本结构： html/html文件开始和结束标记 head/head文件信息标记； title/title文件标题标记； body/body文件主体内容标记。 HTML语言解释 html源文件结构: html head titleWelcome to my homepage/title /head body bgcolor=red Hi, I am a smart man, not handsome, ? /body /html 注：have a test in Dreamweaver 相对路径和绝对路径 相对路径：是以将要引用文件的网页所在位置为参考基础，引用其它文件时而建立的目录路径。不同的网页文件引用同一个相关文件（比如：图片）时，所使用的路径可能不同，所以称为相对路径。 绝对路径：是以web站点根目录为参考基础的目录路径。这样，不同位置的网页文件引用相同的相关文件时所使用的路径是一样的，所以称为绝对路径。 两者的不同点在于：所采用的参考点不同。 描述路径的几个符号 “.”代表目前所在的目录 “..”代表上一层目