Web应用开发技术 教学课件 宋先斌 何在玉教学大纲 Web应用开发技术13333教案.pdfVIP

教 案 教师姓名 宋宪斌 授课班级 授课形式 讲授 授课日期 2009年 月 日 授课时数 第1章 Web应用开发概述 1.1 基本 概念 授课章节名称 1.2 网站设计的相关知识 1.3 网站设计流程 基本概念 网站设计的相关知识 教学目的 网站设计流程 Web 的发布 教学重点 网站的设计流程 教学难点 网站设计的相关程序设计语言 更新、补充、删 无 节内容 使用教具 多媒体 课外作业 课后体会 授 课 主 要 内 容 或 板 书 设 计 1.1 基 本概 念 1．WWW 简介 WWW 是World Wide Web 的缩写，中文译名“万维网”。 2．网页的组成 一般来说，网页主要由文字、图片、动画、超链接和特殊组件等元素构成。 3．超链接的概念 超链接（Hyperlink ）是网页中的重要组成内容。网页中的一段文字、一幅图像或是图像的某一个部 分等都可以进行超链接，当用户点击这些对象时，浏览器就会根据其指示或链接地址转到页面相应 位置载入一个新的页面。下面从超链接的特征入手来加以理解，一般来说，超链接有以下几个特征。 （1）当鼠标移到有超链接的文字或图片时，鼠标指针会变成手指形状。 （2 ）超链接分为文字和图片（包括动画）两种链接，对文字进行链接后，文字会加上底线。 4．URL的概念 URL是Universal Resource Locator的缩写，中文名为“统一资源定位器”。每一个站点及 站点上的每个网页都有一个惟一的地址，这个地址成为统一资源定位地址，向浏览器输入URL，可以 访问URL指出的Web网页，制作网页中的超文本也要用到URL。 一个url一般包括以下内容： （1）通信协议 （2）服务器名称 （3）文件夹和文件名 1.2 网站设计的相关知识 设计制作一个比较优秀的网站需要多方面的知识，不但需要网站的创意设计、艺术风格设计、人机 界面设计，还需要懂得相关的程序设计语言、多媒体技术、数据库技术等。 1．网站的创意设计 2．艺术风格设计 3．人机界面设计 4．网站设计的相关程序设计语言 （1）HTML HTML 是Hyper Text Markup Language 的缩写，中文名为“超文本标记语言”。它是一种用来撰写网 页的程序语言，用来表示Web 文档的规范，它使用标记符来确定网页显示的格式。 （2 ）XML XML 是Extensible Markup Language 的缩写，中文名为“可扩展标记语言”。其主要用途是在Internet 上传递或处理数据。XML 与HTML 不是并列的概念，它可以说是HTML 的补丁，以 （3 ）CSS CSS 是Cascading Style Sheets 的缩写，中文名为层叠样式表，主要用来对网页数据进行编排、格式 化、显示、特效等。 （4 ）脚本语言 脚本（Script ）语言是嵌入到HTML 代码中的程序，根据其运行的位置不同把它分为客户端的脚本和 服务器端的脚本。客户端脚本是运行在客户端的程序，服务器端脚本是运行在服务器端的程序。这 里所说的客户端指的是浏览器，服务器端是Web 服务器。目前较为流行的脚本语言有两种：一种 说明：教师备课笔记由学校自订式样并附后 授 课 主 要 内 容 或 板 书 设 计 是VBScript ，另一种是JavaScript 。 （5 ）DHTML DHTML 是动态的HTML ，这种技术要求网页具备动态功能，如动态交互、动态更新等。 5．多媒体技术 掌握以下几种软件的使用对Web 设计开发是十分必要的。 （1）GIF 图像动画制作软件，如Anim