第一讲_网页设计概述

网页设计概述

网页设计与制作主 讲：吴发根 E-mail wufagen@ mail: E-mail:wufagen@http://doc.guandang.net Q号 Q Q号：853579269 网址： 网址：http://doc.guandang.net

网页设计概述

课程定位 《网页设计与制作》是软件技术专业的专业必 修课程 《网页设计与制作》是以《计算机应用基础》 课程为基础，同时又是软件技术专业各后续主 要专业课的基础。 通过本课程的学习，应掌握网页设计与制作的 基本理论、基本操作技能和基本分析方法，为 以后学习Web应用程序开发等后续专业课程打 下必备的基础。

网页设计概述

学习目标 学 习 目 标

网页设计概述

掌握网页编程基础html相关知识 熟练掌握网页制作软件Dreamweaver的 基本操作和使用技能 掌握建立各种形式的超级链接的方法 知识目标 掌握图片与多媒体文件的添加、调整 掌握网页页面布局的各种方法 掌握表单网页制作方法 CSS层叠样式表的应用 理解行为的作用，掌握设置行为的方法

网页设计概述

培养收集、处理信息，准备、加工素材 的能力 培养制作静态网页的能力 培养设计网站的综合能力 技能目标 培养策划能力、色彩感悟能力；充分 培养和提高动手能力 学会通过网站、书籍、素材光盘等方式 收集所需的文字资料、图像资料、Flash 动画和网页特效等。

网页设计概述

平时成绩(30%) 平时成绩(30%) 平时作业 实验报告 上课考勤 实践考核(30%) 实践考核(30%) 网页设计与制 作相关技术的 实际应用

考核方式

理论考试(40%) 理论考试(40%) 相关的基础理 论、知识点及 相关技术的应 用

网页设计概述

学生作品

网页设计概述

第一章 网页基础概述1 2 3 4 5

什么是网页？ 什么是网页？ 网页中的常用术语 网页制作工具 网站开发的工作流程

网页设计概述

1 什么是网页？

网页设计概述

1 什么是网页？ 浏览Web时所看到的文件称为Web页，又称为 网页。 网页可以将不同类型的多媒体信息(例如文本 、图像、声音和电影等)组合在一个文档中。 由于这些文档是用超文本标记语言HTML表示的 ，因此又称为HTML文档或超文本。

网页设计概述

HTML HTML通过标记符(Tag)标记网页的各个组成部 分，通过在网页中添加标记符，指示浏览器如何 显示网页内容。浏览器按顺序阅读网页文件( HTML文件)。 任何网页页面都是以HTML语言为核心和基础的。

网页设计概述

网站和网页n 网站、网页和主页 网站、 网站是网页的集合，网页是组成网站的元素。 网站是网页的集合，网页是组成网站的元素。

网页

网页设计概述

一个小型网站可能只包含几个网页，而一个大型网 一个小型网站可能只包含几个网页， 一个小型网站可能只包含几个网页 站则可能包含成千上万个网页。 站则可能包含成千上万个网页。小型网站 大型网站

网页设计概述

主页也叫首页， 主页也叫首页，每个网站都有自己的首 页，它是浏

览者登录网站时看见的第一 个网页，也是网站的入口。 个网页，也是网站的入口。

新浪网 站首页

网页设计概述

网页是什么 网页中除了包含文字外，还包含图像、动画等内容。 网页中除了包含文字外，还包含图像、动画等内容。 网页中除了包含文字外

图像

动画

文字

网页设计概述

我们看到的一个个网页都是由多个文件组成的。网页 我们看到的一个个网页都是由多个文件组成的。 我们看到的一个个网页都是由多个文件组成的 文件是“ 图像和动画文件都是“枝叶” 文件是“根”,图像和动画文件都是“枝叶”。

网页 文件 图像 文件