网站设计与WEB应用开发技术文档格式.docx
《网站设计与WEB应用开发技术文档格式.docx》由会员分享，可在线阅读，更多相关《网站设计与WEB应用开发技术文档格式.docx（28页珍藏版）》请在冰豆网上搜索。
6.文件传输服务（FTP）是干什么的？
FTP服务解决了远程传输文件的问题，无论两台计算机相距多远，只要它们都连入Internet并且都支持FTP协议，则这两台计算机之间就可以进行文件的传送。
FTP实质上是一种实时的联机服务，用户首先要登录到目标服务器上，之后用户可以在服务器目录中寻找所需文件，FTP几乎可以传送任何类型的文件，如文本文件、二进制文件、图像文件、声音文件等。
7.Web的主要技术：
（P9）
（1）统一资源定位技术（URL）
（2）超文本传送协议（HTTP）
（3）超文本标记语言（HTML）（4）浏览器（Browser）（如Firefox、Safair、Opera）
8.什么是统一资源定位符？
它的具体格式？
（P9）
URL（UniformResourceLocator）,即通过定义资源位置的抽象标识来定位网络资源。
资源被定位后，便可对其进行各种操作，例如：
访问、更新、替换、查找属性等。
格式：
<
scheme>
:
scheme-specific-part>
其中：
指所用的URL方案名。
意义的解释与所用方案有关。
方案名由字符组成，可包括字母、数字、加号、句点和连词符，字母大小写是不分的。
例如：
对于Internet,,<
指的是Internet协议名；
HTTPURL方案用于表示可通过HTTP协议进行访问的Internet资源。
9.超文本传送协议（HTTP）是干什么的？
（P10）
HTTP（HypertextTransferProtocol）是一种通信协议，它允许将超文本标记语言（HTML）文档从Web服务器传送到Web浏览器。
HTML是一种用于创建文档的标记语言，这些文档包含到相关信息的链接。
可以通过单击一个链接来访问其他文档、图像或多媒体对象，并获得关于链接项的附加信息。
10.什么是静态页面？
什么是动态页面？
什么是活动页面？
及它们三个之间的区别？
（P19）
静态页面：
是存储于服务器的文件，其内容在生成该文档时就已定义好，并且始终不变。
动态页面：
是在浏览器访问Web服务器时，由Web服务器创建的。
当浏览器向服务器发出请求时，Web服务器运行一个应用程序，创建动态文档，并返回给浏览器作为应答。
活动页面：
在保持动态页面优点的基础上，又能避免服务器负担过重的问题。
即在传统HTML文档的基础上，加入诸如：
JavaApplet、VBScript脚本、ActiveX控件、Flash插件等活动元素。
三者区别：
①静态页面：
内容是编著者创作页面时确定好的，一旦将所有内容保存在服务器中并发布，任何人去访问都可以看到相同的内容；
对于信息资源的用户而言，是不能和页面进行交互的，页面的内容也不会因为用户所做的操作而发生变化。
对于信息资源的提供者而言，静态页面必须手工制作，手工更新和发布，其开发难度不大。
②动态页面：
能够实现显示形式、内容等的个性化制定；
不同用户在不同时刻访问同一个动态页面时，可能就会得到不同的结果，动态页面的内容是变化的；
但动态页面需要由服务器实时生成，服务器的负荷要比静态页面的方式要大；
其开发难度也较大。
③活动页面：
在保持动态页面优点的基础上，又能避免服务器负担过重的问题，而且在HTML文档的基础上，加入诸如：
而且这些元素在客户端运行，所以可以实现快速的响应和显示，但它们对客户端计算机的硬件配置和浏览器软件提出了一定的要求。
11.两层结果和三层结构？
（P21-22）
①两层结构（Two-Tier）:
指的是：
客户机、服务器，即C/S结构，通常来说，数据库位于服务器端，而客户端应用提供了与用户接口的界面，同时还包含了对服务器上的数据进行操作的一系列规则（商业逻辑）。
注释：
通常讲C/S这种模式两层结构的部署方式形象的称为“胖客户机/瘦服务器”（FatClient/ThinSever）.
②三层结构：
从功能的角度，将整个应用的功能分成表示层、功能层和数据层三部分。
其解决方案是：
对这三层进行明确分割，并在逻辑上使其独立。
关键是要将表示层和功能层分离成各自独立的程序，并且还要使这两层间的接口简洁明了。
课后题：
（P26）：
2.统一资源定位符（URL）——:
80/index.asp中，既包含了http，又包含了www，三者之间是什么关系？
答：
URL包含了http和www，http是一个协议，www是一种服务，是一个域名（中国教育网），80是端口号，index.asp是主页。
（这句话是我问老师的答案）
答：
统一资源定位符（URL）用于定位某个资源，由于Internent的复杂性，其提供的服务及传输协议有很多种，为了能区分，URL中必须进行说明，此处的http就是为了说明该请求属于超文本传输协议；
URL的概念比较宽泛，http只是其中的一种传输协议，也可能出现别的情况，比如ftp等。
。
而www则是所请求服务器的域名，有些服务器的域名中就不包含www。
（这是从书的网址找到的标准答案）
3.本章提到的开发技术中哪个更好？
我们应该学习哪项技术呢？
（这是从书的网址找到的标准答案，大家可以自己改改说法，意思一样就行，不必一模一样）
其实技术是没有好坏之分的，关键在于是否适合你所应用的环境以及你是否能掌握。
一味的求新、求好是没有经验的开发者所采取的行动。
我们不应该单纯追求技术的先进性，而要追求有效和实用，当你要实现一个方案时，要分析项目的性质及最终用户，然后再寻找能解决问题的最经济、最实用也能满足用户需要的手段。
因为用户并不关心你采用多么先进的技术，用户关心的是可靠（Reliable）、快速（Rapid）、方便（Convenient）。
第二章：
12.大中型网站的建设通常需要经历一下的步骤：
（P27-28）
（1）初始会商：
收集待建设网站的关键信息，包括站点的目标受众、要发布的主要内容等。
（2）概念开发：
设计人员根据已收集到的信息，开始构思。
通常，网站设计师以草图的形式呈现，其中包含整个网站的结构，不同的布局设计及导航等。
（3）内容综合：
当设计人员的构思得到了确认，就可以开始制作一些初始图样，之后再配合文字加以说明。
（4）HTML布局和导航：
若前面的设计获得了确认，则进入了编制Web页面样例阶段，加入导航器，并进行初次的尝试和体验。
（5）媒体制作：
经反复修改后，站点的外观和感受最终得到了认可，此时在制作所需的各种媒体素材，并进行优化。
（6）内容整合：
利用各种技术将不同的媒体素材（HTML、CSS、JavaScript、JAVA、.NET、FLASH等），按照网站的目标有机地整合在一起。
（7）网站测试：
在站点被正式发布之前，测试人员要完整测试整个网站，尽量减少站点中包含的错误，并在修改后进行必要的回归测试。
（8）交付:
一旦测试完成，就可以正式启用该网站。
这标志着网站正式进入运行阶段，当然网站的完善还需要持续地做下去。
13.网站策划活动的结束以形成完整的《网站策划书》为标志。
包括以下几项工作：
（P28-30）
（1）建立网站前的市场分析
（2）建设网站目的及功能定位（3）网站的技术解决方案
（4）网站内容规划（5）网页设计（6）网站测试（7）网站发布与推广
（（6）和（7）小网站可省）
（8）网站维护（9）网站建设日程表（10）费用明细
14.网站都有哪几种设计？
（大题P31-44，每一节下面的内容都要认真看，我只是把大框打了出来）
（1）网站的CI形象设计：
所谓的CI（CorporateIdentity）,借用了广告的术语，它是通过视觉来统一企业的形象。
①设计网站的标志（logo）②设计网站的主色调
③设计网站的标准字体④设计网站的宣传语言
（2）网站的总体结构设计：
①网站的目录结构②合理设计网页间的逻辑结构（均衡的逻辑机构，P35有图）
（3）网站的版面设计：
①草案②粗略布局③定案（每个下面的具体内容，P36-37要看）
（4）网站的色彩设计（具体的内容P40）（5）网站导航设计：
（具体的内容P41）
（6）网站信息的可用性设计：
（具体的内容P43）
15.什么是IIS？
IIS是干什么的？
（P45）
IIS（InternetInformationServer,互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络上发布信息成了一件很容易的事。
16.IIS的配置？
（P49，具体每个配置的解释看书）
（1）网站基本配置
（2）网站性能配置（3）网站的安全性配置
2.如何判断本机是否已经安装过IIS？
（这是从书的网址找到的标准答案）
可以简单的通过两个方式进行判断：
（1）查看“管理工具”下是否有“Internet信息服务（IIS）管理器”，通过查看可以获知；
（2）直接在浏览器中输入“http:
//127.0.0.1”，看是否能看到有关信息。
3.使用IIS安装并开设了新网站后，再将网站的有关文件导入后是否就可以立即投入使用？
一般来说，这样就可以使用了，不过使用默认的配置可能会在将来出现问题。
因此，通常我们需要进一步对网站进行配置。
根据实际需要，一般来说，网站的安全性配置和网站的性能配置是需要修改的。
第三章：
（占考试的20%-30%）（※）
17.HTML的标签与标签的属性及用法（P86）
（1）HTML的标签根据其书写形式可分为但标签和双标签。
①单标签：
常用的单标签有：
BR>
表示换行；
HR>
表示一条水平线。
②双标签：
由“首标签”和“尾标签”两部分构成，必须成对使用。
（2）标签的属性：
许多单标签和双标签的始标签内包含一些属性，标签要通过属性来定义所希望的设置参数。
其语法是：
标签属性1=属性值属性2=属性值…>
受影响内容<
/标签>
注意：
并不是所有的标签都有属性。
柑橘需要可以用该标签的所有属性，也可以只定义需要的几个属性，说明时属性之间没有顺序。
作为一般的原则，大多数属性值不用加双引号。
但如果参数中包含了空格、%和#等特殊字符的属性值时则必须加双引号。
（3）注释的格式：
!
--注释内容-->
注意：
注释并不局限于一行，长度不受限制，且结束置标符“-->
”不必与开始置标符“<
--”在同一行。
18.HTML文件的总体结构：
一个完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素。
（P88）
一个HTML文件的基本结构如下：
HTML>
文件开始标签
HEAD>
文件头开始的标签
…
/HEAD>
文件头结束的标签
BODY>
文件主体开始的标签
/BODY>
文件主体结束的标签
/HTML>
文件结束标签
【实例3-1】第一个HTML网页
<
TITLE>
Myfirstpage<
/TITLE>
我的第一个网页
（4）字符引用（P87，了解一下）
※19.HTML头部及其标签（P89，上课时老师说过的重点）
…<
/HEAD，表示这是HTML网页的文件头部分，用来说明文件命名和与文件本身的相关信息。
（1）META标签：
是HEAD部分的一个辅助性标签，它位于HTML文档头部的<
标签和<
标签之间，它提供用户不可见的信息。
META标签是一个单标签，可分为两大部分：
HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。
（2）页面描述信息（P91）：
该属性用于说明和描述网页，name是描述网页的，对应于content（网页内容），以便于搜索引擎机器人查找、分类（几乎所有的搜索引擎都会使用网上机器人自动查找meta值来给网页分类）。
基本语法为：
METAname=”名称”content=“内容”>
关于有关用法的具体说明：
（各关键词间用英文“，”隔开）
1关键字：
keywords：
用于声明网页的关键字，由Internet搜索引擎完成关键字索引。
用法如下：
METAname=”keywords”content=”关键词1，关键词2，关键词3，……”>
如：
METAname=”keywords”content=”旅游,计算机知识介绍,网上交友”>
2Description:
是用来描述网站的主要内容的，搜索引擎一般也会通过这个属性来检索这个网站，但不显示出来。
METAname=”Description”content=”你网页的简述”>
（3）网页标题（TITLE）（P93）（下面这短话写上只是为了便于大家理解）
网页的标题概括了网页的内容；
在文件头部定义的标题内容不再浏览器窗口中显示，而是在浏览器的标题栏中显示。
尽管头部定义的信息很多，但能在浏览器标题栏中显示的信息只有标题。
用法：
网页的标题<
。
（4）文档主体部分（BODY）
是网页的正文部分。
HTML文件主体标签的格式为：
BODYbgcolor=“颜色值”background=“文件名”text=“颜色值”link=“颜色值”vlink=“颜色值”alink=“颜色值”>
/body>
【实例3-2】一个简单的HTML网页（P94）
BODYbgcolor=“yellow”text=“gray”link=“blue”vlink=“red”alink=“green”>
ahref=”连接的对象”>
连接的文字<
/a>
HTML代码在书写时不区分大小写，也不要求在书写时缩进，缩进是为了阅读方便。
20.标题和段落（P95）
（1）标题文字标签：
格式：
Hnalign=对齐方式>
标题文字<
/Hn>
属性align用来设置标题在页面中的对齐方式，（left,right,center）
属性n用来指定标题文字的大小。
N可以取1—6的整数值，取1时文字最大，取6时文字最小。
【实例3-3】标题文字的用法（P95，要会看明白）
设置标题<
BODY>
H1>
第1级标题（H1）<
/H1>
H2>
第2级标题（H2）<
H3>
第3级标题（H3）<
H4align=left>
第4级标题（H4）（居左）<
H5align=right>
第5级标题（H5）（居右）<
H6align=center>
第6级标题（H6）（居中）<
（2）段落标签：
常用的段落标签包括：
P>
DIV>
1强行换行标签：
放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。
文字<
2设置段落标签<
为了排列的整齐、清晰，文字段落之间，常用<
/p>
来做标签。
不但能使后面的文字换到下一行，，还可以使两段之间多以空行。
一个强制换行<
可以看作是两个强制换行标签<
Palign=对齐方式>
/P>
【实例3-5】段落标签的用法（P97）
段落标签示例<
PALIGN=CENTER>
登黄鹤楼<
白日依山尽，<
黄河入海流。
欲穷千里目，<
更上一层楼。
3分区显示标签<
（P99）
DIValign=left/center/right>
文本或图像<
/DIV>
21.文字标签：
①设置文字的大小：
FONTsize=数字face=字体号color=颜色>
被设置的文字<
/FONT>
②设置文字的颜色：
有两种方法：
a.<
标签中的text属性：
利用<
标签中的text属性，可以设定整个网页文字的颜色。
BODYtext=颜色>
受影响的文字<
【实例3-12】利用<
设置文字的颜色（P104）（写运行结果或填空）
html>
head>
title>
用body标记设定文字的颜色<
/title>
/head>
bodytext=blue>
h3>
春夜喜雨<
/h3>
fontface="
宋体"
size=4>
杜甫（唐）<
/font>
br>
fontface=楷体>
好雨知时节，当春乃发生。
随风潜入夜，润物细无声。
野径云俱黑，江船火独明。
晓看红湿处，花重锦官城。
/html>
b.<
FONT>
标签中的color属性（P105）
用<
设定文字的颜色<
body>
FONTcolor=white>
白色<
22.列表（都有哪些列表？
）（P106）
（1）无序列表：
无序列表中每一个表项的前面是项目符号（如●、■等）。
建立无序列表使用<
UL>
LI>
表项标签。
（具体例子看书上）
ULtype=“符号类型”>
LItype=“符号类型1”>
第一个列表项
…
/UL>
（2）有序列表：
使用<
OL>
标签可以建立有序列表，表项的标签仍为<
.
OLtype=“符号类型”>
表项1
LItype=“符号类型2”>
表项2
/OL>
23.超级链接（P114,重点）
（1）锚点标签<
A>
Ahref=“链接的目标地址”name=“链接名称字符串”target=“打开窗口方式”>
浏览器中显示的热点<
/A>
※
（2）创建指向其他页面的链接：
（P115）（重点看③）
Ahref=“目标地址的路径/目标文件名.html”>
热点文本<
1链接到同一目录内的网页文件（使用相对地址）
Ahref=“目标文件名.html”>
浏览器中的热点文本<
2链接到本站点下不同目录中的网页文件（使用相对地址）
链接到下一级目录中网页文件的格式：
Ahref=“子目录名/目标文件名.html”>
链接到上一级目录中网页文件的格式为：
Ahref=“…/目标文件名.html”>
3链接到其他网站的网页文件（使用相对地址）格式：
Ahref=“网络协议：
//网站名称/子目录名/目标文件名.html”>
（3）创建指向本页中的链接：
要在当前页面内实现超链接，需要定义两个标签：
一个为超链接标签，另一个为书签标签。
超链接标签的格式为：
Ahref=“#书签名”>
热点文本<
书签标签：
格式为：
Aname=“书签名”>
目标文本附近的字符串<
（4）创建指向其他类型文件的链接：
Ahref=“下载文件名”>
（5）创建发送电子邮件的链接：
Ahref=“mailto:
E-mail地址”>
发送邮件的热点文本<
24.表格及应用（P119-125,这几页都要看一下，我只打了一小部分）
（1）建立简单表格：
表格的标签为<
TABLE>
行的标签为<
TR>
表项的标签为<
TD>
.其中<
是单标签。
表项内容写在<
与<
/TD>
之间。
必须成对使用。
TABLEborder=nwidth=x或x%height=y或y%cellspacing=icellpadding=j>
TH>
表头1
升级会员 