第一套 静态网页设计初步
Web前端技术发展简史
Web前端技术发展简史1、静态页⾯阶段那是1990年的12⽉25⽇，恰是西⽅的圣诞节，Tim Berners-Lee在他的NeXT电脑上部署了第⼀套“主机-⽹站-浏览器”构成的Web系统，这标志BS架构的⽹站应⽤软件的开端，也是前端⼯程的开端。
1993年4⽉Mosaic浏览器作为第⼀款正式的浏览器发布。
1994年11⽉，⿍⿍⼤名的Navigator浏览器发布发布了，到年底W3C在Berners-Lee的主持下成⽴，标志着万维⽹进⼊了标准化发展的阶段。
这个阶段的⽹页还⾮常的原始，主要以HTML为主，是纯静态的只读⽹页。
2、Javascript诞⽣及第⼀次浏览器战争1995年，NetScape公司的⼯程师Brendan Eich设计了javascript脚本语⾔，并集成到了navigator2.0版本中。
随后微软也意识到了javascript 的潜⼒，并模仿开发VBScript和JScript应⽤到了IE中，这直接开启了NetScape和微软的浏览器竞争。
由于微软的IE集成在windows操作系统上的优势，NetScape的navigator很快在浏览器市场上落于下风。
于是他们把javascript提交到了ECMA，推动制订了ECMAScript标准，成功实现了javascript的标准国际化。
虽然第⼀次浏览器战争最后IE⼤胜Navigator，但是NetScape 的javascript主导了W3C的官⽅标准。
3、动态页⾯的发展Javascript的诞⽣之初，就给⽹页带来了⼀些跑马灯、浮动⼴告之类的特效和应⽤，让⽹页动了起来。
但是⽹页真正开始向动态交互发展的开端，却是PHP、JSP和ASP为代表的后端动态页⾯技术的出现。
这些服务器端的动态页⾯技术使得⽹页可以获取服务器的数据信息并保持更新，推动了Google为代表的搜索引擎和各种论坛的出现，万维⽹开始快速发展。
服务器端⽹页动态交互功能的不断丰富，伴随的是后端逻辑的复杂度快速上升，代码越来越复杂。
《静态网页基本操作》课件
通过安装插件可以支持CSS样式编辑。
JavaScript编辑器
1 2
Visual Studio Code
支持JavaScript的语法高亮、智能提示和调试功 能。
Eclipse
一款流行的Java集成开发环境，也支持 JavaScript开发。
3
WebStorm
一款专业的JavaScript开发工具，提供丰富的代 码提示和自动完成功能。
使用JavaScript实现动态效果
总结词
了解JavaScript基础
详细描述
介绍JavaScript的基本语法和用法，以及如何使用JavaScript在静态网页中实现动态效果，如轮播图、 表单验证等。
谢谢观看
静态网页与动态网页的区别
动态网页的内容会根据用户的 操作或输入实时生成，而静态 网页的内容是预先确定的。
动态网页通常需要后端编程和 数据库支持，而静态网页则不 需要。
动态网页可以根据用户的个性 化需求展示不同的内容，而静 态网页的内容对所有用户都是 相同的。
02
静态网页开发工具
HTML编辑器
记事本
04
CSS基础
CSS选择器
01
02
03
04
元素选择器
根据HTML元素选择要应用样 式的元素，例如p、h1等。
类选择器
通过在HTML元素的class属 性中指定类名来选择元素，例
如.myClass。
ID选择器
通过在HTML元素的id属性中 指定ID来选择元素，例如 #myID。
属性选择器
根据元素的属性来选择元素， 例如input[type="text"]选择 所有类型为文本的输入框。
静态网页制作教程入门级
JavaScr ipt 简 介
JavaScript是 一种脚本语言
JavaScript主 要用于增强网
页交互性
JavaScript可 以与HTML和 CSS结合使用
JavaScript可 以用于实现各 种动态效果和
交互功能
JavaScr ipt 基 本 语 法
添加标题
JavaScript概述
添加标题
HTML发展历程：从HTML 1.0到HTML5，经历了多个版本的发展和改进。
HTML基本结构：包括DOCTYPE声明、HTML元素、头部元素和主体元素等。
HTML常用标签：如标题标签、段落标签、链接标签、图像标签等。
HTML基 本 结 构
HTML文档的基本结构
HTML标签的分类与作用
HTML属性的定义与使用
发布网页到互联网上
注册域名 购买主机 上传网站文件 设置DNS解析
如何让搜索引擎找到你的网页
优化网页标 题和描述
优化网页内 容
优化网页 URL
提交网站到 搜索引擎
汇报人：
“写作前的准备”为标题的内容 • 写作前的准备 • 确定写作目标和主题 • 收集相关资料和素材 • 制定写作计划和提纲 • 准备好写作工具和环境
添 加 JavaScr ipt 代 码
JavaScript代码的 基本语法
在HTML文件中添 加JavaScript代码
JavaScript代码的 常用功能
互和动态更新
文件扩展名： 以.html、.htm、.shtml、 .xml等为扩展名
加载速度快：由于静态网页 不需要服务器处理，因此加
载速度相对较快
静态网页与动态网页的区别
定义：静态网页 是预先编写好的 HTML文件，而 动态网页则是根 据用户输入或系 统数据动态生成 的内容
【教学课件】第1章 网页设计初步
用操作。
“文档窗口”：显示当前创建和编辑的文档。
“属性面板”Βιβλιοθήκη 用于查看和更改所选对象的各种属性。
“文件面板”：可以管理文件和文件夹。文件面板还可以访问 本
地磁盘上的全部文件，类似于Windows资源管理器。 其他面板。这些面板使用时展开，不用时通常被设置为折叠或
其格式为：
通讯协议：//服务器地址[：通讯端口]/[路径]
例如，/ 就是典型的 URL地址
2021/8/17
3
1.1.4 什么是DNS
DNS是“Domain Name Service” 的缩写， 通常翻译为“域名管理系统”，简称为域名， 它采用分层管理模式，用于将机器的名称转 变成 IP 地址。 DNS使用阶层式的命名标准。 此阶层的运作方式是由右而左，在右边的表 示最高等级。如下图所示：
▪ 文档工具栏：包含按钮和弹出式菜单，它们提供 各种文档窗口视图，如“设计”视图和“代码” 视图、各种查看选项和一些常用操作。
▪ 文档窗口：显示当前创建和编辑的文档。 ▪ 属性面板：用于查看和更改所选对象的各种属性。 ▪ 文件面板：可以管理文件和文件夹。文件面板还
可以访问本地磁盘上的全部文件，类似于 Windows资源管理器。 ▪ 其他面板。这些面板使用时展开，不用时通常被 设置为折叠或关闭状态。如下图中的“CSS”、 “应用程序”和“标签检查器”等
6. “字体”标记
字体标记的格式为<font>和</font>，用来设置网页中文字的各种 属性，比如字体，大小，颜色等。
7. “表格”标记
格式为<table>和</table>，用来在网页中插入表格。
静态网站建设 第四版 第一章 网页设计基础
1.1.1 Internet简介
Internet是一个全球性的计算机互联网络，中文名称 为“国际互联网”或“因特网”，是指将两台计算机或者 是两台以上的计算机终端、客户端、服务端通过计算机信 息技术手段互相联系起来，人们可以与远在千里之外的朋 友相互发送邮件、共同完成一项工作、以实现资源共享。
— 5—
— 14 —
第一章 网页设计基础
1.3 网页创意设计
1.3.1 什么是创意
创意并不是天才者的灵感，而是思考的结果。创意是 将现有的要素重新组合，是引人入胜、精彩万分、出奇不 意的想法；创意是捕捉出来的点子，是创作出来的奇招。 在网页设计中，创意的中心任务是表现主题。因此，创意 阶段的一切思考，都要围绕着主题来进行。
1.3 网页创意设计
1.2.5 图像
图像在网页中具有提供信息、展示形象、装饰网页、 表达个人情趣和风格的作用。图像是文本的说明和解释， 在网页适当位置放置一些图像，不仅可以使文本清晰易读， 而且使得网页更加有吸引力。网页中可以使用GIF、JPEG、 和PNG等多种图像格式，其中使用最广泛的是GIF和JPEG 两种格式。
1.1 网络基础知识
— 7—
1.1.3 什么是网页
网页又称HTML文件，是一种可以在网络上传输，能 被浏览器认识和翻译成页面并显示出来的文件
在网站设计中，纯粹HTML格式的网页通常被称为 “静态网页”。静态网页是相对于动态网页而言，是指没 有后台数据库、不含程序和不可交互的网页。静态网页是 网站建设初期经常采用的形式。
— 8—
第一章 网页设计基础
1.2 网页基本构成要素
1.2.2 Banner
Banner是网站横幅广告，是互联网广告中最基本的广 告形式。通常用于宣传网站的某个栏目或活动，为了能吸 引更多的注意，一般都制作成动画形式。Banner可以位于 网页顶部、中部或底部任意位置。常见的尺寸是480×60 像素或233×30像素。
设计静态网页知识点
设计静态网页知识点在设计静态网页时，你需要了解一些基本的知识点，以确保你能够创建出整洁美观、功能齐全的网页。
下面将介绍一些重要的知识点。
一、HTML基础知识HTML（超文本标记语言）是网页的基础，它用于描述网页的结构和内容。
在设计静态网页时，你需要了解以下几个重要的HTML标签：1. <!DOCTYPE>：定义文档类型。
2. <html>：定义HTML文档。
3. <head>：定义文档的头部分，包含网页的元数据。
4. <title>：定义网页的标题。
5. <body>：定义文档的主体部分，包含网页的内容。
6. <h1> - <h6>：定义标题。
7. <p>：定义段落。
8. <a>：定义链接。
9. <img>：定义图像。
10. <div>：定义文档区块。
二、CSS样式CSS（层叠样式表）用于美化网页，控制网页的样式和布局。
以下是一些常用的CSS属性：1. color：定义文本颜色。
2. font-size：定义字体大小。
3. background-color：定义背景颜色。
4. margin：定义元素的外边距。
5. padding：定义元素的内边距。
6. border：定义元素的边框样式。
7. text-align：定义文本的对齐方式。
8. display：定义元素的显示类型。
三、响应式设计在设计静态网页时，需要考虑不同设备和屏幕大小的适配。
响应式设计可以使网页在各种设备上都能良好显示。
以下是一些常用的响应式设计技巧：1. 使用媒体查询（@media）来根据屏幕大小应用不同的CSS样式。
2. 采用流式布局，使用百分比和弹性盒子（Flexbox）来设置元素的尺寸和位置。
3. 使用图标字体（Icon Fonts）代替图像，以适应不同分辨率的屏幕。
四、网页优化在设计静态网页时，需要注意网页的性能和加载速度。
网站开发(第2章) 静态网页设计PPT课件
§2.6 插入多媒体对象
二、插入声音
设置网页背影音乐：
<bgsound src="1.mp3" loop="-1" volume="-500" /> <embed src="1.mp3" autostart="true" loop="true" hidden="true"></embed>
写在最后
§2.2 网页文字应用
4、应用段落标题样式
1）将插入点至于段落之中，或选取段落中 的某些文本。 2）打开属性面板上的“格式”下拉列表，选择 一个选项。被选样式关联的 HTML 标记就会应 用到整个段落。
注：选择 “无”则会把段落格式给删除掉 。
§2.2 网页文字应用
5、列表的使用 1）有序列表
有序列表又称为编号列表，是有一定排列 顺序的列表，一般前面有数字前导字符，其中 前导字符可以是阿拉伯数字、英文字母或罗马 数字等。
§2.1 网页的新建、保存和编辑
二、设置页面属性 编辑网页之前，还需要对页面进行一些简单的属
性设置以方便以后的工作。
页面的属性包括页面的标题、背景图像、背景颜 色等。
操作方法：单击“修改”菜单中的“页面设置” 命令，打开“页面设置”的对话框进行设置。
§2.2 网页文字应用
文本是网页的基本组成部分，设计出编排 序、整齐美观的文本是制作网页必须掌握的 内容。
形、圆形、多边形）创建热点，并分别在链接 框中输入每个热点的链接地址，在替代框中可 以输入中文，以提示的方式在浏览器中显示。
3）、重复以上步骤定义完所有的热点。
§2.5 创建超级链接
静态网页的制作PPT课件
1.4静态网页的制作工具
1、图像处理与动画制作工具：Photoshop、Flash 等。 2、网页编辑工具：1）纯文本编辑工具，如 Notepad等；2）转换工具，如word等；3）专用工 具，如FrontPage、Dreamweaver等。 3、网页上传工具：1)FTP工具，如WS-FTP， CuteFTP等；2)专用网页编辑软件的文件传输功能。 4、网页优化工具：网页减肥茶、网页优化大师等。
.
1.3静态网页的工作过程
静态网页制作概括起来，有如下几个部分： 1、网页素材搜集与制作（图像处理与动画制作） 经常需要在网页中应用一些图像与动画，一方面是由于 实际内容的需要，一方面是为了增加网页吸引力。在WWW 上通常采用jpeg、GIF格式的图片和flash等格式的动画。 2、网页版式设计 规划各元素在网页中的位置关系和表现方法，合理安排 图像、文本等元素，使网页布局合理、美观大方。 3、文本编写 自己的网页中需要大量的文字材料，这就要在网页编辑 器中用HTML语言中的标签编写。也可以利用网页编辑工具 的“所见即所得”功能，直接写入文字。 4、处理网页之间的关联 主要是建立合理、高效的网页导航系统。 5、网页发布 主要是将建设好的网页上传到服务器中供用户浏览。
.
2.2 HTML编写工具
用HTML编写的文件(文档)的扩展名是．HTML或.HTM。 它们是供浏览器解释浏览文件的格式。可以使用记事本、写 字板等编辑工具来编写HTML文件。HTML语言使用标志对 (标签)的方法来编写文件，既简单又方便。它通常使用<标志 名></标志名>来表示标志的开始和结束(例如 <HTML></HTML>标志对)，因此在HTML文档中这样的标志 对都必须是成对使用的。 在今天，做网页的工具到处都是,只要动几下鼠标，一个 精彩的网页就出来了，HTML是否要学呢？答案是肯定的， 因为工具就是工具，它们生成的代码是机械的，不够简洁， 使网页打开的速度减慢。还有很多新的功能，工具是生成不 了的。必需对代码进行编辑。
《静态网页设计》课程标准
第一部分课程定位《静态网页设计》是计算机应用技术专业的职业拓展课程之一，对培养学生的网站建设岗位的职业能力起到支撑作用。
课程学习过程中培养学生的网站设计、开发能力，能将客户需求归纳整理成文档的能力，能使用平面设计、动画设计、网站编辑等软件工具的能力。
通过具体内容的学习，最终能按照正规的设计流程制作出客户满意的页面，为其职业发展提供坚实的技术基础。
第二部分课程设计理念本课程遵照教高[2006]14号、教高[2006]16号、教高厅函[2007]47号等文件精神，依据本专业的人才培养方案，确定本课程的目标和教学内容，具体遵循以下原则：1.在课程设计上，坚持以能力为本位，以学生为主体，教师角色转换为倡导者。
2.在课程内容选取上，以过程性知识为主、陈述性知识为辅，即以实际应用的经验和策略的习得为主、以适度够用的概念和原理的理解为辅。
3.在课程内容排列上，以工作过程为参照系整合陈述性知识与过程性知识。
4.在课程内容结构上，突出模块化设置，以便新技术新产品进入教学内容。
5.在课程职业技能培养上，把职业资格证书（职业标准）的考核项目与要求纳入到专业课程标准之中，为学生就业服务。
6.在课程教学组织设计上，以真实工作任务和社会产品为载体组织教学，积极推广探索教学做一体化、情境式教学、互动式教学。
7. 以“REACT”设计情境教学，以“3P”和“ARCS”模式设计互动式教学活动。
8.在教学资源建设上，突出学习包教学标准建设和借助教学平台开发网络教学资源。
9.在培养过程中，注重全人发展、服务学习、学长计划、过程资历认可（RPL）的实施。
（1）全人发展（Whole Person）：待人接物、如何看待钱、价值观、怎么安排自己。
（2）服务学习（Service Learning）：到非盈利机构作义工，提高学习动力，培养为他人服务精神，并把这些活动作为成绩之一。
（3）学长计划：学生辅导员。
（4）过程资历认可（RPL）：如学徒10年，要认可他。
初级篇静态网页技术
程a l
o
本教程从最容易的HTML标签开始，由浅入深逐层剥开网页设计技术的外衣，内容多辅以
让读者可以马上动手预览到效果的源代码和预览效果截图，从而避免枯涩无趣的讲解。
本教程
内容分为三篇章，分别为基本的静态网页篇、中级动态网页和数据库技术篇以及面向实际运用
的高级篇。
读者在学习中可以按照本教程的安排按部就班的学习下去，坚持到最后Web就由你掌握！
网页设计教程
目录
初级篇(静态网页技术) (1)
1.HTML标记语言 (1)
1.1 何为HTML (1)
1.2 你的第一个HTML文档 (2)
1.3 HTML文档中的空白符，换行符以及段落 (9)
1.4 超级链接标签 (13)
1.5 图片标签 (16)
1.6 文件路径 (19)
1.8 预格式化标签 (22)
1.9 表格标签 (23)
1.10 居中标签 (29)
1.11 粗体字、斜体字、下划线和上下标标签 (32)
1.12 层标签 (34)
1.13 框架标签 (36)
1.14 跑马灯标签 (43)
1.15 文本框标签 (45)
1.16 单选按钮和多选按钮标签 (48)
1.17 下拉列表标签 (52)
1.18 按钮标签 (55)
1.19 Activex控件标签 (56)
1.20 本章小结 (63)
2。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第一套静态网页设计初步一、单选题1. 在下列软件中，（）软件不能设计网页。
A) Dreamweaver B) FrontPageC) 记事本D) Windows Movie Maker2．在以Dreamweaver设计网页过程中，为了避免网页的链接对象使用包含盘符的本地绝对路径，最有效的方法是（）。
A) 建立用户文件夹，把网页所需的全部文件存储在该文件夹中B) 建立本地站点，把网页所需的全部文件存储在本地站点的文件夹中C) 建立与服务器的映射关系，要求服务器实时检测网页状态D) 没有什么专门的方法3．在以Dreamweaver设计网页过程中，要实现鼠标经过某个图片时自动切换显示另一幅图片，可以通过命令（）实现。
A) 查看－交替图像B) 修改－图像－交替图像C) 插入－图像对象－鼠标经过图像D). 插入－媒体－交替图像4．在Dreamweaver中，（）工具不能建立图像热区链接。
A）矩形工具B）椭圆形工具C）多边形工具D）线条工具5．Dreamweaver无法显示的图像文件格式有（）。
A）GIF格式B）JPG格式C）BMP格式D）PNG格式6．在Dreamweaver中，下列哪个说法是错误的（）。
A）没有布局表格也可以添加布局单元格B）一个布局表格中可以有多个布局单元格C）布局表格中可以有布局表格D）布局单元格中可以有布局表格7、在以下HTML语言标记中，正确表示一个1行1列表格的是（）。
A）<table><td><tr></tr></td></table>B）<table><tr><td></td></tr></table>C）<table><tr><td></tr></td></table>D）<table><td><tr></td></tr></table>8、在本地电脑里，网页index.htm的存放路径是c:\webpages\index.htm，图像logo.gif 的存放路径是c:\webpages\images，现在将该图像插入到网页index.htm中，则使用相对路径方式显示logo.gif，正确选项是（）。
A） C:\webpages\images\logo.gifB） C:\webpages\logo.gifC） images\logo.gifD） ..\images\logo.gif9．下列关于超链接的说法，不正确的是。
A）超链接的指向可以是网页或是网页中的书签（锚点）B）超链接可以建立在文本、图像或是图像的热区上C）超链接的目标页面可以在当前窗口打开，也可以在新窗口打开D）访问过的超链接颜色一定发生改变。
10．如果网页是一个包含3个区域的框架结构，那么就要保存( )个文件。
A）1 B）2 C）3 D）411．Dreamweaver默认字体大小是( )。
A）2 B）3 C）4 D）512．在Dreawearer中，下面对象中可以添加热点的是（）。
A）表格B）文字C）图象D）任何对象13．如果锚点名称（书签）是a，则建立该锚点的链接，应在链接对话框中输入（）。
A）$a B）！a C）@a D）#a14．要在Dreamweaver中实现滚动字幕效果，常用的实现方法是（）。
A) 在代码状态下，插入成对的<marquee>标志B) 在设计状态下，插入成对的<marquee>标志C) 插入－滚动字幕D) 插入－媒体－滚动字幕15．下列HTM标记中，负责设置超链接的标记是（）。
A）<A href=> B) <A link= >B）<TABLE > D)<DIV>二、判断正误1. 在Dreamweaver进行网页设计时，不允许对图像的局部区域添加超级链接。
2. 超级链接可以针对文本、图片、Flash动画、视频等添加。
3. 常见的静态网页文档可以使用扩展名htm，也可以使用HTML，二者没有什么不同。
4. 当前实施网页布局的方式很多，但最主流的布局方式是DIV+CSS布局。
5. 在网页设计中，一定要使用带有盘符的绝对路径链接图片等对象，这样才不会出现死链、错链等错误。
三、简答题1. 网页中的对象（图像、图片、音乐）通过什么方式与HTML文档发生联系，如何才能保证在复制网页时不遗漏相关文档？2. 在网页设计中，主要有哪些布局方式，各有何特点？3. 如何向网页中插入滚动字幕？如何实现垂直滚动字幕效果？4. 如何向网页中插入“当鼠标经过时自动切换图片”的效果？第二套静态网页设计高级一、单选题1．HTML文档正文的标记是（）。
A)<head>和</head> B)<body>和</body>C)<html>和</html> D)<title>和</title>2．在Dreamweaver网页制作中，给网页添加信息框（弹出信息），应利用（）面板。
A)代码B)文件C)行为D)应用程序3．在Dreamweaver中，要对一幅大图的局部区域设置超级链接，可以使用（）技术。
A) 直接设置 B) 表格技术C) MAP技术 D) JavaScript4．在Dreamweaver设计网页时，下列关于表格的说法，不正确的是（）。
A）表格可以嵌套B）可以对表格添加超链接C）表格可以通过样式表来进行修饰D）表格可以用来辅助网页布局5．如果需要在打开当前窗口时自动弹出一个新的浏览器窗口，应该针对Body的（）事件添加“打开浏览器窗口”的命令。
A）Check B) TextC）onLoad D) 行为6．在Dreamweaver中，要实现小图片的时间轴动画效果，对小图片的要求是（）。
A) 小图片必须具有动画功能，比如是具备动画效果的gif文件；B) 小图片必须存放到层中C) 小图片必须被放到时间轴上D) 对小图片没有什么要求，直接插到页面中就行了7．在Dreamweaver中,我们可以为链接设立目标,表示在新窗口中打开网页的是（）。
A）_blank B）_parent C）_self D）_top8．在Dreamweaver网页制作中，网页特效通常通过( )语言实现。
A)C B) JavaScript C)VB C)HTML9. HTML文档的层标记是（）。
A)<DIV> B)<body>和</body>C)<TABLE> D)<title>和</title>10．在以Dreamwaver制作网页过程中，可以利用模板快速建立新网页。
关于模板的叙述正确的是（）。
A) 模板被修改后，根据此模板建立的页面必须随之修改；B) 模板上一般设置“可编辑区域”，其目的是使以该模板建立的页面在该区域是可以编辑的；C) 模板不能被删除，模板一旦被删除，与之相关的网页也同时被删除D) 不能让当前页面使用一个已经存在的模板11．在网页设计中，如果希望单击某一图片就会自动登陆到网站，常用的方法是（）。
A) 为该图片建立超级连接，在链接中输入：。
B) 为该图片建立超级连接，在链接中输入：。
C) 为该图片建立超级连接，在链接中输入：ftp://。
D) 上述功能在网页设计中不可能实现12．Dreamweaver中需要通过行为来实现的功能有( )。
A）显示—隐藏图层B）插入视频C）插入flash动画D）将图层转换为表格13．网页设计中，要设计具有与服务器交互功能的页面（比如文本框、列表框）。
在网页中使用的主要技术是（）。
A) 表格技术B) 表单技术C) 框架技术D) CSS技术14．在以Dreamweaver8以上版本的工具制作网页的过程中，要设置文本的字体、字形和字号，通常借助于（）技术。
A) 格式刷技术B) 工具栏按钮C) CSS文档D) 使用菜单“格式”-“字体”15．在网页制作中，实现网页布局的方法很多，但其核心内容都是利用表格或层实现布局。
现在，如果借助Photoshop制作网站主页的布局，用到的核心工具为（）。
A) 选区工具 B) 切片工具C) 格式刷工具 D) 裁剪工具二、判断正误1. 如果需要在网页上实时显示出当前时间，可以借助于JavaScript语言。
2．嵌入式框架技术可以在页面上开辟一个视窗，用于显示其他网页的内容。
3. 所谓DIV+CSS布局，就是在网页中插入多个层对象，然后利用CSS技术设置各个层对象的大小、所处位置，从而实现网页对象的定位。
4. 语句“onMouseOver=this.stop();”的含义是当鼠标在对象上悬停时，该对象停止正在进行的动作。
5. 利用Photoshop绘制页面并实施布局，既可以制作表格布局页面，也可以制作层布局页面。
三、简答题1. 什么是CSS文档？如何设置“当鼠标经过超级链接时，超级链接的外观会发生变化”的效果？2. 为什么要使用Photoshop实施网页布局？如何才能利用Photoshop实现DIV+CSS布局方式？3. 什么是JavaScript？在网页设计中，JavaScript有什么作用？4. 如何实现在网页调入时，自动打开一个窗口并自动呈现指定的内容？第三套动态网页设计初步一、单选题1. 要获取文本框对象的输入结果，应该使用其（）属性。
A) Text B) Value C) Data D) Caption2.单击Button控件后，能够执行客户端脚本的属性是（）。
A) Click B) OnClickC) onClientClick D) OnCommand3. 要获取用户对DropDownList对象的选中项的内容，应该使用其（）属性。
A) SelectedIndex B) SelectedItemC) SelectedValue D) SelectedName4. 当需要利用控件输入学生性别时，通常使用（）控件。
A) RadioButtonList B) RadioListC) CheckBox D) TextBox5. 当需要把TextBox控件作为密码输入框时，应该设置其TextMode属性的值为（）。
A) Password B) 密码C) * D) not PostBack6. 对于DropDownList控件，如果期望当用户选择其任一选项时，都会自动运行一些处理代码。
那么应该针对其（）事件编写程序。