dreamweaver教程08

dreamweaver教程08

ID:34571159

大小:1.00 MB

页数:22页

时间:2019-03-08

dreamweaver教程08_第1页
dreamweaver教程08_第2页
dreamweaver教程08_第3页
dreamweaver教程08_第4页
dreamweaver教程08_第5页
资源描述:

《dreamweaver教程08》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、下载第二部分在Dreamweaver中使用基础的HTML在这部分中:第8章理解HTML如何工作第9章在Web页中添加文本第10章插入图像第11章远程Web链接第12章创建列表第8章理解HTML如何工作本章内容¥简述HTML的功能¥使用分段¥介绍分段¥添加特殊字符理想的工作方式是可以使用可视化的制作工具,在不必了解HTML,并且在无需进行编码的情况下进行绝大多数复杂的Web站点设计。Dreamweaver终于可以使用户达到这个目标了——事实上,你仅通过Dreamweaver

2、的文档窗口就可以创建多种类型的Web页。然而,当你的页面变得更为复杂的时候,你可能需要对页面进行更精细的调整。本章将使你对HTML的运作方式有一个基本的了解,还会介绍一些开始创建Web页时所需的特定的组成部件。同时,本章将展示Dreamweaver3的改进:能在可视化环境中快速、准确地转换代码的快速标识编辑器。在本章中,还要介绍其他Dreamweaver的特有内容(主要是关于Dreamweaver如何设置和修改页面属性的内容)几乎适合所有熟练的Web设计人员。在这些功能的帮助下,你将可以得到关于

3、创建Web页的指导。8.1HTML页的结构关于HTML如何工作的最简单的说明就是对它的缩写完全展开后的解释:超文本标识语言(HyperTextMarkupLanguage)。超文本(HyperText)指的是万维网(WorldWideWeb)中的一个主要属性:不论页面处于Web中的什么位置,而从一个页面跳转到另一个页面上的能力。标识语言(MarkupLanguage)意味着Web页实际上是包含很多带注意文本的文件。HTML的基础构件,例如

,被称为标识元素,或标识。这些术语

4、(元素和标识)是可以互换的。HTML页是一套指令(标识),这些指令将为你所使用的浏览器如何显示附加的文本和图像提出建议。浏览器可以识别页面的类别,它是基于页面中的起始标识和结束标识,来执行上述操作的。绝大多数的HTML标识都是成对出现的,在这些标识对中,结束144第第二部分一在Dreamweaver中使用基础的HTML下载标识一般是用向前斜线加关键字表示。下面有两个标识对的例子:

...

...<title>。少量重要的标识是单个出现的,例如图</p><p>5、像标识<img>。HTML页被分为两个主要的分段:<head>和<body>。所有有关整个文档的信息都包含在<head>分段中:标题、描述、关键字。可以调用的任何语言的子程序包含在<body>分段中。Web页中的内容也放置在<body>分段中。所有的文本、图形、嵌入的动画、Java小程序(Javaapplets)和其他的页面元素都位于起始<body>标识和结束</body>标识之间。当你在Dreamweaver中启动一个新的文档时,基本的格式就已经设置好了。程序清单8-1显示了Dreamweav</p><p>6、er空白Web页的代码。程序清单8-1Dreamweaver新文档中的HTML语句注意<head>...</head>对是如何与<body>...</body>对区分的,以及它们如何同时包含在<html>...</html>标识之间。同时,也可以注意到<body>标识中有一个附加的元素:这种元素类型被称为属性。属性修饰基本标识,既可以对它们进行赋值,也可以单独存在。在这个例子,bgcolor属性可以设置为一个十六进制数用于表示白色。因此,这一属性将body(页面)的背景颜色设置为白色。并不是所有</p><p>7、的标识都包含有属性,但是当标识包含属性时,其属性便被确定,不可修改。如果你使用的是Dreamweaver的PC版,通过主站点编辑器可以访问到一个卓越提示的HTML向导。从主站点窗口中,选择Help|HelpTopics,在Help窗口中打开HTML参考。关于HTML页的最后一点需要注意的是:你可以自如地运用硬回车、空格和Tab键来编排代码文档,使它更易阅读。对HTML进行解释的浏览器将忽略除创建文件的标识和文本以外的所有其他内容。另外,本书将指出这些元素在特定浏览器中的不同解释。但总的来说,你还</p><p>8、是可以根据自己的愿望在HTML编码文档中插入缩进和空格。8.2定义<head>元素有关Web页的概要信息包含在HTML文件的<head>分段中。浏览器读取<head>分段的内容,找出如何提交页面。例如,页面显示是基于西文、中文还是某种其他的字符集?这个分段还将被搜索引擎读取,用来快速收集有关页面的摘要信息。当你开始将JavaScript(或者像VBScript等其他脚本语言的编码)插入到Web页中时,所有的子程序和远程文档的说明将添加到<head>区域中。在插入一个JavaScript动作时,D</p> </div> <div class="mt-3 bg-white"> <div class="d-lg-block d-none px-3 px-lg-4 py-3 border-bottom text-center font-18"> 当前文档最多预览五页,下载文档查看全文 </div> <div class="detail-fixed-feature d-none d-lg-block" id="detailFixedFeatureBox"> <div class="px-3 px-lg-4 py-3 d-flex align-items-center justify-content-between fixed-feature-box" id="detailFixedFeature"> <div class="d-lg-flex d-none align-items-center"> <div> <a class="btn btn-outline-danger article-state" href="javascript:;" data-id="34571159" data-code="438274" data-title="dreamweaver教程08"> <span>侵权申诉</span> </a> <button type="button" class="btn btn-outline-secondary with-light ml-2" data-toggle="modal" data-target="#reportModal" data-id="34571159"><span>举报</span></button> </div> <nav class="d-flex align-items-center ml-4" id="anchorPoint"> <a href="javascript:;" class="btn btn-light anchor-pre px-2"><i class="iconfont text-muted"></i></a> <div class="text-muted mb-0 pre-point-list" id="prePointList"> <a class="px-2 active nav-link" href="#anchorImg0">1</a> <a class="px-2 nav-link" href="#anchorImg1">1</a> <a class="px-2 nav-link" href="#anchorImg2">2</a> <a class="px-2 nav-link" href="#anchorImg3">3</a> <a class="px-2 nav-link" href="#anchorImg4">4</a> <a class="px-2 nav-link" href="#anchorImg5">5</a> / <span class="px-2" id="prePageNums">22</span> </div> <a href="javascript:;" class="btn btn-light anchor-next px-2"><i class="iconfont text-muted"></i></a> </nav> </div> <div class="d-flex align-items-center"> <p class="d-lg-block d-none font-14 text-black-50 mb-0 mr-2">此文档下载收益归作者所有</p> <button class="btn btn-danger detail-download-btn px-3 ml-0 font-16" data-btn="downloadfile" style="width:128px;height:40px;" data-id="34571159" data-price="1800" data-size="1.00 MB" data-page="22页" data-type="pdf" data-binddown="true" data-isold="new_content" data-vip="0" data-title="dreamweaver教程08">下载文档</button> </div> </div> </div> </div> <div class="d-block d-lg-none px-3 px-lg-4 py-3 border-bottom text-center font-14" style="color:#999">当前文档最多预览五页,下载文档查看全文</div> <button class="btn d-block w-100 d-lg-none btn-danger detail-download-btn px-3 ml-0 font-16" data-btn="downloadfile" data-id="34571159" data-price="1800" data-size="1.00 MB" data-page="22页" data-type="pdf" data-binddown="true" data-isold="new_content" data-vip="0" data-title="dreamweaver教程08">点击下载本文档 </button> </div> <div class="px-3 px-lg-4 py-3 bg-white mt-3"> <ul class="nav custom-tab border-bottom" id="myTab" role="tablist"> <li class="nav-item" role="presentation"> <a class="nav-link active px-0 mr-4 font-16 font-weight-light pb-3" id="tips-tab" data-toggle="tab" href="#showTips" role="tab" aria-controls="showTips" aria-selected="true">版权提示</a> </li> <li class="nav-item" role="presentation"> <a class="nav-link px-0 pb-3 font-16 font-weight-light text-black-50" href="/d-34571159.html" >下载文档</a> </li> <dl class="flex-grow-1 mb-0 d-lg-none"> <li class="ml-3 float-right d-lg-none"> <button type="button" class="btn btn-light" data-toggle="modal" data-target="#reportModal" data-id="34571159"><span>举报</span></button> </li> </dl> </ul> <div class="tab-content with-content pt-3" id="myTabContent"> <div class="tab-pane fade show active font-14" id="showTips" role="tabpanel" aria-labelledby="showTips-tab"> 温馨提示: <br> 1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。<br> 2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。<br> 3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。<br> 4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。 <br> </div> </div> </div> </div> <div class="detail-sidebar d-none d-lg-block"> <div id="columnDetailSiderRight"> <div class="detail-yourlike mt-0 pb-2" id="relativeArticle"> <div class="border-bottom py-2 d-flex align-items-center justify-content-between"> <h5 class="font-16">相关文章</h5> <a class="font-14 hover-letter-spacing" href="/ucenter/search/index.html?text=dreamweaver教程08" target="_blank" rel="nofollow">更多<i class="iconfont font-12 pl-1"></i></a> </div> <ul class="font-14 like-list"> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-11198355.html" title="dreamweaver教程教案" target="_blank"><span class="text-danger">d</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">教</span><span class="text-danger">程</span><span class="text-danger">教</span>案</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-20978596.html" title="dreamweaver教程" target="_blank"><span class="text-danger">d</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">教</span><span class="text-danger">程</span></a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-21930485.html" title="dreamweaver简单教程" target="_blank"><span class="text-danger">d</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span>简单<span class="text-danger">教</span><span class="text-danger">程</span></a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-25853769.html" title="dreamweaver教程30726" target="_blank"><span class="text-danger">d</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">教</span><span class="text-danger">程</span>3<span class="text-danger">0</span>726</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-26144058.html" title="dreamweaver教程24898" target="_blank"><span class="text-danger">d</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">教</span><span class="text-danger">程</span>24<span class="text-danger">8</span>9<span class="text-danger">8</span></a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-26152663.html" title="dreamweaver教程30586" target="_blank"><span class="text-danger">d</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">教</span><span class="text-danger">程</span>3<span class="text-danger">0</span>5<span class="text-danger">8</span>6</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-26175727.html" title="dreamweaver教程30195" target="_blank"><span class="text-danger">d</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">教</span><span class="text-danger">程</span>3<span class="text-danger">0</span>195</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-26632902.html" title="dreamweaver教程2" target="_blank"><span class="text-danger">d</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">教</span><span class="text-danger">程</span>2</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-pdf" href="/p-33877327.html" title="dreamweaver 教程" target="_blank"><span class="text-danger">d</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">教</span><span class="text-danger">程</span></a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-48044952.html" title="dreamweaver8网页制作教程08.ppt" target="_blank"><span class="text-danger">d</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">8</span>网页制作<span class="text-danger">教</span><span class="text-danger">程</span><span class="text-danger">0</span><span class="text-danger">8</span>.ppt</a> </li> </ul> </div> <div class="detail-yourlike pb-2"> <div class="border-bottom py-2"> <h5 class="font-16">相关标签</h5> </div> <ul class="font-14 like-list d-flex flex-wrap"> <a class="search-tag" href="/tags/541236/" target="_blank">08</a> <a class="search-tag" href="/tags/540196/" target="_blank">教程</a> </ul> </div> <script src="/d/js/acmsd/thea1.js"></script> </div> </div> </div> <footer> <div class="container d-none d-lg-block mb-4"> <div class="d-flex justify-content-between footer-nav"> <ul class="d-flex foot-nav"> <li> <h5>常见问题</h5> <a class=text-decoration-none href=/help/wenti/upload/ target=_blank> 关于上传 </a><a class=text-decoration-none href=/help/wenti/xiazai/ target=_blank> 关于下载 </a><a class=text-decoration-none href=/help/wenti/qinquan/ target=_blank> 关于侵权 </a><a class=text-decoration-none href=/help/wenti/fenxaing/ target=_blank> 分享文档赚钱教程 </a> </li> <li> <h5>关于我们</h5> <a class=text-decoration-none href=/help/about/wzjs/ target=_blank> 网站介绍 </a><a class=text-decoration-none href=/help/about/gywm/ target=_blank> 关于我们 </a><a class=text-decoration-none href=/help/about/lxwm/ target=_blank> 联系我们 </a> </li> <li> <h5>版权问题</h5> <a class=text-decoration-none href=/help/banquan/bqsm/ target=_blank> 版权声明 </a><a class=text-decoration-none href=/help/banquan/qqcl/ target=_blank> 侵权处理 </a><a class=text-decoration-none href=/help/banquan/mzsm/ target=_blank> 免责声明 </a> </li> <li> <h5>协议条款</h5> <a class=text-decoration-none href=/help/xieyi/yhxy/ target=_blank> 用户协议 </a><a class=text-decoration-none href=/help/xieyi/fwtk/ target=_blank> 用户服务条款 </a><a class=text-decoration-none href=/help/xieyi/ysbh/ target=_blank> 用户隐私保护 </a> </li> <li> <h5>网站导航</h5> <a class="text-decoration-none help-nav-item" href="/sitemaps.xml" data-name="网站地图" target="_blank">网站地图</a> <a class="text-decoration-none help-nav-item" href="/list.html" data-name="全部分类" target="_blank">全部分类</a> <a class="text-decoration-none help-nav-item" href="/sitemaps/index.html" data-name="资源地图" target="_blank">资源地图</a> </li> </ul> <div class="foot-qrcode d-flex"> <div> <div class="subsitute-bg"><img src="https://www.wenku365.com/d/file/2022/07-08/f23df57d987ef7ad9acb33fe5abf9854.jpg"></div> <p>关注公众号<br></p> </div> </div> </div> </div> <div class="footer-copyright"> <p><a href="/" target="_blank">天天文库</a>站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有【成交的100%(原创)】。</p> <p>本站是网络服务平台方,若您的权利被侵害,侵权客服QQ:3074922707 欢迎举报。</p> <p>Copyright 2004-2021 <a href="https://www.wenku365.com/" target="_blank">wenku365.com</a> All Rights Reserved <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">闽ICP备15016911号-5 </a></p> <p>闽公网安备 <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35052402000320" rel="nofollow" target="_blank">35052402000320</a></p> <p> <a href="https://www.wenku365.com/zt.html" target="_blank">专题文集</a> <a href="https://www.wenku365.com/zt-90007.html" target="_blank">丨职业培训</a> <a href="https://www.wenku365.com/zt-90005.html" target="_blank">丨实用范文</a> <a href="https://www.wenku365.com/zt-90010.html" target="_blank">丨商业材料</a> <a href="https://www.wenku365.com/zt-90013.html" target="_blank">丨合同协议</a> <a href="https://www.wenku365.com/zt-90009.html" target="_blank">丨PPT专题</a></p> </div> </footer> <script src="//static.wenku365.com/wenku365/js/global.min.js?"></script> <script src="//static.wenku365.com/wenku365/js/clipboard.min.js?"></script> <script src="//static.wenku365.com/wenku365/js/jquery.treeview.js?"></script> <script src="//static.wenku365.com/wenku365/js/jquery.share.min.js?"></script> <script src="//static.wenku365.com/wenku365/js/common.min.js?"></script> <script src="//static.wenku365.com/wenku365/js/downloadFile.js?"></script> <script src="//static.wenku365.com/wenku365/js/loginWindow.js?"></script> <script src="//static.wenku365.com/wenku365/js/windowRecharge.js?"></script> <script src="//static.wenku365.com/wenku365/js/viewer.min.js?"></script> <script src="//static.wenku365.com/wenku365/js/detail.js?"></script> <!-- 2023-05-07 06:15:52 --> </body> </html>