CSS样式的创建和运用方法讲义课件.ppt

上传人(卖家):晟晟文业 文档编号:4472834 上传时间:2022-12-12 格式:PPT 页数:51 大小:3.84MB
下载 相关 举报
CSS样式的创建和运用方法讲义课件.ppt_第1页
第1页 / 共51页
CSS样式的创建和运用方法讲义课件.ppt_第2页
第2页 / 共51页
CSS样式的创建和运用方法讲义课件.ppt_第3页
第3页 / 共51页
CSS样式的创建和运用方法讲义课件.ppt_第4页
第4页 / 共51页
CSS样式的创建和运用方法讲义课件.ppt_第5页
第5页 / 共51页
点击查看更多>>
资源描述

1、1CSS样式样式链接链接框架网页框架网页多媒体多媒体2q创建本地站点和创建网页q创建表格和编辑表格q网页中添加文本q网页中添加图片q创建网页存放的位置q表格单元格大小调整q注意:先将所有内容(文字、图片)插入表格中,如果有需要再调整单元格q水平线颜色设置3q掌握CSS样式的创建和运用方法q掌握各种链接的创建方法q掌握框架网页的制作方法q掌握利用框架网页来组织由多个网页组成的画面q掌握框架网页中链接设置q网页中多媒体设置与应用4q打开站点q打开“站点”菜单,选择“管理站点”中“新建/站点”,在“本地根文件夹”中选择站点q删除站点q通过“文件/站点”,选择“管理站点”中选择要删除的站点,点击“删除

2、”5qCSS是一种用来进行网页风格设计的样式表技术,使用CSS样式可以对页面的布局、字体、颜色、背景和其他图文效果实现更加精确地控制,并且同一个样式可以应用于多个不同的对象,提高制作效率。qCSS样式是Cascading Style Sheets(层叠样式单)的简称,也可以称为“级联样式表”,它是一种网页制作的新技术,利用它可以对网页中的文本进行精确的格式化控制。q要管理一个系统的网站,使用CSS样式,可以快速格式化整个站点或多个文档中的字体、图像等网页元素的格式。并且,CSS样式可以实现多种不能用HTML样式实现的功能。6qCSS是用来控制一个网页文档中的某文本区域外观的一组格式属性。q使用

3、CSS能够简化网页代码,加快下载速度,减少上传的代码数量,从而可以避免重复操作。qCSS样式表是对HTML语法的一次革新,它位于文档的区,作用范围由CLASS或其他任何符合CSS规范的文本来设置。q对于其他现有的文档,只要其中的CSS样式符合规范,Dreamweaver就能识别它们。7q通过CSS样式面板q点击“新建CSS规则”按钮,打开“新建CSS规则”对话框q通过属性面板q点击“CSS”按钮,“目标规则”选择“新CSS规则”,点击“编辑规则”按钮q选择“格式/CSS样式/新建”菜单命令8q设置选择器类型q选择器名称(以点开始)q规则定义范围9qCSS规则分类q类型:主要用于设置文字格式q背

4、景:主要用于设置文字、表格等背景q方框:主要用于设置图形、表格等大小q边框:主要用于设置表格边框q列表:主要用于设置项目符号q定位:确定对象位置q扩展:主要用于设置特殊光标10q新建CSS规则样式后,就可以利用该样式快速设置页面上的网页元素样式,使网站具有统一的风格了。q应用CSS样式规则方法q在“属性”面板进行设定q通过快捷菜单设定11q对于创建的CSS样式,可以进行编辑操作,主要包括修改CSS样式属性、设置CSS样式首选参数以及链接和导入CSS样式等。q编辑CSS样式规则方法q在“属性”面板中进行修改q在“CSS样式”面板中进行修改12q打开“tk.html”网页q在网页顶端插入1行4列表

5、格,表格宽450像素,边框为0,居中对齐q在表格中插入图片(图片在SC2文件夹中),图片居中对齐q创建CSS规则“.ys1”(边框)q样式:groove;宽度:medium;颜色:#ccffccq将该CSS规则运用到表格中的图片上q创建CSS规则“.ys2”(类型)q字体:华文新魏;大小:36像素;粗体;颜色:#003300;居中对齐q将该CSS规则运用到正文标题上q创建CSS规则“.ys3”(列表)q项目符号图像:zp.gif(SC2文件夹中);位置:外q将该CSS规则运用到“成员行为”中编号上1314q超链接是网页中最重要的组成部分。超链接的应用范围很广,利用它不仅可以链接到其他网页,还可

6、以链接到其他图像文件、多媒体文件及下载程序,也可以利用它在网页内部进行链接或是发送E-mail等。q在Dreamweaver CS4中,可以将文档中的任何文字及任意位置的图片设置为超链接。15q在Dreamweaver CS4中,可以随时随地在所需的位置创建各种超级链接,并且可以通过多种方法来创建超链接q可以在“属性”面板中创建q使用“插入”菜单创建q使用“常用”工具栏中“超级链接”来创建q超级链接的分类q文本超链接q图像超链接q锚记链接qE-mail链接q图形热点链接16q创建文本和图像链接方法q选择需要创建链接的对象q按右键选择“创建链接”(或者在属性面板上设置)q打开“选择文件”对话框,

7、选择链接对象q注意:链接对象可以是网页、应用程序、各种媒体17q创建电子邮件的方法q选择需要创建电子邮件链接的对象q打开“插入”菜单,选择“电子邮件链接”q打开“电子邮件链接”对话框,输入邮件地址q或者在“属性”的“链接”文本框中输入“mailto:邮件地址”18q打开站点Mysite,在网页main.html中创建链接q建立下部导航栏中“隐私条例”的文本链接,链接到tk.html网页q建立下部导航栏中“联系我们”的文本链接,链接到自己的邮箱19q确定插入点位置q命名锚记q打开“插入”菜单,选择“命名锚记”q打开“命名锚记”对话框,输入“*”q创建锚记链接q选择需要创建锚记链接的对象q在“属性

8、”面板,“链接”栏输入“#*”20q打开网页“tk.html”q在标题前插入锚记,名称为“fanhui”q在网页末尾文字“返回页首”,创建锚记链接21q图像地图也是一种超链接,适用于较大的图像。q创建图像地图,可以在图像上创建不规则区域的链接或某个部分区域的链接。q图像地图是将图片分为几个区域,这些区域又称为热点,单击不同的热点可以打开不同的链接,这样的链接就称为图形热点链接。22q创建图像某个区域的超级链接,使之能链接到相应对象q选中网页中的图像地图q点击“属性”面板上的“热点工具”,在图像上确定“热点”区域q指定链接对象(网页、图像等)23q创建main.html网页图片中文字“快速网上冲

9、印服务”的热点链接,链接到“wscy.html”网页24q框架的概念q框架把浏览器窗口分成几个部分q每个部分显示不同的网页q使浏览器窗口同时包含多个网页q框架集的概念q框架集是HTML文件,定义一组框架的布局和属性q包括框架的数目、大小、位置和每个框架中初始显示页面的URLq框架集不包含要在浏览器中显示的HTML内容25q创建框架网页步骤q打开“文件”菜单,选择“新建”q打开“新建文档”对话框q选择“示例中的页”q在“示例文件夹”中选择“框架页”q选择框架类型26q选择“文件/保存全部”菜单命令,依次保存框架集和框架q打开“保存为”对话框q按提示依次保存框架集和每个框架q框架集和框架都是以网页

10、形式保存的27q在站点中新建框架网页,框架集样式“上方固定”q在上方框架网页中输入文字“框架网页创建示例”q在下方框架网页中插入图片“logo.jpg”q依次保存框架集和每个框架q框架集保存为kjj.htmlq上方框架网页保存为kj-top.htmlq下方框架网页保存为kj-under.html28q将插入点放置在框架网页中q打开“文件”菜单,选择“在框架中打开”q打开“选择HTML文件”对话框q选择要在该框架中打开的网页29q打开“Mysite”站点q在站点中新建框架网页,框架集样式“上方固定”q在上方框架中打开网页“Top.html”网页q在下方框架中打开Main.html网页q保存框架集

11、为“Index.html”30q通过“框架”面板选择框架集和框架q“窗口”菜单/“框架”,打开框架面板q鼠标点击选择q调整框架大小q通过鼠标拖动框架边框q在“框架”属性面板上可以设置精确设置q注意:q在编辑框架时,如果框架边框不可见q选择“查看/可视化助理/框架边框”,使框架边框可见31q框架中的链接q在一个框架中使用链接在另一个框架中打开网页q链接设置方法q选择文本或对象q在“属性”面板的“链接”中,点击文件夹图标q打开“选择文件”对话框,选择链接到的文件q在“属性”面板的“目标”下拉菜单中,选择显示方式q注意:框架中的链接必须在框架集中设置,否则无法选择显注意:框架中的链接必须在框架集中设

12、置,否则无法选择显示方式示方式32q设置上方框架中的链接q设置“首页”链接到“main.html”q“网上冲印”链接到“wscy.html”q“数码商城”链接到“smsc.html”q设置链接网页显示方式q在“属性”面板的“目标”下拉菜单中,选择“mainFrame”显示方式q插入媒体类型q插入FLASH文件q插入插件(音频、视频)q插入ActiveX控件q插入媒体方法q选择“插入/媒体”菜单命令q或(选择“常用”工具栏上“媒体”按钮)33qFlash动画是网页上最流行的动画格式。q在Dreamweaver CS4中,Flash动画也是最常用的多媒体插件之一,它将声音、图像和动画等内容加入到一

13、个文件中并能制作较好的动画效果,同时使用了优化的算法将多媒体数据进行压缩,是文件变得很小,因此,非常适合在网上传播。34q将光标移至所需插入Flash动画的位置q打开“插入”菜单,选择“媒体”中的“SWF”q打开“选择文件对话框q选择所需插入的Flash动画q也可以通过“常用”工具栏中的“媒体”中“SWF”插入Flash动画35q在网页文档中插入Flash动画文件后,选中Flash动画q在“属性”面板中设置属性36q在Dreamweaver CS4中,可以向网页文档添加多种不同类型的声音文件和格式,例如.wav、.midi和.mp3。q根据要添加声音的目的、文件大小、声音品质等要素,来确定插入

14、哪种格式和方法。37q将光标移至所需插入声音文件的位置q打开“插入”菜单,选择“媒体”中的“插件”q打开“选择文件对话框q选择所需插入的声音文件q也可以通过“常用”工具栏中的“媒体”中“插件”插入声音文件38q在网页文档中插入声音文件后,选中插件符号q在“属性”面板中设置音频属性q通过“编辑标签”设置音频属性q选择插件符号,按右键,选择“编辑标签”,打开“标签编辑器”对话框q可以设置音频“自动播放”、“循环”、“隐藏”39q将光标移至所需插入视频文件的位置q打开“插入”菜单,选择“媒体”中的“插件”q打开“选择文件对话框q选择所需插入的文件q也可以通过“常用”工具栏中的“媒体”中“插件”插入视

15、频文件40q在网页文档中插入视频文件后,选中插件符号q在“属性”面板中设置属性41q在main.html网页的右下方插入视屏film.wmv(文件在sc2文件夹中),宽170,高200q先将该单元格拆分成2行q在smsc.html网页中插入Flash文件,flash.swf(文件在sc2文件夹中),宽585,高140q在smsc.html网页中插入音频文件,(文件在sc2文件夹中任选),隐藏插件符号,能循环自动播放。4243q完成示例18q在完成示例18基础上,完成下列操作q设置main.html网页图片的热点链接,链接到SC2文件夹中Flash.swfq设置wscy.html网页图片中文字“

16、冲印我的相册”的图片热点链接,链接到cyxc.htmlq网页属性设置q将框架网页index.html标题设置为“E派网上冲印店”q将top.html网页中“链接颜色”、“已访问过的链接颜色”均设为#FFFFFF,链接始终无下划线44q实验指导qP187:实验28,范例(4)、(5)、(6)qP192:实验29,范例(4)、(5)45q网页中的特殊效果q表单(3)提供较稳定的水源,缓解夏秋季农业用水的不足;(2 分)改善了河流通航条件,利 于农产品运输;(2分)或(库区适宜发展水产业;(2分)调节径流,防御旱涝灾害。(2分)37.(20分)(1)自然植被:岛东为热带雨林;岛西为热带草原。(4分)

17、原因:岛东处东南信风迎风地带,受纵贯南北的山地抬升,加之沿岸暖流流经,增温增湿,因而终年降水多,形成热带雨林气候,发育热带雨林;(4分)岛西处于背风地带,降水少,为热带草原气候,发育热带草原。(2分)(2)该岛长期与大陆隔离,地域相对孤立,形成独立的生物进化环境;岛屿面积大,多山地,自然条件空间差异较大(每点2分,共4分)。(3)建立自然保护区;控制人口增长;保护性开发,促进经济发展;提高居民保护意识;制定并执行好相关法律法规;开展国际合作,加大保护投入。(每点2分,满分6分。)42(旅游地理)甲省旅游资源数量丰富,类型多样,质量高,集群和组合状况好。(任答2条,各2分)乙省地处经济发达地区;

18、交通便捷,重点景区距中心城市较近。(任答2条,各2分)。受汶川大地震的影响(1分)滑坡(泥石流)等地质灾害(1分)本PPT为可编辑版本,以下内容请删除后使用,谢谢您的理解。1B【解析】区域经度差、纬度差相同。区域纬度数值相同,南北相反,故面积相等;区域纬度低于区域,因此面积较区域大。2B【解析】地球是赤道略鼓、两极稍扁的不规则球体,故纬度更高的区域平均海平面距地心距离比稍短;相对方向要用劣弧定向法,经度相隔不能超过180,故区域位于区域的西北方向;东、西半球的分界线是20W和160E组成的经线圈,故区域位于西半球;区域向区域飞行的最近航线应是先向东北,再向东南。3.C 4.A 5.A 6.D

19、7.B 8.C 9.D 10.B 11.C36.(共26分)(1)特点:由(西)北向(东)南倾斜。(2 分)与 N 市以下河段相比,以上河段:支流较多,流域面积较大;(2分)降水较多;(2分)纬度较高,气温较低,蒸发较弱。(2 分)(或:冬季积雪量大)(2)与新疆比,甲河流域:降水较多;(2 分)水源丰富;(2 分)黑土广布,土壤肥沃;(2分)风沙危害少;工农业基础好;(2分)近海,有河流和港口,水运方便,利于农产 品运输。(2 分)【答案答案】(1 1)价值观作为一种社会意识,对社会存在有反作用。倡导现代文明理念和生活方式能提升乡村社会文明程度。(3分)价值观影响人们改造世界的活动,影响人们

20、的行为选择。开展移风易俗,培育文明乡风,引领人们作出正确的价值选择,推动良好社会风气的形成。(3分)作出正确的价值判断必须尊重客观规律。树立正确的生态价值观,正确处理人与自然的关系,推动乡村生态环境的好转,绿色发展助推乡村振兴。(3分)作出正确的价值判断必须自觉站在最广大人民的立场上。倡导文明乡风,振兴乡村,能真正留住乡情、记住乡愁。(3分)(考生如有其他答案,之有理均可酌情给分)(2 2)继承中华民族优秀传统文化,发挥优秀传统文化在维系中华民族文化基因中的纽带作用。(2分)对传统文化要“取其精华、去其糟粕”,摒弃铺张浪费等陈规陋习,做到批判继承,古为今用。(3分)继承传统,推陈出新倡导现代文

21、明理念和生活方式,使传统文化顺应时代的变迁。(2分)坚持文化创新,推动传统文化创新性转化、创新性发展。(3分)【答案】(1 1)在市场调节的基础上,加强科学的宏观调控按照政府指导、政策引导、企业主体、市场主导的原则部署脱贫工作。国家财政具有促进资源合理配置的作用。广西壮族自治区采取财政、税收等优惠扶持政策,发展特色优势产业,促进农村集体经济发展。国家财政是促进社会公平、改善人民生活的物质保障,广西壮族自治区着重补齐民生短板,落实基本医疗、义务教育和住房安全的基本保障。完善收入分配制度,健全按要素分配的机制,使贫困村、贫困户从中获取更多资产性收益。(2 2)中国共产党充分发挥领导核心作用,坚持人

22、民主体地位,坚持立党为公、执政为民。政府坚持对人民负责的原则,切实履行社会主义经济建设职能、加强社会建设职能。坚持民族区域自治制度,坚持民族平等、民族团结、各民族共同繁荣的原则。39.(26分)【答案】(1 1)背景:地理大发现;殖民扩张;英国与荷兰、法国的海上竞争;英国资产阶级革命;英国资本主义经济发展。特点:在政府或国王的支持下建立;整合或垄断了英国一切东亚贸易;从事商品收购和贩卖为主(或以商业资本为主);建立起了现代化的经营管理方式;长期高利润率;贸易范围遍及欧亚沿海地区。(2 2)不同:受政府的压迫(或缺乏政府支持,或与政府对抗);缺乏现代化的管理方式和信用体系;仅限于东亚地域性规模,

23、过分依赖大陆市场;未能持续生存(或很快灭亡)。原因:封建专制制度;自然经济为主体;重农抑商观念;天朝上国思想;政府海禁政策。41.(17分)【答案】论题明确,有概括性和辩证色彩,并能在辩证思考的基础上把握主要方向。例1主题:历史评价应看到事物影响有长期和短期之分,我们更应关注的是历史事物的长期影响。(或:对事物的评价应着眼于历史发展大趋势。)阐述:机器刚问世时,短期内造成了工人失业、社会骚动,但从长期来看却推动了社会生产力整体进步,并最终提升了底层人民的生活水平。所以,对历史事物的评价应以长期影响为主。例2主题:历史评价应遵循理性原则(客观规律),避免狭隘民族主义情绪或过分强调政治色彩。阐述:19世纪20世纪的抵制外货运动反映出人民的爱国之情,但洋货畅销的根源在于外国更加先进的生产力水平,因此抵制外货运动并不能从根本上振兴民族工业,对其不应过高评价。所以,对历史事物的评价应遵循理性原则。例3主题:对历史事物的评价应关注其对历史发展的客观作用,而不应过分强调阶级性。阐述:张之洞虽然是封建地主阶级成员,但他在湖北的新政客观上推动近代中国社会的进步,是值得肯定的,其地主阶级的身份并不能抹杀他的客观贡献。所以,历史人物的评价应主要着眼于其客观历史贡献。看到此内容,请删除,然后在使用,谢谢

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 办公、行业 > 各类PPT课件(模板)
版权提示 | 免责声明

1,本文(CSS样式的创建和运用方法讲义课件.ppt)为本站会员(晟晟文业)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!


侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|