当前位置:文档之家› 全国高等学校计算机水平考试级网页制作基础考试大纲及样题

全国高等学校计算机水平考试级网页制作基础考试大纲及样题

全国高等学校计算机水平考试级网页制作基础考试大纲及样题
全国高等学校计算机水平考试级网页制作基础考试大纲及样题

全国高等学校计算机水平考试Ⅱ级

--《网页制作基础》考试大纲(试行)

一、考试目的与要求

《网页制作基础》是掌握网页制作的一门实践性很强的技术入门课程,兼具设计性、实操性和应用性。本课程的主要任务是培养学生了解网页制作和网站建设所需的基本知识,培养学生设计网页、建立网站和规划网站的实际技能。

本课程以讲解Dreamweaver,Fireworks,Flash软件使用为主,旨在培养学生掌握网页制作所必备的图像处理、视音频处理、网页页面制作及网站建设的基础知识,为进一步学习网络知识打下基础。通过本课程的学习要求考生掌握网页的设计、规划、制作和网站的建设的方法。

考试的基本要求如下:

1. 了解HTML语言的基础知识

2. 学会规划和建设一个基本站点

3. 掌握网页中文字和图片的相关操作

4. 掌握网页中插入视音频FLASH等多媒体元素的基本操作

5. 掌握多种超级链接的建立

6. 掌握表格、框架的使用

7. 掌握制作网页模板的方法

8. 站点的发布和上传

9. 掌握利用Fireworks处理网页图片的基本技能

10. 掌握利用Flash制作网页动画的基本技能

二、考试内容

(一)网页与HTML语言的基础知识

【内容提示】

本部分主要介绍HTML语言的基本架构和常用标记。

【考试要求】

了解HTML文件的基本架构,单双标记的概念,掌握HTML常用标记。

(二)规划和建设站点的基本知识

【内容提示】

规划和建立站点是制作网页前的必要准备工作。此部分需要学生了解站点的概念,站点内文件夹及文件间的导航关系及如何利用Dreamweaver建立管理站点。

【考试要求】

利用Dreamweaver建立站点,使用文件视图管理站点,在站点中建立、删除文件和文件夹。

(三)网页文本和图片的处理

【内容提示】

文字和图片是网页的最基本元素。本部分介绍利用Dreamweaver在网

页中有关文本和图片的各种操作。

【考试要求】

掌握在网页中添加文本,利用属性栏设置文本格式,建立文本样式,段落和换行的区别。在网页中插入图片的操作,图片的对齐,图片的替换文本,利用属性栏对图片进行简单编辑。

(四)网页中插入视音频FLASH等元素的基本操作

【内容提示】

视音频等媒体元素能使网页效果丰富多彩。此部分需要让学生了解如何在页面中插入视频音频及FLASH文件。

【考试要求】

掌握如何在页面中插入视频音频及视音频的常用参数设置。如何在页面中插入FLASH按钮、FLASH文字、FLASH动画。

(五)多种超级链接的建立

【内容提示】

超级链接是众多网页文件间建立联系的关键。此部分介绍多种超级链接的建立和修改方法。

【考试要求】

掌握多种超链接(文本链接、图片链接、文件下载链接、锚点链接、邮件链接)的建立方法,及链接目标参数的设定。利用属性栏修改、删除超链接。

(六)表格、框架的使用

【内容提示】

表格和框架是网页布局的重要方法。本部分介绍网页中表格的相关操作和框架网页的建立方法。

【考试要求】

掌握表格的三种视图的使用;对普通表格和嵌套表格的操作;格边距和格间距的区别;建立框架网页

(七)制作网页模板

【内容提示】

网页模板使得同一网站的众多网页可以迅速拥有统一的风格,是批量制作网页,解决站点导航的有利工具。

【考试要求】

掌握利用表格制作包含网站导航栏的网页模板的方法,掌握利用模板套用网页和将模板从页面分离的方法。

(八)站点的发布和上传

【内容提示】

网站制作完成后需要发布到网络上。本部分考核学生测试、发布和上传网站的实操能力。

【考试要求】

掌握利用Dreamweaver进行站点本地测试的方法:测试内部超链接,测试外部的超链接和未链接的文件;了解选择INTERNET服务器的不同方法;掌握使用Dreamweaver的FTP工具发布网站的方法,可以删除已发布的文件或文件夹,更新已发布的页面。

(九)Fireworks基本操作

【内容提示】

掌握数字图像的基本概念,掌握利用Fireworks进行网页制图的基本方法。

【考试要求】

掌握数字图像的相关概念,包括:像素、分辨率、矢量图形、位图图像、网页常用图片格式;掌握利用Fireworks切网页用图片的方法,掌握利用Fireworks制作网页按钮和导航条的方法,掌握利用Fireworks制作网页变换图像的方法。

(十)Flash基本操作

【内容提示】掌握Flash帧动画的基本相关概念,掌握利用Flash制作简单动画的基本方法。

【考试要求】掌握Flash动画制作中帧、元件、图层、引导层、遮罩层的概念。掌握利用Flash制作逐帧动画、外形渐变动画、遮罩动画的方法。

三、考试方式

机试,考试时间为105分钟

四、考试题目类型

考试分两部分:理论题(20分)、操作题(80分)。理论题主要由单选择题组成。操作题分2种类型的考题:基本操作(30分)和综合操作(50分)。

(1)基本操作题:主要是考查一些基本的操作。例如:网页标题的输入,文字的格式化和文本样式的建立,制作表格,插入图片,插入视音频,超级链接,利用Fireworks切图、制作按钮和变换图像,利用Flash制作简单动画等(3题共30分)

(2)综合操作题:创建一个至少包含3个子网页的网站(1题共50分)

五、教材或参考书

教材、参考书目:自定

六、考试样题

(一)选择题(20分)

1. 网页是用()语言编写,通过WWW传播,并被WEB

浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和

动画、视频等信息元素为一体的页面文件。

A.c语言

B.Basic语言

C.HTML语言

D.c++语言

参考答案:[C]

2. ()软件不属于网页制作的常用工具。

A.Excel

B.FrontPage

C.Dreamweaver

D.Fireworks

参考答案:[A]

3. 有关 标记,正确的说法是()。

A.表示网页正文开始

B.中间放置的内容是网页的标题

C.位置在网页正文区内

D.在文件头之后出现

参考答案:[B]

4. 以下HTML标记中,()是单标记。

A.br标记

B.p标记

C.html标记

D.body标记

参考答案:[A]

5. 下列选项中支持透明格式的图片是()。

A.JPG

B.GIF

C.TIFF

D.BMP

参考答案:[B]

6. 网页中很少使用的图片格式是()。

A.GIF

B.JPG

C.PNG

D.BMP

参考答案:[D]

7. 一般情况下,一个框架网页至少由()个框架构成。

A.1

B.2

C.3

D.4

参考答案:[B]

8. 网页文件的扩展名为()。

A.TXT

B.DOC

C.HTM

D.GIF

参考答案:[C]

9. 在文件面板中不能进行管理的功能是()。

A.CSS样式的建立

B.新建网页

C.更改文件名

D.删除文件

参考答案:[A]

10. 关于站点与网页说法不正确的是()。

A.直接建立多个网页并超链接在一起可以形成站点B.站点是若干相关网页及相关的信息的集合

C.网页是站点的组成部分

D.不用创建站点,而直接创建网页也容易维护与管理

参考答案:[D]

11. 在网页中添加换行符应用()按键。

A.【Enter】

B.【Ctrl】+【Enter】

C.【Alt】+【Enter】

D.【Shift】+【Enter】

参考答案:[D]

12. 在Dreamweaver中,表格的宽度可以被设置为100%。这意味

着:()。

A.表格的宽度是固定不变的

B.表格的宽度会随着浏览器窗口大小的变化而自动调整

C.表格的高度是固定不变的

D.表格的高度会随着浏览器窗口大小的变化而自动调整

参考答案:[B]

13. 在Dreamweaver中,可以通过单击标签选择器中的()

来选取表格中的单元格。

A.

标签

B.

标签

C.

标签

D.标签

参考答案:[C]

14. 在Dreamweaver中,可以基本模板来创建网页。一个模板文

档采用()作为其文件扩展名

A..htm

B..dwt

C..dwm

D..htt

参考答案:[B]

15. 在创建一个Dreamweaver模板时,必须在该模板中加入一个

(),以便在把该模板套用到某个网页后,网页能被正常使用。

A.可套用区域

B.可控制区域

C.可编辑区域

D.可复制区域

参考答案:[C]

16. 基于网页创建模板时,可以通过执行()菜单操作来把网

页保存为模板。

A.“文件”→“导出为模板”

B.“文件”→“保存为模板”

C.“文件”→“转换为模板”

D.“文件”→“另存为模板”

参考答案:[D]

17. 用Fireworks切割图形时,需要的工具是()。

A.裁剪

B.切片

C.选取框

D.自由变形

参考答案:[B]

18. 关于矢量图,以下()说法是错误的。

A.矢量图可以无限放大而不会模糊

B.矢量图由矢量轮廓线和矢量色块组成

C..BMP是矢量图常用的格式之一

D..AV是矢量图常用的格式之一

参考答案:[C]

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B

二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题

网页制作必懂的基础知识

网页制作必懂的基础知识(一) 近来这几天一直在学习网页制作的知识,颇有收获,分享大家,都是一些网页制作的必懂的基础知识。 1 html基础代码

 == 可以创建链接和瞄点。  特殊标签:空格 大于号:>小于号:<版权号:© 引号:" 滚动标签: 属性有:滚动方向和滚动次数direction:left;right;up;down; loop 鼠标放上去停止滚动:onmouseover=this.stop() 鼠标离开继续滚动:onmouseover=this.start() 2图片的讲解 图片的格式:jpg png gif 图片的要素:width height alt title src 图片的路径:相对路径和绝对路径 图片和文字的格式: align=”left””right””bottom””middle””absmiddle” 3三种列表的讲解:列表可以嵌套

四表格和表单 表格:表格边框
表单:
Type有:text;checkbox;radio;password;textarea;file button; Submit;reset;hidden;select

网页设计基础知识点

web 一、超文本(hypertext) 一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体(hypermedia) 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本连接,它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议(HTTP)Hypertext Transfer Protocol超文本在互联网上的传输协议。 IP IP是英文Internet Protocol(网络之间互连的协议)的缩写,中文简称为“网协”,也就是为计算机网络相互连接进行通信而设计的协议。在因特网中,它是能使连接到网上的所有计算机网络实现相互通信的一套规则,规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统,只要遵守IP协议就可以与因特网互连互通。IP地址具有唯一性,根据用户性质的不同,可以分为5类。另外,IP还有进入防护,知识产权,指针寄存器等含义。 http 超文本传送协议(HTTP) 是一种通信协议,它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。HTML 是一种用于创建文档的标记语言,这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象,并获得关于链接项的附加信息。HTTP工作在TCP/IP协议体系中的TCP协议上。 FTP FTP(File Transfer Protocol, FTP)是TCP/IP网络上两台计算机传送文件的协议,FTP是在TCP/IP网络和INTERNET上最早使用的协议之一,它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件,上载文件,创建或改变服务器上的目录。 第一、什么是C/S结构。 C/S (Client/Server)结构,即大家熟知的客户机和服务器结构。它是软件系统体系结构,通过它可以充分利用两端硬件环境的优势,将任务合理分配到Client端和Server端来实现,降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构,

网页制作——网页基础操作复习题

网页制作——网页基础操作复习题 2017年11月 一、单项选择题 1.当浏览器不能正常显示图像时,在图像位置显示的文本时由于在图像“图像”属性面板上设置了图像的(D) A.“目标”属性 B.“链接”属性 C.“低解析度源”属性 D.“替换”属性 2.在DreamweaveerCS3中,插入图像的快捷键是(A) A.Ctrl+Alt+I B.Ctrl+Alt+F C.Ctrl+Alt+A D.Ctrl+Alt+M 3.下列关于GIF图像的说法,错误的是(B) A.支持透明背景 B.支持真彩色 C.支持动画 D.适用于图标、按钮、徽标等图片 4.在DreamweaverCS3中,图像属性面板上按钮的含义是(A) A.重新取样 B.调整图像的亮度和对比度 C.调整图像的清晰度 D.裁切图像,减小图像区域 5.在DreamweaverCS3中,要修剪图像的大小,在图像属性面板中可使用的按钮时(C)A. B. C. D. 6.使用“插入记录→表格”命令插入表格时,不能设置的表格属性时(B) A.表格标题单元格的位置 B.表格的高度

C.表格的单元格间距和边距 D. 表格边框线的宽度 7.在DreamweaverCS3中,将光标定位到表格某单元格中,按Ctrl+A快捷键将选中(B) A.整个表格 B.当前单元格 C.当前行 D.当前列 8.在DreamweaverCS3中,插入表格的快捷键 A.Ctrl+Alt+T B.Ctrl+Alt+I C.Ctrl+Alt+A D.Ctrl+Alt+F 9.按______快捷键在单元格内单击鼠标左键可选中该单元格。(A) A.Ctrl B.Shift C.Alt D.Ctrl+Shift 10.若要在浏览器中隐藏表格的边框线,则需在表格属性面板的“边框”中输入(C) A.1 B.无 C.0 D.-1 11.使用“插入记录→超级链接”创建的链接属于(C) A.图像链接 B.电子邮件链接 C.文本链接 D.锚点链接 12.创建空链接的方法是在“属性”面板的链接框中输入(C) A.@ B.malito C.# D.空格 13.超文本初始状态默认的样式是(A) A.蓝色带下划线 B.暗红色带下划线 C.蓝色不带下划线 D.黑色不带下划线

网页制作基础教程

网页制作基础教程 一、什么是HTML HTML(超文本标记语言)是网页中使用的语言,他能被网页浏览器(IE或Netscape)解释,从而显示出丰富多彩的信息(图片、文字、声音、影象、动画等)。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档",就能看到该网页的HTML代码。下面是个网页文档(model.htm)的HTML代码: 这里是标题

第一段文字。

第二段文字。

【操作】请在记事本中输入以上代码,命名为test1.htm,存于D盘,然后双击打开看看。 标记一般是成对出现的,#FFFFFF表示使用的颜色是白色。 ...

... ...之间是该网页的标题 charset=gb2312表示语言字符集信息是中文简体,如big5则是中文繁体。 ...之间是网页的正文内容 表示网页的背景色是白色,默认的文字颜色是白色。

...

之间是h1号标题字

...

之间是h2号标题字 ...之间的文字为红色 HTML是一套国际标准,其标记有几百种,您并无需全部了解他们,只要记住其中常用的十几种,就能够做出很漂亮的网页来。 常用的标记举例:

网页制作基础知识 教案

网页制作基础知识教案 教学目标: 了解网页的组成元素及常用的网页制作工具。了解网页制作的一些基础知识,如网站和网页的区别、网页的类型、网页的构成元素等,然后在了解的基础上再通过练习来巩固。 教学重点难点: 在深刻了解概念的基础上把理论转化成实际的应用。 教学过程: 在制作网页之前,首先要了解一些关于web网页的基本知识,了解一下构成一个网站的基本元素等。 网页的基本元素 文本:基本组成部分 图像:更加直观准确地表达某些信息,并且可以起到美化网页,吸引读者注意力的作用 超链接:可以方便地转入其他网页进行浏览。 网页的其他元素:音乐表格表单 美化网页,丰富网页的内容,增强网页的功能。 网页的实质 网页相当于刊物中所发表的一篇篇文章,但与纸上的文章相比,它增加了多媒体信息和网上交互的功能。 网页的实质 = 表格+文本+图片+动画+声音+超级链接+…… ◆网站相当于发行到全世界的期刊。 ◆网站的实质 = 服务器上的文件夹 ◆主页相当于期刊的封面。 ◆主页的实质 = 打开网站的第一个网页 网页和网站的分类 从网页是否执行程序来分,可分为静态网页和动态网页这两种类型。 什么是静态网页、动态网页? ◆所谓静态网页,指的是网页从服务器传到客户端时,网页的内容是“固定 不变”的,也就是说,服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器,这种网页一般是标准的HTML代码。 静态网页一般以.htm或.html为后缀结尾的,俗称html文件。本课程就是制作静态网页的课程。 ◆所谓动态网页,它在由服务器传递给客户端的时候必须由服务器把它转换 成相应的HTML格式,而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。 动态网页一般要用专门的脚本语言编写,如ASP、https://www.doczj.com/doc/2012958473.html,、PHP、JSP等等

(完整版)《网页设计与制作》课程教学大纲.docx

《网页设计与制作》课程教学大纲 课程名称:网页设计与制作 学分及学时: 4 学分总学时72学时,理论36 学时 适用专业:网络工程 开课学期:第四学期 开课部门:计算机与互联网学院 先修课程:计算机文化基础计算机网络 考核要求:考试 使用教材及主要参考书: 向知礼主编:《网页设计与制作》航空工业出版社2017 年 杨松主编:《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务: 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章,分为 3 大部分。前 5 章为第 1 部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash, Anfy 等软件在网页制作过程中的应用;第 6 章~第 8 章为第 2 部分,主要介绍网页 制作技术,包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术;第9 章~第 10 章为第3 部分,主要介绍当前最流行的网页制作工具——Dreamweaver ,通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线,介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布; 要求:教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先”的 教学思路,教学内容应结合当前WEB 技术的发展趋势,把握未来企业级WEB 页面开发的发 展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。

《网页设计与制作基础》实验指导

实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索,下载网页、图片、文字和文件; 2、利用记事本来编辑HTML文档并浏览; 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统,内部组成局域网,外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上(如网页制作大宝库https://www.doczj.com/doc/2012958473.html,等)下载网页制作时需要的小图片、 动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素,查看其源代码,收藏到收藏夹中,将其设 为主页。 4、制作一个简单的网页sy1-1.html,用记事本编辑,网页标题为“熟悉HTML文档的结构”, 内容为司空曙的《江村即事》,如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。(可参考第二章内容)

实验二 Dreamweaver基本操作(一) 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理; 2、熟悉网页文件的基本操作; 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统,Dreamweaver CS3软件,内部组成局域网,外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”,包含以下几 个文件和文件夹:图片文件夹(images);音乐文件夹(sound)等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件,从提供的网 页原始素材中把相关文字复制到该网页文件中,并进行适当的文字设置,结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html,效果如图所示。 ●标题文字大小用

标记; ●作者信息文字大小为24像素,字体为幼圆,颜色为红色; ●古诗文字大小为24像素,字体为隶书,颜色为蓝色; ●在作者信息后加一条水平线,居中,水平线宽度为浏览器的30%,水平线的粗细为20 个像素,颜色为棕色;

网页制作基本代码

复习提纲目录 第1章网页入门 ........................................................................... - 2 - 第2章图像与超链接 ................................................................... - 3 - 第3章列表 ................................................................................. - 5 - 第4章网页中的表格 ................................................................. - 6 - 第5章网页中的表单 ................................................................... - 8 - 第7章使用CSS样式美化网页.................................................. - 9 - 第9章HTML总结.................................................................. - 11 -

第1章网页入门 1.1.1网页基本知识 1.什么是网页 由浏览器识别的用于显示信息的文件(信息包括:新闻、微博、购物、邮件等) 2.什么是网站 由众多网页组成的一个群体(网页之间可以相互调用实现信息查看) 3.构成网页的元素:文本、图像、动画、表格、其他。 ①文本:用于描述信息的文字 ②图像:增强信息的生动性和直观性 ③动画:强烈视觉冲击效果 ④表格:布局的合理性 ⑤其他:视频、背景音乐等 4.访问网页的三个要素 →网站的存储空间 ?服务器用于网页的存放 →网站的域名 ?通过域名指向需要访问的网页 →网页的访问地址 ?通过域名访问,通常打开的是默认页面 ?通过域名+网页名称进行访问 5.Dreamweaver工具的特点 ①开发环境完备、简单易用 ②所见即所得、支持可视化操作 ③代码提示功能 ④编写代码边看效果 6.编辑模式 三种编辑模式 ①代码模式 ②拆分模式 ③设计模式

网页制作教程,网页制作入门教程

选修课《网页设计》实践考核题 题目:设计一个个人网站 一、要求: 1.使用Dreamweave网页工具制作一个个人网站; 2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。 3.网页中要有图片和文字内容,用表格或框架进行页面布局; 4.添加至少两种行为,并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题,动态按钮导航栏。 下面我们大家统一一下软件版本,我用的是网页三剑客cs3版本的,大家可以去迅雷下载,因为我们要用到flash 建议大家也按装好flash 首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字, 不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图

打开Dreamweaver软件,得到图 做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。选择站点——新建站点。 我们建的文件夹就是站点根文件夹。 新建站点后得到这样一个界面 点选高级,得到界面

站点名称与我们建文件夹得名字相同,zs填进去就可以了 本地根文件夹就是我们新建的那个文件夹, http地址为http://localhost/zs 接下来选择左侧栏里远程信息 点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹

接下来点选左面菜单里的测试服务器, 点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs 然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求,是要至少四个网页,那我们就做四个 单击新建,然后单击 接下来,选择

项目一 网页制作基础知识

项目一网页制作基础知识 习题答案 一、简答题 (1)简述静态网页与动态网页的主要区别。 静态网页是以HTML格式编写,以.htm、.html、.shtml、.xml等为后缀的网页。每个静态网页都是一个独立保存在网站服务器上的实实在在的文件。在静态网页上,也可以出现各种动态的效果,如动画、滚动字幕等,但这只是视觉上的动态效果。静态网页在客户端。 动态网页是以数据库技术为基础,由在服务器端运行的程序动态生成的网页,它们会随浏览者及打开时间的不同等参数条件,生成相应的网页,后缀一般为.asp、.php、.jsp、.ggi 等。动态网页的内容可以仅是文字,也可以包含各种动画,这些都只是网页具体内容的表现形式。无论网页是否具有视觉动态效果,只要是采用动态网站技术生成的网页都称为动态网页。动态网页在服务器端运行,由不同参数生成不同内容。 (2)简述网站建设的一般流程。 ①规划网站。明确建站的目的和网站的类型;确定技术解决方案;确定网站内容及结构;明确网页设计要求。②收集整理资料。③网站制作。设置本地站点;创建各级页面模板;利用模板完成各级页面的制作。④测试与发布网站。⑤维护网站。 (3)什么是网站?网站主要分为哪几类? 二、操作题 (1)浏览网页,找出网页中的基本元素和超链接,导航条等对象,体会超链接的作用及超文本的含义。 请参考教学单元一中任务一的内容。 (2)熟悉Dreamweaver CS3的工作界面,查看各部分包含的内容。 请参考教学单元三任务一的内容。 (3)创建一个名为“个人网站”的本地站点,要求设置相关的站点信息。 请参考教学单元三任务二中新建站点的内容。 (4)创建一个页面,设置文档的背景颜色和文字颜色,并输入文本内容。 请参考教学单元三任务二中新建文档和设置页面属性的内容。

ASP动态网页制作基础教程

ASP动态网页制作基础教程 1、检索表单数据 <% @ language="vbscript"%> 检索表单数据 您的个人资料如下: 姓名:<%=request.form("textfield")%> 性别:<%=request.form("radiobutton")%> 爱好: <% if request.form("checkbox")<>"" then response.write request.form("checkbox") & "   " end if if request.form("checkbox")<>"" then response.write request.form("checkbox2") & "   "

end if if request.form("checkbox3")<>"" then response.write request.form1("checkbox") & "   " end if %> 练习:自己设计表单及输出内容。 第四讲ADO的数据连接应用一、数据库存取数据的设计理念 二、创建数据库 以ACCESS为例: 三、创建ASP程序 (一)创建数据库连接 <% dim conn dim connstr on error resume next

动态网页制作方法

一般的用网页dreamwaver一般必用,比较好上手的,html是要懂的,css+div 的标注设计也是要学习的。 如果是做前台页面设计会用到的工具:firework、flash、ps、coreldraw 如果是做后台的程序设计会用到:asp、PHP等一些语言,环境调试好后,dreamwear都支持的 https://www.doczj.com/doc/2012958473.html,与ASP的区别 1、开发语言不同 ?ASP仅局限于使用脚本语言来开发,容易导致代码杂乱。而https://www.doczj.com/doc/2012958473.html,允许用户选择并使用功能完善的编程语言,也允许使用潜力巨大的.NET Framework。 2、运行机制不同 ?ASP是解释运行的编程框架,所以执行效率较低。而https://www.doczj.com/doc/2012958473.html,是编译执行,程序效率得到提高。 3、开发方式 ?ASP把界面设计和程序设计混在一起,维护困难。而https://www.doczj.com/doc/2012958473.html,把界面设计和程序设计以不同的文件分离开,复用性和维护性得到了提高。 https://www.doczj.com/doc/2012958473.html,的工作原理 浏览器向WEB服务器发送HTTP请求; WEB服务器分析HTTP请求,如果所请求的网页文件名的后缀是aspx,则说明客户端请求执行https://www.doczj.com/doc/2012958473.html,程序;如果以前没有执行过该程序,则进行编译,然后执行该程序;否则直接执行已编译好的该程序。得到HTML结果; WEB服务器将HTML结果传回用户浏览器,作为HTTP响应; 客户机浏览器收到这个响应后,将HTML结果显示成WEB网页。 WINDOWS操作系统下建立https://www.doczj.com/doc/2012958473.html,的运行环境需要安装如下软件: IIS MDAC .NET Framework 静态页面和动态页面 1、静态网页 (1)概况:纯粹HTML格式的网页,也就是以.htm、.html、.shtml、.xml等为后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字幕等,这些“动态效果”只是视觉上的,存在这些“动态效果”的HTML页面,仍然是静态网页。 (2)特点: ①静态网页是事先编写好的。每个静态网页的内容都是保存在网站服务器上不变的; ②静态网页的内容相对稳定,因此容易被搜索引擎检索; ③静态网页没有数据库的支持,在网站制作和维护方面工作量较大; ④静态网页的交互性较差,在功能方面有较大的限制。 2、动态网页 (1)概况:动态网页不仅具有HTML标记,而且含有程序代码,用数据库连接的网页。常见的动态网页是以.asp、.aspx、.jsp、.php等形式为后缀。 (2)特点: ①动态网页的页面内容是在服务器上运行后生成的,不是事先编写好的; ②动态网页常常以数据库技术为基础; ③动态网页的交互性较好,采用动态网页技术的网站可以实现更多的功能,如用户注册、

网页制作基础教程

第一章网页制作基础 1、什么是网页 一般浏览器中打开的都是网页,这些文档是通过超文本标记语言HTML表示出来的; 主页:在网站中默认打开的页面称为主页,也叫首页,主页是进入网站的门户, 网页中包括的内容: 文本,图像,超级链接,表格,表单,多媒体及一些特殊的效果 2、网站及运作原理 网站是在互联网上一个固定的面向全世界发布消息的地方,它由网站地址和网站空间构成; 网站开发者常常将网站称作为站点,在网站的开发者来说,网站就是在计算机上创建的一个多级的文件夹,并在各文件夹中保存着相关网页文件。 根据站点文件夹所在的位置分为:本地站点和远程站点; 根据服务技术分:静态网站和动态网站 3、了解HTML语言 HTML是网上用于编写网页的主要语言,使用HTML语言编写的网页文件也是一个标准的纯文本文件,可以使用文本编辑器将它打开,但是该纯文本文件如果使用浏览器打开就会看到排版整齐的网页; 4、HTML语言标签 HTML标签用来标记网页元素,以形成文本布局,文字的格式及五彩缤纷的画面,HTML 的标签分单标签和成对标签两种 基础标签: 5、常用动态建站技术 ASP是由微软开发的动态网页技术标准,其原理通过在HTML页面中加入VB JA V A代码,服务器在返回网页之前首先执行这些代码,产生最终的结果。 6、网站的制作流程及制作工具 初期规划:建站之前,要有明确目的,要明白建立网站的目的,接受对象是哪些群体,要为访问者提供怎样的服务,然后对整个网站进行策划, 中期制作:搭建本地站点,建立文件夹,建立站点结构图,设置页面属性等; 后期工作:全面测试,上传后进行实地测试,完成本地测试后,再上传到服务器,以便进行远程测试; 7、网页设计工具 Dreamweaver 8 是最常用的网页编辑工具之一,使用该工具可以在其提供的三种视图中进行

项目1 网页制作基础知识答案【网页设计与制作项目教程】

一、填空题(2‘*5) 1、 题干由网页构成,并且根据功能的不同,网页又有____和动态网页之分。知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案静态网页 答案说明 由网页构成,网页有静态和动态之分。所谓静态网页是指用户无论何时何地访问,网页都会显示固定的信息,除非网页源代码被重新修改上传。静态网页更新不方便,但是访问速度快。而动态网页显示的容则会随着用户操作和时间的不同而变化,这是因为动态网页可以和服务器数据库进行实时的数据交换。 关键字认识网页 题干Web标准是一系列标准的集合,主要包括结构、_____和____。知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案表现和行为 答案说明 Web标准并不是某一个标准,而是一系列标准的集合,主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。 关键字Web标准3、 题干HTML中文译为________________,主要是通过HTML标记对网页中的文本、图片、声音等容进行描述。 知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案超文本标记语言 答案说明 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等容进行描述。 关键字HTML语言简介 4、 题干HTML语言主要是通过_______________对网页中的文本、图片、声音等容进行描述。

知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案HTML标记 答案说明HTML中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等容进行描述。 关键字HTML语言简介 5、 题干在建设中,HTML用于搭建页面结构,CSS用于设置页面样式,__________用于为页面添加动态效果。 知识点编号 题目类型填空题 难度等级简单 权重分值2分 答案JavaScript 答案说明考察对JavaScript的理解 关键字JavaScript语言简介 二、判断题(2‘*10) 1、 题干因为静态网页的访问速度快,所以现在互联网上的大部分都是由静态网页组成的。知识点编号 题目类型判断题 难度等级简单 权重分值2分 答案错 答案说明 现在互联网上的大部分都是由静态网页和动态网页混合组成的,两者各有千秋,用户在开发时可根据需求酌情采用。 关键字认识网页 2、 题干网页主要由文字、图像和超等元素构成,但是也可以包含音频、视频以及Flash等。知识点编号 题目类型判断题 难度等级简单 权重分值2分 答案对 答案说明网页主要由文字、图像和超等元素构成。当然,除了这些元素,网页中还可以包含

Dreamweaver CS3网页制作基础教程第4章习题答案

项目四图像和媒体──编排旅游网页 一、填空题 1、()作为临时代替图像的符号,是在网页设计阶段使用的重要占位工具。 正确答案:图像占位符 2、背景图像的重复方式有“不重复”、“重复”、“横向重复”及“()”。 正确答案:纵向重复 3、如果文档中包含两个以上的Flash动画,按下()组合键,所有的Flash动画都将进行播放。 4、()可以使图像一幅幅地展示出来,是一种特殊形式的Flash动画。 正确答案:图像查看器 二、选择题 1、在网页中使用的最为普遍的图像格式主要是()。 A、GIF和JPG B、GIF和BMP C、BMP和JPG D、BMP和PSD 正确答案:A 2、具有图像文件小、下载速度快、下载时隔行显示、支持透明色、多个图像能组成动画的图像格式的是()。 A、JPG B、BMP C、GIF D、PSD 正确答案:C 3、下列方式中不可直接用来插入图像的是()。 A、在主菜单中选择【插入】/【图像】命令 B、在【插入】/【常用】面板的【图像】下拉菜单中单击按钮 C、在【文件】/【文件】面板中用鼠标选中文件,然后拖到文档中 D、在菜单栏中选择【插入】/【图像对像】/【图像占位符】命令 正确答案:D 4、通过图像【属性】面板不能完成的任务是()。 A、图像的大小 B、图像的边距 C、图像的边框 D、图像的第二幅替换图像 正确答案:D 5、下列方式中不能插入Flash动画的是()。 A、在主菜单中选择【插入记录】/【媒体】/【Flash】命令 B、在【插入】/【常用】/【媒体】面板中单击图标 C、在【文件】/【文件】面板中用鼠标选中文件,然后拖到文档中 D、在【插入】/【常用】/【图像】下拉菜单中单击按钮 正确答案:D 三、问答题 1、就本项目所学知识,简要说明实现图文混排的方法。 图像【属性】面板的【对齐】选项用于调整图像周围的文本或其他对象与图像的位置关系,通过设置此选项可以实现图文混排的目的。在【对齐】下拉列表中共有10个选项,其中经常用到是“左对齐”和“右对齐”两个选项,【左对齐】表示将所选图像靠左边界排列,文本在右边围绕它排列,【右对齐】表示将所选图像靠右边界排列,文本在左边围绕它排列。 2、如果要在网页中能够播放WMV格式的视频,必须通过【属性】面板做好哪两项工

《网页制作 案例教程》题库2

第1小题(Dreamweaver单选题(1分) 下述关于图像对象的设置错误的是(_______)。 A 按住shift键后用鼠标拉动图像控制柄可保持图片宽高比例不变 B 直接在属性面板输入图像的宽高像素,也能改变图像的显示大小 C 图像属性面板中的“对齐方式”指的是调整图像与同一行中文本的相对对齐 D 对图像进行重新取样,不会影响图像品质 第2小题(Dreamweaver单选题(1分) 下列哪种软件是用于网页排版的?(_______) A Flash B Photoshop C Dreamweaver D CuteFTP 第3小题(Dreamweaver单选题(1分) Dreamweaver是哪家公司的产品?(_______) A IBM B Corel C Microsoft D Adobe 第4小题(Dreamweaver单选题(1分) 下列的HTML标记中,定义表格的单元格是(_______)。 A tr B dr C br D td 第5小题(Dreamweaver单选题(1分) 想将文字“2”设置为上标文字,在HTML5代码中应如何编写( ) A 2 B 2 C 2 D 2 第6小题(Dreamweaver单选题(1分) 标记符中连接图片的参数是(_______)。 A href B src

C type D align 第7小题(Dreamweaver单选题(1分) 要隐藏一个ap层(设置了绝对定位DIV盒子),需要把它的可见性设置为(_______)。 A default B inherit C visible D hidden 第8小题(Dreamweaver单选题(1分) 如何去掉文本超级链接的下划线?( ) A a {text-decoration:none} B a {decoration:no underline} C a {underline:none} D a {text-decoration:no underline} 第9小题(Dreamweaver单选题(1分) (1)在CSS中下列哪一项是“右边框”的语法() A border-right<值> B border-top:<值> C border-right-width: <值> D border-top-width:<值> 第10小题(Dreamweaver单选题(1分) 以下哪一种选择器是标签选择器() A #newbox br B table C #newtext D .newtext 第11小题(Dreamweaver单选题(1分) 下列(_______)可能是自定义样式的名字。 A body B .pic C text D c

动态网页设计视频全教程

动态网页设计视频全教程 课程名称】《动态网页设计》授课老师】高振国老师课时总长】共35 讲 第1章利用ASP创建电子商务网站 1.1 电子商务简介 1.2 初识Active Server Pages (ASP) 1.2.1 动态网页和静态网页概述 1.2.2 ASP 概述 1.2.3 IIS5.0 的安装和设置 1.2.4 创建一个简单的ASP 程序第2 章创建HTML 网页 2.1 什么是HTML 2.2 使用HTML 创建基本网页 2.2.1 创建基本框架 2.2.2 创建文本 2.2.3 创建图像 2.2.4 创建超链接 2.2.5 创建列表 2.2.6 创建表格 2.2.7 创建表单 2.3 块级元素的使用 2.3.1 DIV 的使用 2.3.2 SPAN 的使用 2.3.3 ADRESS 的使用 2.3.4 DEL 的使用 2.3.5 PRE 的使用 2.4 常用组件介绍 2.4.1 Applet 的使用 2.4.2 Marquee 的使用 2.4.3 Embed 的使用 2.4.4 Object 的使用 2.4.5 MAP 的使用第3 章利用脚本语言创建动态网页 3.1 脚本语言概述 3.2 利用VBScript 创建动态网页 3.2.1 VBScript 简介 3.2.2 变量和数组 3.2.3 表达式和运算符 3.2.4 流程控制语句 3.2.5 过程 3.3 利用JavaScript 创建动态网页3.3.1 JavaScript 简介 3.3.2 基本结构和语法 3.3.3 JavaScript 流程控制语句3.3.4 JavaScript 函数 3.3.5 JavaScript 事件 3.3.6 JavaScript 对象第4 章ASP 基础 4.1 ASP 基本原理 4.1.1 ASP 可以做什么 4.1.2 ASP是怎样工作的 4.2 如何使用ASP 脚本 4.3 如何使用ASP 组件第5 章ASP 基本语法 5.1 变量和数组 5.1.1 定义变量 5.1.2 定义数组 5.2 条件运算 5.2.1 IF 语句 5.2.2 Select Case 语句 5.3 循环语句 5.3.1 For 循环语句 5.3.2 Do …Loop 语句 5.4 函数与子程序 5.4.1 便用函数 5.4.2 子程序

网页设计基础教程

-------------------------------------网页的结构 ----------------------------------- 一、HTML的组成结构 1、头部。 头部的HTML写法就是头部的内容,这两个非常相似,只是后一个比前一个多了“/”符号。 2 眼睛。 标题 这些应放在和之间。也就是 标题 3 身体 网页最主要的部分 页面内容 4最后, 把这些部分组成一体----网页,所以咱们就用把他们给包起来。 网页的结构: 标题 页面内容 --------------------------------------内部细则 ---------------------------------------

1、背景颜色 我们发现多了个bgcolor其实就是backgroundcolor(背景颜色)的意思,bgcolor="red"设置网页的背景颜色为红色,现在颜色一般都是#ff0000样式的。 2、背景图片 中“backgroud”就是设置背景图片的啦, back-ground.gif是背景图片的名字,为什么有的朋友也是如此写的,而网页却没有背景图片呢?其实back-ground.gif是该图片相对于这个页面的位置,比如你做的这个页面放在c:\我的网站\,而背景图片的位置放在c:\我的网站\images\,那么就得这样写了:,注意两者的区别 3、背景音乐 它的代码是放在页面的头部里 因为它也是显示网页的时候我们首先接受到的信息 loop,循环,那么loop="-1"是什么意思呢?loop是bgsound的一个属性,当然src也是了,后边跟得就是属性值了,那么loop="-1"就是无限循环的意思,只要是页面打开,音乐不会停止的,loop="1"说明循环一次,等于0就是不循环。 4、body其它属性 topmargin,leftmargin。有的朋友再做页面的时候,感觉文字或者表格怎么也不能靠在浏览器的最上边和最左边,怎么回事呢?因为一般我们用的制作软件或者说html语言默认的都是topmargin和leftmargin值等于12,如果你把他们的值设为0,你看看会有什么效果!如下比较一下和,有兴趣的朋友可以任意设置他们的值! ------------------------------------字体 ------------------------------------------ 字体,英文font,这html语言中也是它---font 1 标题字体 文字 # =1,2,3,4,5,6 比如:

今天天气真好!

注意:这些一般的用在标题上,所以起名叫标题字体; ... 这些标记显示黑体字;这些标记自动插入一个空行,不必用 标记再加空行,因

文本预览
相关文档 最新文档