文档视界 最新最全的文档下载
当前位置:文档视界 › 项网页制作基础知识答案【网页设计与制作项目教程】

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

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

一、填空题(2‘*5)1、

3、

4、

5、

二、判断题(2‘*10)

三、选择题(2‘*10)

四、代码分析题(10‘*1)

五、简答题(5‘*4)

六、上机实训(15’*2)

2、

网页设计与制作实例教程

网页设计与制作实例教程 习题答案 第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.docsj.com/doc/5d18037986.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.docsj.com/doc/5d18037986.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.在C:\创建站点FL19。 2.打开网页index.htm,将jxydjs.txt中标题和前三段文本复制到index.htm中。 3.将标题文字“极限运动(Extreme--Sports)介绍”放置在独立的一个段落中,并设置格式为华文行楷、24像素、#000066、居中;设置正文首行缩进2个汉字的位置;在标题上方插入一条高为3像素的蓝色水平线。 4.在网页的开头水平线上方采用默认对齐方式插入一张图片logo.gif,在图片下方增加左右交替滚动的文字“极限运动风靡全球”,字体为幼圆、14像素,文字在蓝色(#6699FF)背景上滚动,滚动延迟时间为300毫秒。 5.在滚动文字的下方依次插入图片n01.gif、n02.gif、n03.gif、n04.gif;利用站点中的Applet程序文件fprotate.class,逐张播放图像t1.jpg、t2.jpg、t3.jpg和t4.jpg,大小为高70、宽180;在logo.gif右边插入falsh播放文件1.swf。查看并测试网页。 二、实验内容 1.利用实验素材创建站点SY19。 2.在站点SY19新建网页index.htm,设置网页标题为:蔬菜;将lssc.txt中的文本复制到index.htm。 3.将网页index.htm标题文字“绿色蔬菜”的格式设置为华文新魏、24像素、#6633CC、居中;将标题文字“绿色蔬菜”下面的一段正文首行缩进2个汉字的位置;把原来的数字编号的段落修改成默认项目列表的段落。 4.在index.htm网页的开头(标题文字“绿色蔬菜”上面)采用默认对齐方式插入图片logo.gif,在文档末尾增加左右交替滚动的文字“环境保护,人人有责”,字体为隶书、16像素,文字在绿色背景(#00FFFF)上滚动,滚动延迟时间为100毫秒。 5.为index.htm网页增加循环播放的背景音乐can.mid;将网页中文字“食用菌类”修改成华文行楷、16像素、转滚颜色为#000066的Flash文本;将网页中文字“海藻类植物”修改成Flash按钮,按钮样式:Beveled-Rect-Green,字体为华文楷体、大小为16像素。 6.把index.htm网页滚动的文字“环境保护,人人有责”下方输入自己的完整学号、姓名,并设置自行选择适当的格式(例如文字格式、字幕、Flash文本等)。 7.在网页index.htm的设计窗口首行输入文字:绿色建筑,并在代码窗口对该行作如下

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

选修课《网页设计》实践考核题 题目:设计一个个人网站 一、要求: 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)创建一个页面,设置文档的背景颜色和文字颜色,并输入文本内容。 请参考教学单元三任务二中新建文档和设置页面属性的内容。

《网页制作基础》二级考试大纲及样题(试行)(1)

全国高等学校计算机水平考试Ⅱ级《网页制作基础》考试大纲及样题(试行) 一、考试目的与要求 《网页制作基础》是掌握网页制作的一门实践性很强的技术入门课程,兼具设计性、实操性和应用性。本课程的主要任务是培养学生了解网页制作和网站建设所需的基本知识,培养学生设计网页、建立网站和规划网站的实际技能。 本课程以讲解Dreamweaver,PS,Flash软件使用为主,旨在培养学生掌握网页制作所必备的图像处理、视音频处理、网页页面制作及网站建设的基础知识,为进一步学习网络知识打下基础。通过本课程的学习要求考生掌握网页的设计、规划、制作和网站的建设的方法。 考试的基本要求如下: 1.了解HTML语言的基础知识 2.学会规划和建设一个基本站点 3.掌握网页中文字和图片的相关操作 4.掌握网页中插入视音频FLASH等多媒体元素的基本操作 5.掌握多种超级链接的建立 6.掌握表格、框架的使用 7.掌握制作网页模板的方法 8.站点的发布和上传 9.掌握利用PS处理网页图片的基本技能 10.掌握利用Flash制作网页动画的基本技能 二、考试内容 (一)网页与HTML语言的基础知识 【内容提示】 本部分主要介绍HTML语言的基本架构和常用标记。 【考试要求】 了解HTML文件的基本架构,单双标记的概念,掌握HTML常用标记。 (二)规划和建设站点的基本知识 【内容提示】 规划和建立站点是制作网页前的必要准备工作。此部分需要学生了解站点的概念,站点内文件夹及文件间的导航关系及如何利用Dreamweaver建立管理站点。 【考试要求】 利用Dreamweaver建立站点,使用文件视图管理站点,在站点中建立、删除文件和文

网页制作操作步骤之一

国家职业资格鉴定 《网页设计制作员》(中级/四级)试卷 注意事项: 1、在R盘新建一个考生文件夹,其文件夹名为:机号+网页设计制作员+考生准考证号最 后五位(例:01网页设计制作员90001),考生所做的结果必须保存在该考生文件夹内。 考试过程中应注意经常保存文件。 2、考试所需素材在S盘:\网页设计制作员素材文件夹内。 3、答题以试题文字要求为准,样张仅供参考。 4、试卷不得带走,否则考试成绩做无效处理。 一、设计制作网页内容文字和图表效果:共20分。(题库1.1.1试题单) 1. 在R:\ 01网页设计制作员90001目录下新建1.1.1文件夹。 2. 把素材库文件夹“网页设计制作员素材\1.1.1”内的“1.1.1.2文件夹”中的zc.htm和images文件夹复制到R:\ 01网页设计制作员90001文件夹中。打开素材库文件夹“网页设计制作员素材\1.1.1”内的样张“1.1.1.1.bmp”。 3. 用Dreamweaver8.0打开R盘(考生目录1.1.1文件夹下)的zc.htm文件, 2种打开文件的方式:1)打开Dreamwaever8.0软件,菜单里选择打开,选择zc.htm文件。 2)右击zc.htm文件,“使用Dreamweaver 8编辑”。 4. 在适当位置插入图片zc-1.gif,并在“替换”中键入“用户注册”(添加注释);如下图: 5. 在用户注册后的两列中设置背景图片为zc-4.gif,如下图: 6. 在CSS浮动面板中新建CSS规则,名称自定(如ziti),单选按钮选“仅对该文档”(内部标签);如下图:

在类型中选择 a)大小:12像素;b)行高:2倍行高; 7. 按样张填入表单对象、文字,并设置CSS样式。 8. 布局表格内适当位置添置按钮对象,值为“检查会员名是否…”,并设置表单对象的动作属性为无;如下图: 9. 布局表格内适当位置添置按钮对象,值为“同意以下服务条款…”,表单对象的动作属性为“提交”;如下图:

网页制作基础教程

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

网页设计基本操作

网页设计基本操作 ________________________________________ 1.把文件夹转换成站点:点击【文件】菜单——打开网站——选择 需要转换的文件夹并打开——点击【打开】按钮——确认 2.插入表格:点击【表格】菜单——插入——表格 3.设置表格属性:在表格内右击鼠标,选择【表格属性】,进行表格 属性设置(包括表格边框粗细、颜色、背景等) 4.插入图片:点击【插入】菜单——图片——来自文件……——选 择相应的文件(插入图片后,双击图片可以进行图片属性设置)5.设置单元格背景:在单元格内右击鼠标,在菜单内选择【单元格 属性】——选择【使用背景图片】——浏览选择相应图片文件6.修改网页标题:点击【文件】菜单——属性——选择【常规】选 项卡——标题(修改或设置网页标题)/背景音乐——浏览选择相应的声音文件 7.插入滚动字幕:点击【插入】菜单——web组件……——动态效 果——字幕——进行字幕属性设置 8.插入水平线:点击【插入】菜单——水平线——双击水平线进行 属性设置 9.插入层:点击【插入】菜单——层——在层内进行相关操作 10.插入flash动画:点击【插入】菜单——图片——flash影片—— 选择SWF格式的文件 11.插入视频:点击【插入】菜单——图片——视频——选择A VI、

MPG等格式的文件 12.设置导航栏:点击【视图】菜单——导航——添加相应的导航页 面——定位光标——点击【插入】菜单——导航——链接栏——基于导航结构的链接栏——选择一种导航样式——选择导航栏的方向——完成。 13.插入交互式按钮:点击【插入】菜单——交互式按钮——进行交 互式按钮样式选择和按钮文本设置 14.设置超链接:选择需要设置超链接的对象——点击【插入】菜单 ——超链接……——选择相应的链接位置

项目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格式的视频,必须通过【属性】面板做好哪两项工

网页设计基础教程

-------------------------------------网页的结构 ----------------------------------- 一、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 比如:

今天天气真好!

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

网页制作学习入门教程

网页制作学习入门教程 本网页制作学习入门教程从(一)入门概念(二)设置主题(三)工具使用(四)上传网页(五)宣传与维护网页五个方面详细的介绍了网页新手必须了解的入门教程。言简意赅。值得一看。 网页制作学习入门教程(一)入门概念 WWW基本概念上WWW 你应该会了吧!这是重要的一步!不管你是用学校的网络,或是使用自己家的电脑上ISP上网,至少你要能连上网络,这样我们才能继续下去啊!有些人会搞不清楚INTERNET 和WWW 或是BBS 究竟有什么分别,以最简单的话来解释:INTERNET 是一个网络的大环境,而它拥有多项的服务项目,如:WWW、BBS、FTP、Gopher、Mail、News...等。就好象一家大的百货公司一样,有娱乐场、美食部、家电商...等的道理是一样的(只是的比喻)。现在应该知道INTERNET 和WWW 的差别了吧!WWW是20世纪90年代初兴起的一种服务。 网页:就是我们现在要准备做的东西。 首页:就是当我们进入网站时,第一眼看到的网页。 网站:由一堆网页所构成的网站内容,各个网页之间主要通过超级连接联系,这就叫网站。 WWW:则是由一堆网站所连接而成的。 简单说就是:网页→网站→WWW。 网页制作流程 为了让网友们对于网页制作有初步的概念,先简单的说一下制作网页的一般流程: 主题架构:就是网站内容主题及操作界面,先要想好。 制作工具:准备制作网页的工具、图片制作工作、网络工具等。 编写网页:开始动手,编写网页,最累最有成就感的时候。 选择空间:制作好网页就要放到网络上,得找个免费空间来放。 上传网页:有了存放网页的空间,就将制作好的网页上传到网络上。 维护网页:后续的维护网页工作,保持网页内容的新鲜度。

相关文档
相关文档 最新文档