关注我
1. 在网页设计与制作时，为了使制作出来的网页下载速度快、布局合理、浏览方便、和谐悦目，应注意哪些问题？ 答案：
1）网页文件大小。2）页面布局。3）页面导航。4）图像大小。5）颜色搭配。6）背景图像。
2. 一个网站制作完成之后，在发布之前，我们会对页面进行测试，测试内容主要包括哪几个方面？答案：1）页面效果是否美观；2）链接是否完好；3）页面功能（如验证、交互等）是否正确；4）测试不同浏览器的兼容性。
3. HTML文档的基本结构由哪几部分组成？
答案： HTML文档主要由3部分组成。
Ø HTML部分：HTML部分以<HTML>标签开始，以</HTML>标签结束。
<HTML> …… </HTML>
Ø 头部：头部以<HEAD>标签开始，以</HEAD>标签结束。这部分包含显示在网页标题栏中的标题和其他在网页中不显示的信息。标题包含在<TITLE>和</TITLE>标签之间。
<HEAD>
<TITLE>……</TITLE>
</HEAD>
Ø 主体部分：主体部分包含在网页中显示的文本、图像和链接。主体部分以<BODY>标签开始，以</BODY>标签结束。
<BODY> …… </BODY>
4. 使用记事本创建网页有哪几个主要步骤？
答案：1）单击“开始”→“程序”→“附件”→“记事本”菜单或者右击鼠标选择“新建”→“文本文档”命令，打开记事本程序。2）在记事本中输入HTML代码。3）单击记事本菜单栏的“文件→保存”菜单，弹出“另存为”对话框，在对话框中选择存盘的文件夹，然后在“保存类型”下拉列表框中选择“所有文件”选项，在“编码”下拉列表框中选择“ANSI”选项，保存文件名为xxx.html,最后单击“保存”按钮。4）回到存盘的文件夹，使用Web浏览器打开xxx.html文件，可以看到最终的页面效果。
5. 为什么需要CSS样式表？
答案：1）HTML标签的外观样式比较单一。2）样式表的作用相当于华丽的衣服。3）样式表能实现内容与样式的分离，方便团队开发。
6. 使用Micromedia Dreamweaver 8创建一个站点的具体步骤？
答案：1）在本地硬盘上创建一个文件夹，用于存放站点，假如我们在D盘驱动器下创建名为“TaobaoWeb”的文件夹，这个文件夹可以是空的，也可以非空。2）选择“站点”→“管理站点”命令，然后在弹出的“站点管理”对话框中选择“新建”→“站点”命令，此时将弹出“站点定义”对话框。3）在“站点定义”对话框中，输入站点名称“TaobaoWeb”，然后单击“下一步”按钮。该站点名称仅供参考，将不会显示在Web上。4）在出现的“TaobaoWeb的站点定义为”对话框中，选择“否，我不想使用服务器技术”单选按钮，然后单击“下一步”按钮5）选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”单选按钮。6）单击“您将把文件存储在计算机上的什么位置？”文本字段旁的文件夹图标。7）在：“选择站点TaobaoWeb的本地根文件夹：”对话框中，单击“选择”下拉列表框的下三角按钮，然后选择在D盘驱动器下已创建的文件夹“TaobaoWeb”。8）单击“选择”按钮之后返回，然后单击“下一步”按钮。9）在“您如何连接到远程服务器？”选项中，从下拉列表框中选择“无”选项，然后单击“下一步”按钮。10）单击“完成”按钮。11）在“文件”面板中，选中“站点-TaobaoWeb”，然后右击鼠标选择“新建文件夹”命令，接着给新创建的文件夹取名为“images”，这样就可以在根目录下创建一个名为“images”的文件夹，它可以用来存放网页中的图片。
7. 什么是CSS + DIV标准？
答案：
CSS+DIV是网站标准中常用的术语之一，通常为了说明与HTML网页设计语言中的表格定位的区别，因此XHTML网站设计标准中，不再使用表格定位技术，而是采用CSS+DIV的方式实现各种定位。
CSS是英语层叠样式表单（Cascading Style Sheets）的缩写，它是一种用来表现HTML、XML等文件央视的计算机语言。
DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素，就像一个容器一样可大可小、可长可短、可宽可窄。DIV的起始标签和结果标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
8. 简述3种页面布局的优点及使用场合？
答案：1）框架布局：一些小型的商业网站以及各种网页形式的学习教程，此外在一些网站的后台管理页面中也常常用到框架技术。2）表格布局：几乎所有的网站都用过表格，适合用来布局很规整的内容或数据。3）DIV布局：适合用来制作复杂的不规则页面、业务种类较多的大型商业网站。
9. 简述创建模板的大致步骤？
答案：
可以用两种不同方式创建模板：
(一) 将现有文档保存为模板
1. 选择“文件”→“打开”命令，即会出现“打开”对话框。
2. 在“打开”对话框中，选择要创建为模板的现有文档。
3. 单击“确定”按钮，该文档将出现在“文档”窗口中。
4. 选择“文件”→“另存为模板”命令，将出现“另存为模板”对话框。
5. 在此对话框中，从“站点”下拉列表框中选择要保存模板的站点。在“另存为”文本框中，输入模板的名称。
6. 单击“保存”按钮。
(二) 新建空白模板
1. 选择“窗口”→“资源”命令或按F11键，即会出现“资源”面板。
2. 单击“资源”面板上的“模板”图标，将显示“模板”面板。
3. 单击“模板”面板右下角的“新建模板”图标。
4. 在“名称”字段中输入新模板名称，然后按Enter键。
5. 单击“模板”面板右下角的“编辑”图标。
10. 在HTML文档中可以创建几种类型的列表？ 答案：
1）无序列表：无序列表就是“项目列表”。列表项前面有项目符号，包含在无序列表标签<UL>……内。列表中每项都用列表标签<LI>，其中LI表示列表项，结束标签</LI>为可选项。
2）有序列表：有序列表包含在<OL>……</OL>标签内。有序列表页显示列表项，区别在于有序列表的列表项以自动生成的顺序显示。
11. 在HTML中创建表格的标签有哪些？
答案：
1. <TABLE>
<TABLE>……</TABLE>标签用于在HTML文档中创建表格。它包含表名和表格本身内容的代码。表格的基本单元是单元格，用<TD>……</TD>标签定义。
2. <TR>
表格行用<TR>标签定义，由单元格构成。多个行结合在一起就构成一个表格，这反映在用于创建表格的HTML语法中。表格的每一行都用<TR>标签标示，并用相应的</TR>标签结束。
3. <TD>
表格的每一行又有若干表格单元格，用<TD>……</TD> 标签表示。TD是“表格数据（Table Data）”的英文缩写。<TD>标签定义一个列，嵌套于<TR>标签内。
12. 什么是表格的美化修饰？
答案：
表格的美化修饰就是从多方面对表格进行美化修饰，使表格看上去更漂亮、更美观、更合理。对表格进行美化修饰，主要从以下几个方面进行：
Ø 表格的高度、宽度和边框。
Ø 表格、行、列的背景。
Ø 表格、行、列的对齐方式。
Ø 表格的填充、间距属性。
13. HTML常用表单元素的类型及其属性。
答案：
1. 文本框
在表单中最常用的表单输入元素就是文本框（text），它提供给用户输入单行文本信息。（表单元素type属性设为text）。
2. 密码框
密码框的各属性和文本框一样，唯一不同的是，密码框输入的字符全都以“*”显示。（表单元素type属性设为password）。
3. 单选按钮
单选按钮控件用于一组相互排斥的值，组中的每个单选按钮控件应具有相同的名称，用户一次只能选择一个选项。只有从组中选定的单选按钮才会在提交的数据中生成name/value对，单选按钮需要一个显示的value属性。（表单元素type属性设为radio）。
4. 复选框
用户可以选择多个复选框，选择了复选框时，会讲一个name/value对与FORM一起提交。（表单元素type属性设为checkbox）。
5. 列表框
列表框主要是为了用户快速、方便、正确地选择一些选项，而且还能节省页面空间，它是通过<SELECT>和<OPTION>标签来实现的。<SELECT>标签用于显示可供用户选择的下拉列表，每个选项由一个<OPTION>标签表示，<SELECT>标签必须包含至少一个<OPTION>标签。
6. 按钮
按钮在表单中经常用到，在HTML中按钮分为3种，分别是普通按钮（button）、提交按钮（submit）和重置按钮（reset）。普通按钮主要用来响应onClick事件，提交按钮用来提交表单信息，重置按钮用来清除表单中已填信息。
7. 多文本文档
使用标签<TEXTAREA>。其中，cols用来指定多行文本框的列数；rows用来指定多行文本框的行数。在<TEXTAREA>……</TEXTAREA>标签对中不能使用value属性来赋初始值。
14. 一个框架结构是由几部分组成？
答案：
Ø 框架（FRAME）:是浏览器窗口中的一个区域，它可以显示与浏览器窗口其余部分中所显示内容无关的网页文件。
Ø 框架集（FRAMESET）:是一个网页文件，它将一个窗口通过横向或纵向的方式分割成多个框架，每个框架中要显示的都是不同的页面文件。不同的网页文件可以通过超链接联系起来。
15. 什么是表单？什么是表格布局？答案：
表单是网站管理者与访问者之间沟通的桥梁，包含如按钮、文本框、下拉列表框、单选按钮、复选框等表单元素。表单元素用于接收用户的输入并提供一些交互式操作。用户输入的数据可以通过客户端脚本来验证，然后提交给服务器作进一步的处理。
表格布局就是为了精确定位、合理安排网页中的文字、图片等元素，它就像网页的脸面，是在一个限定的面积范围内合理安排、布置图像、文字等元素位置，从而设计出板式漂亮的页面。
16. 开发一个商业网站的流程？
答案：
创建一个商业网站，要做好商业网站开发的前期准备、中期制作和后期的测试发布工作。
Ø 前期准备包括了解网站的业务背景、明确网站的设计风格、确定网站内容等。
Ø 中期制作包括创建站点、制作首页、制作模板和制作样式。
Ø 后期的测试发布工作包括检查页面效果是否美观、连接是否完好、不同浏览器的兼容性以及如何发布网站。
17. 根据网站的主题、题材、客户需求和客户企业的业务背景，可以把网站大致分为哪几类？
答案：
下面就是美国《个人电脑》杂志（PC Magazine）把网站分为以下10类：
Ø 网上求职网。
Ø 网上聊天/即时信息/ICQ类。
Ø 网上社区/讨论/邮件列表类。
Ø 信息技术类。
Ø 网页/网站开发类。
Ø 娱乐类。
Ø 旅行类。
Ø 参考/资讯类。
Ø 家庭/教育类。
Ø 生活/时尚类。
18. 要树立好的网站风格，要从几个方面考虑？
答案：
Ø 合理的网页布局。
Ø 让网站logo尽可能地出现在每个页面的页眉中。
Ø 将文字、链接、图片、背景、边框等尽量与主色调一致。
Ø 突出字体特色。在关键的标题、菜单、图片里使用统一的字体和颜色。
Ø 使用特效，让网页看起来生动活泼。
Ø 网站主题鲜明、整体实用性强、内容切合度好等。
19. 发布网站的方式有哪些？
答案：
发布网站有两种方式：
1. 一种是本地发布，即通过本地计算机来完成，在Windows操作系统中，一般通过IIS来构建本地Web发布平台，这种发布方式只能让局域网中的用户访问您的站点。
2. 另一种是远程发布，即登录到Internet上，然后利用有些Internet服务商提供的个人网络空间来真实地发布自己所见的网站，不过，这种发布方式要先申请一个域名和虚拟主机，申请成功后Internet服务上就会给您一个IP地址、用户名和密码，使用此IP地址、用户名和密码就可以把您的网站上传到Internet上，只有这样，才能让Internet上的用户访问您的站点。
20. 采用DIV + CSS 标准有什么好处？
答案：
Ø 减少页面代码，加快页面下载，提高页面显示速度。
Ø 结构清晰，容易被搜索引擎搜索到。
Ø 改版方便，而且缩短改版时间。
Ø 强大的字体控制和排版能力。
Ø 表现和内容相分离，方便美工与程序员分工协作。
Ø 更能体现样式和结构相分离，结构的重构性强。
Ø 在几乎所有浏览器上都可以使用。
Ø 你可以轻松地控制页面的布局。
Ø 你可以将许多网页的样式同时更新，不用再一页一页地更新了。
Ø 你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的样式规则，那么整个站点的所有页面都会随之发生变动。
21. 模板的功能是什么？如何制作模板？
答案：
模板的功能就是将板式和内容的设计分离，先设计版式布局并存为模板，然后，对于相同布局版式的网页就可以用前面定义的模板来创建，在新的页面中只需修改部分内容就可以快速制作成功，而且可以保证页面风格的一致性。
创建模板的方法有两种：
Ø 一种是将现有的HTML文档保存为模板。
Ø 另一种是在空白HTML文档中从头开始创建。
22、写出滚动标签，并说明内部属性的含义。
<Marquee scrolldelay=”100” direction=”up” onmouseover=”this.stop()” onmouseout=”this.start()”>
,down,left,right
23、某公司要开发一个网上购物网站，需要创建一个注册页面，该页面由三部份组成，依次是页眉部分、表单部分、和页脚部分。页眉部分是图片head.jpg，表单部分由表单域、表格、表单元素和一些文本组成的，页脚部分是图片foot.jpg。
请通过手写HTML代码的方式，实现如图所示的注册页面效果。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>注册页面</title> </head> <body> <table width="765" border="0"> <tr> <td><img src="images/head.jpg"></td> </tr> <tr> <td><form name="form1" method="post" action=""> <table width="765" border="0"> <tr> <td height="50"><h2><font color="#FF0000" size="3">以下均为必填项</font></h2></td> <td> </td> <td> </td> </tr> <tr> <td width="25%" height="50" bgcolor="#E8FBFF">请填写您的Email地址：</td> <td width="30%"> <input type="text" name="email" id="email"> </td> <td><font color="#FF0000">此项为必填项，请输入您的Email地址。</font></td> </tr> <tr> <td height="50" bgcolor="#E8FBFF">设置您在当当网的昵称：</td> <td> <input type="text" name="username" id="username"> </td> <td width="45%"><font color="#FF0000">此项为必填项，请输入您的昵称。</font></td> </tr> <tr> <td height="50" bgcolor="#E8FBFF">设置密码：</td> <td> <input name="userpassword" type="password" id="userpassword" size="22"> </td> <td><font color="#FF0000">此项为必填项，请设置您的密码。</font></td> </tr> <tr> <td height="50" bgcolor="#E8FBFF">再次输入您设置的密码：</td> <td> <input name="ruserpassword" type="password" id="ruserpassword" size="22"> </td> <td><font color="#FF0000">此项为必填项，请再次输入您的密码。</font></td> </tr> <tr> <td height="50"></td> <td colspan="2"> <input type="checkbox" name="ckcheck1" id="ckcheck1"> 我已阅读并同意《<a href="#" target="_blank">当当网交易条款</a>》和《<a href="#" target="_blank">当当网用户使用条款</a>》</td> </tr> <tr> <td height="50"></td> <td> <input type="reset" name="reset1" id="reset1" value="重 置"> </td> <td> <input type="submit" name="submit1" id="submit1" value="注 册"> </td> </tr> </table> </form> </td> </tr> <tr> <td><img src="images/foot.jpg"></td> </tr> </table> </body> </html>
<html>
<head>
<title>我的ACCP S1示例</title>
<style type = "text/css">
td{
color:red;
font-style:bold;
font-size:12px;
text-align:center;
}
</style>
</head>
<body>
<table width="100%" bordercolor="black" cellspacing="0" height="100" border="1">
<tr>
<td rowspan="2" width="20%">ACCP S1</td>
<td colspan="5">课程列表</td>
</tr>
<tr>
<td>STB</td>
<td>JAVA</td>
<td>HTML</td>
<td>SQLBase</td>
<td>C#</td>
</tr>
</table>
</body>
</html>