网站设计与WEB应用开发技术文档格式.docx
《网站设计与WEB应用开发技术文档格式.docx》由会员分享,可在线阅读,更多相关《网站设计与WEB应用开发技术文档格式.docx(28页珍藏版)》请在冰豆网上搜索。
![网站设计与WEB应用开发技术文档格式.docx](https://file1.bdocx.com/fileroot1/2023-1/2/acb5d2aa-4333-4adf-bdf1-2eeaf06c713d/acb5d2aa-4333-4adf-bdf1-2eeaf06c713d1.gif)
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