李强网页设计与制作第三章：插入网页基本元素

2013-4-162013-4-162013-4-162013-4-16r'~禺3章插入网页基本元素本章耍点❖插入文字•:•插入图像•:・插入表格•:・插入媒体兀索•插入表单❖在Dreamweaver中为网页插入文本有两种方法：直接输入文木❖□从其他文档中复制文本插入特殊符号插入特殊符号2013-4162013-416插入特殊符号插入特殊符号2013-4162013-416•:・插入换行符■使用[Shift]+[Enter]组合键插入特殊符号插入特殊符号2013-4-162013-4-16插入特殊符号插入特殊符号2013-4-162013-4-16•:•插入空格■ctrl+shift4-空格■插入特殊符号，不换行空格•:•插入转义符•:-进行设置时使用组介键[Ctrl]^3或菜巾•“窗口”“属性”打开属性面板。■设置字体大小■设置字体颜色■设置字体列表【字体】【编辑字体列表】丁单击+/在可用字体中选则，单击《按钮2013-4-16 2013-4-16 82013-4-16 2013-4-16 8》使用样式设置文字格式❖【样式】选择重命名.再进行修改。”把文字变为标题在属性面板的格式中选择”设置文本对齐在屈性面板屮设置”列农在属性面板中进行设置•卜'面为“如果”网页中的文木进行格式设置,要求文木标题样式与正文不同，正文中某些文字需突出，以达到美化网页文本的H的。网页效果图UMa hao个J5? ・《®网页效果图UMa hao个J5? ・《®cw・・rfUK由呂她讥越<1三唸2■■❻恂■•w1•聖缈可*m・PMfmz鮭运*只向m衆«>?»□月<&■刃戈履做々貞3urx/k«itit*R«(9六〔靳存詳wirmQ^»ir«mS@■檢■乃龙"刃：切01価・・QHBW躍務•仗◎・斷0・0口館・gG&Jm"向氏宾曲裕尺伍处不廉必•社c说匕蚊■:w^5v&13hiuKO口©仍13夙・5口坊■廊小河■禰平血《»e甲(n・・qmifn, |iyt5)«iGttmr2013-4-16插入滚动字幕1・插入滚动字幕(1〉单击编辑謝I」上方的“拆分"按钮,将视图切換为拆分模式,<2)任卜方的设计由口中单由耍插入滚动字幕的位置.此时注盘戏看代码窗口中光标的位置.⑶将插入L具栏设負为“常规”.爪击标签选择器按钮,打开标签选择器对话框.在标签选择器对话梅左边窗口逐级选择“HTML标签”-“贞元素”一“浏览器特能”.然后在右边窗口中单击“marquee-,再单击下面的“插入”按钮.marquee标签被插入到代円中,按“关闭"按瓠关闭对话臥 "庄代码中出现vmarqueex/marquee〉.N中何的两个尖括兮20侈■之何输入要滾动的文字.如“欢迎访问励志学社的主贞!”.2013-4-162013-4-162013-4-162013-4-16设置滚动字幕的属性<marqueedirection=wrighrscrollamount=u8,scrolldelay=M10"loop=u2nBgcolor=u#00fi,,Width=M200,,Height=u100M> </marquee>direction为滚动的11标方向，可选right、left、up、down. ）scrollamount和scrolldelay为滚动数尿和延迟，可设置滚动速度）和间隔时间。 |loop设置循坏次数，小于1为连续循环。 ）Bgcolor设置滚动区域的*駅颜色。 ）widthfliheight设诧滚动区域的大小，沿乖门方向（up或down）1滚动时,必须设置•定的高度值,否则看不到滚动的文字。2013-4-16彳殳置丈本超级链接1・使用属性面板设置超级链接2•使用工具按钮欢迎访问勋志学扛的主页百頁mrai祇地］［曰切iij（1）插入超级链接单击I耳栏上的趙级链接按钮张设置丈本超级链接3、 设置卜•戯文件的超级链接4、 创建外部链接Http://www・baidu・coin5、 链接文字颜色的设置通过页面属性來设置的。2013-4-162013-4-16❖设置锚记❖使用锚记2013-4-16 2013-4-16 编辑表格•:•实例1、绘制课本51页的表格。2013-416插入图像预览效果图2013-4-16 2013-4-16 36格无化表格在要格式化的表格中单击.再使用菜单“命令”T“格式化表格”打开格式化表格对话框。332013-4-16导入表格数据1.导出Excel数据为文本文件在EX8冲使用菜单“文件”t“列存为”打开另存为对话

框，在“文件类型”中选择“文本文件（制衣符分割）C.txt）",保存文件为biaoge.txte2•导入位网页表格将“插入”工具栏切换为“布局”模式.在右边单击表选择数据文件为Excel廿出的文木文件biaoge.txt.定界符

选“Tab”。衣格宽度设8!单•兀格的宽度，选祥“匹M内容”.2013-4-16也可以制定宽度。 34插入媒体元素插入媒体元素•:•动态元素是•种重要的网页元素。这里我们将学习在网页中插入动态元素，如Flash影片、Flash按钮、Flash文木等，此外还将学习其他一些动态元素的插入方法。2013-4-1635插入媒体元素2013-4-1635插入媒体元素•:•媒体文件的类型❖插入Flash•:•制作播放电影、背景声音的页面

插入媒体元素插入媒体元素媒体丈件的类型1.RealVideo的.rm、・rmyb视频彩像格式和."的音频格式MicrosoftMediatechnology的」sf格式QuickTim的.mov格式Flash的.swf格式Metastream的•mis格式2(6?Authorware的•aam多媒体教学课件格式插入Flash插入Flash1.插入Flash动画将插入匸具栏切换到“常用”模式.单击“媒体：Flash"|l»2.插入Flash按钮将插入1典栏切换到“常用”枫式.帕&“媒体,Flash"按钮旁边的三角形,在菜皿中选择“媒体：Flash按钮■钮3.插入Flash文本将插入E具栏切换到“常用”模式.单击“媒依:Flash"按机旁边20门4拘三角形.在菜单中选择“媒体：Flash文彳心戈钮2013-4-16 2013-4-16 422013-4-16 2013-4-16 42制作播勒影、步音的页面1.插入插件将插入工具栏切换到“常用”模式■单击“媒体：Flash"按钮旁边的三角形.在菜单中选择“媒体:Flash鬻”按饥 °选择一个要插入网页的电影格式的文件(3》在编辑窗口中看到插入了个灰色矩形插件标志,调幣贰大小町调幣网页中的播放窗口的大小。单击属性而板上的“参数"按91,可设迓各种播放参数。2013-4-16十^背景声音将插入「•具栏设置为“常视”・臥由标签选择器按£口在标签选择器对话框左边闻」逐级选择-HTML标签”-“贞元素”-“浏览器特定”,然后在右边窗口中单击“bgsound”,再职击下面的“插入”按钮,打开“标签編辑器・・bosound”对话框。在“源”中指定背最咅乐文件，町以是.wav,.mid或.mp3格式的音频文件。在“循坏”栏指定网页调入时背杲音乐的播放次数，选择“无限(・1)”循环播放。其他选顶根据需要设置。单击“确定”,背景音乐就插入到网页中.关闭标签选择器20仔4邨诂框。

插入表单插入表单・:・在网上浏览时常会遇到要求填写资料或提供信息的页面，如申请QQ号码时填写个人信息i的页面，网上购物时填写的购物单等，这些页面即是表单页面。表单通常由多个表单对象组成，如单选按钮、复选框、文本字段以及按钮等，网站管理员可以通过表单从浏览者处收集需要的信息，从而实现信息的传递。表单支持客户端•服务器关系中的客户端。当访问者在Web浏览器中显示的表单中输入信息，然后单击提交按钮时，这些信息将被发送到服务器，服务器端脚本或应用程序在该处对这吐信息进行处理。用于处理表单数据的常用服务器端技术包括?Serverr9■迅IMacromediaColdFusion、MicrosoftActiveServerPages(ASP)和PHF\一个实例实例效果制作一个个人简历调査表，收集个人的资料.该调査表是表单应用的典型实例•实例效果2013-4-16文本字段1.单行文本1.单行文本在表单中输入“用户名”，在单击工具栏上的文本字段按钮2.密码2.密码密码输入区用于用户输入密码信息，用户在此区域输入的所有字符都显示为“*”或黑点。3.多行文本3.多行文本在单击工具栏上的文本区域按钮2011-9-646复选框单击工具栏上的复选框按钮单选按钮1.单选按钮