网页制作序言.pptVIP

Welcome toWeb页制作技术 任课老师： 肖晓春 计算机科学技术学院 E_Mail:xxiaochun@ 本课程讲述的内容 课程名称:Web页(网页)制作技术 解决问题:如何制作网页? 两种途径: 如何使用web网页制作工具(Dreamweaver, Frontpage)制作网页? VS. 如何使用web网页制作语言编写网页? 网页质量的评价方法 网页的内容 网页的内容是网页素材方面的问题。 网页的表现形式 网页的表现形式是指网页的风格、颜色、布局等搭配安排。 网页的实现方法 l 易于理解 指的是实现网页的源代码比较易于读懂。 l 易于维护 指的是网页的源代码可以简单的应付用户需求的变化。 web网页制作工具VS. web网页制作语言 使用网页制作工具的好处 建立网页速度快、直观。 使用web网页制作语言 web网页制作语言表现能力丰富，通常不能完全通过工具的傻瓜界面完全的体现。作为一名专业的网页的制作者，必须通晓HTML语言，才能达到网页质量评价中的网页表现形式好的要求。 用网页制作工具所制作的页面，其HTML源码通常是拖沓冗长，不易于理解和维护，因而将在需求变更的时候，给开发者带来维护上的困难。 在使用web server 动态生成网页,开发者必须学会web网页制作语言。 web网页制作语言主要内容 用于定义网页结构: HTML(Hypertext Markup Language)语言 用于定义网页样式:css (Casding Style Sheet)语言 用于定义网页动态行为:Javascript语言 教学内容安排：知识准备(1~2)  第一章 网页编程基础 教学目的：介绍网页编程所需的各种基本概念，了解web体系结构，对网页编程软件结构体系有一定的认识，为后续的课程做好一定的准备。 讲课要点： 1. Internet的基本情况 · 计算机网络 · Internet历史 · Internet各种技术概述 2. Web的基本概念 · web的定义 · 基本的Web技术 网页结构: HTML(Hypertext Markup Language)语言(2~6) 第二章 HTML语言的语法基础 教学目的：本章将介绍HTML文档的基本结构以及HTML语言各种常用的主要标记如文本、图像、列表、表格，表单和框架等，掌握这些知识便能制作简单的网页。 讲课要点： 1. HTML的语法讲解的必要性 2. HTML 的总体特点 3. HTML 的总体结构 4. HTML DTD介绍 5. HTML 文档的头部分 · HEAD 元素 · TITLE 元素 · META元素 6. HTML 文档的主体部分 · BODY 元素 · 文本标记及使用 · 列表 · IMG 标记 · 文档的超链接 · HTML中的表格元素 · 表单和框架 网页样式:css 语言(7~8) 第三章 CSS的语法和规则 教学目的：介绍用于设计网页样式的层叠式样式表（CSS）技术。掌握CSS技术，可以对HTML文档的布局、字体、颜色、背景和其它文图效果实现更加精确的控制，增强网页的外观效果。 讲课要点： 1. CSS的优点 2. CSS样式的规则定义 · 选择符 · 属性 3. 引入CSS样式表的几种方法 · 植入样式 · 链接样式 · 输入样式 · 行内样式 · 样式表优先级 定义网页动态行为:Javascript语言(9-14) 教学目的：JavaScript语言是一种功能强大的网页编程语言，通过本章的学习，可以使学生掌握JavaScript语言基本概念、基本语法，JavaScript的内置对象，和文档对象模型。重点掌握JavaScript的表单对象和数据有效性验证的方法。 讲课要点： 1. JavaScript 语言及其历史 2. JavaScript 语法基础 · 变 量 · 表达式与操作符 · 语 句 · 函 数 3. JavaScript与HTML 4. JavaScript的对象 · 对象与自定义对象 · JavaScript核心语言对象 · 文档对象模型(DOM)主要对象简介 5. JavaScript与表单元素 6. 使用JavaScript让网页更加生动 · 活动的状态栏 · 变幻的图像 课程安排 周次 日期 主要内容 1 9/9 网页编程基础 2 9/16 HTML(1) 3 9/23 HTML(2) 4 9/30 HTML(3) 5 10/7 HTML(4) 6 10/14 HTML(5) 7 10/21 HTML(6) 8 10/28 HTML(7) CSS（1） 9 11/4 CSS（2） 1