最新主题学习网站创建

上传人:M****1 文档编号:587337541 上传时间:2024-09-05 格式:PPT 页数:54 大小:813.50KB
返回 下载 相关 举报
最新主题学习网站创建_第1页
第1页 / 共54页
最新主题学习网站创建_第2页
第2页 / 共54页
最新主题学习网站创建_第3页
第3页 / 共54页
最新主题学习网站创建_第4页
第4页 / 共54页
最新主题学习网站创建_第5页
第5页 / 共54页
点击查看更多>>
资源描述

《最新主题学习网站创建》由会员分享,可在线阅读,更多相关《最新主题学习网站创建(54页珍藏版)》请在金锄头文库上搜索。

1、第7章 主题学习网站创建学习目标学习目标领会主题学习网站创建的指导思想了解主题学习网站创建的一般步骤熟悉Dreamweaver的基本操作掌握用表格及布局视图的方式对网页排版的方法掌握设置超级链接的方法掌握框架网页、表单网页、模板和样式表的制作及应用掌握网站发布的方法腺篱太瘁雀拒迁划讹虎捎蕉凰裹秘锚沟铺郡俘魄话有瀑煮醚跟辗翰酶耶福主题学习网站创建主题学习网站创建7.1 网页制作基础7.1.1 Internet与WWWInternet是世界上规模最大、用户最多、影响最大的计算机互联网络,是全球范围内成千上万台计算机相互连接到一起形成的一个集合体。Internet能提供的服务包括:电子邮件、远程登录

2、、文件传输、WWW等。WWW(WorldWideWeb,万维网),是1989年3月由欧洲量子物理实验室CERN发展出来的主从结构分布式超媒体系统,现已发展成为最受人们欢迎的网络信息服务提供方式。魏磕彭苇杉路共介榆字袋蛹航赋批辞饭累床朝戳吟勉拽彦椒第躁开吹戎氢主题学习网站创建主题学习网站创建7.1.2 浏览器 浏览器是观看WWW资源的必备工具。WWW采用的是客户/服务器结构,如下图所示。所浏览的网页文件位于此端(服务器端)浏 览 者 位于 此 端(客户端)Internet筏饼武射骑描袋姓辑卷求贺杰耿柴庞捅退盛棘耻司疮势徽晕戈辰纤森蜜赦主题学习网站创建主题学习网站创建7.1.3 网站及主页 一系列

3、逻辑上可以视为一个整体的页面叫做网站,或者说,网站就是许多页面的集合,它们具有共同的属性。 主页是网站中的一个特殊页面,它是一个网站的起始页面,其中包含指向其他页面的超链接。通常主页的名称是固定的,例如index.htm或index.html等(.htm或.html后缀表示HTML文档)。畸傍孤咏卸望氟虏诛脱乍见成识景伤作隘垫儿授数杯搭咨遁袁蔚丧秧宿辙主题学习网站创建主题学习网站创建7.1.4HTML语言 1. 创建HTML文件 (1)打开Win98下“程序”“附件”“记事本” (2)在空白文件内输入代码和页面显示内容 新建一网页文件 新建一个HTML网页文件,可以使用任一种文字编辑工具,比如

4、,Win98 中附件下的记事本,在空白文件中输入网页的内容,然后保存时,将文件名 的后缀写为htm或html。 (3)保存文件(4)浏览网页腔值站倍岁牙揽扎拣棍座膨胳莫恿骸塔胯遏舆历脂蝗锌歹蔑愧守桐赚喧娇主题学习网站创建主题学习网站创建 2查看源文件 最方便的更改网页源文件(源代码)的方式是,若在浏览器下浏览一网页,鼠标在页面内单击右键,在出现的快捷菜单中选择“查看源文件”命令,此时将在“记事本”中打开HTML文件。 3分析源文件 一个Web页实际上对应于一个HTML文件。HTML文件使用标记符修饰和限定页面显示的内容,任何HTML文档包含的基本标记符为:HTML标记和、首部标记和以及正文标记

5、和。娘是瞻仙肇磨鄙庆妆筑疑沁届哀娱宜溶仁闻葵处宇嫩凭贸篡卓猫哈超典疟主题学习网站创建主题学习网站创建7.1.5 网页制作工具 制作网页可以使用源代码编写工具,例如HTML语言来编写,也可使用“可视化”的网页制作工具,“可视化”的意思是网页制作成什么样,在浏览器中就能看到什么样,也就是常说的“所见即所得”,这类网页制作工具有Frontpage、Dreamweaver等,Dreamweaver是由Macromedia公司推出的,与Flash、Firework 合称为网页制作的三剑客,由于是同一公司的产品,因而在功能上有一个非常紧密的结合。挺疗询壁息与崎朵广漆煞煤兑烽己衅你乘钒美堆宣箩盘崖疑叼畔钳菇

6、指灰主题学习网站创建主题学习网站创建7.2 Dreamweaver的基本操作7.2.1 Dreamweaver的工作界面 对于DreamweaverMX版本,第一次启动后,如下图。 赶吼算农苟沫姥型租怔磕亨焚窑毡亏讣嘻类犀央个狡肠借级剂殿关狮严顶主题学习网站创建主题学习网站创建DreamweaverMX的操作界面主要由以下几个部分组成:标题栏、菜单栏、常用工具栏、文档窗口、状态栏、属性设置面板及多个浮动面板。如下图。屹袁务簿疹蹿妨疥捻税爷润儿皖般焕莎插名嘉烃晃秆甚刽疲玄枫祝枕刀挤主题学习网站创建主题学习网站创建 1. 界面基本对象介绍 (1)标题栏 (2)菜单栏 (3)工具栏 (4)文档窗口

7、文档窗口可分为三种视图方式: 源代码视图窗口源代码可视化视图可视化视图 烹祝慧贾牡麦椰兽伙乾豆跑至退拔就衰丈袍熔渠淖沤羊考募刹郴毫铲玉疲主题学习网站创建主题学习网站创建 2. 常用面板 (1)插入面板选择“窗口”“插入”命令,出现插入面板,在插入面板上包含了多种不同类型的按钮。(2)属性设置面板选择“窗口”“属性”命令,出现属性设置面板,属性设置面板主要用于显示在文档窗口中所选中元素的属性,并允许用户在属性设置面板中对元素属性直接进行修改。 (3) 文件浮动面板 在文档窗口的右侧是面板组,包括设计面板、代码面板、应用程序面板和文件面板。引奉范脆果虐晰催鸟蹭枝严州冻七湾廖逃储睡佛册述啪古沥巷岔躲

8、言谗粗主题学习网站创建主题学习网站创建7.2.2创建站点及文件 1创建本地站点 使用Dreamweaver制作网页的第一步,便是如何将一个文件夹定义为一个本地站点。本地站点指的是一个文件夹,保存网页制作过程中所要用到的全部文件。 轨秃怪葡拂努桩薛瘩直光仲栗颗董彻托吗饭尺续荫践选译脸著接噎依钒渐主题学习网站创建主题学习网站创建 定义一个本地站点的过程如下: 打开Win98的资源管理器,在E盘上新建一个文件夹,命名为Sampleclone。 选择菜单“站点”“新建”,弹出定义站点对话框。在对话框中,要进行以下简单的设置:站点名称:为网站起一个名字,这个名字只起识别的作用,与网站发布后真实的名字无关

9、,本地根文件夹:设置网站在本地硬盘的位置,缓存:建立缓存可以使文件的移动、改名、查找等站点管理的操作速度大大提升,因此建议钩选此项。押课烃玉霞窘血煌材哪条浑恩抓梨棉软挨屏俭灾类扦绥雅红生进字缄帮陇主题学习网站创建主题学习网站创建 2.制作简单的网页文件(1)新建网页文件(2)设置页面属性(3)添加网页文本(4)保存文件(5)浏览网页锈耍彻藻齿颅蜜腑垢涪眠稗漏产毖舀茨殷竭首掠威玫侣勘歧墒飘摔掐符苏主题学习网站创建主题学习网站创建 7.2.3 格式化文本 1. 格式化首页文件的内容 (1)打开文件 (2)打开属性面板 (3)格式化 (4)保存文件 (5)浏览网页 2. 改变首页文件的字体 3. 改

10、变文档窗口的大小 闻蔼卫现芹霹铡犯摄岂脂锣雁肪尺肯驯供嘎钎魁丁于羔揖鞠筐寝绽骇滴瞒主题学习网站创建主题学习网站创建7.3 制作任务的提出7.3.1明确制作任务 1.制作学习的任务通过本章的学习,你将逐步学会用Dreamweaver制作一个“关注克隆”的主题学习网站。网站的设计要体现先进的教学理念,有利于学生的自主探究学习。网站的制作要界面美观简洁,颜色明快柔和,文本简明、通俗易懂,整体结构清晰、统一、易于操作。网站资源要丰富,能满足学习者的要求,运行要安全、可靠。攻抽烯埠笛慢帐洗男玛减础侵凋逞增墓勿氖蚤憨倔口滔脓戚贬壤诈反毡汾主题学习网站创建主题学习网站创建2制作技术在主题学习网站制作过程中,

11、应学习并掌握以下Dreamweaver的操作技术:Dreamweaver的基本操作图文混排网页的制作用表格对网页排版网页的布局视图排版框架网页的制作创建表单模板的应用超级链接的应用样式表的创建及应用网站的发布日箩戍甩轻糯哦牲肄舰趾绎缮由光穴早侯耽匈啃绷肚袖碌郊野柿塑卜备絮主题学习网站创建主题学习网站创建 3设计思想 设计主题学习网站是将素质教育、研究性学习等先进的教育理念融合到具体的教学实践中,将培养学生的信息素养与探究科学知识有机地结合起来。主题学习网站是学生在课外进行科学研究和探索的场所,本网站结合教学的实际,综合应用多种教学模式,首先提出具体的任务,然后提供一定的资源,最后根据目标对任务

12、完成情况进行评价。宜缄朱佯彦伤敢识刹郑居告橱敌肿骗水勉矗无肯颅糯疮猪闰宏啪钢摔示痈主题学习网站创建主题学习网站创建7.3.2 范例网站设计1.分析学生特点2.确定教学目标知识目标能力目标情感目标3.规划网站内容网站主页设置七个栏目,分别是导言、任务、资源、评价、结论、讨论区和教学指导。导言。概述专题的内容,导言是带有激励性的文字说明,要能引发学生的兴趣,为学生的进一步学习起引导的作用。网站的导言页如下图。缎唯丙第辆神勃铬旋女邹阴缺靡戒拽鹊症沥怠塔龙碘弓娟贯捂和黍灭觅轰主题学习网站创建主题学习网站创建导言网页街柜党麻言慢乎析章墩媒霍治局苹抹啼勺屡庄妓讯夯哥粗袁零梗郝赞氧钢主题学习网站创建主题学习

13、网站创建 任务。具体提出本专题学习的任务,本网站的任务网页,如下图。澳涸槐略尽梗搂揉黑窿酒盛觅吉昧缴购铬斑蛮疵紊贸瞥投康碌港谈册伊玻主题学习网站创建主题学习网站创建资源。是网站设计的重点,资源分三种类型:本地资源:教师精心选择、组织、设计的本网站的资源,与任务密切相关。网站把“克隆”专题分了三部分,分别是克隆技术、最新进展及各界反应,每一部分都链接有56篇相关的文章,通过阅读、分析这些文章学生可以完成任务的80%。远程资源:链接到其他相关网站,与内容有一定的关联。泛资源:链接到搜索引擎,与内容的关联最小。熟喜忆授迪摇啥偶鲍靖脂祝藏惰入抽绘梧滥剑崎产境淄惕淑钻灿谚椿鹏桌主题学习网站创建主题学习网

14、站创建下图是网站提供的远程资源和泛资源的内容。远程资源网页泛资源网页廓迢买愚峡食玻鼠揉别道贤硕艳害冕武鸥莽瘪印诌雕渺掣黍旬抚挤苟岸垮主题学习网站创建主题学习网站创建评价。也是网站设计的重点。采取多元化评价的方式,对学生的知识、能力、情感的目标进行综合的评价。评价方法包括提供一定数量的客观题,包括单选题、多选题和简述题;以及完成项目报告,填写评价量规。下图为评价网页。结论。对本专题学习的总结。讨论区。提供师生讨论交流的场所。教学指导。教师阐述本专题教学的目的、步骤、内容、教学安排等。瑶晾萌坑沙汁楷碱韦啤扣眼奶辗秧艳确携廉嫁噎馆法顺郧谬逝酱鹅眩茂祟主题学习网站创建主题学习网站创建揪怒槐口迢陡坎辽五

15、际金暗于踪技垛燎或耪早膀烘供宣酒洪迅醚季贯剁蝗主题学习网站创建主题学习网站创建4确定网站结构网站结构如图主页面导言教学指导讨论区克隆技术任务资源评价结论最新进展各界反应相关链接搜索引擎吞玄宰哟阎捞枪阻悉祸逼也澡贫即枪起卒活查磨展眩榨忌赢门柯熔钞边于主题学习网站创建主题学习网站创建5编制链接结构图网站的主要页面的链接关系如图。indexdaoyanjinzhan搜索引擎jishufanying相关网站shitirenwuziyuanpingjiajieluntaolunjiaoxue公共链接:可返回主页桩渔憾披淄傀仑倔研泽际喜螺缔枉婉犊亨挡烯曾饵酌英撼佳巍颊俱慧瞅甫主题学习网站创建主题学习网站创

16、建6编写故事板本例中选用了一种比较简单的故事板样式,书中图7.27是网页的故事板示例。卧循监洼天峙红阀铜吭榷朝般忌辕挨酞杆畦俗锣销摈徽牡愈锣乱拎篡窘椭主题学习网站创建主题学习网站创建 7网站文件夹结构 在硬盘上建立文件夹clone,这就是网站名称,主页上的栏目分别为:导言、任务、资源、评价、结论、讨论区、教学指导,对应地在clone文件夹下分别建立子文件夹introduction、task、resource、evaluation、conclusion及pic,其中pic文件夹用于存放图片文件,主页保存在clone文件夹下,而其他文件分别存放在对应的文件夹下,文件夹均以英文小写字母命名,文件以汉

17、语拼音命名。哮税擎宁另厨廉氮梨葬沪皮殊棒扫腐辗订宫祖挑倪茄辰泞奋骏绘据聂挖铰主题学习网站创建主题学习网站创建7.4 主题学习网站的编制7.4.1 准备工作 1定义站点clone 定义站点的过程同第2节。 2建立站点文件夹结构 站点主页面下包含有导言、任务、资源、评价、结论等栏目,因此,站点下应建立相应的文件夹,过程如下。 (1)选择站点clone 点开文件面板,在站点选择栏中选clone站点。 (2)新建文件夹 在站点窗口,选中clone文件夹,单击菜单“文件”“新建文件夹”。萨撞祝医苇酌捧镰肉桔幼昔杖特醛勃暖策孽佳吊夜蝉吠概护轰茫丢怪己肃主题学习网站创建主题学习网站创建7.4.2制作图文混排

18、的网页 1.浏览网页网页duoli.htm完成后的最终效果如下图。丑雅验肉绢谬绦啸垢康孝许耍娜淑阁覆凡察壬县仕瓜驾淮渐游咬玻填翰臂主题学习网站创建主题学习网站创建 2操作步骤(1)新建网页文件(2)设置页面属性(3)插入页面内容(4)保存网页(5)浏览网页荣弦杰灼生恋侥票舔邓腊揍极担踌敦扭演屉嫁各厉鞭提乱雌藏杆圈付命碱主题学习网站创建主题学习网站创建7.4.3 表格在排版中的应用表格是用于排版的重要工具,可用来控制图像和文字的位置、大小等。表格也是网页制作中使用较多的工具,利用表格可以实现多样的版面。浏览网站,会发现几乎所有的网页都要或多或少地采用表格。可以说,不能够很好地掌握表格,就等于没有

19、学好网页制作。以下将通过制作首页index.htm来熟悉表格在排版中的应用。像式坯瞒盼刮艇宿克浦碎批雅鞭签斗蓉挡着涤膊抑惧桃吭靴犁耽笺茂屿教主题学习网站创建主题学习网站创建 1.浏览网页首页文件index.htm完成后的最终效果如图。浸盈瘴庶迹男喳泉恃氦邯疡卢一政使遗孤艺酋玉湍管陈磁妹偶付盯添扰本主题学习网站创建主题学习网站创建 2分析网页结构网页设置了桔黄色的背景色,插入了10个表格:1行2列的表格,用于制作网页圆角的效果,表格是直角的,要想有圆角的效果,须插入图片;1行2列的表格,第一个单元格用于插入网站标题,第二个单元格拆分为3行2列;1行1列的表格,用于制作水平线;1行8列的表格,插入

20、菜单条;1行1列的表格,用于制作水平线;1行3列的表格,中间的单元格插入图片;1行3列的表格,中间的单元格插入专题的标题“关注克隆”;1行1列的表格,用于制作水平线;1行1列的表格,插入版权等信息;1行2列的表格,用于制作网页圆角的效果。糠梢透宫阅灯咎阮毖对募椭贰凤谊恍猩住子神德怜淀意荔烯赶熄抹戒睬涵主题学习网站创建主题学习网站创建 3操作步骤(1)新建主页文件(2)设置页面属性(3)插入表格制作网页圆角的效果(4)插入表格制作网页标题(5)制作水平线(6)制作菜单条(7)制作另一水平线(8)插入反转图(9)插入标题文字(10)再次制作一水平线(11)输入版权符号(12)制作网页下方的圆角的效

21、果齿器纶烟涌蜡邑滥迪咙俺豢肾啮滚襄辰残国闺本隔齿棍墅侵谆吊靖辉戴过主题学习网站创建主题学习网站创建7.4.4布局视图排版表格排版最大的好处是形状固定,外观不会受浏览器的影响,缺点是制作起来非常麻烦,另外,表格排版缺少灵活性,大多数都是横平竖直的构图方式。用布局视图排版克服了表格排版的缺点,给排版增添了许多灵活性。1关于布局视图的基本知识下面将继续网站clone的建设,在布局视图下完成网页right.htm的设计,掌握布局视图下网页设计的方法。2操作步骤(1)浏览网页完成后的网页文件right.htm,最终效果如下图。培苍镊党狠这啄哈俗购降坞栋谍枢爽车厩青挎信祭臼扎盎乙庶山蘸柯委抛主题学习网站创

22、建主题学习网站创建朱乳鳖馈沸满郧梨翰帜挟芦铅媒迹洲义局旬圆因桨拟垦演醋矾雾叫俘将摊主题学习网站创建主题学习网站创建(2)新建网页文件及设置属性(3)布局视图下添加表格(4)在表格中添加两个单元格(5)制作网页圆角的效果(6)绘制第二个表格(7)绘制第三个表格并制作水平线(8)绘制第四个表格制作菜单(9)绘制第五个表格并制作另一条水平线(10)绘制第六个表格(11)本页其余部分可参照前面的步骤自行完成烹巢瘪垣弘您谢求墅罗耘裸衷缚柱宴侗射却漫威计深哀越寄胜巩脚瓜韶独主题学习网站创建主题学习网站创建7.4.5 框架的应用1为什么要用框架在浏览网页时会发现,网页中的某些内容,比如说导航菜单,在每个网页

23、中都是一样的,内容和位置是固定不变的,若把这些不变的内容(导航菜单)做成一网页,那么浏览时就会减少这部分内容的下载量,这样就会加快网页浏览的速度,这就是使用框架的原因。骤宪沈凰猛狰厂箔暖垒人船障康作井腰留蹦坤彬颖唇哺僵治堆绦蔬睡莽乱主题学习网站创建主题学习网站创建2创建框架网页创建框架网页ziyuan.htm。网页ziyuan.htm是由left.htm和right.htm两个网页合成的。在resource文件夹下已经保存了创建好的网页文件left.htm和right.htm文件。(1)新建框架网页(2)选择框架网页的形式(3)设置框架属性(4)保存框架网页(5)在框架中链接网页(6)保存网页

24、(7)浏览网页 搓传杀嘲湍辱器拜廉郁绑志壶鼓斯汽棵怖氟券诅碗欲斟圣汤坟枚须意珍峦主题学习网站创建主题学习网站创建 3框架页面中超级链接的设置 下面要制作框架网页ziyuan.htm中左侧框架页上的文字“克隆及克隆技术”的链接,链接后的页面在右侧框架页打开。打开框架网页ziyuan.htm,进行以下操作。 (1)给框架命名 (2)添加超级链接 (3)浏览网页娱债蚂躇汕奏世抽扬艰寝酮调舆鼎侄硫珠世寇坐鲤倔契南耶阻捶梆耙郧现主题学习网站创建主题学习网站创建7.4.6表单的创建表单的主要功能是收集浏览者的信息或进在线自测,创建的表单的标识符是。表单需递交到服务器,服务器上的脚本程序负责对表单上的信息进

25、行处理,脚本程序可以使用CGI语言来编写,也可以使用ASP或者PHP等。修境亦廖腻臃当兰孜梯哦响绎徘厨负己锥擎育确惺斯耻菊松邦载艺舰丹控主题学习网站创建主题学习网站创建 1熟悉对象面板的表单工具按钮 单击插入面板上的“表单”,打开表单工具按钮如图。 2表单的属性面板 3. 制作表单网页 表单形式的自测题shiti.htm网页的效果如下图。嫩择繁谈慑本览蹿汪庇闺何酒荆礼阎讯乍椒脸沂虾馅兑洛桓嘴惧臼碾朽验主题学习网站创建主题学习网站创建油虏坤合嘛岁座替葛青秦啤掖条洼辣牵拷二辞玛携吨吐烷汽嘲方运汲侥戊主题学习网站创建主题学习网站创建(1)新建网页及设置属性(2)在表单中插入表格(3)制作标题(4)表

26、单中加入文本域(5)表单中加入单选按钮(6)表单中加入列表/菜单(7)表单中加入复选框(8)表单中加入文本区域(9)添加按钮(10)制作页面底部圆角的效果列符扰嵌贪胳先呀侣尔呈成学棱索敞剥剔块土防锅张奈取望胳烃犁翟罪齐主题学习网站创建主题学习网站创建7.4.7 模板的应用模板是Dreamweaver中提供的一种机制。通过模板技术,能够帮助网页制作者快速制作大量布局相似的网页。 1. 创建模板的方法 (1)直接创建模板 (2)将普通网页另存为模板 2. 模板的创建 (1)新建模板文件 (2)编辑模板文件 (3)保存模板文件 3使用模板创建网页钞想顺遭身湘腐盟器赤番掖诲管杀窘鲜鸯清锨常狡饼虾亨爪象

27、躯鹤狞只彼主题学习网站创建主题学习网站创建7.4.8 超级链接 超级链接是有效组织网站中各种对象的纽带。通过级链接,可以使分散的网页变成一个整体,可以使访问者方便地从一个网页转移到另一个网页,或者从网页的一个位置转移到另一个位置。 下面将通过网站clone的网页中建立超链接,介绍常用的超级链接的创建。 1. 创建文本的超级链接 (1)为网页文本添加超级链接 (2) 给菜单项添加超链接 (3)选择被链接文件将要打开的位置 (4)浏览网页峦骤尖杨掂前咸芳整奎芳孽阳泞割另罪照挨种驯斋簧鹅赖薄渊函枝匀讹染主题学习网站创建主题学习网站创建 2. 搜索引擎添加超链接 将网站的网址http:/填入属性面板的

28、链接列表框,与上不同的是,目标列表框后要选择blank,因为要在新窗口中打开搜狐网页,而不关闭原网页。 3. 框架中的文字加超链接 4. 电子邮件地址加超链接 给电子邮件地址jiaoxue_加超链接,可以采用两种方法。归孵嫩货绊怠酒惹啼叁仙增入躯从傀期乙汉魂窄癌展险孪趟冠彭液诲熬咸主题学习网站创建主题学习网站创建7.4.9 创建样式表 样式表CSS(Cascading Style Sheets)用来对网页的外观进行格式化。 下面为网站clone中的主页index.htm添加样式表。 1. 样式表的创建 创建样式表 .font文件,设置字体为宋体,字号为9 points,颜色为黑色,行间距为15

29、 points。 (1)打开样式面板 (2)打开新建样式对话框 (3)选择新建样式表的类型 (4)定义样式 (5)应用新建的样式表格式化网页喇羚浓妒令厕另琢驻嫩漾晰肠庶滓污居赎肖泵焦扒企骏击妄携商肯侍啦买主题学习网站创建主题学习网站创建 2. 标记样式的创建及应用 下面要使用标记样式去除链接文字的下划线,并将有链接的文字字号设为12 points。HTML属于标记语言,很多标记都是成对出现。对于HTML中标记的样式的定义,被称为标记样式。比如,超级链接的文字就是位于标记( )之间,标记a的样式可以对链接的文字的格式进行设置。下面是具体设置的步骤。 (1)新建标记样式表 (2)定义样式表 (3)

30、应用样式彩剪党汽爱恢章来粟帅殃谐源揽菊债挟将葡元鹃总姚牛乘享哪被泉左隙鞘主题学习网站创建主题学习网站创建 3. 样式选择器的创建及应用 应用样式选择器设置链接文字的变色效果样式选择器是一种特殊类型的样式,共有四种,分别为:a:link、a:active、a:visited和a:hover。 样式选择器都是针对链接的文字设定属性,“a:link”设 定 正 常 状 态 下 链 接 文 字 的 样 式 ,“a:active”设定当前被激活的链接,“a:visited”设定已经访问过的链接,“a:hover”设定鼠标放在链接文字上时,文字的外观。其中最后一种“a:hover”最为常用。 下面制作鼠标

31、放在链接上方,链接文字改变外观的效果,这里主要是说改变颜色。 (1)新建样式 (2)定义样式选择器 (3)预览效果樊侮凹刹套苔袭斤四棍苇扇揣猛狞辑酚裸绘办汹带庶猛萎呵总失牧所习叔主题学习网站创建主题学习网站创建 4使用外部样式单 上一例子中,使用样式单对主页index.htm进行了格式化,用到了三种样式,分别格式化了主页上的文字,去除了链接文字下面的下划线,在浏览时鼠标指向带链接的文字,文字的颜色变为红色。那么如何将这三种样式应用到站点中的其他页面呢?这就要用到外部样式单。使用外部样式单格式化网页既可以保持整个网站网页外观的一致性,又可以简化设置过程。 (1)导出外部样式单文件 (2)应用外部样式单格式化网页褐庸塑砒旧嘲般苇洽堂迢敌移幅钵稗张湿吹犀强闭切膘窃娟陆傲撩阑临医主题学习网站创建主题学习网站创建7.4.10 网站的发布 1建立Web站点 要建立自己的网站除了要制作网页以外,还得把网页发布出去,这就要建立自己的站点并找个服务器空间存放主页。让浏览者在键入你的网站的网址后可以在Internet上浏览你的主页。如何建立Web 站点呢? (1)申请域名 (2)制作网页 (3)网站发布 2上传主页 3. 上传站点clone中的网页到指定空间 4. 检查站点是否有无效的链接 潦管陛泵肛纹易章酒狙痰港靠随醒塔洛淡磺晰宁乞炮灭力栅沽谴冠恒旨柒主题学习网站创建主题学习网站创建

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 医学/心理学 > 基础医学

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号