网站设计与网络编程期末知识点总结.docx

填空题18分；判断题20分10题；简答题36分6题；综合题18分3题；代码题8分1题。

什么是网站：设计者、开发者的视角
• 网站是一组具有相关主题内容(性质)、类似设计的链接网页和资源的组合
• 具有一定的逻辑组织，并提供一定的交互过程，服务于特定的目标
• 网页文件和文件夹是网站的基本组成要素

当前网站体现出怎样的发展特征？web1.0 2.0 3.0……（项目中有没有思考？）
• Web1.0是一个厂商发布了内容给很多人看
• Web2.0是把发布的权利同时放给普通人
• Web3.0是可以随时通过互联网获得自己需要的信息
Web2.0的关键词：
• 相对于web1.0是一种新的网络文化
• 强调参与、共建和分享
• 社会性——多人参与，人是灵魂
Web3.0的关键词：
• 智能化 • 个性化 • 移动性 • 微型化 • 即时性
Web3.0的两个特性：
• 数据和应用可以全部存储在网络服务端
• 在任何一台电脑或终端上打开浏览器，就能进入属于自己的世界

网站的工作原理；静态页面是什么？动态页面呢？区别？（直接保存动态页面或打开aspx为什么不成功？）
网站的工作原理：客户端与网站服务器之间的通信均依靠HTTP协议（Hyper Text Markup Language，超文本传输协议）
服务器端静态页面：
• 一经制成，内容不再变化
• 页面中只有HTML标记，没有程序代码
• 后缀名为.htm或.html
服务器端动态页面：
• 能在不同时间，根据不同请求显示不同内容
• 页面中不仅有HTML标记，还有程序代码
• 后缀名根据不同编程语言不同
客户端动态网页：一般使用脚本来实现
• JavaScript＋DOM＋CSS实现动态网页
保存网站的问题：
不能保存网站的后台代码
能够保存网站的页面的css，style.
为什么要建web标准？基本内容？
不同浏览器的困扰以及网页的兼容问题，导致了web标准的产生；
基本内容：

哪五个内置对象？

页面数据的三类作用域？
关于数据的作用范围：
• 页作用域
• 会话作用域
• 应用程序作用域
①Request对象只作用于两个页面之间；

②使用request传递数据，在跳转之前将所有需要传递到下一个页面的数据都通过setAttribute方法添加到request中；
③Session作用于本次访问的所有页面之间；如果有多个页面之间需要频繁使用数据，我们存放子啊session中，在需要使用时，直接从session中取出；session中空间宝贵，尽量不使用；
【④如果使用request进行传值，就不能使用responseRedirect（）方式跳转；这种跳转方式对session无影响；】
Session一般传递用户信息；比如校园网中每次跳转都能显示学生信息；

application类似于系统的”全局变量“，他服务器启动时被创建，在服务器停止时被销毁。当application的对象没被销毁时，所有用户都可以共享该application对象。
它适用于同一个应用程序中，各个用户间共享数据。
数据的三类保存方式？【不同的情境？】

为了实现数据传输，用什么方式？（不在当前页面用，要传到下个页面，怎么办？）
网页之间需要进行教据的传输,从而实现数据的共享。基于ASP.NET的网站中,除了广泛应用的超级链接在两个网页之间传递参数之外,还有更高效的数据传输方式,比如使用Session对象、Application对象、数据库文件等。
ASP.NET常用内置对象

【登陆时候进行身份判断引导到不同页面（技术点：对象、方法、语句）】

自制搜索引擎怎么实现的？（其实就是调用了百度等……）

html文档结构？（html：head，body，title，……）

绝对路径？相对路径？如果开发时全用绝对路径可能会遇到什么问题？

做好的网页在自己机器上可以正常浏览，而把页面传到服务器上就总是出现看不到图片，css样式表失效等错误。这种情况下多半是由于你使用了错误的路径，在应该使用相对路径的地方使用了绝对路径，导致浏览器无法在指定的位置打开指定的文件。

什么是绝对路径：
　　大家都知道，在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似以
　　另外，在网站的应用中，通常我们使用"/"来表示根目录，/img/photo.jpg就表示photo.jpg文件在这个网站的根目录上的img目录里。但是这样使用对于初学者来说是具有风险性的，因为要知道这里所指的根目录并不是你的网站的根目录，而是你的网站所在的服务器的根目录，因此当网站的根目录与服务器根目录不同时，就会发生错误。

　　什么是相对路径：
　　让我们先来分析一下为什么会发生图片不能正常显示的情况。举一个例子，现在有一个页面index.htm,在这个页面中联接有一张图片photo.jpg。他们的绝对路径如下：
　　c:/website/index.htm
c:/website/img/photo.jpg
　　如果你使用绝对路径c:/website/img/photo.jpg，那么在自己的计算机上将一切正常，因为确实可以在指定的位置即c:/website/img/photo.jpg上找到photo.jpg文件，但是当你将页面上传到网站的时候就很可能会出错了，因为你的网站可能在服务器的c盘，可能在d盘，也可能在aa目录下，更可能在bb目录下，总之没有理由会有c:/website/img/photo.jpg这样一个路径。那么，在index.htm文件中要使用什么样的路径来定位photo.jpg文件呢？对，应该是用相对路径，所谓相对路径，顾名思义就是自己相对与目标位置。在上例中index.htm中联接的photo.jpg可以使用img/photo.jpg来定位文件，那么不论将这些文件放到哪里，只要他们的相对关系没有变，就不会出错。

　　另外我们使用“../”来表示上一级目录，“../../”表示上上级的目录，以此类推。
　例：
　　c:/website/web/index.htm
　　c:/website/img/photo.jpg
　　在此例中index.htm中联接的photo.jpg应该怎样表示呢？
　　错误写法：img/photo.jpg
　　这种写法是不正确的，在此例中，对于index.htm文件来说img/photo.jpg所代表的绝对路径是：c:/website/web/img/photo.jpg，显然不符合要求。
　　正确写法：使用../img/photo.jpg的相对路径来定位文件

控件类型？
HTML控件、HTML服务器控件与Web服务器控件
1. html控件:就是我们通常的说的html语言标记，这些语言标记在已往的静态页面和其他网页里存在,不能在服务器端控制的，只能在客户端通过javascript和vbscript等程序语言来控制。 u
2. HTML服务器控件：就是在HTML控件基础上加上runat="server"所构成的控件。 u
3. Web服务器控件:是Web Form编程的基本元素，也是所特有的。它会按照client的情况产生一个或者多个html控件，而不是直接描述html元素。
4. Web服务器控件与HTML服务器控件的区别：
（1）事件处理模型不同， HTML服务器控件的事件在客户端的页面上处理，而Web服务器控件则是在服务器端处理。
（2） Html服务器控件的事件是由页面来触发的，而A服务器控件则是由页面把Form发回到服务器端，由服务器来处理。
（3） Web服务器控件可以描述页面元素的功能、外观、操作方式和行为等，HTML控件不行。
5. Web服务器控件与HTML控件的区别：
（1）Web服务器控件可以触发服务器控件特有的事件，HTML控件只能通过回递的方式触发服务器上的页面级事件。
（2）输入到前者中的数据在请求之间可以维护（即具有状态管理功能）,而后者无法自动维护数据，只能使用页面级的脚本来保存和恢复。
（3）前者可以自动检测浏览器并调整到恰当的显示，而后者没有自动适应功能，必须在代码中手动检测浏览器。
（4） 每个服务器控件都具有一组属性，可以在服务器端的代码中更改控件的外观和
行为，而后者只有HTML属性。

常用的数据绑定控件（单条、多条？布局固定、自由？）

数据布局模板（结合项目谈谈如何灵活应用？insert状态、delete状态、显示状态……）

控件的数据绑定：只读、读写
第一种是利用Connetction、Command和 DataReader对象，这种方式只能读取数据库，不能修改记录。如果只是想查询记录的话，这种方式的效率更高些。 （只读）
第二种是利用Connection、Command、DataAdaPter和Dataset对象，这种方式更灵活，可以对数据库进行各种操作。（读写）

【结合案例举例说明（……三个什么来着？）：控件、系统变量、指定的固定值】
答：数据筛选的三种方法。
控件输入的值
来自系统参数（Session、QueryString等）
指定的一个值
使用数据源控件时，自定义设置绑定的数据字段
有哪两种数据访问方式？
• 使用Connection对象、Command对象、DataReader对象实现保持连接的数据访问
• 使用DataAdapter对象和DataSet对象实现断开连接的数据访问

母板技术如何实现网站统一设计？基本原理？
实质：
• 布局模板，可被任何页面重用
• 定义不同页面相同的部分，指定让内容页添加内容的区域
原理：两个包含，一个结合
• 将页面内容分为公共部分（母版页）和非公共部分（内容页）
• 母版页和内容页相结合形成最后客户浏览结果
母版页和内容页的区别？
（1）后缀名不同 .master/.aspx
（2）指令不同 @Master指令/@Page指令
（3）<html>、<head>、<body>只能出现在母版页中（即内容页中不可有）
如：<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs"
Inherits="MasterPage" %>

css设置的三种方式？和页面结合的三种方式？举例？
1：css部分选择符命名的三种方式？
（注：css定义网站风格、实现网页排版布局）
（1）HTML标记符：相当于重新定义HTML原来的样式
例： h1{font-size:18px; color:#FF6600;}
（2）用户定义的类CLASS：为单一的HTML标记符创建多个样式
语法：.classname{property:value}
如：.mypro{color:blue}
<h1 class=mypro>I am blue</h1>
（3）用户定义的ID：效果同CLASS，用”#”作为ID名的前缀,一般用于定义区块
如：#mypro{color:blue}
<h1 id=mypro>I am blue</h1>

2：与页面结合的方式：
方式一：使用<link>标记符链接到外部的样式表单
• 将样式定义保存在一个单独的文档中，定义扩展名为“.css”
• 在<head>标记之间用<link>引用链接样式表文件“.css”
• <link>3种常用属性
• Rel:规定被链接文件的关系，取值为“stylesheet”
• Type:规定被链接文件的mime类型，取值为“text/css”
• href:被链接文件的路径
如：<head>
<link rel=“stylesheet” type=“text/css” href=“123.css”>
</head>
方式二：在HTML文档的<head>标记符内嵌入样式表的定义
• 利用<style>标记
• 最好将CSS叙述文字插入<!-- -->标签之间
• 样式属性赋值最好加上双引号
• 作用于当前页面
如：<style type="text/css">
<!—Body { Font-family:”黑体”；Color:”green” } -->
</style>
方式三：在HTML文件中直接加入样式表的定义
• 利用HTML标记符的style属性
• 与后面方式冲突时，以字里行间的CSS为主
• 作用于当前的HTML元素对象
如：<p style=“color: blue; font-size: 10pt ”>
…
</p>

排版布局是什么？结合项目谈谈如何规划设计？（可画出类似axure的图分析）
排版布局指以最合适浏览的方式将图片和文字排放在页面的不同位置，使得视觉效果与使用效果最佳。
• 确定如何把功能模块安排到页面上（主次模块问题）
• 考虑页面信息量
• 选择恰当的页面结构

F型热点等相关（了解）
网页空间构成、F热点区域、页面信息量
网页空间构成：标题空间、欢迎空间和目录信息空间
页面信息量：要根据页面的信息量确定页面的结构样式，信息量的5种类型：
检索型：
• 以文字信息为主体，图片少于5%
• 将表示欢迎的信号控制在最低限度，如小图片、配色讲究
• 但可以通过增加空白表现自由感和高贵感
准检索型：
• 文字与图像的比例为2:1
• 稍微增加图形、色彩要素使主页气氛开放
均衡型：
• 欢迎空间与目录信息各占一半
• 与任何排版样式都可以进行自由的组合
印象主体型：
• 以图片为主体，产生画面的宽裕感，传达优雅、自由的气氛
• 配色以同色系为基调，有节制使用对比色
目录省略型：
• 文字信息最少的样式，除标题外文字限制在1~2行内
• 最大限度地表现页面印象，造型性是表现优美效果的关键
“F”型热点区域大多数情况下浏览者都不由自主的以“Ｆ”形状的模式阅读网页，这种基本恒定的阅读习惯决定了网页呈现F形的关注热度
css盒模型

.Div+css布局
优势：代码简洁、重构简便、搜索引擎友好（搜索引擎一般不抓取三层以上的表格嵌套）
CSS+DIV布局十步
• 第一步：规划网站
• 第二步：创建html模板及文件目录等
• 第三步：将网站分为五个div 网页基本布局
• 第四步：网页布局与div浮动等
• 第五步：网页主要框架之外的附加结构的布局与表现
• 第六步：页面内的基本文本的样式(css)设置
• 第七步：网站头部图标与logo部分的设计
• 第八步：页脚信息的表现设置
• 第九步：导航条的制作
• 第十步：解决IE浏览器的显示BUG