Web考点
一、判断、单选（20*2’）、填空
1、Window对象表示一个浏览器窗口或一个框架，在JavaScript中，Window对象是全局对
象，所有的表达式都在的那个齐纳的环境中计算。就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来声明。例如，可以只写document 和alert，不必写成window.document和window.alert（）。
2、Document对象
每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。
提示：Document对象是Window对象的一部分，可通过window.document属性对其进行访问。又代表了整个HTML文档，可以来访问网页中的页面中的所有元素。
Document.childNodes 包含着document.documentElement
3、JavaScript不可以增加类型（弱类型）。C#是强类型语言，声明变量要指定类型。
4、Html.CSS.DOM标准是由https://www.doczj.com/doc/0919337705.html,指定的。
JavaScript标准是由Ecma制定的。
C#、https://www.doczj.com/doc/0919337705.html,由微软制定的。
5、Hypertext transport protocol——HTTP协议。
超文本传送协议，是万维网（world wide web）交换信息的基础。它允许将超文本标记语言（HTML）文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。
6、相对路径（Relative Path）
(1)如何表示同级目录的文件
2.html和
3.html在同一个文件下，如果2.html链接到3.html，可以在2.html中这样写：
../代表一级上级目录路（间隔一个目录） ../../代表二级上级目录（间隔两个目录），比如4，html链接到1.html，可以在4，html中这样写：链接到上级目录的上级目录中的文件。
(2)如何表示下级目录文件
2.html和
3.html是1.html的下级目录中的文件，如果在1.html中链接到2.html，可以在1.html中这样写：链接到下级目录（first）中的文件；
如果在 1.html中链接到 4.html，可以在 1.html中这样写：链接到下级目录（first/second）中的文件。
7、绝对路径（Absolute Path）
(1)绝对路径就是带有网址的路径，比如你有一个域名https://www.doczj.com/doc/0919337705.html,和一个网站空间，上面的四个文件就可以这么表示：
(2)根目录
使用根目录的方式表示的路径和绝对路径的表示方式相似，去掉前面的域名即可。
提示：使用根目录和绝对目录的好处是表示路径比较简单，都是从网站的最开始目录里查找，一级一级的向下查。确定是程序不容易移植（比如把网站作为另一个网站的一个栏目，移动到一个新的文件夹中就不行了。）
8、Target=“-blank”；在新的浏览器中打开。
9、页内链接通常被用于篇幅很大的文档的开头创建“目录”——文档中的每一节被给与一个
书签标记，而文档的顶部放置链向这些书签标记的页内链接。
书签标记语法：any content
转向一个书签标记语法：link text
this charter discusses ……
11、
强制换行
12、表单元素：文本框（text）、密码框（password）、单选框（radio）、复选框（checkbox）、
列表框（select）、按钮（button）、多行文本框（textareaa）
元素的属性：type、name、value、size、maxlength、cheked。
13、用于显示特殊字符的字符实体：
（空格）>（大于）<（小于）&quto（引号）©（版权号）
14、预格式文件
标签：用于预先显示在html代码中已定义好的文本pre标记（pre-formatted的简写），回车、换行、空格会显示出来。
二、名词解释
1、DOM：文件对象模型（Document Object Model），是HTML文档对象模型定义的一套
标准方法，用来访问和操纵HTML文档。
2、URL：统一资源定位符（URL）是用于完整的描述Internet上网页和其他资源的地址的一
种标识方法。
3、B/S结构：（Browser/Server，浏览器/服务器模式）是Web兴起后的一种网络结构模式，
Web浏览器是客户端最主要的应用软件。（P12）
4、AJAX：是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
5、https://www.doczj.com/doc/0919337705.html,：是一种使嵌入网页中的脚本可由因特网服务器执行的服务器端脚本技术。
6、HTTP：一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万
维网文档的数据传送协议
三、问答
1、HTML selector
HTML selector 就是HTML的tags，比如p、div、td 等。如你用CSS来定义它们，在整页中，这个tag的性质就按照你的定义来显示了。语法如下：
tag{ property:value }
例如我们想叫H1的颜色是红色的，那么H1{color:red}
CSS的一个特点，它可以定义好几个selector在一个rule里，如：H1，H2，TD{color:red}这个定义能让所有的H1、H2和TD的颜色都为红色。
2、Class selector
Class selector有两种：（1）相关class selector，它跟一个HTML的tag有关系。语法为：tag.ClassName{property：value}
比如我们想叫一些而不是全部H2的颜色是红色，那么
This is H2
This is H2
This is H2
This is red H2
（2）独立class selector，它可以被任何HTML tag所应用。
语法为： .ClassName{property：value}
假如我们有以下定义：.blueone{color:blue}
那么我们可以把它应用到不同的Tag当中去。比如：
Blue H2
Blue paragraph
Blue H2
Blue paragraph
显然class selector给了我们更多的自由。
3、ID selector
ID selector其实跟独立class selector的功能一样。而区别在于它们的语法和用法不同，以及对于Javascript操纵HTML元素有帮助。它的语法如下：
#IDname{property:value}
假如我们有下面的定义:#yellowone{color:yellow}
我们可以运用这个定义到任何的有同样ID名字的tag，比如：
text here
Text here
4、CSS selector
CSS常用属性：（font）
大小font-size：x-large(特大)；xx-small(极小)；一般中文用不到，只要用数值就可以，单位：PX、PD
样式font-style:oblique(偏斜体);italic(斜体);normal（正常）
行高line-height：normal（正常）；单位：PX、PD、EM
粗细font-weight：bold（粗体）；lighter（细体）；normal（正常）
变体font-variant：small-caps（小型大写字母）；normal（正常）
大小写text-transform：capitalize（首字母大写）；uppercase（大写）；lowercase（小写）；
none（无）
修饰text-decoration:underline(下划线)；overline(上划线)；line-through(删除线)；blink(闪烁)
常用字体：（font-family）
Courrier New,Courier,monospace,Times New Roman,Times,serif,Arial,Helvetica,sans-serif,Verdana.
背景属性：（background）
色彩background-color:#FFFFFF;
图片：background-image:url();
重复:background-repeat:no-repeat;
滚动：background-attachment:fixed(固定);scroll（滚动）;
位置;background-position:left(水平);top（垂直）;
简写方法:background:#000 url(…)repeat fixed left top;
区块属性：（Block）
字间距letter-spacing:normal;数值
对齐text-align:justify(两端对齐)；left(左对齐)；right(右对齐)；center(居中)；
缩进text-indent:数值px
垂直对齐vertical-align:baseline(基线)；sub(下标)；super(上标)；top;text-top;middle;bottom’text-bottom
词间距word-spacing:normal;数值
空格white-space:pre(保留)；nowrap(不换行)
显示display:block(块)；inline(内嵌)；list-item(列表项)；run-in(追加部分)；compact(紧凑)；marker(标记)；
Table;inline-table;table-raw-group;table-header-group;table-footer-group;table-colu mn-group;table-column;table-cell;table-caption;(表格标题)
方框属性：（Box）
Width:;height:;float:;clear:;both:;margin:;padding:; 顺序：上右下左
边框属性：（Border）
Border-style:dotted;(点线)dashed(虚线)；solid;double(双线)；groove(槽线)；ridge(脊状)；inset;(凹陷)outset;
Border-width:;边框宽度border-color:#....;边框颜色
简写方法：border:width style color;
列表属性：（List-style）
类型list-style-type:disc;(圆点) circle；（圆圈）square（方块）；decimal（数字）；lower-Roman；（小罗码数字）upper-roman;lower-alpha; upper-alpha;
位置list-style-poaition:outside; inside;
图像：list-style-image:url(..);
定位属性：（Position）
Position: absolute; releative; static;
Visibility: inherit; visible; hidden;
Overflow: visible; hidden; scroll;auto;
Clip: rect(12px,auto,12px,auto)(裁切)
数据类型
1、undefined类型
只有一个值，即underined。当声明的变量为初始化时，该变量的默认值是undefined。
Var name;
Alert (name);//undefined
Alert (age);//错误：age is not defined
复制代码
还没声明过的变量只能执行一项操作，其他全都不能做，就是使用typeof操作符检测其数据类型。
Var width;
2、null类型
只有一个值的类型是null，是一个表示“什么也没有”的占位符，可以用来检测某个变量值否被赋值。
Undefined是声明了变量但未对该量赋值，null则对该变量赋予了一个空值，注意：undefined 值是派生自null的，所以对他们执行相等测试会返回true，如：alert（null == undefined）;//true
3、Boolean类型
这个类型只有俩个值：true 和false
Var bfound=true; var blost=false;
4、String类型
字符串可以由单引号或双引号表示，在Javascript中这两种引号是等价的。
5、Number类型
ECMA-262中定义的最特殊的类型，这种类型既可以表示32位的整数还可以表示64位的浮点数。
直接输入的（而不是从另一个变量访问的）任何数字都被看做number类型的字面量。例如，下面的代码声明了存放整数值的变量，他的值的字面量86定义：var iNum = 86;
八进制数和十六进制数
整数也可以表示为八进制（以8为底）或十六进制（以16为底）的字面量。八进制字面量的首数字必须是0，其后的数字可以是任何八进制数字（0-7），如下面的代码所示：
Var iNum = 070;//070等于十进制的56
要创建十六进制的字面量，首位数字必须是0，后面接字母x,然后是任意的十六进制数字（0到9和A到F）。这些字母可以是大写的也可以是小写的，例如;
Var iNum = 0xlf//0xlf等于十进制的31
Var iNum = 0Xab;//oxAB等于十进制的171。
代码：
1-n的和：
或
Var s=function(n){
Var r=0;
for(var i=1;i<=n;i++){
r+=i;
}
return i;
};
1-n偶数和：
Var s =function(n){
Var r= 0;
for(var i=0;i<=n;i++){
if(i%2)==0{
r+=i ;
}
｝
Return r;
};
document.write(s(100));
1-n平方和
Var s=function(n){
Var r=0;
for (var i=1;i<=n;i++){
r+=i*i;
}
Return r;勤劳的蜜蜂有糖吃
};
Document.write(s(100));
网页设计与制作教案
《网页设计与制作教案》 湄洲湾职业技术学院 2008-2009学年第一学期 教师：唐俊奇 系部：信息技术工程系 专业：计算机应用电子信息 班级：计机07（1）信息07（1）08（2）
第一讲网页设计概述 【教学内容】 讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】 使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。 【教学重点】 网页设计中的若干术语。 【教学难点】 理解网页设计中的若干术语。 【教学方式】 讲授式、讨论式、案例分析式。 【教学参考】 1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。 2、《Internet 网页工场》Wittime工作室重庆出版社。 3、《WEB网站设计》Joel Sklar著高等教育出版社。 4、《HTML网页制作教程》材义语编著铁道出版社。 【新课内容】 1.1 WWW和URL 1.1.1 Web的起源 Web是World Wide Web的简称，一般也称之为WWW或3W 1.1.2 Web的特点和结构 Web最大的特点是使用了超文本（Hypertext） WWW采用C/S（客户机/服务器）工作模式 在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 1.1.3 URL URL的完整格式 协议://主机名或IP地址：端口号/路径名/文件名 1.2 IE5的使用 Web浏览器是浏览Internet资源的客户端软件 在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic 等 1.2.1 IE5的界面 1.2.2 IE5的使用
网页设计与制作实例教程
网页设计与制作实例教程 习题答案 第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．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。 参考答案： （1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间； （2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间； （3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.doczj.com/doc/0919337705.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。 参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.doczj.com/doc/0919337705.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可） 参考答案： （1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.doczj.com/doc/0919337705.html,（此处也可输入IP地址）； （3）http：如https://www.doczj.com/doc/0919337705.html,/； （4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组； （5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.doczj.com/doc/0919337705.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。 参考答案： （1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.doczj.com/doc/0919337705.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/0919337705.html,”命令并回车； （3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/0919337705.html,”命令并回车； （4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？ 参考答案： （1）计算机地址拼写错误（主机名或IP地址错误）； （2）远程计算机暂时不能使用； （3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。 您的答案： 答：将https://www.doczj.com/doc/0919337705.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？ 参考答案： （1）主题图形式； （2）信息发布式； （3）介于两者之间的风格。
网页设计与制作
Web考点 一、判断、单选（20*2’）、填空 1、Window对象表示一个浏览器窗口或一个框架，在JavaScript中，Window对象是全局对 象，所有的表达式都在的那个齐纳的环境中计算。就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来声明。例如，可以只写document 和alert，不必写成window.document和window.alert（）。 2、Document对象 每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。 提示：Document对象是Window对象的一部分，可通过window.document属性对其进行访问。又代表了整个HTML文档，可以来访问网页中的页面中的所有元素。 Document.childNodes 包含着document.documentElement 3、JavaScript不可以增加类型（弱类型）。C#是强类型语言，声明变量要指定类型。 4、Html.CSS.DOM标准是由https://www.doczj.com/doc/0919337705.html,指定的。 JavaScript标准是由Ecma制定的。 C#、https://www.doczj.com/doc/0919337705.html,由微软制定的。 5、Hypertext transport protocol——HTTP协议。 超文本传送协议，是万维网（world wide web）交换信息的基础。它允许将超文本标记语言（HTML）文档从Web服务器传送到Web浏览器。HTTP允许输入任意类型的数据对象。正在传输的类型由Content-Type加以标记。 6、相对路径（Relative Path） (1)如何表示同级目录的文件 2.html和 3.html在同一个文件下，如果2.html链接到3.html，可以在2.html中这样写：同目录下文件间互相链接； ../代表一级上级目录路（间隔一个目录） ../../代表二级上级目录（间隔两个目录），比如4，html链接到1.html，可以在4，html中这样写：链接到上级目录的上级目录中的文件。 (2)如何表示下级目录文件 2.html和 3.html是1.html的下级目录中的文件，如果在1.html中链接到2.html，可以在1.html中这样写：链接到下级目录（first）中的文件； 如果在 1.html中链接到 4.html，可以在 1.html中这样写：链接到下级目录（first/second）中的文件。
网页设计与制作模板
存档资料成绩： 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日
课程设计评阅意见 评阅人__________职称________ 年月日
目录 第1章课程设计任务书 (1) 一、课程设计题目设计个人网站主页 (1) 二、课程设计工作： (1) 三、课程设计的内容要求： (1) 1、课程设计要求 (1) 2、课程设计内容 (1) 第2章课程设计目的 (3) 第3章课程设计内容 (4) 设计一选题的基本原则 (4) （1）选题应反映本专业的培养目标，符合专业综合训练的要求。 (4) （2）选题要有利于深化所学的专业知识和拓展所学的知识面。 (4) （3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。 设计二选题范围 (4) 设计三选材 (4) 设计四正确运用DW和Ps (4) 设计五课程设计心得 (4) 第4章课程设计步骤 (5) 设计一查找相关资料 (5) 设计二利用Ps进行切片 (5) 设计三利用DW编辑 (6) 设计四利用DW的站点功能上传或用FTP工具上传站点 (8) 第5章课程设计心得 (10) 第6章参考文献 (11)
第1章课程设计任务书 专业电子商务班级（1）班姓名肖恢邦 一、课程设计题目设计个人网站主页 二、课程设计工作： 自 2011 年 6 月 12 日起至 2011 年 6月 20 日止 三、课程设计的内容要求： 1、课程设计要求 （1）通过课程设计把课堂上讲的内容融会贯通，掌握表格在网页布局中的特点及应用，掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然，整体界面美观大方，简洁高效，使之达到界面动与静的搭配合理，动而不乱，静而不僵和谐效果。 2、课程设计内容 （1）设计一选题的基本原则。 （2）设计二选题范围。 （3）设计三选材。 （4）设计四正确运用DW和Ps。 （5）设计五课程设计心得。
《网页设计与制作》课程概述
《网页设计与制作》课程概述： 栏目介绍：课程栏目包括除课程概述之外，还有教学大纲、主讲 教师、学习课件、学习资料、在线练习、留言板、友情链接。 课件内容介绍： 《网页设计与制作》是一门理论与实践技能并重的课程，本 课程主要介绍第一章至第五章的内容。部分教学内容如下： 第一章 网页设计基础 第二章 HTML基础 第三章 表格 第四章 框架 第五章 使用AP Div元素 本课程五章内容共分为三十六个课时， 上下课时的内容相互联系 相互影响。 第一章： 第1课时、基本概念 第2课时、网站分类 第3课时、网页页面布局 第4课时、网站制作流程 第5课时 网站策划书
第6课时、常用网页设计技术 第7课时、常用网页设计工具 第8 课时、网站建设流程 第9 课时平台规划 第二章; 第10 课时 HTML 第11 课时 HTML 的基本构成标记 第12 课时 强制换行标记、段落标记 第13 课时文本标记 第14 课时 列表标记 第15 课时 层标记和表单标记 第16 课时 框架的应用 第17 课时 rows 属性和cols属性说明 第三章： 第18 课时 在页面中创建表格 第19 课时 表格的基本操作 第20 课时 设置表格属性 第21 课时 使用表格对网页进行布局 第四章： 第22 课时 认识框架和框架集 第23 课时 创建和保存框架集 第24 课时 编辑框架
第25 课时 设置框架和框架集属性 第26 课时 框架标签 第五章： 第27 课时 AP Div概述 第28 课时 创建 AP Div元素 第29 课时 设置 AP Div元素的属性 第30 课时 “属性”面板中各项含义 第31 课时 AP 元素面板 第32 课时 调整AP Div 的大小 第33 课时 更改AP Div 的堆叠顺序 第34 课时 嵌套AP元素 第35 课时 对齐AP元素 第36 课时 将AP Div元素转换为表格 第37 课时 将表格转换为 AP Div 元素 第38 课：AP Div 标签 第39 课时 CSS与Div标签 第40 课时 设置 Div属性 教材介绍： 所用教材是《网页设计与制作基础教程》，其内容丰富，结 构清晰，语言简练，图文并茂，具有很强的实用性和操作性，可 作为高等院校计算机相关专业的教材，也可作为广大动态网站开
《网页设计与制作》课程标准
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1．熟悉HTML 语言的作用和开发环境，能够编写HTML 代码； 2．掌握常用的HTML 标签，能够实现基本的图文信息显示； 3．理解HTML 页面框架的作用，能够针对需求进行框架的设计； 4．掌握各类HTML 表单元素标签，能够进行表单设计；
5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计； 6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局； 8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。 2.职业技能目标 1．能独立进行资料收集与整理、具备用户需求的理解能力； 2．能根据项目需求，具备项目页面的设计与实现能力； 3．能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力； 5．能根据DOM 树形结构，进行页面DOM 的控制； 6．具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1．养成善于思考、深入研究的良好自主学习的习惯； 2．通过项目与案例教学，培养学习者的分析问题、解决问题的能力； 3．具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力； 4．通过课外拓展训练，培养学习者的创新意识； 5．具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求
网页设计与制作总结
网页设计与制作 实训报告 班级：多媒体152 姓名：张莉钧 学号： 指导老师：薛杨王淑惠 实训时间：6.20——6.24 一、实训目的： 1、进一步熟悉和掌握网站建设的基本流程和技术规范； 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 5、具备独立撰写实训报告基本能力； 6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予 以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础 二、实训项目——特色美食餐厅网站设计 1、网站主题 我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字。同时，查 询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。 3、网站规划 我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。 三、网页设计工具使用 1、Dreamweaver——我们使用它做网页的主要布局。 2、Photoshop——我们使用它做网页图片的处理以及logo的制作。
《网页设计与制作基础》实验指导
实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览； 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统，内部组成局域网，外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上（如网页制作大宝库https://www.doczj.com/doc/0919337705.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 个像素，颜色为棕色；网页设计与制作试题及答案精选范文
《网页设计与制作》期末考试试题 一、单项选择题(本大题共15小题，每小题2分，共30分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、