DW基础知识

？1 发现邮箱内的主题为乱码
？2 图片上的提示文字，在浏览器显示不出来。

1 HTML知识，文件的主要结构：
HTML HEAD BODY 开始，结束。

文件头部一般不在网页中直接显示，定义一些描述性的信息。

如标题，描述。

CSS，javaScript也常在这里设置。

主题包括控制表，图像，链接，框架。

大多数HTML标记。

2 HTTP：Hypertext Transfer 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 一般链接的常见形式：链接的结构，端口是默认的，可省略。

目录/ok.html 有的是IP地址，锚标记#
3 输入建立第一个链接。

内部链接和外部链接。

我的第一个链接，通过黄色的小文件夹即可链接。

相对地址，绝对地址。

输入一个地址，打一个回车。

清除浏览记录。

4 指向法建立链接文件对话框链接框的滑轮使用避免输入错误。

即可以是网页也可以是图片。

5 快捷键拖动法制作链接
Shift键直接在文字上拉出一个直线。

6 插入法制作链接
常用超级链接属性设置。

_blank新的一页，标题提示文本
7 直接用代码进行链接
HTML代码:<a href=”red.html”>红色的标签</a>
8插入标签法建立链接在相应位置，插入HTML 页面元素，选择插入
9环绕标签法建立标签，输入文字，选择文字，ctrl+T，环绕标签，选择a。

输入<a href=></a>
10链接的修改和Email的链接。

进入标签，属性修改。

常用工具栏，点击Email链接。

也可以输入方法：mailto:+邮箱
11杂的mailto:+邮箱？subject=咨询问题&cc=lh9178@&bcclihui@.& 连接符是shift+7抄送，加密抄送。

12制作下载类链接。

下载该文件，刷新，.exe文件。

选中，Shift，直接连接，即可以下载，运行或保存。

？？?我的shift键不能用，不知道为什么？
13锚链接，非常长的链接，回到页首。

选中，链接到锚。

其他页引用：锚前加井号。

13色彩搭配和HTML基础
红色为前进色，容易引起人们的兴奋、紧张和激动，它会给人们视觉上的扩张感和迫近感。

比如辣椒、救火车。

还常用来作为危险、警告、防火等标示用色，在车站、工地、仓库会经常看到这类标示。

红色常传达青春、温暖、积极、热诚和活力的含义，比如红领巾‘红旗、红孩儿、哪吒等。

也常用来表现积极的企业形象，比如Adobe的标志就是红色的。

红色还常传达愉快、喜庆、欢乐的含义，比如结婚的喜宴、红烛、红盖头，春节的喜联喜帖、红鸡蛋、鞭炮等。

另外，红色还是很多富有营养的食品颜色，比如苹果、番茄等。

再比如麦当劳、必胜客等快餐的店面装修和各种食物的包装设计主要会用到红色。

链接标记<A>的常用属性：
Href 指定链接的地址
Name 命名链接
Title 为链接添加提示文字，鼠标移入时出现
Target 指定链接的目标窗口
链接的目标窗口：
_parent 在上级窗口中打开，常用于框架页中
_blank 在新窗口中打开页面
_self 在当前窗口或框架同一帧中打开，默认
_top 在顶层，也就是浏览器的整个窗口中打开。

邮件参数：
Subject 设置电子邮件主题
Cc 设置抄送收件人
Bcc 设置密件抄送（暗送）收件人
& 参数之间的分隔符
绝对地址，在创建链接时，绝对地址需要提供完整的URL链接，包括相应的协议，如HTTP、FTP等等，该方法常用于引用另一网络服务器上的链接，例如：
相对地址，是指相对于站点的根目录，它非常适合创建网站内部链接。

如果要链接的文档位于当前文件夹中，就只需要输入文件名即可，如ok.html。

只有要链接的文件位于当前文件夹之外时才有必要添加额外的路径信息。

要链接到下级目录中的文件，需先输入目录名，后面跟一个“/”号，在输入文件名即可。

要链接到上级目录或上级其它子目录中的文件，需先输入“../”,后面跟目录名、文件名，如../index.html或者../image/ok.jpg。

图像处理：
内容提要
插入图像并修改图像属性；
调整与优化图像；
插入占位符、导航条、热点等
学习目标
熟悉插入图像和修改图像属性的方法，了解常见的图像格式。

学习如何锐化、裁剪图像，如何调整亮度和对比度等。

掌握插入占位符、鼠标经过图像、导航条和热点等。

1 用菜单插入及设置图片
替换文本，图片不显示时显示的字。

2 用代码直接插入图片
<img src”链接”/>
3 为图片添加链接。

使用a标签：<a href = “”><img src”链接”/></a>
4 为图片添加文字：
使用a标签：<a href = “”><img src”链接”alt=”这是另一张照片”border =“5”/></a>
打回车出现border,打空格出现alt.
5 标签检查器设置图片
属性设置即可。

6 利用属性面板设置图像。

ID，图像实际大小不变，垂直边距，和文字间距大小。

换图片
7 编辑图像热区
在图像属性的圆里，添加一个圆形热区，直接输入链接，进入标签管理器，设置热区大小，使不同的相同。

此外还有多边形热区。

合理使用缩放工具
8 调整外部程序编辑图像
属性栏有编辑选项，用其它软件编辑
9 优化或裁减
编辑选项中有裁减。

双击即可，修改的就是是文件夹中的图像。

10 重新取样。

放大，缩小，就可以使用，再次裁切，重新取样，图片变得很好。

11 调整图像亮度和对比度
也是编辑项中设置。

12 锐化图片
13 插入图像占位符
常用栏中有选项，还可在代码中输入<img>
14插入鼠标经过的图像。

其实是按钮，选择如下。

双击回到链接。

15 添加导航条。

单击导航条，三个图片。

空连接，继续添加2个图像。

空链接，用#号或javascript：；
16 名词解释及HTML基础
<img>的基础：Src指定图像链接的地址
Width，Height 设置图像宽度、高度
Alt 为图像添加提示文字，鼠标移动时出现
Border 设置图像边框
Vspace，Hspace 垂直间距，水平间距
Align 排列、对齐
UseMap 图像包含热点（地图、热区）
亮度/对比度。

鲜明和感染力
锐化增加相邻像素的对比度，过了，。

马赛克
JPG格式，显示照片可压缩格式。

损失数据，不太明显。

不支持动画
GIF格式，压缩图像文件格式，最多包含256种颜色。

小动画
PNG新型的便携式、跨平台的网络格式，在网上就快。

文字会变色。