CSS样式的创建和运用方法讲义课件_第1页
CSS样式的创建和运用方法讲义课件_第2页
CSS样式的创建和运用方法讲义课件_第3页
CSS样式的创建和运用方法讲义课件_第4页
CSS样式的创建和运用方法讲义课件_第5页
已阅读5页，还剩46页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

DreamwaverCS4CSS样式\链接\框架网页\多媒体1回顾创建本地站点和创建网页创建表格和编辑表格网页中添加文本网页中添加图片创建网页存放的位置表格单元格大小调整注意：先将所有内容(文字、图片)插入表格中，如果有需要再调整单元格水平线颜色设置2教学内容掌握CSS样式的创建和运用方法掌握各种链接的创建方法掌握框架网页的制作方法掌握利用框架网页来组织由多个网页组成的画面掌握框架网页中链接设置网页中多媒体设置与应用3管理站点打开站点打开“站点”菜单，选择“管理站点”中“新建/站点”，在“本地根文件夹”中选择站点删除站点通过“文件/站点”，选择“管理站点”中选择要删除的站点，点击“删除”4CSS样式的概念CSS是一种用来进行网页风格设计的样式表技术，使用CSS样式可以对页面的布局、字体、颜色、背景和其他图文效果实现更加精确地控制，并且同一个样式可以应用于多个不同的对象，提高制作效率。CSS样式是CascadingStyleSheets(层叠样式单)的简称，也可以称为“级联样式表”，它是一种网页制作的新技术，利用它可以对网页中的文本进行精确的格式化控制。要管理一个系统的网站，使用CSS样式，可以快速格式化整个站点或多个文档中的字体、图像等网页元素的格式。并且，CSS样式可以实现多种不能用HTML样式实现的功能。5CSS样式的功能CSS是用来控制一个网页文档中的某文本区域外观的一组格式属性。使用CSS能够简化网页代码，加快下载速度，减少上传的代码数量，从而可以避免重复操作。CSS样式表是对HTML语法的一次革新，它位于文档的<head>区，作用范围由CLASS或其他任何符合CSS规范的文本来设置。对于其他现有的文档，只要其中的CSS样式符合规范，Dreamweaver就能识别它们。6新建CSS样式方法通过CSS样式面板点击“新建CSS规则”按钮，打开“新建CSS规则”对话框通过属性面板点击“CSS”按钮，“目标规则”选择“新CSS规则”，点击“编辑规则”按钮选择“格式/CSS样式/新建”菜单命令7新建CSS规则设置选择器类型选择器名称(以点开始)规则定义范围8CSS规则定义CSS规则分类类型：主要用于设置文字格式背景：主要用于设置文字、表格等背景方框：主要用于设置图形、表格等大小边框：主要用于设置表格边框列表：主要用于设置项目符号定位：确定对象位置扩展：主要用于设置特殊光标9应用CSS样式规则新建CSS规则样式后，就可以利用该样式快速设置页面上的网页元素样式，使网站具有统一的风格了。应用CSS样式规则方法在“属性”面板进行设定通过快捷菜单设定10编辑CSS样式对于创建的CSS样式，可以进行编辑操作，主要包括修改CSS样式属性、设置CSS样式首选参数以及链接和导入CSS样式等。编辑CSS样式规则方法在“属性”面板中进行修改在“CSS样式”面板中进行修改11示例1_CSS规则定义与应用打开“tk.html”网页在网页顶端插入1行4列表格，表格宽450像素，边框为0，居中对齐在表格中插入图片(图片在SC2文件夹中)，图片居中对齐创建CSS规则“.ys1”(边框)样式：groove；宽度：medium；颜色：#ccffcc将该CSS规则运用到表格中的图片上创建CSS规则“.ys2”(类型)字体：华文新魏；大小：36像素；粗体；颜色：#003300；居中对齐将该CSS规则运用到正文标题上创建CSS规则“.ys3”(列表)项目符号图像：zp.gif(SC2文件夹中)；位置：外将该CSS规则运用到“成员行为”中编号上12示例1_样张13超链接的基础知识超链接是网页中最重要的组成部分。超链接的应用范围很广，利用它不仅可以链接到其他网页，还可以链接到其他图像文件、多媒体文件及下载程序，也可以利用它在网页内部进行链接或是发送E-mail等。在DreamweaverCS4中，可以将文档中的任何文字及任意位置的图片设置为超链接。14创建超链接的常用方法在DreamweaverCS4中，可以随时随地在所需的位置创建各种超级链接，并且可以通过多种方法来创建超链接可以在“属性”面板中创建使用“插入”菜单创建使用“常用”工具栏中“超级链接”来创建超级链接的分类文本超链接图像超链接锚记链接E-mail链接图形热点链接15创建文本和图像链接创建文本和图像链接方法选择需要创建链接的对象按右键选择“创建链接”(或者在属性面板上设置)打开“选择文件”对话框，选择链接对象注意：链接对象可以是网页、应用程序、各种媒体16创建电子邮件链接创建电子邮件的方法选择需要创建电子邮件链接的对象打开“插入”菜单，选择“电子邮件链接”打开“电子邮件链接”对话框，输入邮件地址或者在“属性”的“链接”文本框中输入“mailto:邮件地址”17示例2_创建链接打开站点Mysite，在网页main.html中创建链接建立下部导航栏中“隐私条例”的文本链接，链接到tk.html网页建立下部导航栏中“联系我们”的文本链接，链接到自己的邮箱18锚记设置确定插入点位置命名锚记打开“插入”菜单，选择“命名锚记”打开“命名锚记”对话框，输入“***”创建锚记链接选择需要创建锚记链接的对象在“属性”面板，“链接”栏输入“#***”19示例3_创建锚记链接打开网页“tk.html”在标题前插入锚记，名称为“fanhui”在网页末尾文字“返回页首”，创建锚记链接20图形热点链接图像地图也是一种超链接，适用于较大的图像。创建图像地图，可以在图像上创建不规则区域的链接或某个部分区域的链接。图像地图是将图片分为几个区域，这些区域又称为热点，单击不同的热点可以打开不同的链接，这样的链接就称为图形热点链接。21创建图像的热点链接创建图像某个区域的超级链接，使之能链接到相应对象选中网页中的图像地图点击“属性”面板上的“热点工具”，在图像上确定“热点”区域指定链接对象(网页、图像等)22示例4_创建热点链接创建main.html网页图片中文字“快速网上冲印服务”的热点链接，链接到“wscy.html”网页23框架和框架集的概念框架的概念框架把浏览器窗口分成几个部分每个部分显示不同的网页使浏览器窗口同时包含多个网页框架集的概念框架集是HTML文件，定义一组框架的布局和属性包括框架的数目、大小、位置和每个框架中初始显示页面的URL框架集不包含要在浏览器中显示的HTML内容24创建框架网页创建框架网页步骤打开“文件”菜单，选择“新建”打开“新建文档”对话框选择“示例中的页”在“示例文件夹”中选择“框架页”选择框架类型25保存框架网页选择“文件/保存全部”菜单命令，依次保存框架集和框架打开“保存为”对话框按提示依次保存框架集和每个框架框架集和框架都是以网页形式保存的框架集框架26示例5_创建和保存框架网页在站点中新建框架网页，框架集样式“上方固定”在上方框架网页中输入文字“框架网页创建示例”在下方框架网页中插入图片“logo.jpg”依次保存框架集和每个框架框架集保存为kjj.html上方框架网页保存为kj-top.html下方框架网页保存为kj-under.html27框架中打开网页将插入点放置在框架网页中打开“文件”菜单，选择“在框架中打开”打开“选择HTML文件”对话框选择要在该框架中打开的网页28示例6_框架中打开网页打开“Mysite”站点在站点中新建框架网页，框架集样式“上方固定”在上方框架中打开网页“Top.html”网页在下方框架中打开Main.html网页保存框架集为“Index.html”29框架的编辑通过“框架”面板选择框架集和框架“窗口”菜单/“框架”，打开框架面板鼠标点击选择调整框架大小通过鼠标拖动框架边框在“框架”属性面板上可以设置精确设置注意：在编辑框架时，如果框架边框不可见选择“查看/可视化助理/框架边框”，使框架边框可见30框架中的链接设置框架中的链接在一个框架中使用链接在另一个框架中打开网页链接设置方法选择文本或对象在“属性”面板的“链接”中，点击文件夹图标打开“选择文件”对话框，选择链接到的文件在“属性”面板的“目标”下拉菜单中，选择显示方式注意：框架中的链接必须在框架集中设置，否则无法选择显示方式31示例7_框架中的链接设置设置上方框架中的链接设置“首页”链接到“main.html”“网上冲印”链接到“wscy.html”“数码商城”链接到“smsc.html”设置链接网页显示方式在“属性”面板的“目标”下拉菜单中，选择“mainFrame”显示方式32网页中的媒体插入媒体类型插入FLASH文件插入插件(音频、视频)插入ActiveX控件插入媒体方法选择“插入/媒体”菜单命令或(选择“常用”工具栏上“媒体”按钮)33在网页中插入FLASH动画Flash动画是网页上最流行的动画格式。在DreamweaverCS4中，Flash动画也是最常用的多媒体插件之一，它将声音、图像和动画等内容加入到一个文件中并能制作较好的动画效果，同时使用了优化的算法将多媒体数据进行压缩，是文件变得很小，因此，非常适合在网上传播。34插入FLASH动画方法将光标移至所需插入Flash动画的位置打开“插入”菜单，选择“媒体”中的“SWF”打开“选择文件对话框选择所需插入的Flash动画也可以通过“常用”工具栏中的“媒体”中“SWF”插入Flash动画35设置FLASH动画属性在网页文档中插入Flash动画文件后，选中Flash动画在“属性”面板中设置属性36网页中的声音格式在DreamweaverCS4中，可以向网页文档添加多种不同类型的声音文件和格式，例如.wav、.midi和.mp3。根据要添加声音的目的、文件大小、声音品质等要素，来确定插入哪种格式和方法。37插入声音文件方法将光标移至所需插入声音文件的位置打开“插入”菜单，选择“媒体”中的“插件”打开“选择文件对话框选择所需插入的声音文件也可以通过“常用”工具栏中的“媒体”中“插件”插入声音文件38设置声音属性在网页文档中插入声音文件后，选中插件符号在“属性”面板中设置音频属性通过“编辑标签”设置音频属性选择插件符号，按右键，选择“编辑标签”，打开“标签编辑器”对话框可以设置音频“自动播放”、“循环”、“隐藏”39插入视频文件方法将光标移至所需插入视频文件的位置打开“插入”菜单，选择“媒体”中的“插件”打开“选择文件对话框选择所需插入的文件也可以通过“常用”工具栏中的“媒体”中“插件”插入视频文件40设置视频属性在网页文档中插入视频文件后，选中插件符号在“属性”面板中设置属性41示例8_网页中添加多媒体对象在main.html网页的右下方插入视屏film.wmv(文件在sc2文件夹中)，宽170，高200先将该单元格拆分成2行在smsc.html网页中插入Flash文件，flash.swf(文件在sc2文件夹中)，宽585，高140在smsc.html网页中插入音频文件，(文件在sc2文件夹中任选)，隐藏插件符号，能循环自动播放。42课堂练习完成示例1－8在完成示例1－8基础上，完成下列操作设置main.html网页图片的热点链接，链接到SC2文件夹中Flash.swf设置wscy.html网页图片中文字“冲印我的相册”的图片热点链接，链接到cyxc.html网页属性设置将框架网页index.html标题设置为“E派网上冲印店”将top.html网页中“链接颜色”、“已访问过的链接颜色”均设为#FFFFFF，链接始终无下划线43课后练习实验指导P187：实验28，范例(4)、(5)、(6)P192：实验29，范例(4)、(5)44下周教学内容网页中的特殊效果表单45（3）提供较稳定的水源，缓解夏秋季农业用水的不足；（2分）改善了河流通航条件，利于农产品运输；（2分）或（库区适宜发展水产业；（2分）调节径流，防御旱涝灾害。（2分）

37.（20分）

（1）自然植被：岛东为热带雨林；岛西为热带草原。（4分）

原因：岛东处东南信风迎风地带，受纵贯南北的山地抬升，加之沿岸暖流流经，增温增湿，因而终年降水多，形成热带雨林气候，发育热带雨林；（4分）岛西处于背风地带，降水少，为热带草原气候，发育热带草原。（2分）

（2）该岛长期与大陆隔离，地域相对孤立，形成独立的生物进化环境；岛屿面积大，多山地，自然条件空间差异较大（每点2分，共4分）。

（3）建立自然保护区；控制人口增长；保护性开发，促进经济发展；提高居民保护意识；制定并执行好相关法律法规；开展国际合作，加大保护投入。（每点2分，满分6分。）

42（旅游地理）

⑴甲省旅游资源数量丰富，类型多样，质量高，集群和组合状况好。（任答2条，各2分）

⑵乙省地处经济发达地区；交通便捷，重点景区距中心城市较近。（任答2条，各2分）。

⑶受汶川大地震的影响（1分）

滑坡（泥石流）等地质灾害（1分）

本PPT为可编辑版本，以下内容请删除后使用，谢谢您的理解。1．B【解析】①②③区域经度差、纬度差相同。①②区域纬度数值相同，南北相反，故面积相等；②区域纬度低于③区域，因此面积较③区域大。

2．B【解析】地球是赤道略鼓、两极稍扁的不规则球体，故纬度更高的③区域平均海平面距地心距离比①稍短；相对方向要用劣弧定向法，经度相隔不能超过180°，故③区域位于①区域的西北方向；东、西半球的分界线是20°W和160°E组成的经线圈，故③区域位于西半球；②区域向③区域飞行的最近航线应是先向东北，再向东南。

3.C4.A5.A6.D7.B8.C9.D10.B11.C

36.（共26分）

（1）特点：由（西）北向（东）南倾斜。(2分)与N市以下河段相比，以上河段：支流较多，流域面积较大；（2分）

降水较多；（2分）

纬度较高，气温较低，蒸发较弱。（2分）(或:冬季积雪量大)

（2）与新疆比，甲河流域：降水较多；（2分）

水源丰富；（2分）

黑土广布，土壤肥沃；（2分）

风沙危害少；工农业基础好；（2分）

近海，有河流和港口，水运方便，利于农产品运输。（2分）

【答案】（1）①价值观作为一种社会意识，对社会存在有反作用。倡导现代文明理念和生活方式能提升乡村社会文明程度。（3分）

②价值观影响人们改造世界的活动，影响人们的行为选择。开展移风易俗，培育文明乡风，引领人们作出正确的价值选择，推动良好社会风气的形成。（3分）

③作出正确的价值判断必须尊重客观规律。树立正确的生态价值观，正确处理人与自然的关系，推动乡村生态环境的好转，绿色发展助推乡村振兴。（3分）

④作出正确的价值判断必须自觉站在最广大人民的立场上。倡导文明乡风，振兴乡村，能真正留住乡情、记住乡愁。（3分）（考生如有其他答案，之有理均可酌情给分）

（2）①继承中华民族优秀传统文化，发挥优秀传统文化在维系中华民族文化基因中的纽带作用。（2分）②对传统文化要“取其精华、去其糟粕”，摒弃铺张浪费等陈规陋习，做到批判继承，古为今用。（3分）③继承传统，推陈出新倡导现代文明理念和生活方式，使传统文化顺应时代的变迁。（2分）④坚持文化创新，推动传统文化创新性转化、创新性发展。（3分）

【答案】（1）①在市场调节的基础上，加强科学的宏观调控^按照政府指导、政策引导、企业主体、市场主导的原则部署脱贫工作。

②国家财政具有促进资源合理配置的作用。广西壮族自治区采取财政、税收等优惠扶持政策，发展特色优势产业，促进农村集体经济发展。

③国家财政是促进社会公平、改善人民生活的物质保障，广西壮族自治区着重补齐民生短板，落实基本医疗、义务教育和住房安全的基本保障。

④完善收入分配制度，健全按要素分配的机制，使贫困村、贫困户从中获取更多资产性收益。

（2）①中国共产党充分发挥领导核心作用，坚持人民主体地位，坚持立党为公、执政为民。

②政府坚持对人民负责的原则，切实履行社会主义经济建设职能、加强社会建设职能。

③坚持民族区域自治制度，坚持民族平等、民族团

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论