网页设计与制作绪论.ppt

《网页设计与制作》 电子教案 教 师：谢亮 T E L E-mail:billcoolcn@126.com 考查方式： 本课程的总成绩由平时成绩、实验考核成绩和期末考试成绩综合评定。 平时成绩40%：出勤、测验、提问、实验报告等。 期末成绩60%：期末考试、机试、实验考核成绩等。 第0章 网页设计绪论 1.网页的概念 什么是网页 网页就是我们通过网络浏览器看到的网站网页文件，符合HTML （Hyper Text Markup Language 超文本标识语言）规范，网页是由 HTML编码的文本文档，设计网页的过程就是生成HTML代码的过程。 HTML是纯文本类型的语言，使用HTML编写的网页文件也是标准的纯文本文件。我们可以用任何文本编辑器，例如Windows的“记事本”程序打开它，查看其中的HTML源代码，也可以在用浏览器打开网页时，通过相应的“查看/源程序”命令查看网页中的HTML代码。HTML语言可以直接由浏览器解释执行，而无需编译。当用浏览器打开网页时，浏览器读取网页中的HTML代码，分析其语法结构，然后根据解释的结果显示网页内容，正是因为如此，网页显示的速度同网页代码的质量有很大的关系，保持精简和高效的HTML源代码是十分重要的。 网页的发展历史 1.1 网页的发展历史 纯文本网页 支持图象的网页：img、include、embed、object。 增强的多媒体网页：background、frame、marquee。 动态网页： 代码在客户机端执行（脚本VBScript，JavaScript）。 代码在服务器端执行（ASP、JSP、PHP等）。 2.网页的作用 对于公司：电子商务（当当网）、产品广告、推销产品、技术支持、联系客户。 对于政府机构：增加政府形象，提高政府办事透明度，增强社会对政府的监督政策、法规的分布说明。 对于教育部门：远程教育（新东方教育在线）、模拟考试、网上辅导、虚拟现实系统，提高整个国民素质水平。 对于个人：了解新闻、求学、购物、交友(社区)、工作、自我展示（博客）、谋生（百万网格）等。 3.怎样制作网页 我们在制作网页的时候一般要注意几点比较重要的问题。 第一，技术与艺术的结合； 第二，形式与内容的统一。 3.1_技术与艺术的结合 第一，技术篇。 第二，艺术篇。 3.2_形式与内容的统一 制作网页力求达到形式与内容的统一，怎么做是形式，做什么则是内容。我们设计网页时要注意有所为，有所不为——注意底线，有些内容不能说；注意上线，有些内容应该说。 第一，应该表达的内容。 第二，不应该表达的内容。 3.1.1_技术篇 第一，静态网页与动态网页所使用的技术。 第二，为什么要用动态网页？ 第三，几种典型的动态网页技术。 3.1.2_艺术篇 第一，美术基础知识。 第二，页面的艺术处理。 _静态网页与动态网页使用的技术 第一，静态网页所使用的技术 第二，动态网页所使用的技术 第三，不同类型的网页所使用的技术比较。 .1_静态网页所使用的技术 在动态网页出现之前，传统的采用HTML编写的网页。目前大部分的网页仍然属于静态网页。 静态网页无需系统实时生成，网页风格灵活多样，但是静态网页在交互性能上比动态网页要差，日常维护繁琐。 文件后缀名一般为.html或者.htm。 .2_动态网页所使用的技术 采用ASP，JSP，PHP，CGI等程序动态生成的页面，只有在接到用户的访问要求后才动态生成页面并传输到用户的浏览器中。 动态网页由计算机实时生成，具有日常维护简单，更改结构方便，交互性能强等特点，同时动态网页需要大量的系统资源合成网页。 文件后缀名为.asp，.shtm，.php，.cgi等，它的后台是数据库，比如Access ， SQLSever数据库。 .3_不同网页所使用的技术比较 _为什么要使用动态网页？ 需要获取多媒体信息； 需要更吸引人的页面； 需要更及时的信息； 需要更灵活及时的互动； 电子商务的需要。 _几种典型的动态网页技术 第一，ASP技术。 第二，JSP技术。 第三，PHP技术。 第四，CGI技术。 第五，几种动态网页技术的比较。 第六，要求掌握的技术和基本技能。 .1_ASP技术 ASP——动态网页技术（微软开发） ASP（Active Server Pages）是微软开发的服务器端脚本环境。