？1 发现邮箱内的主题为乱码
？2 图片上的提示文字，在浏览器显示不出来。
1 HTML知识，文件的主要结构：
HTML HEAD BODY开始，结束。文件头部一般不在网页中直接显示，定义一些描述性的信息。如标题，描述。CSS，javaScript也常在这里设置。
主题包括控制表，图像，链接，框架。大多数HTML标记。
2 HTTP：Hypertext T ransfer Protocol是指超文本传输协议，用来在网络上传输数据，也就是WWW上的信息资源，以方便在服务器与客户端之间进行通信。
URL：Universal Resource Locator s是指统一资源定位器，提供在网络上定位资源的一种方法和路径，也就是说明链接所指向文件的类型和准确位置，使用户访问的站点具有唯一性。
3 文本与列表控制学习
●输入文字与文字的属性设置，
●多种空格与换行的添加方法
●粘贴域导入Word和Excel文档
●文本工具栏标签和符号的使用方法
●无序列表、有序列表和定义列表
学习目标：
掌握控制文字和列表的各种技巧，熟悉各项文字属性和文字标签的使用方法，了解与Word 和Excel之间的交互功能。能够区别三种列表形式的不同之处，并能够在适当的情况下使用它们。
编辑首选参数在浏览器中预览确定就不在提示存盘。
字体的颜色大小对齐方式。
4 输入空格较低版本，只能输入一个空格。（1）工具箱常用文本列表不换行标签，进行点击则可以输入空格。（2）ctrl+shift+空格（3代码 （4）五笔输入法（5）工具常用允许多个空格连续。
5 段落切换与强行换行
直接回车，间距大。
强制换行，shift+enter;文本常用BR
文本菜单功能选择。快引用，缩进，用于排版。PRE一编排格式，按照代码的格式进行排版。标题号。列表的格式。
6 从外部导入文字。
粘贴word文档，excel表格。直接粘贴就行。编辑》选择性粘贴，自由选择。也可以使用导入功能。
7 清除冗余代码。命令，清理HTML或者清理WORD生成的HTML。主要是word生成的冗余码。
8 列表的使用，无序列表，有序列表。代码UL右键，选择正方形。标签检查器，直接可以修改格式。还有编号列表。
北桥一般有散热片。
9 定义列表。软件的使用方法。定义网站与页面属性。文字与列表的控制。
UI OL(有序列表) li（列表项）dt术语，dd定义说明，DL定义列表
10 HTML 横线，选择HTML。选择水平线。代码可以右键设置，很方便。好hr后加空格。二链接的使用：
内容提要：链接状态的基本设置，链接的基本组成结构，链接的多种创建方法，创建Email 链接和锚链接。学习目标：掌握链接各种状态的设置，链接的组成结构，以及链接的多种创
建方法。能够创建功能完整的Email链接，内部和外部锚链接。熟悉与链接相关的HTML 语言。
1 定义页面链接样式。修改，页面属性，宋体，30
2 一般链接的常见形式：链接的结构，https://www.doczj.com/doc/692997516.html,端口是默认的，可省略。目录/ok.html 有的是IP地址，锚标记#
3 输入建立第一个链接。内部链接和外部链接。
我的第一个链接，通过黄色的小文件夹即可链接。相对地址，绝对地址。输入一个地址，打一个回车。清除浏览记录。
4 指向法建立链接文件对话框链接框的滑轮使用避免输入错误。即可以是网页也可以是图片。
5 快捷键拖动法制作链接
Shift键直接在文字上拉出一个直线。
6 插入法制作链接
常用超级链接属性设置。_blank新的一页，标题提示文本
7 直接用代码进行链接
HTML代码:红色的标签
8插入标签法建立链接在相应位置，插入HTML 页面元素，选择插入
9环绕标签法建立标签，输入文字，选择文字，ctrl+T，环绕标签，选择a。输入
10链接的修改和Email的链接。进入标签，属性修改。
常用工具栏，点击Email链接。也可以输入方法：mailto:+邮箱
11杂的mailto:+邮箱？subject=咨询问题&cc=lh9178@https://www.doczj.com/doc/692997516.html,&bcclihui@https://www.doczj.com/doc/692997516.html,.& 连接符是shift+7抄送，加密抄送。
12制作下载类链接。
下载该文件，刷新，.exe文件。选中，Shift，直接连接，即可以下载，运行或保存。
？？?我的shift键不能用，不知道为什么？
13锚链接，非常长的链接，回到页首。选中，链接到锚。
其他页引用：锚前加井号。
13色彩搭配和HTML基础
红色为前进色，容易引起人们的兴奋、紧张和激动，它会给人们视觉上的扩张感和迫近感。比如辣椒、救火车。还常用来作为危险、警告、防火等标示用色，在车站、工地、仓库会经常看到这类标示。
红色常传达青春、温暖、积极、热诚和活力的含义，比如红领巾‘红旗、红孩儿、哪吒等。也常用来表现积极的企业形象，比如Adobe的标志就是红色的。
红色还常传达愉快、喜庆、欢乐的含义，比如结婚的喜宴、红烛、红盖头，春节的喜联喜帖、红鸡蛋、鞭炮等。
另外，红色还是很多富有营养的食品颜色，比如苹果、番茄等。再比如麦当劳、必胜客等快餐的店面装修和各种食物的包装设计主要会用到红色。
链接标记的常用属性：
Href 指定链接的地址
Name 命名链接
Title 为链接添加提示文字，鼠标移入时出现
Target 指定链接的目标窗口
链接的目标窗口：
_parent 在上级窗口中打开，常用于框架页中
_blank 在新窗口中打开页面
_self 在当前窗口或框架同一帧中打开，默认
_top 在顶层，也就是浏览器的整个窗口中打开。
邮件参数：
Subject 设置电子邮件主题
Cc 设置抄送收件人
Bcc 设置密件抄送（暗送）收件人
& 参数之间的分隔符
绝对地址，在创建链接时，绝对地址需要提供完整的URL链接，包括相应的协议，如HTTP、FTP等等，该方法常用于引用另一网络服务器上的链接，例如：
相对地址，是指相对于站点的根目录，它非常适合创建网站内部链接。如果要链接的文档位于当前文件夹中，就只需要输入文件名即可，如ok.html。只有要链接的文件位于当前文件夹之外时才有必要添加额外的路径信息。
要链接到下级目录中的文件，需先输入目录名，后面跟一个“/”号，在输入文件名即可。要链接到上级目录或上级其它子目录中的文件，需先输入“../”,后面跟目录名、文件名，如../index.html或者../image/ok.jpg。
图像处理：
内容提要
插入图像并修改图像属性；
调整与优化图像；
插入占位符、导航条、热点等
学习目标
熟悉插入图像和修改图像属性的方法，了解常见的图像格式。学习如何锐化、裁剪图像，如何调整亮度和对比度等。掌握插入占位符、鼠标经过图像、导航条和热点等。
1 用菜单插入及设置图片
替换文本，图片不显示时显示的字。
2 用代码直接插入图片
3 为图片添加链接。
使用a标签：
4 为图片添加文字：
使用a标签：
打回车出现border,打空格出现alt.
5 标签检查器设置图片
属性设置即可。
6 利用属性面板设置图像。
ID，图像实际大小不变，垂直边距，和文字间距大小。换图片
7 编辑图像热区
在图像属性的圆里，添加一个圆形热区，直接输入链接，进入标签管理器，设置热区大小，使不同的相同。此外还有多边形热区。合理使用缩放工具
8 调整外部程序编辑图像
属性栏有编辑选项，用其它软件编辑
9 优化或裁减
编辑选项中有裁减。双击即可，修改的就是是文件夹中的图像。
10 重新取样。放大，缩小，就可以使用，再次裁切，重新取样，图片变得很好。
11 调整图像亮度和对比度
也是编辑项中设置。
12 锐化图片
13 插入图像占位符
常用栏中有选项，还可在代码中输入
14插入鼠标经过的图像。其实是按钮，选择如下。双击回到链接。
15 添加导航条。
单击导航条，三个图片。空连接，继续添加2个图像。空链接，用#号或javascript：；
16 名词解释及HTML基础
的基础：Src指定图像链接的地址
Width，Height 设置图像宽度、高度
Alt 为图像添加提示文字，鼠标移动时出现
Border 设置图像边框
Vspace，Hspace 垂直间距，水平间距
Align 排列、对齐
UseMap 图像包含热点（地图、热区）
亮度/对比度。鲜明和感染力
锐化增加相邻像素的对比度，过了，。马赛克
JPG格式，显示照片可压缩格式。损失数据，不太明显。不支持动画
GIF格式，压缩图像文件格式，最多包含256种颜色。小动画
PNG新型的便携式、跨平台的网络格式，在网上就快。
文字会变色。
Dreamweaver 8 基础代码 HTML基本结构（每个网页都是在基本结构的基础上添加内容的） ---------网页文件开始标签
--------头部元素开始标签如何使用“505.html修改帖子”后台 Bbs站长后台→帖子管理→505.html修改帖子 在帖子url里输入帖子链接点击确定，在“帖子内容”中出现的即为帖子代码，将代码全选复制黏贴入dreamweaver 中进行编辑。编辑完成后复制代码再覆盖黏贴入原先的“帖子内容”中，点击提交即可！ 第一章Dreamweaver 设计篇 面板总体介绍： A.“插入”栏 B. 文档工具栏 C. “文档”窗口 D. 面板组 E. 标签选择器 F. “属性”检查 G. “文件”面板 文档工具栏具体详解： ABC是切换显示模式。D.显示文档标题，也就是代码中的title。E. 文件管理 F.在浏览器中预览/调试 G. 刷新设计视图 H. 视图选项 I. 可视化助理 J. 验证标记 K. 检查浏览器兼容性
1.建立站点
到这里，站点建立完毕，以后你也可以随时编辑修改这个站点的相关属性。在“文件”面板中右击已经建立的站点，然后新建文件夹，分别建立index和image文件夹。然后就可以把在制作页面中用到的图，banner,背景图等等先扔在image文件下里。方便在需要插入图片等元素时引用。 2.编辑文本 输入一段文字，并选中，然后在下方属性栏里进行编辑。（空格需要按“ctrl+shift+空格”）
格式中“标题1”到“标题6”分别表示各级标题，应用于网页的标题部分。对应的字体由大到小，同时文字全部加粗。如果需要自定义文字大小，则在大小一项中设置，格式为无。另外，在属性面板中可以定义文字的字体、颜色、加粗、加斜、对齐方式等内容。如需加链接，则在链接一栏加入网址，目标中_blank表示在新窗口中打开（最常用），_self表示“相同窗口”打开，_top表示整页窗口打开，_parent表示父窗口打开。 3.插入图像 “插入工具栏”的开启/关闭：快捷键CTRL+F2 或者窗口栏目下“插入” 点击插入工具栏中的图像按钮，或者点击插入记录下的图像，弹出“选择图像源文件”对话框
dreamweaver8.0入门图文教程：Dreamweaver 8 操作 环境 第一天的内容可能让你觉得枯燥乏味，不过，“工欲善其事，必先利其器”，让我们一起来了解Dreamweaver8的操作环境，完成站点的创建。一、Dreamweaver8 的操作环境在首次启动Dreamweaver8时会出现一个“工作区设置”对话框，在对话框左侧是Dreamweaver8的设计视图，右侧是Dreamweave 8的代码视图。Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。 在Dreamweave 8 中首先将显示一个起始页，可以勾选这个窗口下面的“不在显示此对话框”来隐藏它。在这个页面中包括“打开最近项目”、“创建新项目”“从范例创建”3个方便实用的项目，建议大家保留。 新建或打开一个文档，进入Dreamweaver8的标准工作界面。Dreamweaver8的标准工作界面包括：标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。 1、标题显示栏 启动Macromedia Dreamweave 8后，标题栏将显示文字Macromedia Dreamweave 8.0，新建或打开一个文档后，在后面还会显示该文档所在的位置和文件名称。 2、菜单栏 Dreamweave 8的菜单共有10个，即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。其中，编辑菜单里提供了对Dreamweaver菜单中[首选参数]的访问。
文件：用来管理文件。例如新建，打开，保存，另存为，导入，输出打印等。 编辑：用来编辑文本。例如剪切，复制，粘贴，查找，替换和参数设置等。 查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 插入：用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。 修改：具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格，对其对象等。 文本：用来对文本操作，例如设置文本格式等。 命令：所有的附加命令项 站点：用来创建和管理站点 窗口：用来显示和隐藏控制面板以及切换文档窗口 帮助：联机帮助功能。例如按下F1键，就会打开电子帮助文本 3、插入面板组 插入面板集成了所有可以在网页应用的对象包括“插入”菜单中的选项。插入面板组其实就是图像化了的插入指令，通过一个个的按钮，可以很容易的加入图像、声音、多媒体动画、表格。图层、框架、表单、Flash和ActiveX等网页元素。 4、文档工具栏 “文档”工具栏包含各种按钮，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）的选项、各种查看选项和一些常用操作（如在浏览器中预览）。 5、标准工具栏 “标准”工具栏包含来自“文件”和“编辑”菜单中的一般操作的按钮：“新建”、“打开”、“保存”、“保存全部”、“剪切”、“复制”、“粘贴”、“撤消”和“重做”。 6、文档窗口 当我们打开或创建一个项目，进入文档窗口，我们可以在文档区域中进行输入文字、插入表格和编辑图片等操作。 “文档”窗口显示当前文档。可以选择下列任一视图：“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver 显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。“代码”视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境。“代码和设计”视图使您可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。 7、状态栏 “文档”窗口底部的状态栏提供与你正创建的文档有关的其它信息。标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击
可以选择文档的整个正文。课程目标： ?使用CSS美化网页元素 ?使用DIV+CSS布局网页 ?制作各种流行的网页组件 ?制作语义化的表单 ?掌握一些常用的网页制作技巧 第一次课： 1、DW5工作界面的认识。 2、新建站点（为什么要站点）、网页文件（注意“页面属性”---“标题/编码”的设 置和重要性）、样式文件（外部） 3、网页基本结构： …各种标记写成的网页内容代码…
4、html与xhtml的区别 5、html常用内容标签 做网页实例。。。。first.html 6、结构标签
７、ＣＳＳ简介： 级联样式表(Cascading Style Sheet) ，简称风格样式表(Style Sheet) ；用来进行网页风格设计 ＣＳＳ作用： 有效地控制网页外观 精确定位网页元素 改善用户体验 CSS的优点 内容与表现分离 表现统一，易控制 布局页面更灵活 减少页面代码量 利于搜索引擎收录 CSS语法规则(演示) 选择器{属性：值；} 标签、类、ID三种 P { color: red; } . top { width: 600px; } # nav ( font-size: 12px;) CSS样式引入网页文件(演示) 行内式、嵌入式、链接式、导入式
关于DOCTYPE DOCTYPE不可怕，但把它拿走，会让你怕了又怕。 最近在蓝色理想转悠，发现很多朋友提出有关DIV+CSS排版问题，以及IE与FF的兼容问题。怎么问的都有，结果就是一个——显示很奇怪，很难调整。我们浏览的大多数网站，或者用Dreamweaver创建一个新的网页文档时，源码的顶部都会有DocType声明，但是很多人没有注意它，甚至在创作时候直接将它删掉，其实这往往就是噩梦的开始。在遵循标准的任何Web文档中，DOCTYPE都是一项必需的元素。它会影响代码验证，并决定了浏览器最终如何显示你的web文档。为了避免DOCTYPE的问题重复出现，我根据手头的资料整理了这篇文档，以备自己及有兴趣的朋友参考。 在默认情况下，FF和IE的解释标准是不一样的，也就是说，如果一个网页没有声明DOCTYPE，它就会以默认的DOCTYPE解释下面的HTML。在同一种标准下，不同浏览器的解释模型都有所差异，如果声明标准不同，不用我说，您自己想就可以了。学习网页标准，浏览器兼容，从哪里开始您自己决定，但是，请认识DOCTYPE： 一、什么是DOCTYPE DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML （或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。 二、DOCTYPE的规则 DOCTYPE声明的写法遵循一定的规则，它指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是w3c所发布的一个文档类型定义（dtd）中包含的规则。 每个dtd都包括标记、attributes、properties等内容，它们用于标记web文档的内容；此外还包括一些规则，它们规定了哪些标记能出现在其他哪些标记中。每个web建议标准（比如html 4 frameset和xhtml 1.0 transitional）都有自己的dtd。 以下是从手册上摘抄的规则： 语法：
第10章Dreamweaver CS3基础知识 课前导读 Dreamweaver是绝大多数网页设计者使用的网页编辑软件。Dreamweaver具有功能强大，操作性强的特点。本章我们就学习使用Dreamweaver软件。 本章重点 在本章我们将重点学习： ?Dreamweaver CS3的常用功能 ?Dreamweaver CS3的使用 10.1 Dreamweaver CS3简介 Dreamweaver是Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver、Flash以及之后推出的针对专业网页图像设计的Fireworks，三者被称为“网页三剑客”，几乎是每个网页设计者必须学习使用的工具套件。 Dreamweaver总的特点是： 1．最佳的制作效率 Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于很多的常用操作都只要一个简单步骤便可完成。Dremweaver只要单击便可自动开启Firework或Photoshop来进行编辑与设定图像文档的最佳化。 2．网站管理
使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用提示文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 3．无可比拟的控制能力 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的惊人。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，Cold Fusion，iCAT，Tango与自行发展的应用软体。使用Dreamweaver在设计动态网页时，不需要透过浏览器就能预览网页。建立网页外观的模板，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。 Macromedia公司于2005年被Adobe公司收购，收购后负责Dreamweaver开发的项目组又推出了Dreamweaver的最新版本Dreamweaver CS3 （以下简称DW CS3），DW CS3包含有一个崭新、简洁、高效的界面，且性能也得到了改进。此外，还包含了众多新增的功能，改善了软件的易用性，其中最为主要的是增加了对Ajax技术的支持，推出了Spry 框架。 10.2 Dreamweaver CS3的新增功能 由于Ajax技术的盛行，各种Ajax框架如雨后春笋一样被开发出来，Dreamweaver CS3也推出了自己的框架——Spry。Dreamweaver CS3的新增功能主要以Spry框架为基础。 （1）适合于Ajax的Spry框架 使用适合于Ajax的Spry框架，以可视方式设计、开发和部署动态用户界面。在减少页面刷新的同时, 增加交互性、速度和可用性。
第一天的内容可能让你觉得枯燥乏味，不过，“工欲善其事，必先利其器”，让我们一起来了解Dreamweaver8的操作环境，完成站点的创建。 一、Dreamweaver8 的操作环境 在首次启动Dreamweaver8时会出现一个“工作区设置”对话框，在对话框左侧是Drea mweaver8的设计视图，右侧是Dreamweave 8的代码视图。Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。 在Dreamweave 8 中首先将显示一个起始页，可以勾选这个窗口下面的“不在显示此对话框”来隐藏它。在这个页面中包括“打开最近项目”、“创建新项目”“从范例创建”3个方便实用的项目，建议大家保留。 新建或打开一个文档，进入Dreamweaver8的标准工作界面。Dreamweaver8的标准工作界面包括：标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。 1、标题显示栏
启动Macromedia Dreamweave 8后，标题栏将显示文字Macromedia Dreamweave 8.0，新建或打开一个文档后，在后面还会显示该文档所在的位置和文件名称。 文件：用来管理文件。例如新建，打开，保存，另存为，导入，输出打印等。 编辑：用来编辑文本。例如剪切，复制，粘贴，查找，替换和参数设置等。 查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 插入：用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。 修改：具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格，对其对象等。 文本：用来对文本操作，例如设置文本格式等。 命令：所有的附加命令项 站点：用来创建和管理站点 窗口：用来显示和隐藏控制面板以及切换文档窗口 帮助：联机帮助功能。例如按下F1键，就会打开电子帮助文本 3、插入面板组 插入面板集成了所有可以在网页应用的对象包括“插入”菜单中的选项。插入面板组其实就是图像化了的插入指令，通过一个个的按钮，可以很容易的加入图像、声音、多媒体动画、表格。图层、框架、表单、Flash和ActiveX等网页元素。
DW详解基础部分： 文档设计、编辑栏详细说明 面板组详细说明
HTML编辑属性： CSS编辑属性： Css编辑规则：
Font-family:字体格式font-size:字体大小font-weight:加粗 Font-style:字体样式font-variant:字体变形(如字体大小写) Line-height: 行高Text-transform(R):大小写转换 Text-decoration: (文本修饰)underline(添加下划线) overline(添加上划线) Line-through(加入删除线) blink(字体闪烁) none(取消下划线) Background-color:背景颜色 Background-image:加入北京图片 Background-repeat:背景平铺方式 Background-attachment:附加方式(固定或滚动) Background-position:定位(right,left等等)x或y Word-spacing:单词间距
Letter-spacing:字母间距 Vertical-align:垂直对齐方式 Text-align:文本对齐方式 Text-indent:文本缩进 White-space:处理元素内的空白(换行等) Display:显示方式 Width:宽度单位(px,%) float:漂浮(值：left,right,top,button) height:高度单位(px,%) clear:清楚漂浮(值：both,left等) padding: 内边距margin:外边距 主要部分(其他部分用的不多，自行查看) 拓展部分： Spry验证: 简介：Spry 框架是一个javascript 库，Web 设计人员使用它可以构建能够向站点访问者提供更丰富体验的Web 页。有了Spry，就可以使用html、CSS 和极少量的JavaScript 将xml 数据合并到HTML 文档中，创建构件（如折叠构件和菜单栏），向各种页面元素中添加不同种类的效果。
Adobe Dreamweaver Adobe Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux 版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera 的排版引擎"Presto" 作为网页预览。 1发展历程编辑 Dreamweaver 1.0发布于1997年12月，由之前的Macromedia公司发布。 Dreamweaver 2.0，发布于1998年12月。 Dreamweaver 3.0，发布于1999年12月。Dreamweaver 3.0不足3M，是个经典版本。无论是多破的机器，速度特快，功能够用。此时的Dreamweaver已经是一个集网页创作和站点管理两大利器于一身的超重量级的创作工具。 2历史版本编辑 2.1版本介绍 Dreamweaver 2.0版本具有强大的站点管理功能，内置FTP软件可以直接上传主页；所见即所得的页面编辑方式；支持Styles Sheet 样式表单，创造丰富的页面效果；支持Layer层，并可使用Timeline 时间轴制作动态网页；内置Behavior行为，为网页增加交互功能；提供模板和库可以加速页面的生成和制作；支持外部插件，提供无限的扩展能力。 版本发布 Macromedia Dreamweaver 1.0
？1 发现邮箱内的主题为乱码 ？2 图片上的提示文字，在浏览器显示不出来。 1 HTML知识，文件的主要结构： HTML HEAD BODY开始，结束。文件头部一般不在网页中直接显示，定义一些描述性的信息。如标题，描述。CSS，javaScript也常在这里设置。 主题包括控制表，图像，链接，框架。大多数HTML标记。 2 HTTP：Hypertext T ransfer Protocol是指超文本传输协议，用来在网络上传输数据，也就是WWW上的信息资源，以方便在服务器与客户端之间进行通信。 URL：Universal Resource Locator s是指统一资源定位器，提供在网络上定位资源的一种方法和路径，也就是说明链接所指向文件的类型和准确位置，使用户访问的站点具有唯一性。 3 文本与列表控制学习 ●输入文字与文字的属性设置， ●多种空格与换行的添加方法 ●粘贴域导入Word和Excel文档 ●文本工具栏标签和符号的使用方法 ●无序列表、有序列表和定义列表 学习目标： 掌握控制文字和列表的各种技巧，熟悉各项文字属性和文字标签的使用方法，了解与Word 和Excel之间的交互功能。能够区别三种列表形式的不同之处，并能够在适当的情况下使用它们。 编辑首选参数在浏览器中预览确定就不在提示存盘。 字体的颜色大小对齐方式。 4 输入空格较低版本，只能输入一个空格。（1）工具箱常用文本列表不换行标签，进行点击则可以输入空格。（2）ctrl+shift+空格（3代码 （4）五笔输入法（5）工具常用允许多个空格连续。 5 段落切换与强行换行 直接回车，间距大。 强制换行，shift+enter;文本常用BR 文本菜单功能选择。快引用，缩进，用于排版。PRE一编排格式，按照代码的格式进行排版。标题号。列表的格式。 6 从外部导入文字。 粘贴word文档，excel表格。直接粘贴就行。编辑》选择性粘贴，自由选择。也可以使用导入功能。 7 清除冗余代码。命令，清理HTML或者清理WORD生成的HTML。主要是word生成的冗余码。 8 列表的使用，无序列表，有序列表。代码UL右键，选择正方形。标签检查器，直接可以修改格式。还有编号列表。 北桥一般有散热片。 9 定义列表。软件的使用方法。定义网站与页面属性。文字与列表的控制。 UI OL(有序列表) li（列表项）dt术语，dd定义说明，DL定义列表 10 HTML 横线，选择HTML。选择水平线。代码可以右键设置，很方便。好hr后加空格。二链接的使用： 内容提要：链接状态的基本设置，链接的基本组成结构，链接的多种创建方法，创建Email 链接和锚链接。学习目标：掌握链接各种状态的设置，链接的组成结构，以及链接的多种创
《Dreamweaver》 目录 第一节：DW软件介绍 ------------------------------------------------------------------------------------------------------------------- 2 第二节：学习Dreamweaver的作用和应用方向---------------------------------------------------------------------------------- 3 第三节：认识DW的界面 --------------------------------------------------------------------------------------------------------------- 3 第四节：站点的建立和编辑----------------------------------------------------------------------------------------------------------- 4 第五节：常用插入 ----------------------------------------------------------------------------------------------------------------------- 4 第六节：CSS样式 ------------------------------------------------------------------------------------------------------------------------ 6 1.作用 -------------------------------------------------------------------------------------------------------------------------- 6 2.CSS样式的应用对象 ----------------------------------------------------------------------------------------------------- 6 3.CSS样式的分类------------------------------------------------------------------------------------------------------------ 6 4.如何将样式表加入网页？ ---------------------------------------------------------------------------------------------- 7 5.实验后总结优先级-------------------------------------------------------------------------------------------------------- 8 6.CSS规则简单说明 -------------------------------------------------------------------------------------------------------- 8 7.块元素（block）的定义 ------------------------------------------------------------------------------------------------ 9 8.CSS规则详解—类型[块内字的规则] ---------------------------------------------------------------------------- 9 9.CSS规则详解—背景[块本身]-------------------------------------------------------------------------------------- 9 10.CSS规则详解—区块[块内元素的对齐和排版]---------------------------------------------------------------- 9 11.CSS规则详解—方框[块本身] [块内] [块间]-------------------------------------------------------------- 10 12.CSS规则详解—边框[块本身]------------------------------------------------------------------------------------ 11 13.CSS规则详解—列表 ------------------------------------------------------------------------------------------------ 11 14.CSS规则详解—定位 ------------------------------------------------------------------------------------------------ 11 15.CSS规则详解—扩展[块内]--------------------------------------------------------------------------------------- 12 第七节：CSS+DIV实例网页布局 --------------------------------------------------------------------------------------------------- 12 1.盒子模型 ------------------------------------------------------------------------------------------------------------------ 13 2.当间距（边界距离）叠加的说明----------------------------------------------------------------------------------- 13 3.CSS+DIV布局的精髓 --------------------------------------------------------------------------------------------------- 14 4.CSS排版理念------------------------------------------------------------------------------------------------------------- 15 第八节：行为---------------------------------------------------------------------------------------------------------------------------- 16 1.定义 ------------------------------------------------------------------------------------------------------------------------ 16 2.行为的“埋设”--------------------------------------------------------------------------------------------------------- 16 3.常用触发条件 ------------------------------------------------------------------------------------------------------------ 16 4.常用事件演示 ------------------------------------------------------------------------------------------------------------ 17
主讲人：黄侃 湖北电信数据仓库项目组 2006年12月 湖北电信经营分析与决策支持系统 数据仓库基础
议程 ?何为数据仓库 ?数据仓库特点 ?数据仓库平台 ?Teradata能做什么
从信息系统体系结构说起 “自然演化体系结构”：蜘蛛网 –数据缺乏可信性–不利于生产率的提高–从数据到信息转化 ?数据无时基?数据算法上的差异?抽取的多层次?外部数据问题 ?无起始公共数据源 ?不可预测?数据定位烦琐?要写的程序很多。?每个程序必须是定制的。?报表的延续可用性和继承性差 ?缺乏集成化在应用程序中没有存储足够的历史数据以满足D S S分析员的需求?自然演化的系统体系结构带来很多问题 ：
新的体系结构－数据仓库产生 ?两种基础数据的并存 >原始数据:公司每天操作运行所用的细节性数据 >衍生/导出数据：统计出来的或计算出来的满足公司管理者需要的数据 面向应用 详细的 为日常工作服务的可更新的 处理需求事先可知事务处理驱动 …面向主题 综合的或提炼的为管理决策服务的不可更新的 处理需求事先未知分析处理驱动 … ?原始数据与衍生/导出数据之间存在着本质区别
在适当的时间将正确的信息传递给适当的人，以作出正确的决策 Get the right information to the right people at the right time to make the right decisions 数据Data 决策 Decision 知识 Knowledge 信息 Information 什么是数据仓库
数据仓库的驱动力 业务问题: 如何留住最有价值的客户？ 谁是最有价值的客户? 哪些客户有可能停止使用我公司的 产品或服务？ 哪些客户有可能成为竟争对手的客 户?
用Dreamweaver制作网页的基本步骤 时间:2010-06-29 08:46来源:未知作者:大宝库点击:读取中次 阅读工具：字体：大中小 本教程主要是针对初学者，如何使用Dreamweaver制作一个网页？这个教程具体详细讲解了制作网页的步骤，及注意的问题，并且拿一个实例来给大家做了一下详细讲解！ 创建网页页面 1、在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。 2、在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一般默认即可），其他都保持默认即可。 3．此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间等。 4．如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。 注：在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。 注：在网页上打入空格的办法是：把输入法调为全角。 注：在网页上换行的办法是：shift+Enter。只按Enter则为换段。 下面拿一个现成的例子来给大家讲解一下： 现在，以下边的简单网页为例，叙述一下制作过程。简单网页如下图：
根据Bill.Inmon的定义，“数据仓库是面向主题的、集成的、稳定的、随时间变化的，主要用于决策支持的数据库系统” ODS是一个面向主题的、集成的、可变的、当前的细节数据集合，用于支持企业对于即时性的、操作性的、集成的全体信息的需求。常常被作为数据仓库的过渡，也是数据仓库项目的可选项之一。 在Kimball的<<数据仓库生命周期工具集The Data WareHouse Liftcycle Toolkit>>，他是这样定义的： 1. 是操作型系统中的集成,用于当前，历史以及其它细节查询(业务系统的一部分)； 2. 为决策支持提供当前细节数据(数据仓库的一部分)。 因此操作数据存储（ODS）是用于支持企业日常的全局应用的数据集合，ODS的数据具有面向主题、集成的、可变的和数据是当前的或是接近当前的4个基本特征。同样也可以看出ODS是介于DB 和DW 之间的一种数据存储技术，和原来面向应用的分散的DB相比，ODS中的数据组织方式和数据仓库（DW）一样也是面向主题的和集成的，所以对进入ODS的数据也象进入数据仓库的数据一样进行集成处理。另外ODS只是存放当前或接近当前的数据，如果需要的话还可以对ODS中的数据进行增、删和更新等操作，虽然DW中的数据也是面向主题和集成的，但这些数据一般不进行修改，所以ODS 和DW的区别主要体现数据的可变性、当前性、稳定性、汇总度上。 由于ODS仍然存储在普通的关系数据库中，出于性能、存储和备份恢复等数据库的角度以及对源数据库的性能影响角度，个人不建议ODS保存相当长周期的数据，同样ODS中的数据也尽量不做转换，而是原封不动地与业务数据库保持一致。即ODS只是业务数据库的一个备份或者映像，目的是为了使数据仓库的处理和决策支持要求与OLTP系统相隔离，减少决策支持要求对OLTP系统的影响。 为什么需要有一个ODS系统呢？一般在带有ODS的系统体系结构中，ODS都具备如下几个作用： 1.在业务系统和数据仓库之间形成一个隔离层 一般的数据仓库应用系统都具有非常复杂的数据来源，这些数据存放在不同的地理位置、不同的数据库、不同的应用之中，从这些业务系统对数据进行抽取并不是一件容易的事。因此，ODS用于存放从业务系统直接抽取出来的数据，这些数据从数据结构、数据之间的逻辑关系上都与业务系统基本保持一致，因此在抽取过程中极大降低了数据转化的复杂性，而主要关注数据抽取的接口、数据量大小、抽取方式等方面的问题。 2.转移一部分业务系统细节查询的功能 在数据仓库建立之前，大量的报表、分析是由业务系统直接支持的，在一些比较复杂的报表生成过程中，对业务系统的运行产生相当大的压力。ODS的数据从粒度、组织方式等各个方面都保持了与业务系统的一致，那么原来由业务系统产生的报表、细节数据的查询自然能够从ODS中进行，从而降低业务系统的查询压力。 3.完成数据仓库中不能完成的一些功能 一般来说，带有ODS的数据仓库体系结构中，DW层所存储的数据都是进行汇总过的数据和运营指标，并不存储每笔交易产生的细节数据，但是在某些特殊的应用中，可能需要对交易细节数据进行查询，这时就需要把细节数据查询的功能转移到ODS来完成，而且ODS的数据模型按照面向主题的方
《D r e a m w e a v e r》 目录 第二节：学习Dreamweaver的作用和应用方向-------------------------------------------------------- 第三节：认识DW的界面 -------------------------------------------------------------------------------------- 第四节：站点的建立和编辑 --------------------------------------------------------------------------------- 第五节：常用插入 ---------------------------------------------------------------------------------------------- 第六节：CSS样式----------------------------------------------------------------------------------------------- 1.作用---------------------------------------------------------------------------------------------------------------------------- 2.CSS样式的应用对象------------------------------------------------------------------------------------------------------- 3.CSS样式的分类------------------------------------------------------------------------------------------------------------- 4.如何将样式表加入网页？------------------------------------------------------------------------------------------------ 5.实验后总结优先级 --------------------------------------------------------------------------------------------------------- 6.CSS规则简单说明---------------------------------------------------------------------------------------------------------- 7.块元素（block）的定义-------------------------------------------------------------------------------------------------- 8.CSS规则详解—类型[块内字的规则]--------------------------------------------------------------------------------- 9.CSS规则详解—背景[块本身] ------------------------------------------------------------------------------------------ 10.CSS规则详解—区块[块内元素的对齐和排版] -------------------------------------------------------------------- 11.CSS规则详解—方框[块本身][块内][块间] ----------------------------------------------------------------------- 12.CSS规则详解—边框[块本身] ------------------------------------------------------------------------------------------ 13.CSS规则详解—列表------------------------------------------------------------------------------------------------------- 14.CSS规则详解—定位------------------------------------------------------------------------------------------------------- 15.CSS规则详解—扩展[块内] --------------------------------------------------------------------------------------------- 第七节：CSS+DIV实例网页布局---------------------------------------------------------------------------- 1.盒子模型 --------------------------------------------------------------------------------------------------------------------- 2.当间距（边界距离）叠加的说明 -------------------------------------------------------------------------------------- 3.CSS+DIV布局的精髓------------------------------------------------------------------------------------------------------- 4.CSS排版理念 ---------------------------------------------------------------------------------------------------------------- 第八节：行为 ---------------------------------------------------------------------------------------------------- 1.定义---------------------------------------------------------------------------------------------------------------------------- 2.行为的“埋设” ------------------------------------------------------------------------------------------------------------ 3.常用触发条件 ---------------------------------------------------------------------------------------------------------------