客户端网页编程1、2

最新推荐文章于 2022-10-29 18:04:51 发布

lp_jung

最新推荐文章于 2022-10-29 18:04:51 发布

阅读量317

点赞数

本文链接：https://blog.csdn.net/lp_607/article/details/47090747

版权

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.特殊字符

&nbsp；空格

&lt；左尖括号<或小于号

>右尖括>或大于号

©版权符号

&reg；已注册符号

&and符号&

&3151;长破折号

8.创建超链接

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

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

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

格式：

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