DW笔记完整
dw学习笔记

1、<p></P>:块级元素2、<h1>标题1</h1>标题:从h1向后一次减小字体3、<br />:换行,加几个换几行4、<b>元素</b>:内部的字体粗体显示5、布局元素<div></div>是块级元素独占一行<div>这是一个布局元素</div>6、<span></span>是内敛的,不换行<span>这是第一个span元素</span><span>这是第二个span元素</span>7、无序列表:<ul type="circle"(列表项符号更改)><li>第一个无序列表</li><li>第二个无序列表</li><li>第三个无序列表</li><li>第四个无序列表</li></ul>8、有序列表<ol type="a"><li>有序列表的定义</li><li>第二个有序列表</li><li>第三个有序列表</li><li>第四个有序列表</li><li>第五个有序列表</li></ol>9、列表元素:<dl>定义列表,<dt>定义列表项标题,<dd>定义列表项<dl><dt>定义列表标题</dt><dd>定义第一个列表项</dd><dd>定义第二个列表项</dd><dd>定义第三个列表项</dd><dd>定义第四个列表项</dd></dl>10、<table>代表表格</table><tr>代表表格中的一行</tr><td>代表表格中的一列</td>'tr'与'td'交成一个单元格<table>...</table>之间有多少个<tr>,就有多少行<tr>...</tr>之间有多少个<td>,就有多少列<td></td>定义正常的单元格10、设置单元格的宽度和高度,并横向合并两个单元格<table border="1" cellpadding="6" cellspacing="8"><tr><td width="100" height="40">一个标准单元格</td><td colspan="2">一个标准单元格一个标准单元格</td></tr><tr><td>一个标准单元格</td><td>一个标准单元格</td><td>一个标准单元格</td></tr></table>11、纵向合并单元格,并设置单元格的背景颜色和边框颜色<table border="1" cellpadding="6" cellspacing="8"><tr><td width="100" height="40">一个标准单元格</td><td>一个标准单元格</td><td rowspan="2">一个标准单元格</td></tr><tr><td>一个标准单元格</td><td bgcolor="#009933" bordercolor="#FF0000">一个标准单元格一个标准单元格</td></tr></table>12、表现的标签(控制位置的标签)center>居中对齐</center><hr size="6" noshade="noshade"/><pre> 大家好,我叫胡延福!</pre><b>b元素</b><strong>strong元素</strong><br /><i>I元素</i><em>em元素</em><u>这是加下划线的标志</u><big>使字体变大</big><small>使字体变小</small><br /><font size="2">字体大小</font><br /><font color="#FF0000">红色</font><font color="#00FF00">绿色</font><sup>上标</sup>正常显示<sub>下标</sub><br /><a href="SDC11302.JPG" target="_blank" title="胡延福">胡延福<img src="SDC11302.JPG"border="0"/></a>< 小于号<br />>大于号<br />&和号<br />"双引号<br />13、表单元素<form action="ac.asp" method="get" name="form1"><label for="name_A">姓名:</label><input type="text" size="20" /><br /> <label for="zhiwu">职务:</label><input type="text" size="20" /><br /><input type="submit" value="提交"/><input type="submit" value="重置"/>14、定义(web)CSS引用<link href="Untitled-2.css" type="text/css" rel="stylesheet" rev="stylesheet" /> 15、样式定义的优先级内嵌>内部>外部<p style="color:#FF0000">我叫胡延福</p><style><!--p{color:#CCFF00}--></style>p{width:300px;height:200px;color:#00FF33;}16、p、id、class类选择符<div id="testid">该元素以testid这个id这个选择符来定义</div>#testid{color:#00FF33;width:400px;height:500px;<div class="testclass">该元素以testclass来定义选择符</div>.testClass{color:#FF0000;width:790px;height:900px;}16、css中的字体各种属性font-size:10em;font-size:24px;font-style:italic;font-style:normal;font-style:oblique;text-decoration:blink;text-decoration:none;text-decoration:line-through;text-decoration:overline;text-decoration:underline;line-height:24px;vertical-align:middle;17、有关文本的属性文本中空两格的方式有加 或在CSS中用text-indent:2em;文本的对齐方式text-align:center;text-align:left;text-align:right;18、布局元素用display属性可以在span和div属性间相互专属(在块级元素和内嵌元素间转换。
DW笔记

hover 当鼠标经过的时候 display:block把内联标签变成一个块
cursor:pointer; 鼠标指针变为手势的样子 cursor:text; cursor:wait; box-shadow 文本的指针 等待的指针 阴影
.bigbox ul li:nth-child(1) 寻找bigbox里的ul里的li的第一个标签
<dl> <dt></dt> <dd></dd>对dt进行修饰描述说明 </dl>
position 定位
position:relative 相对定位(一般设置在子级标签中) position:absolute 绝对定位(一般设置在父级标签中) z-index 改变层叠关系 设置的值一定是整数 数值大的压着数值小的
font-family 字体的设置 <span></span>相当于<div> <div>是块级标签 它是内联标签 子级标签在默认情况下是会继承父级标签css属性的
背景属性的单一样式与复合样式的区别: background-image:url(图片地址)
background-color:#000000;
background-image与插入图片标签<imgsrc=””>的区别: background-image:起到网页的修饰作用 <img src=””>:搜索引擎查找/图片超链接的作用
DW笔记
ooter全部 font-weight 字体加粗 font-size字体大小 text-align文本居中 text-decoration 文本修饰 text-decoration:none文本取消下划线 text-decoration:underline文本添加下划线 自适应: 百分比 固定宽度: 像素
网页设计DW笔记

1.如何在浏览器地址栏前添加自定义的小图标?2.怎么样,才能为图片添加指定颜色的边框?3.如何让网页载入时,象许多商业网站那样,弹出一个广告窗口4.如何定义网页的关键字(Keyname)?5.如何更改浏览器中鼠标的"形状"?6.如何制作“空链接”?7.如何制作“漫天飞舞”的图片?8.怎样制作在页面中“静态悬浮”的图片?9.一套向上滚动字幕的代码1.如何在浏览器地址栏前添加自定义的小图标?你是不是记得有时在浏览网易网站的首页时,在地址前会显示一个“易”字样的小图标。
而默认情况下,这个图标是一个IE浏览器的指定图片。
其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。
这时,我们需要预先制作一个图标文件,大小为16*16像素。
文件扩展名为ico,然后上传到相应目录中。
在HTML源文件“<head></head>”之间添加如下代码:<Link Rel="SHORTCUT ICON" href="http://图片的地址(注意与刚才的目录对应)">其中的“SHORTCUT ICON”即为该图标的名称。
当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,即可自动识别!2.怎么样,才能为图片添加指定颜色的边框?对于没有边框的图片而言,直接插入到网页中,在显示效果上是相当差的。
记得在微软的FP中要给图片添加满意的边框还是相当麻烦的。
不过在DW中就显得容易多了,因为这里有一个“Border”属性,可以让你直接设置边框的宽度。
宽度设好了,你一定会问,颜色呢?面板上并没有提供颜色的选择呀!呵呵,其实这里有一个技巧问题,用鼠标选择图片对象,注意不是点击选中,而是拖动选择。
象设定文字颜色一样进行就可以了。
3.如何让网页载入时,象许多商业网站那样,弹出一个广告窗口这在不少大型商业网站中,是时常见到的。
DW复习要点

网页设计制作复习要点1. 在HTML中,为网页添加黄色背景可用的body属性:bgcolor=”yellow”,添加背景图案可用的body属性:background=”图片文件名”。
2. 为了保证网页在Internet上发布后用户能正常浏览图像,在页面中插入的图像文件应位于站点所在的目录中。
3. 在HTML中,制作电子邮件超链接的标签命令是:<a href=”mailto:tsxy@”>。
4. 在设置图像超链接时,可以在Alt文本框中填入注释的文字,在浏览器不支持图像显示或者关闭了图像显示功能时,用这些文字替换图像的显示,当鼠标移到图象上并停留一段时间后,也会显示出这些文字。
5. Dreamweaver中设置超级链接的属性,目标框架设置为_blank,表示在新开一个浏览窗口来打开链接内容;目标框架设置为_parent,表示在当前框架的父框架中打开链接;目标框架设置为_self,表示在当前框架打开链接,这也是默认方式;目标框架设置为_top,表示在当前浏览器的最外层打开链接。
6. 在IE中单击链接地址为一个“#”的文本,无论当前处于文档的什么位置,都会自动跳转到文档的开始位置。
7. 在Dreamweaver中,为图像建立热点,热点形状可以为矩形、椭圆形和多边形。
8. 要选中表格中的某行,可以将光标先定位在该行所在的单元格里,然后鼠标单击状态栏的<tr>标签即可。
9. 在HTML中,最常用的图象格式是 GIF、JPG和PNG三种。
10. 使用时间轴使一个对象具有动画效果,这个对象应该位于层(AP元素)中。
11. HTML的颜色属性值中,纯红色的代码是:#FF000;纯绿色的代码是#00FF00;纯蓝色的代码是:#0000FF;白色的代码是#FFFFFF;黑色的代码是 #000000。
12. 如果想设置页面上的某个AP元素为不可见,可在“属性”面板中选择可见性为hidden。
13. 在页面浏览时,当鼠标指向图片时产生图片交换效果,可以通过以下方法实现“插入记录”菜单下的“图像对象”中的“鼠标经过图像”命令,也可以用行为面板中的”交换图像”行为来实现。
dreamweaver入门课堂笔记

超链接 空链接 锚点链接 电子邮件链接 普通链接
空链接 是在链接地址栏输入#
超链接 ctrl+L
-blank可以让链接到的页面在一个新的独立的窗口中打开
电子邮件链接 插入菜单下的电子邮件链接
mailto:abc@ 在半角状态下输入
如何改变超链接的显示状态:(在CSS样式面板中设置)
模板(Template):是用来批量制作大量风格相似的页面。
F11是资源面板
文件 模板另存为
模板的拓展名是 dwt
ztrl+shift+i 显示和隐藏表格的边框线
选中一个可编辑区域 按 ctrl+alt+V
修改下的模板里的从模板中分离
模板里选中可编辑区域 在选中的标记中单击鼠标右键 选择删除标签
在表单里插入图片 要用图像域
鼠标放在最后一个单元格里按 Tab 可以加行
鼠标放在单元格里按ctrl+M 在上面加一行
ctrl+shift+m 删除行
ctrl+shift+a 在当前列的前面加列
ctrl+shift+减号- 删除列
CSS 标签
CSS 类 方框 填充 (可以在页面留下空白)选td 填充样式作用在单元格上
a:link:超链 接的初始状态
选择器中的类型 高级 选择器 是a:link
a:hover:鼠标悬停
a:active:链接被激活的时候
a:visited:链接被访问过之后
a.类名:link
CSS样式表 新建一个类 方框 选择 边界 (调整框元素与框元素的距离)
表单:插入面板里的表单 表单(form)和body页面及列表都有默认的边界值
dw使用心得 dw实训报告的心得总结

DW使用心得 DW实训报告的心得总结1. 引言在进行DW(Data Warehouse)实训项目的过程中,我通过学习和实践,积累了一定的经验和心得。
本文将对我在DW实训项目中的使用心得及报告总结进行详细介绍。
2. DW使用心得2.1 数据收集与清洗在DW实训项目中,数据收集与清洗是整个过程的第一步,也是最为重要的一步。
我从不同的数据源中收集了大量的原始数据,并进行了清洗和预处理。
这其中,我遇到了一些问题,例如原始数据格式不规范、缺失值处理等。
为了解决这些问题,我学习了相关的数据清洗技术,使用Python编程语言编写了一些数据清洗的代码,以提高数据的质量和准确性。
2.2 数据建模与设计在DW实训项目中,我使用了维度建模方法进行数据建模与设计。
通过对业务需求的分析,我确定了维度表和事实表的结构,并进行了数据的建模与设计工作。
这一过程中,我学习了ER模型、星型模型和雪花模型等相关理论,并运用这些知识进行了模型设计。
在模型设计的过程中,我遇到了一些难题,例如事实表的粒度确定、维度表的属性选择等,通过与团队成员的协作和讨论,我顺利解决了这些问题,并最终完成了数据建模与设计的任务。
2.3 ETL过程在DW实训项目中,ETL(Extract, Transform, Load)过程是将原始数据转化为维度模型所需数据的关键环节。
我使用了DW工具进行了数据的抽取、转换和加载工作。
在ETL过程中,我遇到了一些问题,例如数据抽取速度慢、数据转换出错等。
为了解决这些问题,我学习了ETL相关的知识,并熟悉了DW工具的使用方法。
通过调整抽取和加载的策略,以及优化转换的过程,我成功解决了这些问题,并最终完成了ETL过程。
2.4 数据分析与报告在DW实训项目中,数据分析与报告是最终的目标。
我使用了数据分析工具对DW中的数据进行了分析,并生成了相应的报告。
在数据分析的过程中,我遇到了一些问题,例如数据分析工具使用不熟练、数据分析结果解释不清等。
Dw复习资料

DW 复习资料1.网站和网页有什么区别?网页的集合叫网站,浏览器打开以后所看到的画面就是网页,网页说具体了是一个html文件。
2.网页按表现形式分类有哪两种?静态网页(.html..)、动态网页(.asp..)3.网页颜色设计基本原则是什么?准则1:颜色对比度越强可读性越强任何一名设计师都明白这点,文字和背景有足够的对比可以让文字更容易阅读。
通常黑色字就会用在比较明亮的背景上。
反过来也一样尽管在深色背景上使用亮些的字可以让文字容易阅读些,但这个手法应该尽量保守使用。
事实上已经证实了,在深色背景上阅读对比度较大的文字会让眼睛非常疲劳。
准则2:珍惜使用的颜色为了带来视觉上效果,设计师经常选择多个颜色来做设计。
但在每个地方都用到不同的颜色也会降低它的视觉效果。
基本原则:为把视觉效果最大化,把颜色充分利用在标题上,并把最重要的文字写在标题上。
准则3:不要使用互补色以一个颜色为基点,可以在色盘的另一头找到它的互补色。
举例来说,蓝色的互补色在色盘中是橘色。
当这两个颜色贴边的时候,互补色会让我们的眼睛非常不舒服,因为这时我们无法同时聚焦在这两个颜色之上。
再顺便补充一下,互补色在一起的时候会给人一种震动的感觉。
4.掌握常用颜色的十六进制红:#ff0000黄:#ffff00绿:#00ff00青:#00ffff蓝:#0000ff紫:#ff00ff 黑:#000000白:#ffffff5.描述网页基本布局类型有哪些?“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型6、左右框架型是由几个页面构成的?37、常用的可编辑html文档的编辑器有哪些?记事本、WORD、写字板、Dreamweaver。
8、掌握Html文档基本结构<HTML><HEAD><TITLE>……文档的名称</TITLE></HEAD><BODY>……各种HTML标签作标记的段落、列表、和其他文素组成的实际文档</BODY></HTML>9、比较流行的动态网页开发语言有哪些?ASP,PHP,JSP,10、如何设置表格的外边框属性?<table width="" border="" cellspacing="" cellpadding="">11、网页支持的图片格式有哪些?gif、png、jpg..12、网站首页命名规则是什么?Index.\Default.13、一般网页基本成分有哪些?页头:标识用户的站点和企业标识(logo)网站内容:公司介绍、产品信息、成果展示、新闻稿、内部信息管理意见交流反馈等E-mail地址:接收用户垂询联系信息:普通邮件地址、传真和电话等版权信息:声明版权所有者14、Dreamweaver中文档窗口视图布局类型有哪些?设计、代码、拆分15、IE浏览器中预览当前编辑的网页的快捷键是什么?F1216、网页中添加空格的方法有哪些?(1)代码中输入 (2)设计窗口输入“ctrl+shift+空格”(3)切换到全角输入法模式按空格17、绘制各种形状热区时标签属性的区别是什么?椭圆:<area shape="circle"矩形:<area shape="rect"多边:<area shape="poly"18、下拉菜单的标签是什么?<select>..</select><option value="" selected>--友情链接--</option><option value="">3123414</option></select>19、onMouseOver、onMouseOut 和onClick的含义分别是什么?鼠标滑过、鼠标滑出、点击20、访问上一级目录文件的路径写法是什么?../21、网页文件中路径的书写规则是什么?不可书写绝对路径,只可书写相对路径22、target属性的不同值及含义是什么?target属性: -self 当前页装载-top 完全取代当前页-blank 打开新窗口-parent 装入当前页的父窗口23、如何绘制嵌套层?层的嵌套:按住alt键,在层上绘制24、掌握几种常用行为的表现形式a.打开浏览器窗口b.弹出信息c.调用JavaScriptd.显示弹出式菜单e.显示隐藏层25、调用文件的方法是什么?<!--#include file="文件名"-->26、如何引用内部样式表?<style>a{......} //设置普通字体样式a:link{......} //设置带有链接的字体样式a:visited{......} //设置带链接的字体被点击后的样式a:hover{......} //设置鼠标定位到带链接的字体时的样式</style> //注意先后顺序不能交换.类选择符引用方式:<a class=“other” href=....>...</a>27、如何引用外部样式表?<link rel="stylesheet" type="text/css" href="style.css">必须放<head></head>区内,表示浏览器从style.css文件中以文档格式读出定义的样式表。
DW基础知识一

课程目标:⏹使用CSS美化网页元素⏹使用DIV+CSS布局网页⏹制作各种流行的网页组件⏹制作语义化的表单⏹掌握一些常用的网页制作技巧第一次课:1、DW5工作界面的认识。
2、新建站点(为什么要站点)、网页文件(注意“页面属性”---“标题/编码”的设置和重要性)、样式文件(外部)3、网页基本结构:DOCTYPE(文档类型)html<head><body> <meta /><title> … </title><link /><style> …样式代码 </style><script>…JS脚本代码 </script></head></body></html>…各种标记写成的网页内容代码…4、html与xhtml的区别相关规则XHTML HTML标签名称必须小写大小写均可属性名称必须小写大小写均可标签嵌套必须严格嵌套没有严格规定标签封闭标签必须封闭封闭与不封闭均可空元素标签必须封闭,如<hr />封闭与不封闭均可,如<hr>与<hr />均可属性值用双引号括起来可以不必使用双引号属性值形式必须使用完整形式经常使用简写方式设定属性值标签类型区分“内容标签”与“结构标签”没有严格规定5、html常用内容标签标签说明<h1>-<h6>定义各级标题<p>定义段落<a>定义链接<img />插入一幅图片<ul>定义无序列表<ol>定义无序列表<dl>定义自定义列表<strong>加粗强调内容做网页实例。
first.html6、结构标签<div>标签:定义HTML文档中的分区或节(简单说:就是用于布局!) <span>标签:行内元素区别“表格布局”和“div布局”。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
用代码直接插入图片
<img src=”images/001.jpg”/>
其中输入src后会自动补充代码以及出现浏览图片的选项选择图片这边以001.jpg为例
代码状态下为图片添加链接
代码格式如下:
<a href=”链接地址”><img src=”images/001.jpg”/></a>
文本中输入空格
1在菜单栏下的文本菜单下的最后一个选项中选择不换行空格即可输入连续的空格
2按快捷键CTRL+SHIFT+空格即可输入连续的空格
3将输入法切换至全角即可输入连续的空格
4在代码中输入 即代表一个空格
*5编辑->首选参数->常规->编辑选项中勾选允许多个连续的空格即可输入连续的空格
段落切换与强行换行
2 […]块引用和缩进用来排版
从外部导入文本
1复制黏贴(编辑->选择性黏贴)
2文件导入
清理沉余代码
由WORD以HTML形式保存用DW打开会生成大量多余的代码通过命令->清理WORD生成的HTML来清理多余的代码(或者命令->清理XHTML)
列表与排序
属性面板中点击项目列表创建无序列表通过凸出和缩进来设置下级嵌套列表
插入排版水平线
在HTML中选择水平线
设置水平线属性:
1在属性中设置水平线的基本属性
2在右侧标签中进行详细属性设置(<hr>)
3在代码界面中找到<hr>在r后面敲一个空格会跳出属性设置的选项
一般连接的常见形式
:80/tech/ok.html#apple
80为端口号通常是默认的
?subject=跟邮件的主题
&cc=跟抄送地址
&bcc=跟密件抄送地址
制作下载类链接
和普通链接创建的方法类似只需将链接地址指向需要提供下载的程序或压缩包
锚链接的制作
锚链接:即在当前页面比较长的情况下我们需要直接跳转到页面的某个位置那么就可以建立锚链接来实现
建立方法:
1.在需要跳转的页面位置插入命名锚记(在常用工具栏中)在弹出的对话框中输入锚记的名称(注意:命名锚记只能用数字英文符号不可以使用中文)确定
为图片添加提示文本
<a href=”链接地址”><img src=”images/001.jpg”alt=”提示文本内容”border=”边框粗细数值”/></a>
其中alt:设置提示文本border设置图片边框
用标签检查器设置图片
align:对齐方式
用属性面板设置图片
垂直边距/水平边距:文字离图片的距离
在输入外部链接地址时必须输入http://地址输入完成尽量打回车以免丢失信息
指向法制作链接
属性链接文本框后的指向链接单击按住不放拖出小箭头指向文件面板中的HTML文件以及图片视频等其他文件即可建立链接
快捷键拖动法建立链接
选中需要建立连接的目标,按住SHIFT键可以再目标上直接拉出一个指向链接对某个文件进行链接
绝对地址:在创建链接时,绝对地址需要提供完整的URL链接,包括相应的协议,如HTTP、FTP等等,该方法常用于引用另一网络服务器上的链接,例如:
ftp://202.102.245.1
相对地址:是指对于站点的根目录,它非常适合创建网站内部链接。如果要连接的文档位于当前文件夹中就只需输入文件名即可,如OK.html。只有要链接的文件位于当前文件夹之外时才有必要添加额外的路径信息。
alt为图像添加提示文字,鼠标移入时出现
border设置图像边框
vspace,hapace垂直间距,水平间距
align排列,对齐
usemap图像包含热点(地图,热区)
锐化:是通过增加相邻像素的对比度来使模糊图像变得清晰起来。锐化功能需要适度是用,过度使用往往会使画面马赛克增多,反而破坏画面。
网络中流行及常使用的格式:
低解析度源:经过各种优化压缩处理的大小比较小的图片在下载图片过程中此项图片会优先下载以体现图片下载速度
编辑图像热区
图像热区(地图):即图像中局部创建的链接区域
在属性面板中找到地图文本框下的热区创建工具在图片中创建需要的热区
在标签检查器中设置热区:
coords:热区在图像内的位置大小三项参数从左到右依次为:
1直接敲回车或者在代码中输入</p>(即由<p>……</p>表示一个段落)(但是此种方法两行之间的间隙比较大)
2强行换行SHIFT+回车代码中显示为<br />(两行是紧挨着的没有间隙)或者在文本菜单下的最后一个选项中选择换行符效果是一样的
文本编辑基础
1PRE即在HTML里的排版(代码中的排版)效果直接显示在设计页面
要连接到下级目录中的文件,需要输入目录名,后面跟一个“/”号,再输入文件名,如tech/OK.html。
要连接到上级目录或上级其他子目录文件中的文件,需先输入“../”,后面跟目录名、文件名,如../index.html或者../inmage/ok.jpg。
用菜单插入和设置图片
替换文本:即当图片无法正常打开浏览时或者鼠标移至图片时候所显示的本文。
直接用代码建立链接
<a href=”链接地址”>链接名称</a>即可建立一个连接
插入标签法建立链接
在代码操作的界面中在光标闪烁处右键选择插入标签左侧选择HTML标签页面元素右侧选择a在HREF文本框中输入连接地址在目标中设置打开的方式
如果需要相对应的链接名称在结束符号前面输入名称具体见直接用代码建立链接的代码格式
target:指定连接的目标窗口
链接的目标窗口:
_parent在上级窗口中打开,常用语框架页中
_blank在新窗口中打开页面
_self在当前窗口或者框架同一帧中打开
_top在顶层,也就是浏览器的整个窗口中打开
邮件参数:
subject设置电子邮件主题
cc设置抄送收件人
bcc设置密件抄送(暗送)收件人
&参数之间的分隔符号
弹出窗口的各项参数:
状态图像等均与插入鼠标图像的参数类似
预先载入图像:及时出现导航按钮的翻转效果
页面载入时就显示“鼠标按下图像”:制作多个页面时经常使用到
插入:(水平或者垂直)插入的导航的显示方式
HTML基础:
插入图像标记<img>的常用属性:
src制定图像链接的地址
width,height设置图像的宽度,高度
PNG:这是一种新兴的便携式,跨平台的网络图像格式,已经被大多数主流浏览器所支持。他同时拥有数百万种颜色,还支持背景透明。在网络上,其显示速度要快于前面两者。在网页三剑客的协作中,其适用性也优于其他两种格式的图像。
插入FLASH SWF文件
三大原则:
1建立网页前需要新建一个网站
2文件名,对象ID名,尽量使用英文,拼音,数字尽量避免使用中文
3尽量要存盘
首页一般命名为:index.html或default.html
外观(基于CSS)
页面属性中设置外观字体时,中文一般只添加宋体黑体仿宋体楷体(防止用户因未安装相应字体而无法正常浏览)
字体大小:一般为9 pt
若要基于HTML
编辑->首选参数->常规->是用CSS而不是是用HTML(勾选与取消来切换)
HTML基础
<HTML>HTML文件开始
<HEAD>该文件的头部开始
……该文件的头部内容
</HEAD>该文件的头部结束
<BODY>该文件的主体开始
……该文件的主体内容
</BODY>该文件的主题结束
</HTML> HTML文件结束
(当前热区的水平位置,垂直位置,热区大小)
是用多边形热点工具可以编辑不规则图形的热区通过拖动锚点实现
对图像重新取样
在属性面板中找到编辑一栏重新取样按钮
重新取样:即对图像放大或缩小导致的像素不协调(由于图像放大或者缩小时实际的像素是不改变的)所造成的图像效果进行重新的调节以达到柔和图像的目的
调整图像的亮度和对比度
修改网页标题的方法
1修改->页面属性->标题/编码中修改标题
2在设计界面正上方标题中修改标题
3在代码<title>……</title>中修改标题
修改正文标题的方法
修改->页面属性->标题中修改设置字体大小单位颜色
实现时在设计界面中打入文字选中在正下方属性中的格式中选择标题即可实现
若需要输入正文则格式改为段落
连接字体大小:9 pt
变幻图像颜色:鼠标放到连接上显示的颜色
已访问链接颜色:已访问过的链接显示的颜色
活动链接:当点连接时闪烁的颜色或者点击不松手时显示的颜色
标题(正文中的标题)
标题/编码(网页的标题)
文档类型:HTML4.0 transitional XHTML1.0 transitional
跟踪图像:网页排版时候的模板框架即草图
或者在属性面板中在链接文本框中输入链接的方法:mailto:邮件地址同样添加了一个Email链接
制作特殊的Email链接
在链接文本框中输入:
mailto:flashcs3@?subject=咨询问题&cc=xuexin@&bcc=xuexin625@
mailto:跟收件人地址
插入法建立链接
在常用工具栏中选择超级链接弹出超级链接的对话框其中
文本:即我要插入的这个链接所显示的名称