添加网页元素•使用文本•使用图片•使用声音•添加flash•添加视频使用文本对文本的编辑类似于Word字处理软件,不同之处在于:普通换行:按【Enter】键:段落换行普通换行符段落换行符按【Shift】+【Enter】组合键标识符为br标识符为/p为文本添加图形背景操作步骤:•选中文本•执行“格式|边框和底纹”•选中“底纹”选项卡•单击“图片背景”,选择背景图片滚动字幕操作步骤:•定位插入字幕的位置•执行“插入|Web组件|动态效果|字幕”添加字幕内容滚动的时间间隔设置滚动的步长设置滚动方向调整滚动效果调整字幕宽高调整背景颜色提示:字幕的滚动效果需在预览模式下浏览设计时存在的问题问题1:如何使滚动字幕上下滚动?操作步骤:•选中字幕,切换到【拆分】视图•滚动字幕字段被刷黑marqueescrolldelay=1scrollamount=3width=50%1111111111111111/marqueedirection=up(向上滚动)direction=down(向下滚动)预备知识HTML(HyperTextMarkupLanguage,超文本标记语言)功能:是Internet上编写网页的主要语言,由浏览器解释执行实现方式:通过标签来告诉浏览器怎么显示标签中的内容HTML的语法规则有以下4种表达方式:•标记对象/标记•标记属性1=参数1属性2=参数2…对象/标记•标记•标记属性1=参数1属性2=参数2…预备知识浏览器不显示不分大小写设计时存在的问题问题2:如何使滚动的字幕换行?marqueescrolldelay=1scrollamount=3width=50%1111111111111111/marquee添加换行标签〈br〉(表示换行一次)设计时存在的问题问题3:如何控制滚动字幕停止?效果:鼠标停上去时,停止滚动;移开时,继续滚动marqueescrolldelay=1scrollamount=3width=50%1111111111111111/marqueeonMouseOver=stop()onMouseOut=start()制作可折叠列表的导航栏目操作步骤:•单击“格式|项目符号”,选择符号样式•输入一级导航栏目名称•编辑导航栏目格式(字体,段落等)•输入二级导航栏目名称•选中二级导航栏目名称,双击“增加缩进量”按钮•将光标放置于一级导航中,右键选择“列表属性”•选中“启用可折叠大纲”和“开始时折叠”使用图片插入图片•光标定位要插入图片的位置•选择【插入】|【图片】命令项•选择图片的来源位置设置图片属性使用图片•双击图片,弹出【图片属性】对话框设置图片的大小及在网页上的布局选择另一个图片替换当前图片使用图片保存图片•执行【文件】|【保存】,出现保存嵌入式文件对话框设置图片保存的位置设置网页背景使用图片操作步骤:•用鼠标右键单击网页打开快捷菜单•选择“网页属性|格式”为网页添加背景图片更改网页背景颜色marquee/marqueeimgborder=“图片的边框大小”src=“图片的地址”width=“图片的宽”height=“图片的高”使用图片制作滚动图片思路:把滚动字幕中的文字改为图片即可操作步骤:•执行“插入|Web组件|动态效果|字幕”•插入图片并设置图片属性,保存图片•切换到代码视图•将图片代码剪切到字幕代码中使用声音设置网页背景声音操作步骤•鼠标右键单击网页打开快捷菜单•选择“网页属性|常规|背景音乐”选择要添加的背景音乐支持的声音格式:•Wma•Mp3•Mid•Wav推荐使用mid格式文件较小,下载较快设计时存在的问题问题:无法通过浏览窗口导入MP3解决办法:•将需要使用的音乐文件保存到站点中•选择“网页属性|常规|背景音乐”输入声音文件的相对路径例如:music\文件全名用bgsound制作的背景音乐有二个特点:•窗口最小化时,声音没有了•bgsound是微软的私有网页标记,只被IE所支持,其它浏览器可能不支持使用声音插入可控制的音频操作步骤:•执行“插入|web组件|高级控件|插件”选择要添加的音乐设计时存在的问题问题:如何取消声音的自动播放解决办法:•选中声音文件播放器•切换到代码视图•embedwidth=128height=128src=music/04.mp3输入autostart=false使用视频操作步骤:插入|图片|视频支持RM、RMVB、WMV、ASF、AVI、MPG等所有格式的播放不可控制使用视频操作步骤:插入|web组件|高级控件|插件可控制使用视频存在的问题:不是所有格式的视频都可以通过此方法在网页中播放解决方案:在网页中嵌入视频播放器WindowsMediaPlayerREALPlayer添加flash动画操作步骤:插入|图片|Flash影片提示:可以在网页中插入透明flash动画更改网页时只需将透明flash下层的图片替换就可以了。介绍SWTF软件网页的其他设置•设置网页内容不能被复制、粘贴•在body中加入以下一个或多个代码:–onselectstart=“returnfalse”取消选取–onpaste=“returnfalse”不准粘贴–oncopy=“returnfalse”防止复制–oncut=“returnfalse”防止复制预备知识网页的其他设置•IE地址栏前换成自己的图标步骤1:用photoshop制作一个图标,大小16×16像素步骤2:生成网站图标文件(*.ico)–借助软件:Ico-img–借助网站:网页的其他设置步骤3:在head/head标签之间中加入以下代码:•linkrel=“shortcuticon”href=“favicon.ico”静态效果:•linkrel=icontype=image/gifhref=animated_favicon1.gif•动态效果:步骤4:上传图标到服务器上查看效果预备知识HTML文件的一般格式为:htmlheadtitle/title/headbody/body/html说明下面的文件属于HTML文件HTML文件的终止标记定义HTML文件需要特殊处理的预先说明•不属于HTML文件内容•不在浏览器中显示说明此文件的标题HTML文件的主体本讲结束