网页设计与制作

网页设计与制作 吴建军(2006-9)

课程说明 学习方式教材说明考核方式

第一章网页制作基础知识 第1章网页制作基础知识一、基本概念 • 网页和网站 • 网址 http://www.cs.hxu.cn/ http://192.168.130.9/wjj/index.htm • WWW服务器和浏览器

第一章网页制作基础知识 …… Client Server 有浏览器软件存放有大量网页二、网页浏览过程 • 发出请求过程 • Web服务器传输网页到客户机过程 • 在浏览器中显示过程

第一章网页制作基础知识 HUB … 三、网页制作的学习环境 • 学习制作网页的完整过程 • www服务器的安装 • 上传和下载

第一章网页制作基础知识 四、制作网页的两种方法 • 用HTML语言直接编写浏览器的作用 • 用网页制作软件制作制作软件的实质

第一章网页制作基础知识 五、HTML语言简介 • 简介 HTML（Hype Text Markup Language）是超文本标记语言的缩写。HTML 是对 Web 页的内容、格式等进行描述的语言（页面描述语言），它通过诸多的标签，来描述一个网页上哪儿是文字，哪儿是图片，文字是什么颜色，是否有超级链接等。 HTML 文档本身是文本格式的，用任何一种文本编辑器都可以对它进行编辑。在 UNIX 系统中，HTML文档的后缀为“.html”，而在 DOS/WINDOWS 系统中则为“.htm”。 HTML是一种用来编写网页的页面描述语言，用HTML语言编写的网页，本身是纯文本的（好比高级语言的源程序），必须由Web 浏览器软件解释执行后，才能显示出来。

第一章网页制作基础知识 • HTML语言的常用标签 <HTML> <HEAD> <TITLE> 河西学院教育系 </TITLE> </HEAD> <BODY> <center> 正在建设中 </center> </BODY> <HTML>

第一章网页制作基础知识 • HTML语言的常用标签 1. <html> </html> 说明：开始标签 2. <head> </head> <title> </title> 说明：头部标签和标题标签 3. <Body> </body> 说明：网页内容标签 4. <certer> </center> 说明：居中和停止居中标签

第一章网页制作基础知识 • HTML语言的常用标签 6. <hr> 说明：水平线标签举例：<HR width=620 color=008080> 7. <img> 说明：图片标签格式：<img src="1.jpg" > 8. <a> </a> 说明：超级链接标签格式：<a href="a.htm">本系简介</a>

第一章网页制作基础知识 • HTML语言的常用标签 9. <table> </table> <tr> </tr> <td> </td> 说明：表格、行和列标签 • <TABLE height=100 width=600 border=1> • <TR> • <TD> 计算机基础 </TD> • <TD> 计算机网络 </TD> • <TD> 数据库系统 </TD> • </TR> • <TR> • <TD> 操作系统 </TD> • <TD> 数据结构 </TD> • <TD> 网页设计 </TD> • </TR> • </TABLE>

计算机与多媒体 计算机与多媒体相对于传统的书籍、录音机、录像机，计算机更适合多媒体的处理和展示 • 多媒体采集/制作技术 • 多媒体压缩技术 • 多媒体存储技术 • 多媒体处理技术 • 多媒体展示技术

网页设计与制作

网页设计与制作

Presentation Transcript