- 什么是Web技术？
答：Web即全球广域网（World Wide Web），也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。它是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超链接将Internet上的信息节点组织成一个互为关联a的网状结构。
- 什么是Web前端？
答：Web前端是指基于Web（现在一般指动态页面技术）的客户端软件，也就是通常说的在浏览器端运行的网页程序。Web前端降低了应用软件部署的难度，减少了更新操作，只需对服务器一端的软件更新即可完成所有用户需要的更新，且现在的动态页面技术基本可以实现所有的传统C/S客户端的功能。
- 什么是Web项目？Web项目包含哪些内容？Web前端开发技术有哪些？
答：（1）Web项目也可以称为Web工程或者Web应用程序。它是一种可以通过Web访问的应用程序。Web项目最大的一个好处就是用户很容易访问，用户只要安装了浏览器即可，不需要再安装其他软件。例如现在经常使用的门户网站（新浪、搜狐等）、电商网站（淘宝、京东等）、网上银行等都属于Web项目，用户通过浏览器就可以访问和使用它们。Web项目开发与建设是目前软件开发领域的三大方向之一。
（2）Web项目由两大部分组成，分别是Web客户端和Web服务器端。Web客户端的作用是组织和显示来自Web服务器端的信息，以及接收用户从界面上输入的信息并传递到Web服务器端；Web服务器端的作用是进行业务逻辑的处理和数据存储，并把处理后的结果反馈到Web客户端，供用户使用。
（3）基本的静态网页开发技术为HTML/CSS/JavaScript，图1-2所示为Web前端基础开发技术的基本情况。其中HTML的英文全称是Hyper Text Markup Language，中文全称是超文本标记语言，作用是在浏览器端组织和显示网页信息（文本、图片、视频等），属于网页的内容层。CSS英文全称是Cascading Style Sheets，中文全称是层叠样式表，作用是格式化网页的样式，如文本的字体、图片显示位置等，CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化，属于网页的样式层。JavaScript是客户端脚本语言，它使网页与用户之间产生动态交互效果，属于网页的行为层。
上机指导
1.使用Adobe Dreamweaver CC 2017创建一个HTML文档，文档名为inspur.html，网页中显示文本信息“浪潮优派欢迎你”。
答：源码请参见“CHO1_LAB\inspur.html”。
习题
1．用HTML标记语言编写一个简单的网页，网页最基本的结构是（ D ）。
A．<html> <head>…</head> <frame>…</frame> </html>
B．<html> <title>…</title> <body>…</body> </html>
C．<html> <title>…</title> <frame>…</frame> </html>
D．<html> <head>…</head> <body>…</body> </html>
2．创建最小的标题文本标签是（ D ）。
A．<pre></pre> B．<h1></h1> C．<h6></h6> D．<b></b>
3．HTML中，设置背景颜色的代码是（ A ）。
A．<body bgcolor=?> B．<body text=?> C．<body link=?> D．<body vlink=?>
4．在HTML中，下面是段落标签的是（ D ）。
A．<html>…</html> B．<head>…</head>
C．<body>…</body> D．<p>…</p>
5．HTML文件中的图片标记是（ B ）。
A．<a> B．<img> C．<link> D．<picture>
6．HTML文本显示状态代码中，<SUP></SUP>表示（ A ）。
A．文本加注下标线 B．文本加注上标线
C．文本闪烁 D．文本或图片居中
7．创建一个位于文档内部位置的链接的代码是（ D ）。
A．<a href="#NAME"></a> B．<a name="NAME"></a>
C．<a href="mailtEMAIL"></a> D．<a href="URL"></a>
8．HTML中，插入图像的HTML代码是<img src=" ">，其中src的含义是（ B ）。
A．链接的地址 B．图像的路径
C．所插入图像的属性 D．以上都正确
9．设置围绕一个图像的边框的大小的标记是（ D ）。
A．<img src="name" border=?></img> B．<img src="name" border=?>
C．<img src="name" height=?> D．<img src="name" bordersize=?>
10．设置水平线高度的HTML代码是（ B ）。
A．<hr> B．<hr size=?> C．<hr width=?> D．<hr noshade>
11．HTML代码<a name="NAME"></a>表示（ C ）。
A．创建一个超链接 B．创建一个自动发送电子邮件的链接
C．创建一个位于文档内部的链接点 D．创建一个指向位于文档内部的链接点
上机指导
1．使用Dreamweaver创建一个HTML文件，文件名为dangdangIndex.html，网页显示效果如图2-27所示。
图2-27 上机指导第1题网页显示效果
要求如下。
（1）“首页”“我的当当”“37类商品”三个按钮链接到本页即可。
（2）要求marquee属性从下到上，高度为100，鼠标移动至上边后停止，离开后继续移动。使用无序列表内容包括：
衬衫全场满百返30元A券
当当网图书短信比价服务
发表评论，月月礼券等你拿
雀巢矿泉水“开盖赢大礼”
当当有奖问答，69元抢购！
当当玩具让利狂潮抢购中
当当购物卡，送礼好选择
（3）网页中所有的图片信息，存在ch2\images目录中。
答：源码请参见“CH02_LAB\dangdangIndex.html”。
2．使用Dreamweaver创建一个HTML文件，文件名为workIndex.html，网页显示效果如图2-28所示。
图2-28 上机指导第2题网页显示效果
要求如下。
（1）单击“工作室简介”跳转到“工作室简介”位置。
（2）单击“设计作品”跳转到“设计作品”位置。
（3）单击“广告知识”跳转到“广告知识”位置。
（4）单击“E-mail站长”可以给自己的某一个qq邮箱发送邮件。
（5）“欢迎光临梦幻美术工作室！！”从右向左移动，并要求来回移动，当鼠标移动上去的时候停止，鼠标移开继续移动。
（6）广告知识下的链接都链接到本页即可。
（7）网页中所有的图片信息，存在目录ch2\images中。
答：源码请参见“CH02_LAB\workIndex.html”。
习题
1．框架中“不可改变大小”的语法是（ D ）。
A．<img src="url" border=?> B．<samp></samp>
C．<address></address> D．<frame noresize>
2．设置围绕表格的边框宽度的HTML代码是（ D ）。
A．<table size=#> B．<table border=#>
C．<table bordersize=#> D．<tableborder=#>
3．在HTML代码中，给表格添加行的标记是（ A ）。
A．<tr></tr> B．<td></td> C．<th></th>
最低0.47元/天 解锁文章
198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
