网页制作期末考试复习提纲
- 格式:doc
- 大小:39.50 KB
- 文档页数:3
网页设计与制作期末知识点一、概述网页设计与制作是指通过使用HTML、CSS、JavaScript等技术来创建和实现网页的过程。
它包括了页面布局、内容呈现、交互动效等方面的设计与实现。
在期末考试中,了解并掌握以下几个知识点将有助于提升你的成绩。
二、HTML基础1. 标签与元素:HTML使用各种标签来定义网页的结构和内容。
每个标签都由一个开始标签和一个结束标签组成,之间可以插入内容。
2. 常用标签:常用的HTML标签包括`<html>`、`<head>`、`<body>`、`<div>`、`<p>`、`<img>`、`<a>`等等,了解其基本用法和属性有助于页面的构建和展示。
3. 表单:掌握HTML表单的搭建方法,包括输入框、复选框、单选框、下拉列表等等,以便用户能够方便地进行数据输入和提交。
三、CSS样式1. 选择器:了解不同的CSS选择器,如标签选择器、类选择器、ID选择器等等,并掌握它们的优先级和用法,以便进行样式的精确控制。
2. 盒模型:理解CSS盒模型的概念,包括内容区、内边距、边框和外边距,并熟悉如何设置它们的大小和样式。
3. 布局与定位:掌握CSS的布局方法,如浮动、定位、弹性布局等等。
了解如何使元素在页面上正确地定位和排列。
四、JavaScript交互1. 事件处理:了解如何使用JavaScript来处理用户的事件,如点击、鼠标移动、表单提交等等。
掌握事件的基本绑定方法和处理函数。
2. DOM操作:熟悉JavaScript中的DOM操作,包括元素的选择、修改、添加和删除等等。
掌握DOM节点的遍历和操作方法。
3. 动态效果:了解如何使用JavaScript创建动态效果,如轮播图、下拉菜单、模态框等等。
掌握基本的动画效果和过渡效果的实现方法。
五、响应式设计1. 媒体查询:了解响应式设计的概念和原理,以及如何使用CSS的媒体查询来根据不同的设备和屏幕尺寸展示不同的样式和布局。
网页设计期末复习网页设计与开发(总8页)--本页仅作为文档封面,使用时请直接删除即可----内页可以根据需求调整合适字体及大小--网页设计简答题:a.相对定位与绝对定位的区别?并举例说明。
相对定位的元素框会偏移某个距离。
元素仍然保持其未定位前的形状,它原本所占的空间仍保留。
绝对定位的元素框从文档流完全删除,并相对于其包含块定位,元素原先在正常文档流中所占的空间会关闭元素定位后生成一个块级框。
b.制作菜单的常用方法?【第一步】我们要先做一个容器(要求:ID为“nav”,宽度为960px,高度为:35px,位于页面水平正中,与浏览器顶部的距离是30px;)【第二步】盒子做好了,我们就要往里面放导航条中的内容了“CSS学习学前准备入门教程提高教程布局教程精彩应用”,插入标签有序列表ul,单元格li新建样式—复合类型—#nav ul li{ float:left;};在li标签的CSS属性中加入“list-style:none;”【第三步】后面的文字全部贴着前面的文字。
设置<li>标签的宽度为100像素:【第四步】我们需要将上面的导航条做以下几个修改1)给上面的导航加上链接;2)链接文字大小修改为12px;3)并且规定链接样式,鼠标移上去和拿开的效果c.图片与文字的对齐方式(padding,margin,DIV的float、行高、对齐、背景图片设置属性)1. padding简写属性在一个声明中设置所有内边距属性。
不允许使用负值。
可能的值auto、length、%、inherit2. margin简写属性在一个声明中设置所有外边距属性。
该属性可以有 1 到 4 个值可能的值auto、length、%、inherit3. float定义元素在哪个方向浮动none、 left 、right、inherit(规定应该从父元素继承 float 属性的值)4. line-height属性可设置行间的距离,不允许使用负值。
《网页制作》复习资料第一章网络基础第一节网络基础概述1.计算机网络的定义2.计算机网络的发展阶段3.按照网络分布距离的网络分类4.INTRANET的含义5.我国现有的四大骨干网名称第二节网络传输协议简介1.ISO/OSI参考模型与TCP/IP参考模型的对应关系2.IP地址的分类3.HTTP的含义、URL的含义4.客户机、服务器的概念及信息交换过程第三节网页语言介绍1.HTML语言(基本格式)第二章网页制作概述第一节网站的种类1.网站的种类第二节网站的规划1.网站的开发流程第三章使用DREAMWEAVER MX 2004创建简单网页第一节DREAMWEAVER MX 2004简介1.DREAMWEAVER MX 2004各种面板第二节站点管理1.站点规划应注意的问题第三节创建简单的网页1.基本步骤(能够制作一个简单的网页)第四节表格1.表格的作用是?2.对表格的编辑第五节插入图像(能够进行基本的插入操作)第六节超级链接1.链接路径2.创建超级链接3.创建轮替图第七节层1.概念2.层的嵌套第四章DREAMWEAVER MX 2004高级应用第一节框架1.框架的概念第二节使用CSS样式1.CSS是什么2.CSS的作用第三节表单1.表单是什么第四节行为1.什么是行为?第五章使用FIREWORKS MX 2004第一节FIREWORKS MX 2004简介1.FIREWORKS MX 2004的主要功能2.基本概念(矢量图像、位图图像)第二节绘图工具面板介绍(了解)第三节基本操作1.创建、打开、保存2.文本编辑(将文本附加到路径、将文本转换成路径)第四节层与蒙版1.层的概念(及应用)2.蒙版的概念(及应用)第五节滤镜和特效(应用)第六节切片、交互效果和热点1.切片、热点的概念第七节按钮、导航栏和弹出菜单1.按钮、悬停按钮的概念(及制作)第六章使用FLASH MX 2004第一节FLASH MX 2004简介第二节FLASH MX 2004图形制作基础第三节时间轴、帧和层1.帧的概念2.层的概念3.蒙版层、引导层的应用第四节库、元件、实例和组件1.库2.元件3.实例第五节动画编辑1.逐帧动画和补间动画的区别第七章。
网页设计期末知识点总结一、HTML基础知识1. HTML是什么,它的作用和用途2. HTML元素的基本语法和结构3. HTML标签的分类和用法4. HTML实体字符的表示和使用5. HTML的注释和注释的写法6. HTML文档的基本结构和布局7. HTML中常用的元素和属性二、CSS基础知识1. CSS是什么,它的作用和用途2. CSS的基本语法和结构3. CSS的选择器和选择器的种类4. CSS的样式和样式的应用5. CSS的盒模型和盒模型的属性6. CSS的浮动和定位7. CSS的布局和布局的种类8. CSS的颜色和背景9. CSS的文本和字体10. CSS的边框和边框的样式11. CSS的过渡和动画12. CSS的响应式设计三、JavaScript基础知识1. JavaScript是什么,它的作用和用途2. JavaScript的基本语法和结构3. JavaScript的变量和数据类型4. JavaScript的运算符和表达式5. JavaScript的流程控制和条件语句6. JavaScript的数组和对象7. JavaScript的函数和作用域8. JavaScript的事件和事件的处理9. JavaScript的DOM操作和DOM的结构10. JavaScript的定时器和动画四、响应式设计1. 什么是响应式设计,它的作用和用途2. 响应式设计的基本原理和实现方式3. 媒体查询和媒体查询的语法4. 移动端设计和移动端适配5. 响应式图片和响应式视频五、网页优化1. 什么是网页优化,它的作用和用途2. 网页加载速度的优化和优化的方法3. 图片和视频的优化和优化的技巧4. 脚本和样式的加载优化和优化的策略六、网页安全1. 网页安全的基本概念和作用2. XSS攻击和防范3. CSRF攻击和防范4. SQL注入和防范5. 网络劫持和防范以上就是网页设计期末考试的基本知识点总结,希望对大家有所帮助。
1、如何理解网站?网站中主页的概念?静态网站的主页名称是什么?(网站、文件、脚本、数据库及众多资源的集合/ 网页及其他文件的入口或起始页成为主页/ index.htm)2、网页文件的命名原则?(①以字母开头②数字不能开头③尽量不用汉字④连接符号“—”)3、网页的基本要素有哪些?最基本的元素是什么?(文字、图像、视频与音频、表格、表单、超链接、导航栏、其他元素)4、HTML的全称及中文意思?(超级文本标记语言hyper text markup language)5、HTML文档的名称的扩展名是什么?(htm / html)6、HTML文档的基本结构以及各部分标记的含义,body标记的属性含义。
(头部—需要的信息+主体—具体内容/ )7、网页制作的工具有哪些?(Dreamweaver、frilwork、)8、常用的浏览网页的工具有哪些?浏览网页的快捷键是什么?(IE、遨游、火狐/ )9、如何创建一个本地站点:创建站点的步骤以及各步骤需要注意的问题(熟悉创建本地站点的步骤)?(站点—新建站点—站点自定义—下一步—设置—完成)10、D reamweaver软件有哪些视图模式?(拆分模式代码模式设计模式)11、分析URL:每一部分的意义?(协议://主机名/域名)12、W WW是什么意思?(万维网world wide web)13、h ttp、ftp分别代表什么意思?(超级文本传输协议/ 文件传输协议)14、段内换行与段间换行如何实现?(段内换行—shift+enter段间换行—enter)15、修改文档标题的方法有哪些?(找到<title>标签把名称换掉)16、在DW中打开属性面板的方法?文本属性面板能够设置哪些属性?(窗口—属性)17、D reamweaver常用的快捷键:拷贝、粘贴、查找与替换、撤销、剪切、预览、显示与隐藏面板、显示与隐藏属性面板(查找与替换:ctrl+F 撤销:ctrl+Z 粘贴:ctrl+X F12预览现实与隐藏ctrl+F3)18、建立站点目录结构的原则是什么?IMG目录有什么作用?(①命名用字母②不同类型的文件放在不同的文件夹③栏目较多可分别设置文件夹IMG目录作用:放置站点所用的图片)19、D W的特点是什么?(DW是一款所见即所得的软件。
网页制作与设计期末复习题第一章小知识点1.网页是www上的基本文档,是使用HTML等工具制作的用于展示特定内容的文件,通常以.htm或.html为拓展名。
2.网站则是一组相关网页和有关文件的集合,通过“超链接”把这些网页和有关文件连接在一起,网站上的信息就是以网页的形式显示出来的。
3.WWW系统是WWW客户机(IE)、WWW服务器(web服务器)和超文本传输协议(HTTP)三部分组成的。
4.网页元素:常见的网页由网站的LOGO、导航栏、图片、动画、按钮、文字、声音、表格、表单、超链接等组成的。
5.设计导航栏时要注意的问题:1)内容要分类合理。
2)清晰、醒目。
3)要突出本网站的主要内容和最新内容。
4)字体、颜色要基本同意。
6.根据超链接的形式的不同,网站的结构可以分为:线性网络、层次网络、网状网络、7.网页中经常使用GIF动画,它的最大特点就是占用空间小。
视频文件的格式也是很多的,常见的有RM、MOV、ASF、MPEG、AVI、DivX等。
8.动态网站的层次结构包括:web服务器层、中间件层、数据库层9.网页布局类型:对称型(使用最多)、偏置型、标题正文型、混合型等。
10.网页布局的平衡的常用方法有对称平衡和辐射平衡。
11.由Dreamweaver,Fireworks,Flash三个软件组成,俗称三剑客。
12.网站开发的基本流程:1)网站的整体规划:在网站开发之前,首先要根据用户或者网站建设者的需求,确定要开发的网站的主题或类型病进行整体规划。
进行网站的整体规划也就是组织网站的内容和设计其结构。
2)需求分析和详细设计根据要开发网站的主题或类型,确定网站的主题内容,对内容进行分类,规划出网站的整体结构,病书写需求分析报告。
13.将网站发布到web服务器:在发布站点之前需要Internet的相应服务器上申请一个主页空间,以指定网站或主页在Internet上的位置。
14.网站和网页设计的基本原则1)目标明确,重点突出 2)主题鲜明,层次清晰3)合理设置栏目 4)正确定位整体风格5)页面布局合理 6)色彩搭配,和谐统一7)多媒体功能使用得当第二章小知识点1.Dreamweaver MX2004提供了两种工作布局:设计者工作区和代码编辑者工作区2.在Dreamweaver中,如果在操作过程中想改变工作区,可以选择“编辑”菜单中的“首选参数”命令,打开其对话框。
1、 HTML 是 Hyper Text Markup Language的缩写,意思是超文本标记语言。
2、常用网页设计和制作的专门工具 Microsoft Frontpage 和 Adobe Dreamweaver3、网页:按照网页文档规范编写的一个或多个文件,通常是 HTML 格式的文件。
主要由文字、图形图像、动画、视频、超级链接等基本元素构成。
4、网站:是各种各样网页,文件,脚本,数据库以及众多资源的集合。
5、静态网页的工作原理:在浏览器(客户端中输入一个网址并按回车键,或在网页中单击一个超级链接后, 就会向服务器端提出一个网页浏览的请求。
服务器接到请求后, 找到相应的静态网页文件,然后发送给浏览器。
客户端浏览器。
发送请求。
Web 服务器 (1、接受客户端请求 2、找到静态网页 3、发送网页。
返回请求。
返回静态网页3、动态网页:ASP 文件的扩展名为 .asp 文件的扩展名为 .aspx JSP文件的扩展名为 .jsp4、动态网页和静态网页的工作原理类似, 它们的区别在于 Web 服务器对它们的处理方式不同。
在浏览器里输入一个动态网页网址并按回车键后, 就会向服务器端提出一个浏览网页的请求。
如果 Web 服务器接收到对动态网页的请求,则从Web 服务器中找到该文件,并将它传递给一个称为应用程序服务器的软件, 由它负责解释和执行网页, 将含有程序代码的动态网页转化为标准的静态网页,最后将执行后的结果——静态网页传递给客户端浏览器。
客户端浏览器。
发送请求。
Web 服务器(1、接受客户端请求 2、找到动态网页 3、执行程序代码,生成静态网页4、发送网页。
发送数据库请求。
数据库服务器。
返回数据库处理结果。
返回请求,返回静态网页5、网站的前期规划:1、确定网站目标(网站的整体定位;主要内容;目标用户 2、规划网站结构 3、确定网站风格6、网页中图像主要有 3种格式:GIF 、 JPEG 、 PNG7、 GIF 格式:优点:支持透明背景;支持动画;支持图形渐进;支持无损压缩。
《网页设计与制作》复习提纲一、考试方式:学校统一安排考试,闭卷二、考试时间:90分钟三、考试内容:以教材《网页设计与制作》为基础,以HTML语言为主要参考资料,请大家课外注意复习。
四、试题类型:选择题、判断题,简答题、设计题五、知识重点1)有关HTML的基础知识,如中文意思是什么?网页可以有那些开发工具?2)HTML用于描述功能的符号是什么?3)几种常用的标记符号如<HTML></HTML>、<Head></head><body></body>等等各有什么含义和作用?4) 有关颜色的基本知识:颜色是由哪三原色组合而成的?如何实现给背景添加颜色, 请设计几种方案;熟悉有关设计软件中的调色板及其使用方法。
写出实现红色的两种方法:代码或其他方案均可。
5)请熟悉FrontPage、flash、Dreamweaver等软件界面,及其相应区域的名称和作用。
例如:图一如图一所示,位置1是:标题栏;位置2是:文档所在的目录及文件名;位置3是: 网页编辑区; 标签选择器是:位置56)了解网址写法的规范和方法。
7)了解有关网页超连接方面的基础知识:种类、方法等。
8)了解网页使用图象方面的基础知识:可用图象种类、加载图象的方法。
9)试用HTML语言代码写出一个空白网页的基本代码,并指出相应的含义与作用。
10)能分析网页编制过程中出现的一些简单错误,并可以给出解决方案,如出现下面现象,如何处理:(1)将作好的网页拷贝到另一台机器上,结果发现网页上所有的图片都不显现(对应位置是个红叉);(2)网页中添加的音频效果,在另外机器上无法播出,提示找不到播放工具。
11)试代码写出在HTML 中实现动态字幕的方法,并将“欢迎光临我的主页”的字样加入到网页, 要求: 向右移动,背景红色,字体黄色, 字体大小三号, 循环移动.参考:……<body><marquee bgcolor=red direction=right > <font size="+3" color=yellow> 欢迎光临我的主页!</marquee></body> ……12)有关网页发布与维护方面的基础知识(1)有人做了一个网站,涉及很多资源,并且都在一个文件夹下面,从方便维护角度,你认为他这么处理好不好,你有什么建议?13)了解设计个人主页的基本步骤。
复习提纲1、常用html标签:<br/>换行标签、<p>段落标签、<td>单元格标签、<title>网页标题标签、<table>表格标签、<tr>表格的一行、<td>表格中的一个单元格、<body>网页主体标签(设置网页背景色应使用其bgcolor属性)、<a>超级链接标签2、构成网页基本结构的标签:<html><head></head><body></body></html3、dreamweaver的基本使用(第三章):工作视图模式:代码视图、拆分视图、设计视图。
(各有什么功能自己看书)常用面板:文件面板(可以显示当前站点的目录,文件名的命名应使用英文命名)、属性面板(设置网页元素的属性)(界面中如果没有出现某个面板,可以使用“窗口”菜单打开相应面板)常用操作:浏览网页的快捷键F12、换行不分段Shift+Enter网页文件的默认扩展名为.html4、第四章超链接超链接的概念:超链接可以看做是一个“热点”,它可以从当前网页定义的位置跳转到其他位置。
超链接的类型:根据超链接目标文件的不同,超链接可分为页面超链接、锚点超链接、电子邮件超链接等;根据超链接单击对象的不同,超链接可分为文字超链接、图像超链接、图像映射等。
(每种链接的功能及对应代码自己看书)超链接的目标设置:_self表示目标在原有窗口中打开,_blank表示目标在新的窗口中打开。
5、第五章表格添加表格时打开“表格”对话框,其中有哪些设置项目(自己在书上找答案)若要不显示表格的边框,其边框应设置为0。
合并单元格的操作:先选择要合并的单元格,然后单击属性面板中的合并单元格按钮。
如下的表格代码,是一个两行三列的表格:<table class="content" border="1"><tr><td>星期一</td><td>星期二</td><td>星期三</td></tr><tr><td>张三</td><td>李四</td><td>王五</td></tr></table>6、第六章行为行为的概念:行为是Dreamweaver内置的JavaScript程序库,由对象、事件和动作组成。
网页复习提纲_有页码《网页设计与制作》复习提纲第1章网页设计与制作基本知识1、网页的概念P1网页是用HTML语言语言编写,通过WWW传播,并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。
2、HTTP协议与统一资源定位符P13、何谓超文本P34、网页制作的常用工具软件有哪些P75、网页正文区<BODY></BODY>和文件头<HEAD></HEAD>的位置关系,文件头内的惟一一个必须出现的标记是哪一个标记?P10唯一一个必须出现的标记是<title>/</title>6、单标记和双标记的概念,HTML标记中哪些是单标记,哪些是双标记?P11起7、注释语句的含义,其正确书写格式P10<!—xxx-->8、HTML标记的常用属性的含义,例如大小尺寸、对齐方式、颜色值属性的书写方式。
P12起9、你是如何认识标题标记的?P1310、在HTML文件中实现换段和强制换行的不同,及分别使用哪个标记P14-1511、HTML中的常用标记的对应名称P12起12、插入多媒体对象的HTML语句的正确格式P15起13、超链接语句的相关知识P1714、表格标记的相关知识P18第2章FireworksCS4数码图像基本操作1、位图与矢量图的特点及常用格式是什么?P252、网页上常见的图像的格式及特点?P273、Fireworks默认的存储格式是?P27png4、选区的操作:加选、减选、全选、取消选择P45-465、图像优化P74第3章FireworksCS4网页高级应用1、切片的概念、优点及相关操作P89起2、交换图像的实现方法P95起3、元件、实例的概念及相关操作P101起4、按钮的状态及按钮的相关操作P105起第4章DreamweaverCS4网页制作基本操作1、Dreamweaver站点的概念和特点P1492、在文件面板中进行管理的功能有哪些P153起3、关于【远端站点】和【本地文件】的特点和概念P1514、哪些是HTML文档的基本属性及基本元素?P156设置网页基本属性的目的在于设置网页的外观效果,其基本属性包括网页标题、背景色、背景图像等。
1、Dreamweaver部分三剑客软件各自有什么作用Flash软件的功能是主要是制作flash动画Dreamweaver软件的功能是制作网页,支持现在流行的html,asp(静态网页文件扩展名),php,css(静态网页文件扩展名)等网页语言Fireworks软件的功能是处理素材以图像为主网页文件、flash文件、图片文件的扩展名网页文件.htm图片文件:bmp,jpg,dib,jpeg,png,jfif,jpe,tif,tiff,gif等动画文件:gif,flv,swf等IP地址的分类(每字节8位,共32位)考二进制等IP地址根据网络ID的不同分为5种类型,A类地址(一个A类IP地址由1字节的网络地址和3字节主机地址组成,网络地址的最高位必须是“0”)、B类地址(一个B类IP 地址由2个字节的网络地址和2个字节的主机地址组成,网络地址的最高位必须是“10”)、C类地址(一个C类IP地址由3字节的网络地址和1字节的主机地址组成,网络地址的最高位必须是“110”)、D类地址(D类IP地址第一个字节以“lll0”开始,它是一个专门保留的地址)和E类地址(以“llll0”开始,为将来使用保留)。
RL的概念URL由四部分组成:协议名,域名,端口号,文件保存路径。
通过URL可以指定的主要有以下几种:http、ftp、gopher、telnet、file等 ;URL即“统一资源定位符(Uniform Resource Locators)”,是Internet的文件命名系统。
HTML标签网页就是用HTML语言编写的超文本。
(<body>网页体、<br>换行、<p>分段、<font>字体变化等)站点类型:本地站点(本地硬盘)、远程站点(可以申请域名,空间)和测试站点(介于两者之间);建立本地站点的操作步骤;(1)启动Dreamweaver 8,单击“站点”|“新建站点”命令,系统将弹出定义站点对话框。
网页制作与设计期末复习资料1.互联网答:互联网是目前世界上最大的计算机通信网络,遍布全球,将世界上各种规模的计算机网络连接成一个整体,从而实现信息交流与共享,主要提供了WEB、BBS、TELNET、FTP等服务。
2.网络协议答:是一系列通信规则的总称,分为硬件协议和软件协议,主要包括用户数据与控制信息的结构和格式,需要发出的控制信息以及相应要完成的操作与响应,对事件实现顺序的详细说明等三部分内容。
3.TCP/IP 答:TCP即传输控制协议,工作在OSI模型中的传输层,用于建立和校验数据连接,而IP即网际协议,工作在OSI模型中的网络层,用于处理网络上一个主机到别一个主机的数据报路由选择。
4.IP地址答:通过IP层协议为互联网中的每一个网络和每一台主机所分配的惟一通信地址,它由32位二进制数表示,每8位为一组,以圆点“.”分隔,主要分为ABCDE五类IP地址。
5.DNS 答:DNS全称为Domain Name System,它实质上是一个分布式数据库,包括提出数据的标准格式,数据库查询方法,以及本地更新数据的标准方法。
6.WWW答:万维网(World Wide Web,www)又称全球信息网,简称WEB,是目前互联网上最流行的交互式信息查询服务。
7.网页答:网页即是基于超文本和超媒体的信息载体,它的核心是HTML8.WEB浏览器答:WEB浏览器是指一个运行在用户计算机上的程序,它负责下载、显示网页,因此称为www客户程序。
9.重心平衡答:重心平衡即页面重心反映网页上各种元素分布的协调程序,协调方式有对称布局与非对称布局两种形式。
10.WEB安全色答:WEB安全色指浏览器所能识别的00、33、66、99、cc、ff 六组数据任意选3种组合成的216种颜色。
11.抖动答:抖动指在WEB显示时,采用WEB安全色去替代予之相近网页元素颜色,而产生的颜色的偏差。
12.站点风格答:整个网站所采用的结构布局、色调、文字、标志、图案等要素带给浏览者的关于该网站的印象。
《网页设计与制作》复习提纲第一章:1、URL的结构和含义答:含义:统一资源定位器。
,即互联网上一个资源唯一的地址结构:协议://主机的域名:/端口/路径/文件名以及文件的扩展名2、叙述网站制作的流程答:确定主题、搜集材料、规划网站、制作网站、测试评估、正式上传、推销网站、维护更新3、网站规划的主要内容是什么?答:(1)主题栏的设置(2)目录结构设计(3)颜色搭配(4)网站标志logo(5)版面布局(6)图像的运用4、确定网站主题时一般要遵循哪些原则?答:(1.)主题鲜明。
一个网站必须要有一个明确的主题,在主题范围内做到内容全而精(2)明确设立网站的目的(3)体现自己的个性。
把自己的兴趣爱好尽情的发挥出来、突出自己的个性,办出自己的特色5、制作网站主要包括哪些步骤?答:(1)建立本地站点。
建立站点根文件夹,用于存放首页、相关网页和网站中的其他文件(2)在站点根文件夹下创建子文件夹。
为了使文件安排比较清晰,将页面文件和图像文件分开存放(3)向站点添加所需要的空网页(4)设计网页的尺寸(5)设置网页属性,也包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等第二章:1、HTML语言的含义和功能是什么?答:含义:超文本标记语言功能:(1)声明网页的整体框架(2)引用外部资源,通过地址的方式引用出来2、HTML语言的表单标记的属性中,GET和POST方式的区别是什么?答:get 方式的传输有数据上的限制,只能是一个个的。
而post 方式的传输没有数据量的限制,并以文件形式传输。
,把多的元素打包整体上传第三章:1、网站主页的文件名一般是什么?答:Index 或default2、什么是超级链接?有什么作用?答:在一个资源上面,内部包含一个指向其他文件的指针(内部包含的地址)作用:在用户需要的时候,指向的资源。
建立网页之间的联系3、在Dreamweaver MX 2004中,为网页添加标题有哪些方法?答:(1)直接在Dreamweaver MX 2004文档工具栏的“标题”框中输入新标题(2)选择【查看】【文件头内容】菜单命令,显示出文件头部分的内容,单击“标题”按钮,在属性面板框中输入新标题(3)单击文档工具栏上的恶“代码”按钮,然后在<title>和</title>标签中输入新标题(4)选择【修改】【页面属性】菜单命令,然后在页面属性对话框的“分类”中选中“标题、编码”,在标题中输入新标题4、创建本地站点的作用是什么?答:(1)把网站内的所有网页与相关的文件全部放在一起,以方便我们使用相对地址,链接方便,也方便管理(2)方便相对地址的移动第四章:1、网页中常用的图象格式有哪些?各自的特点是什么?答:(1)gif:格式采用非失真的压缩方式。
期末考试题型:单选70*1、多选10*10、判断40*0.5《网页设计与制作》复习提纲第1章网页的概念:网页是用HTML语言语言编写,通过WWW传播,并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。
(可用word、记事本、Dreamweaver等编辑)网页制作的常用工具软件有哪些?FrontPage、Dreamweaver、Fireworks首页和主页的异同点:(浏览网站时最先访问的页为首页、主页是整个网站的导航中心、首页和主页可以是同一页)网页正文区<BODY></BODY>和文件头<HEAD></HEAD>的位置关系,文件头内的惟一一个必须出现的标记是哪一个标记?单标记和双标记的概念,HTML标记中哪些是单标记,哪些是双标记?在HTML文件中实现换段和强制换行的不同,及分别使用哪个标记注释语句的含义,其正确书写格式HTML标记的常用属性的含义,例如大小尺寸、对齐方式、颜色值属性、字体标记的书写方式HTML中的常用标记的对应名称HTML中内置的标题标记有6级插入多媒体对象的HTML语句的正确格式<img src=“图像文件的路径”>属性border的默认值是0表格标记的相关知识超链接语句的相关知识在超链接语句<A href=/ Target=“?”> 中,属性Target可以有以下哪几项设置值?_blank _self _top第2章FW网页制作基础位图与矢量图的特点及常用格式是什么?.jpg(JPEG)、.gif(最多可以使用的颜色数是256)、.bmp网页上常见的图像的格式及特点?JPEG和GIF希望使图片的背景是透明的时候,应该使用的图像格式是什么?Fireworks默认的存储格式是?选区的操作:加选(shift键)、减选(Alt键)、全选、取消选择各种工具的使用,例如“橡皮图章”工具、“矩形”工具、椭圆”工具、“替换颜色”工具、“消除红眼”工具等等Fireworks生成动画时,帧延时设置默认为多少秒?图像优化第3章FW网页高级应用元件、实例的概念及相关操作:元件可分为图形元件、动画元件和按钮元件三种。
《网页设计与制作》考试大纲第一章网站设计概述掌握网站设计概述网页的组成超链接的概念网站设计流程第二章网站设计基础语言HTML掌握网站设计基础语言HTMLHTML文件结构编写HTML文件了解常见HTMl标签代表的意义;第三章 Dreamweaver8软件掌握1.1熟练掌握创建和管理本地站点的方法:1.1.1设计和规划站点;1.1.2 创建本地站点;1.1.3管理本地站点(打开站点,删除站点,复制站点,管理站点文件);1.2 熟练掌握编辑和修饰文档的各种方法:1.2.1新建空文档;1.2.2添加标题文字;1.2.3设置文字的格式;1.2.4添加背景颜色;1.2.5保存网页;1.2.6预览网页;1.2.7文档操作(创建文档,保存文档,打开文档,关闭文档);1.2.8设置文档属性(改变页面标题,定义背景图像或页面颜色,定义默认文本颜色,设置页面边距,设置文档解码方式,设置跟踪图像);1.2.9输入文本;1.2.10修饰文本;1.3 熟练掌握图像处理的各种方法:1.3.1插入图像;1.3.2设置图像(图像名称,图像宽度和高度,图像源,图像的超级链接,对齐方式,图像的替换文字,图像位置,图像边框);1.3.3用HTML代码控制图像属性;1.3.4插入其他对象(插入日期,插入水平线,插入轮换图像)。
1.4 熟练掌握层与样式应用:1.4.1层的操作(插入层,激活层,选中层,调整层大小,移动层,对齐层,嵌套层);1.4.2设置层的属性(名称、大小和位置,可见性,叠放次序,背景,标记,溢出处理,可见区域大小);1.4.3层与表格之间的转换;1.4.4CSS样式的创建和应用。
1.5 熟练掌握框架的应用:1.5.1创建框架;1.5.2选择和保存框架;1.5.3设置框架属性;1.5.4创建框架链接。
1.6 熟悉表单的应用:1.6.1创建表单(创建表单域,插入表单对象);1.6.2添加和设置表单对象(按钮,单选按钮,复选框,文本字段,列表框,文件域,图像域,隐藏域,跳转菜单)。
南宁市电子工程学校2013-2014年秋季网页制作期末考试B卷复习提纲第一章:1.万维网(World Wide Web)的缩写2.主页也称首页,是整个网站的起始点。
3.Dreamweaver是用于网页制作的软件。
4.Dreamweaver中的文档有三种视图,分别是:代码视图、拆分视图和设计视图。
5.在Internet上应用最为广泛的服务是WWW服务。
6.URL即统一资源定位器,也成Web地址,俗称网址。
7.文本和图像是构成网页的最基本元素。
8.HTML标签:<table>…</table> 表格标签<body>…</body>文件主体标签<img>…</img> 图像标签<I>…</I>字体倾斜标签<P>…</P>段落标签<font>…</font>文字属性标签<H1>…</H1>一级标题标签9.在客户端网页脚本语言中最常用的是JavaScript语言。
10.为了标识一个HTML文件,使用<html></html>进行标记。
11.HTTP表示超文本传输协议,CSS是层叠样式表。
12.保存并预览网页的快捷键是F12。
第二章:1.站点位于文件面板,即Dreamweaver通过文件面板管理站点。
2.图片和网页文件要放在统一文件夹内才能正常显示。
第三章:1.在文档中插入日期的方法是:选择【插入】/【日期】,打开【插入日期】对话框,设置日期的格式。
2.在文档中插入水平线的方法是:选择【插入】/【HTML】/【水平线】命令,插入水平线。
第四章:1.GIF格式的图像具有文件尺寸小、显示速度快等特点。
2.设置网页背景颜色和背景图片,在【页面属性】设置。
第五章:1.超链接是指从一个网页指向一个目标的连接关系。
在Dreamweaver中按目标端点不同,可创建:外部超级链接、内部超级链接、锚记超级链接;按源端点不同,可创建:文本超级链接、图像超级链接、表单超级链接。
网页设计复习提纲1、计算机图形主要分为两大类:位图图形和矢量图形;位图图形与分辨率有关,随着图形大小的变化位图图形的细节将会丢失。
矢量图形则与分辨率无关,任意的缩放图形不会影响图像的品质。
2、Dreamweaver mx的工作界面(重点)掌握:启动Dreamweaver mx,Dreamweaver mx的基本界面, Dreamweaver mx文档编辑窗口及主菜单,3、网站设计基本流程(重点)掌握:建设一个网站的基本流程。
4、创建框架(重点)掌握:框架属性的设置及作用(次重点)P1565、掌握:如何创建模板、定义模板的可编辑区域以及使用模板(了解)6、掌握如何插入各种元素(声音、Flash、图片等)7、了解Css的含义:CSS是一系列规则,用来控制页面内容的外观,包括精确的布局定位、特定的字体和样式。
8、网页设计的基本原则:网页设计制作最重要的一原则是:创意这个原则也可以看成是见面制作的根本,没有创意的网站不能算是成功的网站,而这样的站点也必将不能长期存在!除了创意之外,在网站设计时还需要考虑以下基本原则:内容要便于阅读(网站最大的目的是发布信息因此网页作为信息的载体就必须要做到便于阅读)注重色彩搭配(色彩先用拾配不当,会影响网站的访问量。
)要适当考虑不同浏览器\不同分辩率的情况(使用的电脑性能有高低,决定了要考虑不同浏览器和分辩率的问题)提供交互性(交互性的发展越来越引起人们的重视,个人商业都提供了交互服务,如聊天留言等)9、 CSS:即层叠样式表或级联样式表,是对HTML的重要扩展,在网页制作过程中起着非常重要的作用,掌握CSS能够有效地提高制作效率。
10、 CSS的作用:1、就是针对页面中的对象的风格和样式进行定义;2使得HTML各个标记的属性更具有一般性和通用性。
它的真正意义在于把对象真正HTML,样式单甚至超越了Web页面本身显示功能,而把样式扩展到多种媒体上,功能相当强大。
11、表格的概念及作用P13512、网页制作中图像的使用,DW支持的图片格式GIF JPEG BMP TIFF PNG等,其中使用最广泛的是GIF JPEG两种格式。
期末考试题型:单选、多选、判断
《网页设计与制作》复习提纲
第1章
网页的概念:网页是用HTML语言语言编写,通过WWW传播,并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。
(可用word、记事本、Dreamweaver等编辑)
网页制作的常用工具软件有哪些?FrontPage、Dreamweaver、Fireworks
首页和主页的异同点:(浏览网站时最先访问的页为首页、主页是整个网站的导航中心、首页和主页可以是同一页)
网页正文区<BODY></BODY>和文件头<HEAD></HEAD>的位置关系,文件头内的惟一一个必须出现的标记是哪一个标记?
单标记和双标记的概念,HTML标记中哪些是单标记,哪些是双标记?
在HTML文件中实现换段和强制换行的不同,及分别使用哪个标记
注释语句的含义,其正确书写格式
HTML标记的常用属性的含义,例如大小尺寸、对齐方式、颜色值属性、字体标记的书写方式
HTML中的常用标记的对应名称
HTML中内置的标题标记有6级
插入多媒体对象的HTML语句的正确格式
<img src=“图像文件的路径”>
属性border的默认值是0
表格标记的相关知识
超链接语句的相关知识
在超链接语句<A href=/ Target=“?”> 中,属性Target可以有以下哪几项设置值?_blank _self _top
第2章FW网页制作基础
位图与矢量图的特点及常用格式是什么?
.jpg(JPEG)、.gif(最多可以使用的颜色数是256)、.bmp
网页上常见的图像的格式及特点?JPEG和GIF
希望使图片的背景是透明的时候,应该使用的图像格式是什么?
Fireworks默认的存储格式是?
选区的操作:加选(shift键)、减选(Alt键)、全选、取消选择
各种工具的使用,例如“橡皮图章”工具、“矩形”工具、椭圆”工具、“替换颜色”工具、“消除红眼”工具等等
Fireworks生成动画时,帧延时设置默认为多少秒?
图像优化
第3章FW网页高级应用
元件、实例的概念及相关操作:
元件可分为图形元件、动画元件和按钮元件三种。
元件是基于文件的,放在文档库。
实例作为元件的表示形式,会随着元件的修改或删除而自动被修改或删除。
但实例的修改不会影响元件。
URL:统一资源定位符
切片的优点及相关操作
按钮的状态及按钮的相关操作
第4章DW网页制作基础
如果想更改工作区,可以使用“编辑”菜单中的什么命令切换到一种不同的工作区?(首选参数)
Dreamweaver站点的概念和特点
设置Dreamweaver站点的方法只有一种(错误)
在文件面板中进行管理的功能有哪些?
关于【远端站点】和【本地文件】的特点和概念
文档窗口:显示当前创建和编辑的网页文档,是用户在Dreamweaver CS4设计网页的主要工作区。
在该工作区中可以进行输入文字、插入图片等多媒体资源、设置超链接等工作,也可以对整个页面进行处理。
有"设计"视图、"代码"视图、"拆分"视图,要在两个视图之间快速切换,可按快捷键[Ctrl]+[~]。
哪些是HTML文档的基本属性?
插入图像可以选择哪些方法。
网页中添加换行符的方法?
锚链接的前导符是什么?
超级链接属性面板中的目标选项默认的情况下有哪四个选项?分别代表什么?
第5章DW网页布局应用
在Dreamweaver中插入表格的实现方法。
表格的不同查看模式。
表格的组成元素。
如何选取表格元素?
如何设置表格宽度?
如何设置表格高度?
可用哪些单位来度量表格的宽度或高度?
你是怎么理解表格的边框粗细的?
你是怎么理解表格的单元格边距的?单元格内容与单元格左、右边界所持的距离你是怎么理解表格的单元格间距的?
嵌套表格的制作方法。
如何合并表格中的单元格?
何谓框架集?何谓框架?
一个框架集对应着一个网页文档
在Dreamweaver中,基于框架技术来设计网页时,可把浏览器窗口分割成多个区域,并在每个区域中显示出不同的网页内容。
此时,mainframe是网页中最主要的区域。
一个Dreamweaver模板文档的文件扩展名是什么?
在Dreamweaver中,模板与站点的关系。
1)模板一定存在于站点中;
2)模板可使站点的网页风格保持一致性,站点不一定非得包含有模板不可。
表格中单元格的合并与拆分方法
可在文件面板中还可查看到当前站点所包含的模板。
创建网页模板的方法。