1 / 9

第六项目单元 网站公告设计

第六项目单元 网站公告设计. 项目 6 网站公告设计. 教学重点： 熟练掌握 <marquee> 及 <iframe> 的应用，设置 <marquee> 及 <iframe> 的属性。 教学难点： <marquee> 及 <iframe> 的结合应用。. 教学目标： 专业能力： 熟练掌握 <marquee> 、 <iframe> 的应用及其设置方法。 社会能力：独立思考、紧跟课堂教学培养服从意识。 方法能力：通过解析代码培养自学分析能力 教学内容：. 任务 1 网站公告设计. 案例导入：. 案例分析：. 1 、在 dw8 中打开页面

charity-dunn
Download Presentation

第六项目单元 网站公告设计

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第六项目单元 网站公告设计 天津滨海职业学院信息工程系孙荣侠

  2. 项目6 网站公告设计 • 教学重点：熟练掌握<marquee>及<iframe>的应用，设置<marquee>及<iframe> 的属性。 • 教学难点：<marquee>及<iframe>的结合应用。 • 教学目标： • 专业能力：熟练掌握<marquee>、<iframe>的应用及其设置方法。 • 社会能力：独立思考、紧跟课堂教学培养服从意识。 • 方法能力：通过解析代码培养自学分析能力 • 教学内容： 天津滨海职业学院信息工程系孙荣侠

  3. 任务1 网站公告设计 案例导入： 天津滨海职业学院信息工程系孙荣侠

  4. 案例分析： 1、在dw8中打开页面 2、导航条应用移动文本功能<marquee> 3、浮动框架的实现<iframe> 主要步骤： 1、插入1行两列表格 2、在第一个单元格输入文本，并通过<marquee>设置文本向上移动 3、在第二个单元格设置<iframe>,并设置内部框架的name名称 4、设置移动文本的超级链接，链接网页显示在内部框架 相关知识点： 天津滨海职业学院信息工程系孙荣侠

  5. <marquee>应用： • 基本语法<marquee> ... </marquee><marquee>啦啦啦，我会移动耶！</marquee> • 文字移动的方向设置 <direction=#> #=left, right <marquee direction=left>啦啦啦，我从右向左移！</marquee> <marquee direction=right>啦啦啦，我从左向右移！</marquee> • 文字移动方式 <behavior=#> #=scroll, slide, alternate <marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> <marquee behavior=slide>啦啦啦，我只走一次就歇</marquee> <marquee behavior=alternate>啦啦啦，我来回走</marquee> • <loop=#> #=次数；若未指定则循环不止(infinite) 天津滨海职业学院信息工程系孙荣侠

  6. <marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走 3 趟哟！</marquee> <marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟哟！</marquee> <marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee> • 速度 <scrollamount=#> • <marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee> • 延时 <scrolldelay=#> • <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee> • 外观(Layout)设置 • 对齐方式(Align) <align=#> #=top, middle, bottom • <marquee align=# width=400>啦啦啦，我会移动耶！</marquee>对齐上沿、中间、下沿。 天津滨海职业学院信息工程系孙荣侠

  7. 底色 <bgcolor=#> • #=rrggbb 16 进制数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, uchsia, White, Green, Purple, Silver, Yellow, Aqua • <marquee bgcolor=aaaaee>啦啦啦，我会移动耶！</marquee> • 面积 <height=# width=#> • <marquee height=40 width=50% bgcolor=aaeeaa>啦啦啦，我会移动耶！</marquee> • 空白(Margins)<hspace=# vspace=#> • <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦，我会移动耶！</marquee> 天津滨海职业学院信息工程系孙荣侠

  8. <iframe>应用： • 基本语法<iframe> ... </iframe> • 各属性意义 src：浮动框架显示的初始文件路径 width，height：浮动框架窗口的宽度和高度 scrolling:设置滚动条选项，三个选项：no，不出现滚动条；auto，自动出现滚动条；yes，显示滚动条 frameborder:边框的宽度 name：边框的名字 • 例 <iframe src=“d0.htm” width=600 height=320 name=tar frameborder=1 aligh=“center” scrolling=auto></iframe> 天津滨海职业学院信息工程系孙荣侠

  9. 小结：本项目主要介绍了<marquee>及<iframe>的属性设置及其实际应用。小结：本项目主要介绍了<marquee>及<iframe>的属性设置及其实际应用。 实验：完成实验11、实验12 天津滨海职业学院信息工程系孙荣侠

More Related