您的位置：首页 > 编程语言

客户端网页编程1、2

2015-07-27 20:59 274 查看

one：web应用程序开发原理

一、主机/终端模式：因为终端只有输入和输出功能，而没有处理能力，企业计划都需要依靠主机来做。

二、客户机/服务器计算模式

分布式客户/服务器(Client/Server，简称C/S）

网络中的计算机被分为两大类：①是向其他计算机提供各种服务（主要有数据库服务、打印服务等）的计算机，称为服务器；

②是享受服务器提供的计算机，称为客户机；

缺点：缺点采用C/S模式开发的系统具有信息共享性好、网络的信息创数量小等优点，但却具有不易维护、用户操作界面风格不一致、能够处理的数据类型不易扩散等

三、浏览器/服务器计算模式

浏览器/服务器模式（Browser/Server，简称B/S）

客户端只需安装普遍使用的浏览器（如IE、Firebox等），而应用程序被相对集中地放在web服务器上。

四、HTTP协议

HTTP服务器分为四个部分：请求行、请求头、空行、消息体，它请求封装了客户端请求服务的执行的行为、HTTP版本的协议、要请求的资源、本机所用的浏览器信息、本机浏览器所能解析的文件格式等信息。

五、网页的分类

（1）静态网页：静态网页制作完成并发布后，页面的内容（文本、图像超链接等）和外观总是保持不变

优点：信息访问的效率很高、网站的架设与开发相当容易

六、客户端网页编程工具的选择

文本编辑器：记事本、UtraEdit、EditPlus、Emacs

网页编辑工具：FontPage、Macromedia Dreamweaver、TopStyle等等

two：Xhtml基础

一：所有的Xhtml文档都有三个文档级的元素：html、head、body

（1）定义正文标题

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

运行结果为：Heading的显示字体会相对变小。

（2）定义列表

1.有序列表：用元素ol定义（Ordered List）

格式：

<p>有序列表实例</p>

<ol>

<li>编写XHTML文件</li>

<li>编写XML文件</li>

<li>编写JSP文件</li>

</ol>

2.无序列表：用元素ul定义（Unordered List）

格式：

<p>无序列表实例</p>

<ul>

<li>编写XHTML文件</li>

<li>编写XML文件</li>

<li>编写JSP文件</li>

</ul>

3.定义列表：用元素dl定义（Defined List）

定义列表的列表项是由两个元素dt 和dd 构成。dt 是用于定义列表项的名称，dd用于定义列表的具体内容

格式：

<p>定义列表实例</p>

<dl>

<dt>猫</dt>

<dd>一只可爱的猫</dd>

<dt>手电筒</dt>

<dd>使用电池的设备</dd>

<dt>cute</dt>

<dd>可爱</dd>

</p>

4.定义预编排文本

功能：可以使文本按照源文件中的编排格式，一模一样的在浏览器中显示

格式：

<pre>

2.9

+1.2

--------

4.1

</pre>

5.定义分区块文本

功能：分区是块格式化的更高级别，通常用于成组的段落、整个页面，有时也用于仅仅一个段落

<html>

<head>

<style>

.bodered{ boder-style:solid;}

</style>

</head>

<body>

<p>这是一个常规的段落</p>

<div class="bodered">

<p>这是一个用div样式界定的段落</p>

</div>

</body>

</html>

6.跨越多个字符

功能：在正文段落，对部分字符进行格式化

格式：

<html>

<head>

<style>

.emphasis{ color:red;text-decoration:underline;font-weight:blod;}

</style>

</head>

<body>

<p><span class="emphasis">这段文本被着重强调</span>，而这段没有</p>

<div class="bodered">

<p>这是一个用div样式界定的段落</p>

</div>

</body>

</html>

7.特殊字符

；空格

<；左尖括号<或小于号

>右尖括>或大于号

©版权符号

®；已注册符号

&and符号&

&3151;长破折号

8.创建超链接

web连接有两个基本的组件：

①链接：指在主文档中指向其它文档的文本

②目标：指链接所指向的文档或者主文档中的某个位置

格式：

<a><href="目标URL">描述文本</a>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航