当前位置：文档之家 › 第2章 Web页面制作基础

第2章 Web页面制作基础

  • 格式：ppt
  • 大小：5.16 MB
  • 文档页数：138
第2章 Web页面制作基础

合集下载

第1章 web程序设计基础

第1章 web程序设计基础


1.4.1CSS简介
应用样式表有三种方法：局部、内部和外部。内 部样式表和外部样式表合称为级联式样式。直接 将样式控制放在单个HTML元素内，称为局部样 式或行内样式；在head部分直接实现的CSS样式， 称为内部样式；在head部分通过导入以扩展名 为.css的文件来实现CSS样式，称为外部样式。 在这些方法中，可以只使用一种，也可以同时使 用这三种，一般说来局部样式将覆盖任何内部样 式，内部样式将覆盖外部样式，实际上，这就是 层叠样式表的由来。
1.3 XHTML标记及其属性
1．主体标记<body>…</body> 2.分层标记<div>…</div> 3.文本格式化设置标记 4. 表格标记 5. 图像标记<img /> 6. 超链接标记<a>…</a>
1.4 CSS基础
CSS(Cascading Style Sheets，中文译为层叠样式 表)是用于控制(增强)网页样式并允许将样式信息 与网页内容分离的一种标记性语言，现在已经为 大多数的浏览器所支持。它在字体、样式、风格 等方面的突出表现使其迅速在网页制作中流行起 来，成为网页设计必不可少的工具之一。利用 CSS样式，不仅可以控制一个网页文档中的文本 格式，而且通过引用外部样式表的方式还可以控 制多个网页文档中的文本格式。
1.6 概述
1.6.1 发展概述 1996年，Microsoft推出了ASP（Active Server Page）1.0版 1998年，微软发布了ASP 2.0和IIS 4.0。 之后，又推出了IIS 5.0和ASP 3.0。 2002年 1.0也应运而生 2003年，Microsoft公司发布了Visual Studio 2003（简称VS 2003） 2005年， 1.0升级为 2.0。 2008年， Visual 2008(简称VS 2008)
Dreamweaver 入门

Dreamweaver 入门

Dreamweaver 入门本指南介绍如何使用 Macromedia Dreamweaver 8。

本指南中的教程将引导您完成创建一个简单但具备一定功能的 Web 站点的过程。

本指南包含以下各章：简介学习 DreamweaverDreamweaver 基础教程：设置站点和项目文件教程：创建基于表格的页面布局教程：向页面添加内容教程：使用 CSS 设置页面格式教程：发布站点教程：使用代码教程：创建基于 CSS 的页面布局教程：显示 XML 数据教程：开发 Web 应用程序教程了解 Web 应用程序安装 Web 服务器示例 ColdFusion 站点的设置示例 站点的设置示例 ASP 站点的设置示例 JSP 站点的设置示例 PHP 站点的设置Web 设计初学者如果您对 Web 设计比较生疏，本节将为您指出 Dreamweaver 文档中最适合您的背景的章节。

对于Web 设计初学者：1.首先阅读Dreamweaver 基础。

然后继续阅读本书中的教程。

这些教程分为两部分。

前五个教程面向初学者，指导您完成开发一个小型但具有一定功能的Web 站点的过程。

教程的第二部分介绍了更高级的概念。

最好在您已具备一些建立Web 页面的经验后，您再学习更高级的教程。

2.在《使用Dreamweaver》（“帮助”>“使用Dreamweaver”）中，您将通过阅读了解工作区、设置Dreamweaver 站点、管理您的文件和创建和打开文档对在《Dreamweaver 入门》中所学的内容有更全面的了解。

3.阅读《使用Dreamweaver》中的使用CSS 对页进行布局和使用表格显示内容了解有关页面布局的更多信息。

4.若要了解如何设置文本格式和在页面中包含图像，请阅读《使用Dreamweaver》中的插入文本和设置文本格式和插入图像。

5.如果您希望创作高质量的Web 站点，则只需了解上述内容，但如果您准备了解如何使用更为高级的工具，则可以按顺序阅读《使用Dreamweaver》中静态页章节的其余部分。

第2章 HTML设置与编写

第2章 HTML设置与编写


学会设置编码平台
学会设置编码平台
3.设置“代码格式”参数
说明：除了“大小写自动转换”之外的所有首选参数只影响新文档和新添加 到现 有文档的部分。 “自动缩进”方法：查看/代码视图选项/自动缩进
学会设置编码平台
4.设置“代码提示”参数
此对话框允许用户指定首选参数，以确定Dreamweaver在“代码”视图和快 速标 签编辑器中显示代码的方式和时间。
学会设置编码平台

“内容”：指如何插入标签的内容，即是否将换行符、格式设置和缩进规则
应用于内容。Fra bibliotek“大小写”：指定特定标签的大小写。选项为：默认、小写、大写、混合
大
小写 “+”：添加标签 “－”：删除标签
编 写 代 码
1.编码环境
Dreamweaver 8编码环境支持的语言类型： HTML、XHTML、CSS、JavaScript、VBScript、ColdFusion、ASP、、 JSP、PHP 2.代码提示功能 示例：<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>代码提示功能</title> <script language="javascript"></script> </head> <body> </body> </html>
第2章 html基础语法

第2章 html基础语法


第2章目录
第2章 HTML语言基础 HTML语言基础
六、超链接标记
链接－当前页面与其他相关页面间的联结关系；链 接的目标可以是任何图像和文件。若浏览器能识别就显 示，不能识别就下载 格式：<A>…</A> 功能：在当前页面和其他页面间建立链接。 主要属性见附表。 【举例2 【举例2－7】超级链接
第2章目录
第2章目录
功能：分区显示文档(布局)
第2章 HTML语言基础 HTML语言基础
说明：在一个文本块或许多段落中设置布局(对齐) 方式，经常使用DIV，它可以将文档内容分成区块一次 性地布局
注意：★若单个align属性出现在DIV内的标题或段 注意：★若单个align属性出现在DIV内的标题或段 落中,这些值将使全局变量DIV的设置无效 落中,这些值将使全局变量DIV的设置无效 ★DIV不是段落类型，故DIV应与其它标记配 DIV不是段落类型，故DIV应与其它标记配 合使用( 合使用(如P、Hn、UL、BLOCKQUOTE等) Hn、UL、BLOCKQUOTE等 ★也可以用CENTER代替DIV 也可以用CENTER代替DIV
第2章目录
【举例2 【举例2－4】文本标记综合示例
第2章 HTML语言基础 HTML语言基础
四、列表格式标记
1、有序列表 格式：<OL type=“符号类型”> <LI type=“符号类型”>……</LI> <LI type=“符号类型”>……</LI> …… </OL> 功能：建立有序列表
第2章目录
第2章目录
【举例】<Br>标记 【举例】<Br>标记
第2章 HTML语言基础 HTML语言基础