网页设计与制作课件第1章 网页制作基础知识
- 格式:ppt
- 大小:6.40 MB
- 文档页数:31


IT 教学更简单,让 IT 学习更有效
1
一、 填空题( 2‘*5 )
1、
题干 网站由网页构成,并且根据功能的不同,网页又有 和动态网页之分。
知识点编号
题目类型 填空题
难度等级 简单
权重分值 2分
答案 静态网页
答案说明 网站由网页构成, 网页有静态和动态之分。 所谓静态网页是指用户无论何时何地访
问,网页都会显示固定的信息, 除非网页源代码被重新修改上传。 静态网页更新不方便,
但是访问速度快。 而动态网页显示的内容则会随着用户操作和时间的不同而变化, 这是 因为动态网页可以和服务器数据库进行实时的数据交换。
关键字 认识网页
2、
题干 Web 标准是一系列标准的集合,主要包括结构、 和 。
知识点编号
题目类型 填空题
难度等级 简单
权重分值 2分
答案 表现和行为
答案说明 Web 标准并不是某一个标准, 而是一系列标准的集合, 主要包括结构 ( Structure)、
表现( Presentation)和行为( Behavior )三个方面。
关键字 Web 标准
3、
题干 HTML 中文译为 ________________ ,主要是通过 HTML 标记对网页中的文本、图片、
声音等内容进行描述。
知识点编号
题目类型 填空题
难度等级 简单
权重分值 2分
答案 超文本标记语言
答案说明 HTML (英文 Hyper Text Markup Language 的缩写)中文译为“超文本标记语言”, 主要是通过 HTML 标记对网页中的文本、图片、声音等内容进行描述。
关键字 HTML 语言简介
4、
题干 HTML 语言主要是通过 对网页中的文本、 图片、声音等内容进行描述。 IT 教学更简单,让 IT 学习更有效
2
知识点编号
题目类型 填空题
难度等级 简单
权重分值 2分
答案 HTML 标记
答案说明 HTML 中文译为“超文本标记语言”,主要是通过 HTML 标记对网页中的文本、 图片、声音等内容进行描述。
目前Internet提供的各种服务中,应用最广泛的是WWW服务。
HTML语言的全称是超文本标记语言。
网页中制作超级链接的对象可以是文字,也可以是图片。
网页中常用的图像文件格式是JPEG、GIF和PNG。
动态网页开发使用的程序语言有ASP、PHP、JSP等。
WWW也称为万维网,是一个基于超文本方式的信息查询工具,通过客户端浏览器访问互联网上的WWW服务器,浏览信息。
超链接是一种允许我们同其他网页或站点之间进行连接的元素,把互联网上众多的站点和网页联系起来构成一个有机整体。
CSS即是层叠样式表,是一种插入HTML中,用来控制网页显示格式的技术。
动态网页是指网页文件里包含了程序代码,通过后台数据库与Web服务器的信息交互,由后台数据库提供实时数据更新和数据查询服务的页面。
用来进行网页制作的软件可以是像Frontpage和Dreamweaver这样的可视化网页制作软件,也可以是如UltraEdit和记事本这样的纯文本编辑器。
在HTML语言中,用来表示换行的标签是,它没有结束标签。
在form标记的属性中用于指定表单处理程序的URL是action。
GIF格式的图像最多能显示256种颜色。
要把本地站点发布到互联网上,必须先申请域名和购买服务器空间。
网页中使用图片应该考虑到网页文件大小和整体效果,不是越多越好,也应该尽量减小尺寸。
在Dreamweaver中编辑文字时,如果只想换行而不想分段,可以按住shift键再敲回车键。
PHP是一种服务器端的嵌入HTML中的脚本语言,利用PHP,开发人员可以非常快速地开发出动态网页。
HTML文件的基本结构包含三个基本标志对。:标示整个网页文件;:网页头部区,存放网页基本信息;:网页主体区,存放我们在浏览器窗口中看到的网页内容。
网页设计与制作的一般步骤是⑴需求分析报告; ⑵获取网页设计与开发所需要的所有素材; ⑶网页的设计与制作阶段; ⑷网页的测试与发布。
数字媒体与技术专业《网页设计与制作》讲义 刘巧丽
专题1 网页设计基础知识
1.1 认识网站、网页与主页
1.1.1什么是网页
网页(Web页)实际上就是HTML文件,是一种可以在WWW网上传输,并能被浏览器认识和翻译成页面的文件。
HTML是“HyperText Markup Language”的缩写,意为“超文本标记语言”,它是一种规范,一种标准。它是纯文本格式的,用任何文本编辑器都可以打开编辑。
网页包括的主要元素有:文本、图像、动画、声音、视频、超链接、表格、表单等。
由于多数网页一般均有文字、图像、图形、动画、音频、视频等多媒体信息,具有超链接、并可与网络链接,因此这就使人们登上站点以后,便可以看到五彩缤纷的界面。那么,这些五彩缤纷和千姿百态的Web网页是如何制作出来的?制作好网页以后又如何将它发布到Internet上?这些问题正是本课程所要阐述的主题。
1.1.2什么是网站
多个相互之间具有一定联系的网页就构成了一个网站。
网站用于存储提供给用户浏览的网页文件。它也是一种文档的磁盘组织形式,由文档和若干文件夹组成,文档经过组织分类分别放在不同的文件夹中。
网站存储在服务器或服务器的虚拟主机上,接受访问者通过WWW域名的访问。
网站是具有独立域名、独立存放空间的内容集合,这些内容可能是网页,也可能是程序或其它文件,一个网站不一定要有很多网页,主要是有独立域名、独立存放空间,即使只有一个页面,也叫网站。
网站按照其内容可以分为以下几类:
1、企业网站:围绕企业、产品及服务信息进行网络宣传,通过网站树立企业网络形象。
2、个人网站:个人为了兴趣爱好或为了展示个人等目的而建的网站,具有较强的个性化特色。
3、门户网站:提供综合性互联网资源的网站。国内著名三大门户网站:网易、搜狐、新浪。
4、机构网站:政府机关、相关社团组织或事业单位建立的网站。以机构或社团形象宣传和政府服务为主。
5、娱乐网站:提供娱乐信息、流行音乐、视频等娱乐内容为主的网站。
课题 1.1网页制作基础知识 教学课时 2课时
教学目标 知识目标 能了解网页制作软件的特点
能力目标 能掌握网页制作的基本概念
情感目标 提高学生团结合作精神,提高学生竞争意识
教学重点 网页的组成
教学难点 网页的分类,网址与域名的区分
教学资源 1.教学场所:多媒体教室
2.教学设备:安装有Dreamweaver cs5软件的计算机
3.教学资料:辅助课件.多媒体教学软件
教法 讲解法、任务驱动教学法 学法 小组讨论法
教学过程 课前准备 导入新课 讲授新课 动手实践 课堂小结 作业布置
时间分配 5 10 50 15 5 5
教学过程
过程安排 教学内容 教师活动 学生活动 设计意图
课前准备 1、教师自我介绍;
2、点名;
3、课程介绍
4、课堂要求 1.自我介绍
2.按照花名册点名
3.课程介绍
4.统计学情
5.提出期望与要求 1.班长统计座次表
2.学生自我介绍
3.反应学情
4.推荐课代表。
使师生尽快互相认识,并促使学生答题了解我们的课程。
导入新课
本次课是本学期第一次上课,简单介绍本课程:
1、网页设计相关级别及其薪资待遇
2、网页设计的就业方向及其公司类型 以提问的方式了解学生对网页设计的认知 学生之间相互讨论,加深对网页设计的认识
提问跟就业和薪资有关的问题,抓住学生注意力。
任务一
讲授新课
一、网页设计介绍
1、网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和简单介绍网页知识
吸收新知识并思考生活中常见网页设计知识
讲述基础知识,为后面学习打下基础
信息平台,离开网站去谈电子商务是不可能的。
2、企业的网站被称为“网络商标”,也是企业无形资产的组成部分,而网站是Internet上宣传和反映企业形象和文化的重要窗口。
二、网页设计的要点
1、明确建站目标和需求。
2、网站主题鲜明。
3、网站版式设计。
4、色彩在网站设计中的作用。