项目1 网页制作基础知识答案【网页设计与制作项目教程】 (1)
- 格式:docx
- 大小:48.96 KB
- 文档页数:10
专题1 网页设计基础知识1.1 认识网站、网页与主页1.1.1什么是网页网页(Web页)实际上就是HTML文件,是一种可以在WWW网上传输,并能被浏览器认识和翻译成页面的文件。
HTML是“HyperText Markup Language”的缩写,意为“超文本标记语言”,它是一种规范,一种标准。
它是纯文本格式的,用任何文本编辑器都可以打开编辑。
网页包括的主要元素有:文本、图像、动画、声音、视频、超链接、表格、表单等。
由于多数网页一般均有文字、图像、图形、动画、音频、视频等多媒体信息,具有超链接、并可与网络链接,因此这就使人们登上站点以后,便可以看到五彩缤纷的界面。
那么,这些五彩缤纷和千姿百态的Web网页是如何制作出来的?制作好网页以后又如何将它发布到Internet上?这些问题正是本课程所要阐述的主题。
1.1.2什么是网站多个相互之间具有一定联系的网页就构成了一个网站。
网站用于存储提供给用户浏览的网页文件。
它也是一种文档的磁盘组织形式,由文档和若干文件夹组成,文档经过组织分类分别放在不同的文件夹中。
网站存储在服务器或服务器的虚拟主机上,接受访问者通过WWW域名的访问。
网站是具有独立域名、独立存放空间的内容集合,这些内容可能是网页,也可能是程序或其它文件,一个网站不一定要有很多网页,主要是有独立域名、独立存放空间,即使只有一个页面,也叫网站。
网站按照其内容可以分为以下几类:1、企业网站:围绕企业、产品及服务信息进行网络宣传,通过网站树立企业网络形象。
2、个人网站:个人为了兴趣爱好或为了展示个人等目的而建的网站,具有较强的个性化特色。
3、门户网站:提供综合性互联网资源的网站。
国内著名三大门户网站:网易、搜狐、新浪。
4、机构网站:政府机关、相关社团组织或事业单位建立的网站。
以机构或社团形象宣传和政府服务为主。
5、娱乐网站:提供娱乐信息、流行音乐、视频等娱乐内容为主的网站。
6、电子商务网站:依靠因特网来完成商业活动的各个环节的网站,如卓越、当当、淘宝、易趣、拍拍等。
网页制作考试参考答案网页制作考试参考答案在当今信息化时代,网页制作已经成为一项重要的技能。
无论是个人网站、企业官网还是电子商务平台,都需要精心设计和制作,以便吸引更多的用户和客户。
而网页制作考试则是对学习者对网页制作技能的考核,以下是一些参考答案。
一、HTML基础知识1. HTML是什么?它的全称是什么?HTML是超文本标记语言(HyperText Markup Language)的简称。
它是一种用于创建网页的标准标记语言。
2. 请简述HTML标签的作用。
HTML标签是用于描述网页内容和结构的元素,通过标签可以实现文本格式化、插入图片、创建超链接等功能。
3. HTML中常用的文本标签有哪些?常用的文本标签包括:标题标签(h1~h6)、段落标签(p)、换行标签(br)、加粗标签(b)等。
4. 如何插入图片到网页中?可以使用<img>标签插入图片。
例如:<img src="图片路径" alt="图片描述">二、CSS样式设计1. CSS是什么?它的全称是什么?CSS是层叠样式表(Cascading Style Sheets)的简称。
它用于为HTML文档添加样式和布局。
2. 请简述CSS选择器的作用。
CSS选择器用于选择HTML元素,并为其应用样式。
常见的选择器有标签选择器、类选择器、ID选择器等。
3. 如何设置字体样式?可以使用font-family属性设置字体样式。
例如:body { font-family: Arial, sans-serif; }4. 如何设置元素的背景颜色?可以使用background-color属性设置元素的背景颜色。
例如:div{ background-color: #FF0000; }三、响应式网页设计1. 什么是响应式网页设计?响应式网页设计是一种能够自动适应不同设备(如电脑、平板、手机等)屏幕大小和分辨率的网页设计方式。
《网页设计与制作》习题参考答案第一章网页设计与制作概述1、填空题(1)静态网页、动态网页(2)HyperText Mark-up Language、超文本标记语言或超文本链接标示语言(3)文字、图形图像、动画、视频(4)Microsoft Frontpage(或SharePoint Designer)、Adobe Dreamweaver2、问答题(1)www的特点有哪些?答:1)万维网是无数个网络站点和网页的集合,它们在一起构成了因特网最主要的部分。
2)WWW是建立在客户机/服务器模型之上的。
3)WWW是以超文本标注语言HTML(Hyper Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础。
4)WWW能够提供面向Internet服务的、一致的用户界面的信息浏览系统。
5)WWW浏览提供界面友好的信息查询接口。
(2)网页的基本元素有哪些?答:组成网页的元素主要有文字、图像、声音、动画、视频、超链接以及交互式处理等。
它们的特点如下:文字:网页中的大多数信息主要以文本方式显示,文字是网页的主体,负责传达信息的功能。
图像:图片给网页添加了色彩,使网页做到了图文并茂,形象生动。
动画:动画是动态的图形,添加动画可以使网页更加生动。
常用的动画格式包括动态GIF图片和Flash动画声音和视频:声音是多媒体网页中的重要组成部分,支持网络的声音文件格式很多,主要有MIDI、WA V、MP3和AIF等。
网页中支持的视频文件格式主要有Realplay、Mpeg、A VI和DivX等。
表格:在网页中使用表格可以控制网页中信息的结构布局。
超链接:超链接是网页与其他网络资源联系的纽带,是网页区别于传统媒体的重要特点导航栏:导航栏的作用是引导浏览者游历所有站点。
表单:表单类似于Windows程序的窗体,用来将浏览者提供的信息,提交给服务器端程序进行处理。
其他常见元素:包括悬停按钮、Java特效和ActiveX等各种特效。
《网页设计与制作案例教程》教材习题答案第2章 网页制作基础1.填空题(1)静态 动态(2)HyperText Markup Lauguage 超文本标记语言(3)文本 图像 动画(4)Dreamwear Frontpage(5)窗口2.选择题(1)C (2)C (3)B (4)D (5)D 第3章 网站的创建与管理1.选择题(1)D (2)A (3)B (4)D (5)C第4章 页面的整体控制 1.选择题(1)B (2)A (3)A (4)C (5)D 第5章 文本操作 1.选择题(1)A (2)D (3)D (4)C (5)C 第7章 网页布局操作 1.选择题 w w w.k h d a w .c o m(1)C (2)A (3)A (4)A (5)B (6)B(7)B (8)B (9)B (10)C (11)C (12)B(13)A (14)A (15)C (16)B (17)A (18)A(19)B (20)D (21)B (22)D (23)D (24)C(25)D (26)C (27)B (28)C (29)D (30)B(31)B (32)C (33)B (34)D (35)A (36)A(37)D (38)C (39)D (40)A第9章 超级链接与导航栏1.选择题(1)A (2)B (3)C (4)A (5)D (6)B(7)D (8)C第10章 创建表单网页1.选择题(1)A (2)D (3)C (4)B (5)C (6)B(7)B (8)A第11章 HTML 语言 (1)<html> </html> <body> </body> (2)<img> <br> (3)bgcolor background (4)<table> <tr> <td> 2.选择题 (1)A (2)A (3)B (4)B (5)C (6)A (7)D (8)B (9)C (10)B (11)A (12)B (13)C (14)Cw ww .k h d a w .c o m第12章 使用CSS 样式美化网页1.选择题(1)D (2)C (3)B (4)B第13章 JavaScript 技术1.选择题(1)D (2)B (3)B (4)D (5)A第14章 网页特效1.选择题(1)A (2)B (3)B (4)D (5)C (6)B第15章 网站规划与网页设计1.选择题(1)C (2)C (3)C (4)A (5)C (6)C(7)A (8)A (9)D (10)C (11)D (12)D (13)A (14)D (15)A (16)B (17)B (18)C第16章 网站的测试、发布与维护 1.选择题 (1)D (2)D (3)D (4)B (5)B (6)C (7)D (8)D w w w .k h d a w .c o m。
附录思考与练习答案第1章1.答:WWW是一个基于超文本(Hypertext)方式的信息检索服务工具,是Internet上近几年才发展起来的服务,也是发展最快和目前用得最广泛的服务。
WWW是World Wide Web的缩写,也可简称为Web,中文名字为“万维网”。
万维网的核心部分由统一资源定位器(URL)、超文本传输协议(HTTP)以及超文本标记语言(HTML)3个标准构成。
2.答:包括Logo、导航条、Banner、内容版块、版尾和版权等。
3.答:网页制作常用的工具有Dreamweaver、Photoshop、Flash。
4.答:这里说的动态网页,与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网页可以是纯文字内容,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网页。
动态网页在于可以根据先前所制定好的程序页面,根据用户的不同请求从而返回其相应的数据。
动态页面常见的扩展名有:.aspx、.asp、.php、.jsp、.cgi等。
5.答:一个好的网站应该是内容丰富、页面干净、主题突出、栏目导航清晰明了,因此网页设计应注意以下几个原则:(1) 用户优先。
(2) 符合“8秒钟原则”。
(3) 考虑用户的软/硬件配置。
(4) 内容丰富。
(5) 着手规划、确定特色、锁定目标。
(6) 首页的重要性。
(7) 栏目的归类。
(8) 互动性。
(9)恰当使用图像。
(10)尽量避免使用背景图像,保持网页的干净清爽。
(11)在<title>、<meta>中添加关键字或网站描述。
(12) 避免滥用技术。
版面布局方式主要有:T结构布局、“口”形布局、“三”形布局、“框架”型布局、POP布局。
第2章1.答:网站策划的调查活动应围绕3个主要方面进行,即用户需求调查、竞争对手情况调查以及企业自身情况调查。
2.答:前台设计工作的作用是:设计网站的整体色彩风格,绘制网站所使用的图标、按钮、导航等用户界面元素。
网页设计与制作习题解答第一章练习题1.选择题(1) 目前,在Internet里,IP地址是()的二进制地址。
A.8位 B.16位 D.32位 D.64位(2) 下列不属于Macromedia公司产品的是()。
A.Dreamweaver B. Fireworks C. Flash D. Frontpage(3) 通常网页的首页被定义为()。
A.index.htm B. 首页.htm C. shouye.htm D. 都不对(4) 网页的基本语言是()。
A. JavaScriptB. VBScriptC. HTMLD. XML(5) 网页在Internet 上是通过URL来指明其所在的位置的,每个不同的网页都应该有不同的URL,比如sina网站主页的URL就是()。
A. B. http:\\C.ftp:// D. mailto: 2.简答题(1) 什么是Internet?叙述Internet的产生与发展。
(2) 什么是WWW?如何访问WWW?(3) IP地址与域名之间的关系如何?(4) HTML文件中的标签是否区分大小写?格式有无严格要求?解答:1.选择题:1)C 2)D 3)A 4)C 5)A2.简答题:略第二章练习题1. 简答题(1) 简述定义本地站点的流程。
解答:1.简答题:略第三章练习题1. 选择题(1)网页中常用的图像文件格式包括()。
A.JPG、BMP、GIF B.JPG、GIF、PNGC.BMP、PNG、GIF D.MP3、JPG、GIF(2)在插入导航条时,()是必须的。
A.按下图像 B.替换文本 C.状态图像 D.鼠标经过图像(3)单击()会跳转到当前页面某个位置,却不会打开新的网页文件。
A.空链接 B.文本链接 C.锚记链接 D.E-MAIL链接2. 简答题(1)一个完整的URL地址包括哪些内容?超链接中的绝对路径和相对路径有什么区别?(2)一幅图像中创建多个链接区域,如何实现?(3)网页中支持的图像格式有哪些?它们有什么特点?解答:1.选择题:1)B 2)C、D 3)C2.简答题:略第四章练习题1.选择题(1)在Dreamweaver中,表格的主要用途是()。
第1章网页设计基础1.网页文件不包括 ( D )A HTML文件 B多媒体文件 C图像文件 D Dos文件2.网页构成元素按照元素划分为(ABCD )A 文本B 图像 C超链接 D音频和视频3. HTML文档结构中表示头部信息的( B)A < body > < /body > B<head></head> c <html></html> D<title></title>4.在HTML文档中,使文本内容强制换行的标签是(B)A<hr> B<br> C<pre> D<hn>5.以下哪个标签语言符合HTML的语法规范(D)A<img src=pic.jpg width=150 height=200/>B<p><div>文字加粗</p></div>C<p align=center>D<hr width=”400” color=”#000000”>6.不属于HTML标记的是( C )A.<html>B.<head>C.<color>D.<body>7.为了标记一个HTML文件,应该使用的HTML标记是( C )A.<p></p>B.<body></body>C.<html></html >D.<title></ title>二填空1.网页分为(静态网页)和(动态网页)两种类型。
2.HTML中的所有标签都是有一对(<>)围住。
3.HTML网页的标题是通过(<title></title>)标签显示的。
4.(<hr>)是水平线标签,可以在页面生成一条水平线。