第三章第10讲网页设计基础知识
考点剖析
【知识要点】
一、基本概念
1.网页
网页一般又被称作HTML文档，是一种可以在互联网上传输，能被浏览器识别和翻译成网面并显示出来的文件。网页分为静态网页和动态网页。
网页要素：文本、图像、多媒体元素、超链接、脚步程序。
2.网站
网站：网站又称Wbe站点，是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合。网站首页的主文件名：index、Default，扩展名依照上面网页。
3.网站、主页与网页的关系
网站是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合，由主页和其他网页组成。用户在浏览器的地址栏输入网址后见到的第一个页面称为主页，主页是网站中所有网页的索引页，通过单击主页上的超链接可以打开其他的网页。
4.制作工具
常见的网页制作工具有DreamWeaver、FrontPage等。
二、Dreamweaver CS3的工作界面
Dreamweaver CS3工作界面主要由标题栏、菜单栏、插入栏。文档工具栏、文档窗口、属性面板、状态栏、面板组等组成，如下图所示。
Dreamweaver CS3工作界面
1.菜单栏
1.菜单栏位于Dreamweaver CS3窗口最上方，提供了各种操作命令。在Dreamweaver 其他版本中，“插入记录”菜单也可能是“插入”菜单。
2.文档工具栏
“文档”工具栏提供了视图模式切换的按钮和与查看文档、在本地和远程站点间传输文档有关的常用命令和选项，如下图所示。
3.文档窗口
文档处理显示当前打开的文档，分为“代码”视图、“设计”视图和同时显示“代码”视图和“设计”视图的“拆分”视图三种视图模式。启动Dreamweaver CS3后，默认的文档窗口视图为“设计”视图。
4.状态栏
状态栏位于文档窗口的底部，用于显示正在编辑的文档有关的信息，如下图所示。
选取工具：用于选取“文档”窗口内的对象。
手形工具：对象大于“文档”窗口时，用来移动对象的位置。
缩放工具：使用该工具后，单击“文档”窗口可增大显示比例，按下Alt键单击可减小显示比例。
5.属性面板
“属性”面板用于查看和编辑当前选定对象的各种属性。不同页面元素对应的“属性”面板也不同。启动Dreamweaver后，默认的属性面板为文本属性面板。
6.面板组
单击面板组与文档窗口间的“隐藏/显示面板”按钮，可以将所有面板隐藏或显示。
7.标尺和网格
使用标尺好网格可以在调整网页中一些对象的位置和大小时使操作更加准确。
标尺
选择“查看→标尺→显示”命令，可在文档窗口的左边和上边显示标尺。
网格
选择“查看→网络设置→显示网络”命令，可以显示或隐藏网格。注意：标尺和网格只在网页文档窗口内显示，在浏览器中不会显示。
【典型例题】
【例1】在Dreamweaver中，通过“文档”工具栏不能完成的操作是
A.切换文档窗口的视图模式
B.修改网页文件名
C.打开浏览器预览当前网页
D.上传文件到远程服务器
【答案】 B
【分析】文档工具栏提供了视图模式切换按钮和预览文档、传输文档等命令和选项，通过工具栏上的“标题”框可以修改当前网页的标题，但不能修改网页文件名。
【例2】在Dreamweaver中，默认显示的属性面板是
A.“文本属性”面板
B.“图像属性”面板
C.“表格属性”面板
D.“页面属性”面板
【答案】A
【分析】启动Dreamweaver后，默认的属性面板是文本属性面板，只有在页面中选择了其他页面元素，才会显示对应的属性面板。
能力提升
一、单项选择题
1.以下说法错误的是
在服务上采用是客户机/服务器模式
是集网页设计、网站开发和管理于一体的软件
C.所有网页的扩展名必须是htm或html才能被访问
D.一个网站只能有一个主页
2.在Dreamweaver的工作窗口中，用来提供与正在编程的文档有关的信息和工具的A属性面板B状态栏C标签选择器D插入栏
3.新浪网的网址是，其中http是指
A主机名称B.协议名称
C.顶级域名
D.端口地址
4.在Dreamweaver的启动界面中，不能完成的操作是
A.打开最近编辑过的网友文件
B.创建一个新网页文件
C.选择文档窗口的视图模式
D.查看新增的功能
5.以下不属于插入栏类别的是A.常用B.数据C应用程序D.收藏夹
6.启动Dreamweaver后，文档窗口默认的视图模式是
A.设计视图
B.扩展视图
C.代码视图
D.布局视图
7.在Dreamweaver中的状态栏上“1024×768”的含义是
A.当前文档窗口的大小
B.显卡的最大分辨率
C.当前被选中图像的像素大小
D.整个Dreamweaver窗口的大小
8.在插入工具栏中，按钮的含义是
A.超级链接
B.电子邮件链接
C.命令锚记
D.模板
9.在“科技在线”站点中新建一个网页文件时，默认的网页标题是
A.科技在线
B.无标题文件
C.空白
D.未命名文档
10.以下说法错误的是
A.通过标签选择器可以选择各种页面元素
B.启动Dreamweaver后，默认的属性面板是文本属性面板
C.状态栏上手形工具的作用是增加或减少显示比例
D.要切换各种视图模式，可通过文档工具栏来实现
11.在Dreamweaver中，要打开或隐藏各种面板，可使用的菜单是
A.命令
B.窗口
C.查看
D.编辑
12.关于属性面板，以下说法错误的是
A可以用来设置当前网页的页面属性
B.主要用于查看和编辑当前选定对象的各种属性
C.启动Dreamweaver后默认的“属性”面板不同
D.不同页面元素对应的“属性”面板不同
13.设置标尺的尺寸单位时，不包括的单位是
A.像素
B.百分比
C.英寸
D.厘米
二、填空题
1＿＿＿＿是指在网络上，根据一定的规则，使用网页开发软件制作的用于展示特定内容的相关网页的集合。
2.当用户在浏览器的地址栏中输入网址后看见的第一个页面称为＿＿＿＿。
在服务上采用的是＿＿＿＿模式。
4.在＿＿＿＿视图中可在一个窗口中同时看到同一文档的“代码”视图和“设计”视图。
5.使用缩放工具时，按下＿＿＿＿键在窗口中单击可减小显示比例。
二、简答题
1.简述网站、主页与网页的关系
2.简述Dreamweaver的工作界面。
《HTML5+CSS3网站设计基础教程》课程教学大纲 （课程英文名称） 课程编号：201601210011 学分：5学分 学时：76学时（其中：讲课学时：47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路 课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。 课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例 （项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。 开发工具：DreamweaverCS6 第一章初识HTML5
第二章HTML5页面元素及属性
第四章CSS3选择器
e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用
网页制作必懂的基础知识（一） 近来这几天一直在学习网页制作的知识，颇有收获，分享大家，都是一些网页制作的必懂的基础知识。 1 html基础代码
== 可以创建链接和瞄点。 特殊标签：空格 大于号：>小于号：<版权号：© 引号：" 滚动标签: 属性有：滚动方向和滚动次数direction:left;right;up;down; loop 鼠标放上去停止滚动：onmouseover=this.stop() 鼠标离开继续滚动：onmouseover=this.start() 2图片的讲解六、网页专题复习知识点 1.超文本传输协议（）:网页间遵循超文本传输协议进行相 互链接访问。 2.超文本标记语言（）：是使用一组特定的标记来描述文档结构的语言。 文件传输协议（）；使用此协议可将网页文件上传到互联网。 3.网页中包含的文本、图像、超链接和表格等基本元素及构 件是由超文本标记语言进行描述的，即网页是由解释执行 的。 4.网页:即万维网上的文档，是按照超文本标记语言规范要求表达文本、图 像、动画等多媒体信息的。 5.若干个网页组成一个网站，每个网页之间通过超链接连接在一起。 的源代码由网络浏览器解释执行。在浏览器内，查看（菜单源文件 7.统一资源地址（统一资源定位器）：网站的网址。是唯一 的，网页和网站的地址用标识 6. 协议
8.网页的三种基本元素：文字、图形图像和超链接。网页还可以使用" 表格"、"表单"、"音乐"和内嵌程序等构件，起到美化网页、双向交 流的作用。 9.网页中使用的图像可以有许多格式，常见的静态图像格式 有和两种；动态图像的格式有动态、等。 网页之间以及不同的网站都可以用超链接方式链接起来。 10.流式视频图像格式：、、、。 11.动态网页：由服务器数据库动态生成的网页。（网页里包含 会动的元素） 12.静态网页：以超文本文件格式存放在服务器上。（网页里没有会动的元素） 13.常用的网页制作软件：记事本（用语言写，保存类型为）（适合初学者 使用）.（专业的网页设计） 14.网页制作步骤：确定任务分工协作制定解决方案（网站 的名称、主题、内容、结构等）素材的收集与整理制作网页合成和测试网页发布 许多网页看起来非常整齐，在中一般用一种“不可见”的表格来定位网页元素和构件的，只要将表格线设为0,在浏览 器上就看不到表格线了。 15.静态网页文件的扩展名：.或。动态网页文件的扩展名:
1.HTML 文件必须使用htm 或者（B）作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是（B）的意思。 A．网页B．万维网C．浏览器D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是.htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为.htm 或.html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑HTML 文件的是：（C）。 A．记事本B．FrontPage C．Flash D．Dreamweaver 10.以下有关HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。 C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。 D．HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色，应使用以下html语句：
。 2.上网浏览网页时，应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字，应使用__语句。 5.要设置整个网页的背景颜色，应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时，不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳网页制作之HTML基础知识2009-04-15 11:03很多被淘汰了的标签，不过了解下也好。 总类（所有HTML文件都有的） 文件类型 （放在档案的开头与结尾） 文件主题
html5页面设计 北京千锋互联科技有限公司是中国最早从事移动互联网研发和培训的机构之一,千锋集团旗下现有千锋教育、移动产业、项目研发、创业孵化业务，是国内最大的移动互联网人才培训和人才提供商。公司总部位于北京，目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安成立了分公司。 千锋集团旗下的千锋教育一直秉承“用良心做教育，做真实的自己”的理念，是中国移动互联网研发培训领导品牌，全力打造移动互联网高端研发人才服务平台。千锋教育每年培训和输送近万名移动互联网研发人员，是唯一真正获得企业一致好评的移动互联网培训机构，从千锋走出的学员在业界得到了广泛认可。2014年，千锋教育集团成为教育部教育管理信息中心“移动互联网应用开发指定实训基地”。截止目前，千锋教育已与500多家高等院校建立深度合作关系，并携手教育部教育管理信息中心举办《高等院校骨干教师iOS/Android暑期培训班》，千锋讲师团队技术水平得到业界一致认可，好评如潮。千锋教育组织的技术研讨会名企云集，是千锋和企业之间紧密合作的桥梁。千锋讲师发布的免费培训视频、学习资料、源码下载等浏览量近千万，每年约有数百万研发人才从中获益。 一、千锋教育八大优势 1、中国移动互联网研发培训领导品牌，专注iOS、Android 、HTML5、UI等技术研发培训，坚持“用 良心做教育，做真实自己”的理念； 2、业内唯一一家敢推出“两周免费试听，不满意不缴费”的政策，让学员更真实的了解千锋、了解自 己是否适合做开发； 3、零学费入学，工作后分期还款，业内学员毕业薪水最高，培训就业协议明确写出薪水保障，平均薪 水专科5000、本科6000、硕士7000； 4、权威资深师资阵容，业内最具责任心、最懂教学、拥有最强技术、有大型项目经验实战派讲师授课， 由业内知名专家及企业技术骨干组成； 5、自主研发QFTS 教学保障系统，拥有自主知识产权的开发培训课程体系，讲练学相结合，课程内 容紧贴当前前沿实用技术和企业实际需求； 6、企业级项目实战训练，从千锋科技及合作企业项目中研发出几十个企业级教学项目，让学员参与真 实的企业级项目研发，最后让学员能够独立设计开发自己的上线项目； 7、最严格、最科学、最负责的教学就业管理制度，班主任、职业规划师全程跟班，把握每个学员的学 习状态，并有专业的职业素养课和就业指导课，保证教学及就业质量； 8、免费加入千锋开发者联盟，为会员提供免费技术支持及终身就业服务，免费参加千锋举办的各类技
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形式的两层结构，
第一章习题 1．HTML指的是（ A ）。 A超文本标记语言（Hyper Text Markup Language） B家庭工具标记语言（Home Tool Markup Language） C超链接和文本标记语言（Hyperlinks and Text Markup Language） 2．web标准的制定者是（ B ）。 A 微软B万维网联盟（W3C）C网景公司（Netscape） 3．用HTML标记语言编写一个简单的网页，网页最基本的结构是（ D ）。 A
… … B是HTML格式中特有的段落元素。在原始文件中的
，指出在这儿告一段落，下面的文字另起一段。 另外一个类似的标记元素是
。
这个标记用来标识一个换行动作，相当于字处理文件中的按回车键的功能。在HTML文件中可以用它来调整行间距。在处理类似诗歌式的语句时常常用到。语法格式：
文本文本
HTML中的常用标记的对应名称 插入多媒体对象的HTML语句的正确格式P13-15 参考1.2.5图像与多媒体标记（个人认为）无序列表的相关知识P9 参考1.2.3列表显示1.无序列表（UI）有序列表的相关知识P9-P10 参考1.2.3列表显示2.有序列表（OI）表格标记的相关知识P11-P13 参考1.2.4表格标记超链接语句的相关知识P15 参考1.2.6超链接标记 第2章DW网页制作基础 如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的工作区？ 首选参数（P22） Dreamweaver站点的概念和特点（P29起）
一、选择题 1.HTML 文件必须使用 htm 或者（B）作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指（A）。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是（B）的意思。 A．网页B．万维网C．浏览器D．超文本传输协议 4.在网页中显示特殊字符，如果要输入“<”，应使用（D）。 A．lt; B．≪ C．< D．< 5.以下说法中，错误的是：（D）。 A．获取WWW服务时，需要使用浏览器作为客户端程序。 B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C．网站就是一系列逻辑上可以视为一个整体的页面的集合。 D．所有网页的扩展名都是 .htm。 6.以下说法中，错误的是：（B）。 A．网页的本质就是HTML源代码。 B．网页就是主页。 C．使用“记事本”编辑网页时，通常应将其保存为 .htm 或 .html 后缀。 D．本地网站通常就是一个完整的文件夹。 7.浏览网页时，通常使用以下协议：（C）。 A．mailto B．FTP C．HTTP D．TCP/IP 8.在网页中显示特殊字符，如果要输入空格，应使用（D）。 A．nbsp; B．&Nbsp; C． D． 9.以下软件中，不能直接用来编辑 HTML 文件的是：（C）。 A．记事本 B．FrontPage C．Flash D．Dreamweaver 10.以下有关 HTML 标记符的属性的说法中，错误的是：（C）。 A．在HTML中，所有的属性都放置在开始标记符的尖括号里。 B．属性与HTML标记符的名称之间用空格分隔。 C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。 D．HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色，应使用以下html语句：
。 2.上网浏览网页时，应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字，应使用__语句。 5.要设置整个网页的背景颜色，应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时，不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是 size。√《静态网页设计》教学大纲 课程类别：专业基础课 课程属性：必修课 学分/学时： 4学分/64学时 制订人：课题组 适用专业：信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系
三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念； (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识； (3)理解和掌握基本的DIV＋CSS技术知识； (4)理解和掌握表格的基本知识； (5)理解和掌握数据表单的基本知识； (6)理解和掌握基本的框架网页知识； (7)理解和掌握网页图像、动画等多媒体应用知识； (8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识； (10)了解网页美工相关知识； (11)了解网站的测试、发布与维护的基本知识； (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素； (2)会使用Dreamweaver等网页设计工具制作网页； (3)能使运用基本的CSS技术设置网页风格； (4)能在网页中嵌入图像、动画、视频等多媒体元素； (5)能运用表格布局并设计网页； (6)能正确运用文字超链接、图像超链接技术设计网页； (7)掌握框架制作网页的方法，会使用框架设计网页； (8)掌握制作表单的方法，会利用表单建立交互式页面； (9)能看懂基本的HTML网页源代码。
(10)会设计网页线框图，并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力； (2)具备简单的需求市场分析能力； (3)具有一定的语言表达、沟通和协调能力； (4)具有良好的心理素质和责任意识，能及时完成任务的能力； (5)具有踏实肯干的工作作风； (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务
一、填空题（ 2‘ *5 ） 1、 题干网站由网页构成，并且根据功能的不同，网页又有____和动态网页之分。 知识点编号 题目类型填空题 难度等级简单 权重分值 2 分 答案静态网页 网站由网页构成，网页有静态和动态之分。所谓静态网页是指用户无论何时何地访 答案说明问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但是访问速度快。而动态网页显示的内容则会随着用户操作和时间的不同而变化，这是因为动态网页可以和服务器数据库进行实时的数据交换。 关键字认识网页 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 分 答案对 答案说明 网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash 等。 关键字认识网页
HTML 语言 HTML 语言 在上一章的学习中知道，ASP 动态网页实际上是包含 HTML 标记、文本和脚本命令的 此文来源于云南新华电脑学院官方网站云南新华电脑学校官方博客 动态网页。为了更好地学习 ASP 动态网页的设计方法，就必须对 HTML 语言有所了解。本 章将介绍 HTML 语言的基本内容，包括 HTML 基础、设置文本格式、使用列表格式、使用 图像、使用字幕和背景音乐、使用超链接、使用表格、使用表单等。 2.1 HTML 基础 HTML 是用来表示 Web 文档的规范，它使用标记来确定网页显示的格式。静态网页是 标准的 HTML 文件，动态网页经过应用程序服务器处理后也将生成标准的 HTML 文件。 2.1.1 HTML 的工作原理 HTML 文件是标准的 ASCII 文件。从结构上讲，HTML 文件由元素(Element)组成，组 此文来源于云南新华电脑学院官方网站云南新华电脑学校官方博客 成 HTML 文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元 素是“容器”，即有起始标记和结尾标记。元素的起始标记叫做起始链接签(Start Tag)，元素 的结束标记叫做结尾链接签(End Tag)。HTML 用标记来标注要显示的网页的各个部分，以 通知 Web 浏览器应该如何显示网页。 2.1.2 标记基础 HTML 语言是控制网页内容显示格式的标记集合，标记给浏览器提供了格式化Web 文 档的指令。HTML 标记的基本语法如下： (1) HTML 标记不区分大小写，但通常使用大写字母。 (2) 所有的标记都必须用尖括号(< >)括起来。例如，、、 等。 (3) 大多数标记都是成对出现的，包括开始标记和结束标记，开始标记和结束标记定义 了标记所影响的范围；结束标记与开始标记名称相同，但结束标记总是以一个斜线符号开此文来源于云南新华电脑学院官方网站云南新华电脑学校官方博客 头的。例如和 、
一选择题 1.在Dreamweaver中，（）可以在页面中自由移动。D A．表格B．框架C．图像D．层(apdiv标签)可以显示可以隐藏 2.在水平线属性面板中，不能设置水平线的（）。 A.高度 B. 宽度 C.颜色 D. 阴影 3.在Dreamweaver中的插入表格对话框中“间距”表示（C）。 A. 表格的外框精细 B. 表格在页面中所占用的空间 C.表格中相临各单元格之间的距离 D. 表格大小 4.以下有关ul标记的样式表项的定义中，正确的是：（ B ）。 A. ul{font:14px #00458c, list-style-type:disc} B. ul{font-size:14px; color:#00458c; list-style-type:disc} 用冒号隔开。分号 隔开每一项 C. ul{font-size:14px, font-color:#00458c, list-style-type:circle} D. ul{font:14px, color:#00458c, list-style-type:square} 5.在HTML中，下面（ C ）语句可以将标题“ACCP”的颜色设置成 红色。 A．〈H1 FONT color:red〉ACCP〈/H1〉 B．〈H1〉〈color= red〉ACCP〈/H1〉 C．〈H1 〉〈FONT color= red〉ACCP〈/FONT〉〈/H1〉 D．〈H1 STYLE color: red〉ACCP 6.以下有关列表的说法中，错误的是( D )。 A．有序列表和无序列表可以互相嵌套。 B．指定嵌套列表时，也可以具体指定项目符号或编号样式。 C．无序列表应使用UL 和LI 标记符进行创建。UL和LI要记住是有序还是无序 D．在创建列表时，LI 标记符的结束标记符不可省略。。Li标签可有可
网页设计基础_html代码 不少人都学习网站的制作，但是又不知道从何入手，也能用一些傻瓜软件搭建自己的网站，但是不知道如何去修改自己的网页内容，从这篇文章开始，我会陆续的为大家介绍一下网页的制作以及div+css的东西，希望能对大家有所帮助。 我先来说一下我自己对网页设计的学习过程的一些理解。 1.要学会使用html代码编写一些相对简单的网页。这一步用电脑自带的记事本就可以完成了。 2.通过使用可视化软件学会div+css。这里我只介绍dreamweaver8，因为我学习的就是这个。 有了这两步的学习，那么你在网上看到的一些网页你应该大多数就能自己设计出来了。 废话不多说，进入今天的主题——html代码。 一个网页都是由很多代码写成的，虽然在内容上有很大的不同，但是每一个网页的整体结构是万变不离其宗的。 我们把网页比做一个人来说明： 首先，一个网页有他的“头”——
其实，网页还得有他的“身体”——，他们“内脏”——也就是网页的内容都在这里边。 这样出来的“人”是没穿衣服的，我们还得给他穿上“衣服”—— 好了，这样这个人就能在大街上走路了，但是如果所有的“人”都是这样，那我们就没法分辨他们了，所以我们得给他们赋予自己的“面容”——好，我们用记事本来写一下自己的第一个简单的网页。