<!--~ Changed by: (Unknown User), DATE: 1998-12-16, TIME: 03:37 pm, STYLE: _default, Pretty HTML v2.0 ~-->
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<HTML>
<!--~=========================== DOCUMENT HEADER ===========================~-->
<HEAD>
<TITLE>网猴:网页设计:Dreamweaver简介:第一天:第二页</TITLE>
</HEAD>
<!--~========================= END DOCUMENT HEADER =========================~-->
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<LINK rel="stylesheet" href="../../../common/common.css">
</HEAD>
<!--~========================= END DOCUMENT HEADER =========================~-->
<BODY bgcolor="#ffff00">
<!--~============ TABLE1 ============~-->
<TABLE border="0" cellpadding="3" width="532" celspacing="0">
<!-- AUTHOR IMAGE -->
<!-- BUFFER -->
<!-- SEE ALSO LINKS -->
<!--~-------- ROW1 --------~-->
<TR>
<TD width="10"><IMG src="http://static.wired.com/webmonkey/images/spacer.gif" width="10" height="1"></TD>
<!-- BODY COPY -->
<!-- BUFFER -->
<TD valign="top" rowspan="2" width="380" bgcolor="#FFFF00">
<font color="#FF0000" size="+2"><STRONG>Dreamweaver简介 - 第1天</STRONG></FONT>
<BR>
<!-- BYLINE -->
<FONT color="#000000" size="2">作者:</FONT>
<!--~++++++++++++ LINK1 ++++++++++++~-->
<A href="mailto:taylor@taylor.org">
<FONT color="#000000" size="2">Taylor</FONT>
</A>
<FONT color="#000000" size="2"> 1998/7/7</FONT>
<P>
<STRONG>第二页:基本的HTML</STRONG>
</P>
<P>
开始Dreamweaver的第一步是熟悉她的三个缺省工条:Objects工具条、Properties工具条和auncher工具条。你可以控制网页的内容,或者载工具条进一步修改你的网页。现在让我们用这三个工具条建造一个简单的网页。
</P>
<P>
让我们打入一些哑元文本:“The quick wary Shvatz jumps over the lazy Thau.”。现在可用Properties工具条修改文本的属性。
</P>
<P>
<IMG src="propertiessm.gif">
<BR>
</P>
<P>
<FONT color="#00FF40">The</FONT>
<!--~++++++++++++ LINK2 ++++++++++++~-->
<A href="http://www.webmonkey.com.cn/">
<FONT color="#8000FF">quick</FONT>
</A>
wary <STRONG>Shvatz</STRONG> <EM>jumps</EM>
<FONT color="#FF0000">over</FONT>
the
<BR>
<FONT size="5">lazy</FONT>
Thau.
</P>
<P>
以上的效果可用下面的工具实现:
</P>
<P>
黑体和斜体:<IMG src="boldItalic.gif">
<BR> <b></b> <i></i>
</P>
<P>
字体:<IMG src="font.gif">
<BR> <font face="foo"></font>
</P>
<P>
大小:<IMG src="size.gif">
<BR> <font size="#"></font>
</P>
<P>
颜色:<IMG src="color.gif">
<BR> <font color="#RRGGBB"></font>
</P>
<P>
连接:<IMG src="link.gif">
<BR> <a href="foo.html></a>
</P>
<P>
相应的HTML如下:
<BR> <font color="#66FF00">The</font>
<BR> <a href="http://www.webmonkey.com/"> quick</a>
<BR> <font face="Georgia, Times New Roman, Times,
<BR> serif">wary</font>
<BR> <b>Shvatz</b>
<BR> <i>jumps</i>
<BR> <font color="#FF0000">over</font>
<BR> <font face="Arial, Helvetica, sans-serif">the</font>
<BR> <font size="5">lazy</font>
<BR> Thau.
</P>
<P>
你可以用Properties工具条修改文本的属性,也以用它修改一段文本的属性:段落的对齐方式、列表的样式、缩进和标题。
</P>
<!--~----------- INDENTED -----------~-->
<BLOCKQUOTE>
<!--~------- UNORDERED LIST1 -------~-->
<UL>
<!--~---------- LIST ITEM1 ----------~-->
<LI>The quick wary Shvatz
<BR> jumps over the lazy
<BR> Thau.</LI>
</UL>
<!--~----- END UNORDERED LIST1 -----~-->
</BLOCKQUOTE>
<!--~--------- END INDENTED ---------~-->
<P>
对齐方式:<IMG src="align.gif">
<BR>
</P>
<P>
列表:<IMG src="list.gif">
<BR>
</P>
<P>
缩进:<IMG src="indentation.gif">
<BR>
</P>
<P>
格式:<IMG src="format.gif">
<BR>
</P>
<P>
对应的HTML代码如下:
</P>
<P>
<blockquote>
<BR> <ul>
<BR> <li>
<BR> <div align="right">
<BR> <pre>The quick wary Shvatz jumps over the
<BR> lazy Thau.</pre>
<BR> </div>
<BR> </li>
<BR> </ul>
<BR> </blockquote>
</P>
<P>
每个功能直接对应一个tag或一组tag。因此当你入tag时,你在Dreamweaver中插入的tag与在浏器中的表现一样。这很重要,因为除了一两个例,你不必跟踪任何特定的tag或注释。
Dreamweaver只是把HTML放在你的页面中,渲染你 要看到的HTML。实际上,你看到的就是你得到的。为了对此进行改进,可以用Launcher工具条。
</P>
<P>
<IMG src="launcher.gif">
<BR>
<BR> Launcher工具条控制特定任务的工具,如Site、Library、Styles、Behavior、Time Line和HTML工具条。你可能会注意到Launcher中的图标也出现在文档窗口的底部,Windows菜单中,它们也对应于功能键F5到F10。换句话说,这有点多余。不管怎么说,让我们先打开HTML工具条:
</P>
<P>
按<IMG src="htmlIcon.gif">或F10,
</P>
<P>
<IMG src="htmlpalette.gif">
<BR>
<BR> 这是你的HTML页的源代码。如果你在Dreamweaver 中让它一直打开,可以看到它的即时变化。在此窗口中敲入一些文本,然后回到主文档窗口。
<BR>
</P>
<P>
结果对吗?- 除非你犯了错误,可能看到
<IMG src="mistake.gif">。这不意味着你有一个Dreamweaver不能翻译的tag。 <mistake> </mistake>在Dreamweaver中是有效的,没有匹配的tag才会显示黄色。
</P>
<P>
你可能会注意到HTML窗口没有你期望的依赖HTML 编辑程序的super-duper multi-file, grep, regex,
scriptable,
macro这些关键的东西。这因为Dreamweaver被设计成符合已经存在的工具,而不是替换它。点击<IMG src="external.gif">按钮调用可选参数来定制扩展的编辑器。虽然Dreamweaver的商业版本与PC上的Homesite和Mac上的BBEdit捆绑在一起,但是她可以与大多数程序一起工作(我曾用它与emacs
for Windows一起工作)。回 到Dreamweaver,你的页面会刷新,在其它编辑器上做的修改会出现在你的页面上。
</P>
<P>
但是除非你坚持老式的网络美学理论,你很可能让你的网页不只是具有各种HTML
tag的文本的积。你希望有图像、applet、窗体、 plug-ins、script和各种其它使页面受欢迎的元- 这是Objects工具条实现的功能,从这儿,你可以插入其它HTML对象。
<!--~++++++++++++ LINK3 ++++++++++++~-->
<A href="980707day1_3.html">>></A>
</P>
<P>
<FONT color="#FF0000"> 第一页</FONT>
<!--~++++++++++++ LINK4 ++++++++++++~-->
<A href="980707day1_1.html">Dreamweaver简介 - 第一天</A>
<BR>
<FONT color="#FF0000"> 第二页</FONT>
基本的HTML
<BR>
<FONT color="#FF0000"> 第三页</FONT>
<!--~++++++++++++ LINK5 ++++++++++++~-->
<A href="980707day1_3.html">窗体和图像</A>
<BR>
<FONT color="#FF0000"> 第四页</FONT>
<!--~++++++++++++ LINK6 ++++++++++++~-->
<A href="980707day1_4.html">对表格使用所见即所得</A>
</P>
<P>
[第1天][
<!--~++++++++++++ LINK7 ++++++++++++~-->
<A href="980707day2_1.html">第2天</A>
][
<!--~++++++++++++ LINK8 ++++++++++++~-->
<A href="980707day3_1.html">第3天</A>
]
<BR>
<BR> <IMG src="../images/line01.gif" width="380" height="1">
</P>
<DIV align="center">
本文根据
<!--~++++++++++++ LINK9 ++++++++++++~-->
<A href="http://www.webmonkey.com">网猴</A>
相关文章改编,版权归原作者所有。
</DIV>
<!--~###################### HORIZONTAL RULER ######################~-->
<HR width="90%" align="center">
<P align="center">
<!--~++++++++++++ LINK10 ++++++++++++~-->
<A href="mailto:teadoctor@pridechina.com">茶博士</A>
和
<!--~++++++++++++ LINK11 ++++++++++++~-->
<A href="mailto:tiger@pridechina.com"> 纸老虎</A>
<BR>
<IMG align="absMiddle" alt border="0" src="../../../images/logo.gif" WIDTH="25" HEIGHT="25">©矫龙网络
版权所有
</P>
</TD>
</TR>
<!--~------ END ROW1 ------~-->
</TABLE>
<!--~========== END TABLE1 ==========~-->
<P>
<FONT size="2">
<BR>
<BR> </FONT>
</P>
</BODY>
</HTML>
没有合适的资源?快使用搜索试试~ 我知道了~
骄傲中华的教程 DREAMWEAVER
共117个文件
gif:91个
htm:14个
html:10个
需积分: 0 7 下载量 30 浏览量
2008-08-24
22:17:05
上传
评论
收藏 325KB ZIP 举报
温馨提示
骄傲中华的教程 DREAMWEAVER
资源详情
资源评论
资源推荐
收起资源包目录
骄傲中华的教程 DREAMWEAVER (117个子文件)
DONE.GIF 20KB
LAYER1.GIF 16KB
LINK.GIF 16KB
DONETIME.GIF 15KB
NAVBAR.GIF 10KB
DRAGRIT.GIF 9KB
CENTERED.GIF 9KB
DRAGLEFT.GIF 8KB
BAHAVE.GIF 8KB
TIMELINE.GIF 7KB
BOTTLE.GIF 7KB
BOTTLE.GIF 7KB
HTMLPALETTE.GIF 6KB
TIMELINEPALETTE.GIF 5KB
BOTTLECAP.GIF 5KB
BOTTLECAP.GIF 5KB
FRAME1.GIF 4KB
TABLEUI.GIF 4KB
IMAGEPALETTE.GIF 4KB
FRAMEPRO.GIF 4KB
LAYERPALETTE.GIF 3KB
TAG_SELE.GIF 3KB
BEHAVIORPALETTE.GIF 3KB
PROPERTIESSM.GIF 2KB
IMAGEPALETTESM.GIF 2KB
LAYERSPALETTE.GIF 2KB
FRAMEINS.GIF 2KB
LAUNCHER.GIF 2KB
STYLEPALETTE.GIF 2KB
TARGET.GIF 2KB
TABLECONTEXTUAL.GIF 2KB
CLASSTREE.GIF 2KB
FULLINSPECTOR.GIF 1KB
INS_IMG.GIF 1KB
OBJECTSELECT.GIF 1KB
BEHPOPUP.GIF 1KB
KEYFRAME.GIF 1024B
LINK.GIF 906B
LEFTTOPWIDTHHEIGHT.GIF 902B
TIMELINEOBJECT.GIF 852B
LAYERBGPROPS.GIF 742B
FONT.GIF 676B
SIZE.GIF 661B
COLOR.GIF 638B
FORMAT.GIF 591B
TIMELINEOBJECTPATH.GIF 523B
LAYERBACKDW.GIF 500B
LIST.GIF 432B
HTMLICON.GIF 375B
LAYERBACKNS.GIF 344B
ALIGN.GIF 340B
BOLDITALIC.GIF 332B
LAYERUI.GIF 311B
LAYERBACKIE.GIF 271B
EXTERNAL.GIF 267B
INDENTATION.GIF 266B
TABLESIZETOGGLE.GIF 252B
CLEARCELLUNITS.GIF 249B
RADIOBUTTON.GIF 245B
COMMENT.GIF 235B
IMAGEUI.GIF 217B
LAYERSINVISIBLES.GIF 201B
ACTIVEX.GIF 193B
FLASH.GIF 180B
APPLET.GIF 177B
SCRIPT.GIF 174B
BR.GIF 173B
MISTAKE.GIF 170B
TEXTFIELD.GIF 170B
HIDDENFORM.GIF 170B
ANCHOR.GIF 169B
IMAGEFORM.GIF 167B
SELECT.GIF 166B
BEHAVIORICON.GIF 166B
IMAGE.GIF 166B
CHECKBOX.GIF 165B
FILEUPLOAD.GIF 161B
PLUGIN.GIF 160B
LAYER.GIF 160B
TABLES.GIF 159B
SHOCKWAVE.GIF 157B
FORM.GIF 157B
ADDBUTTON.GIF 154B
TIMELINEICON.GIF 134B
STYLESICON.GIF 121B
BUTTON.GIF 108B
DWLAYERSCURSOR.GIF 100B
LAYERGRIPPER.GIF 99B
LAYERSIZEGRIPPER.GIF 88B
FORMINVISIBLE.GIF 84B
MOREPALETTE.GIF 68B
HOMEPAGE.HTM 6KB
ORDERFORM.HTM 6KB
ORDERFORM.HTM 6KB
4.HTM 5KB
5.HTM 3KB
2.HTM 3KB
7.HTM 3KB
6.HTM 2KB
3.HTM 2KB
共 117 条
- 1
- 2
morre
- 粉丝: 187
- 资源: 2337
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- tomcat概述.pdf
- 基于esp8266和stm32的ov2640网络摄像头
- 2023-04-06-项目笔记 - 第一百零六阶段 - 4.4.2.104全局变量的作用域-104 -2024.04.17
- 2023-04-06-项目笔记 - 第一百零六阶段 - 4.4.2.104全局变量的作用域-104 -2024.04.17
- ACM+比赛经验分享+组队原则+读选题注意项+代码注意项+多讨论
- unity csvHelper
- 2cd4bb63-6460-4deb-ae46-64e78af67d53.xls
- 词频统计的流程是什么,用python实现
- 基于STM32DIY蓝牙机械键盘-i
- 衍生品回测.ipynb
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0