当前位置:文档之家› 美化网页

美化网页

美化网页
美化网页

简单网页制作实验总结报告

《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日

目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)

第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。

第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。

《网页的美化》教案

《网页的美化》 教学设计 教材版本青岛版 课题《网页的美化》 学校龙子心中学授课教师杨斌课型新授课授课班级初二(1)班课时 1 课程纲要依据 本节课的定位在于“熟练掌握”的程度上,旨在让学生通过对《网页的美化》的学习,了解掌握美化网页的方法、步骤,熟练掌握美化网页的操作,提高审美意识,激发学生对网页制作进行更深入的学习和研究的兴趣。 教材分析 结合本校学生和教学环境的特点,深入地领会由青岛出版社出版的初中《信息技术》(八年级)教材的编写意图,设计了制作“情感小屋”网站的主题活动,制作“情感小屋”网站。 学情分析 初二学生已经学习了很多信息技术基础知识,并且具备了一定的操作计算机、上网搜索、编辑图象的能力。通过前几周的学习,学生对网站制作有了初步的认识,并建立了站点,制作了首页,而且还通过表格归整了网页中的各元素,使网页趋于整洁。但是,由于制作的网页中还未有设置背景、背景音乐、Flash动画、字幕等元素,还显得单调。他们希望能够通过学习新的知识,进一步美化他们制作的网页。 教学目标①了解美化网页的常用方法,理解美化网页对提高网站质量的作用。 ②学会在网页中设置背景、音乐、Flash动画和滚动字幕。 ③提高审美意识,善于发现美,美化生活从自身做起。 教学重点在网页中设置背景、音乐、Flash动画和滚动字幕。教学难点在网页中设置音乐、Flash动画。 教学方法讲授法、自主学习法、任务驱动法、实验探究法等 教学资源计算机及多媒体网络教室系统、FrontPage2003软件等 板书设计 网页的美化 一、美化网页的作用 二、美化网页的方法 三、美化网页的流程 四、具体操作: 1. 插入背景音乐 2. 设置网的背景 3. 设置表格的背景 4. 插入Flash动画 5. 插入滚动字幕

网站界面如何美化的几种方法

武汉网页设计培训:网站界面如何美化的几种方法 网站的界面是网站给来访者留下第一印象的直接窗口。网站界面的漂亮与否直接影响到访客对网站的兴趣以及停留时间!所以网站的界面美化工作是应该引起足够重视的。那到底该如何美化网站界面使他容易被访客所接受呢?今天我们就跟大家一起来探讨一下网站界面的美化的几个原则以及具体的方法。 一、网页设计界面优化原则 武汉网页设计界面优化原则一、行业特征 网站就像你的穿着打扮,要有自己的风格自己的个性。但是这种个性要与自己的身份职务相搭配。也就是说你的网站要根据你的行业特点进行美化,比如说科技类网站善用蓝色,娱乐类网站善用橙色,政府门户类网站大多用红色调。 总结下就是你的网站界面要符合行业特征! 武汉网页设计界面优化原则二、访客喜好 如果你的访客是年轻人充满活力个性十足的,那你的网站配色以及LOGO就要符合这个定位符合你受众的喜好。你的网站色调也要表现的充满活力动感十足!举个例子说太平洋女性网主色调就是紫色,因为紫色代表的就是时尚浪漫。试问哪些女性朋友们不渴望一份浪漫与时尚呢? 总结下就是作访客喜欢的! 武汉网页设计界面优化原则三、统一性原则 你的网站一定色调要统一,最好属于同一个色系。至多不要超过三个颜色!如果颜色过多会导致人们审美疲劳!慢慢的离开你的网站!从而失去一定访客,导致PV下降! 总结下就是统一色调效果佳! 武汉网页设计界面优化原则四、细致入微 俗话说细节决定成败,一个网站的界面就是一个个小像素块组成的,做网站的美化要尽量细致到每一个小细节,不要觉得一个点一个图片的小角不重要。其实不然,一个人穿的邋里邋遢就可以看出这人性格如何了。一个人非常漂亮就是嘴角戴着一粒米,这严重影响自己的形象。网站也是一样的你不注意界面的小细节访客就有理由认为你这网站内容不怎么样!

最简单的网页

六年级信息技术上册 《最简单的网页》 四课时 一、教学目标: 利用多媒体计算机和互联网络环境,为学生们创设一个开放的学习空间,让学生自主地利用双向互动的教学辅助软件了解、掌握和巩固所学的知识,进一步探究网页的制作方法及技巧,培养学生的计算机综合应用能力、想象力、创造力、自学能力和综合审美能力,为学生深入地掌握FrontPage软件并运用到实际生活打下坚实的基础。 二、教学对象分析: 小学六年级学生的观察、分析、比较、想象等能力逐渐成熟,在性格上表现好奇、大胆,追求自己的个性,比较喜欢开放、自由的学习环境,主观意识较强。并具有了一定的自学能力和模仿能力,但学生还多以感性表象来掌握概念,形象思维仍是学生掌握知识的主要思维方式,学生对知识的吸收绝大部分都是建在感性认识的基础上,兴趣爱好仍然是学习最好的动力。因此,这节课利用Internet 网络教学,激发他们的热情,很好地发挥了学生主观能动性和创造性,使学生成为学习的主人,有利于培养学生的创新思维。 三、教学重点、难点: 掌握FrontPage的打开、保存、退出以及在FrontPage中编辑文字。 四、教学策略及教法设计: 根据教材的目标,以及学生的特点,教学的辅助课件是用FrontPage制作的网页,目的是建立一个双向互动的教学环境,使学生在网络的环境下,进行学生之间互相合作学习,与教师互动学习,充分发挥学生的主体作用,老师的主导作用,培养学生协作能力。根据学生的不同层次,建立“三位一体”的教学编排,既照顾全体学生,又照顾不同层次的提高,在“基础层次”中让学生初步按照教材的示范初步制作出文字网页:“练习层次”,强化练习,制作出完全并有一定水平的文字网页:三是“拓展层次”,拓展FrontPage的应用,插入三维艺术字、图片等。 在教法上,教师主要使用了直观演示法、主动尝试法、协作学习法、成功体

《网页制作——美化网页》教学案例

《网页制作——美化网页》教学案例 一、概述 本课是《信息技术——美化网页》课时的内容。学生已经学习了制作简单网页的基本方法,这部分的主要内容是,网页中共享边框、导航栏的设置和主题的应用。如果采用传统的教学模式(即教师示范──学生模仿操作)也能完成教学任务,但对学生来说,他们只学会了计算机的操作,而对信息素养并没有得到提升。所以,本着学生自主探究学习意示、创新水平的培养,以综合提升学生的信息素养为目的,作者在教学时将本课中原来让“做中学”的方式改为了自主探究的学习方式,将课堂交给学生,让学生自主探究学习,教师在课堂中主要起到引导作用。 二、教学目标分析 1.认知目标:学会简单的对网页实行美化的方法。 2.技能目标: (1)掌握美化网页的几种操作方法;(2)能够应用主题,来改变网页的整体布局;(3)能够灵活地对几种操作方法实行综合使用。 3.情感目标:(1)通过师生协作和学生互相配合,培养学生合作团结的精神;(2)培养学生热爱美的情感,激发学生表现美的欲望,使学生的审美水平得到提升。 三、学习者特征分析 从八年级学生的认知特点来看,他们爱问好动、求知欲强、想象力丰富,对实际操作活动有着浓厚的兴趣,对直观事物感知较强,正处在形象思维向抽象思维逐步过渡的阶段。所以,在学习过程中,应鼓励学生自己观察,亲自动手操作,实行学生讨论和交流,师生共同归纳总结,体验学习。 在讲此内容之前,学生已经学过如何制作一个简单的网页,并且已对网页实行简单的修饰,这为学生进一步对美化网页作好了充分准备。 基于以上学生情况的分析,作者对教学过程大胆采用让学生为主体,教师为主导为教学思路实行设计。 四、教学策略选择与设计 在讲此内容之前,学生已经学过如何制作一个简单的网页,并且已对网页实行简单的修饰,这为学生进一步对美化网页作好了充分准备。 基于以上学生情况的分析,作者对教学过程大胆采用让学生为主体,教师为主导为教学思路实行设计。

《网页的美化》教学案例及教学反思

《网页的美化》教学案例 凤县双石铺中学王晓丽八年级信息技术 【教学目标】: 【知识与技能】 1.学会修饰网页中的文字,为网页添加背景,在网页中插入滚动字幕。2.学会根据网页的内容自主修饰网页,保持网页整体的一致性。 【过程与方法】通过操作练习,使学生感受学习知识的过程,总结操作 规律,培养学生自主学习与团结协作的能力。 【情感态度与价值观】在学习过程中感受美、创造美,提高审美情趣,体会创作的乐趣。 【教学重点】修饰网页中的文字,为网页添加背景,在网页中插入滚动字幕。 【教学难点】根据网页的整体效果,自由修饰网页,使网页更漂亮。【教学方法】任务驱动—情景教学—自主探究—协作学习—评价反思【教学手段】多媒体微机室、课件 【教学过程】:

《网页的美化》教学反思 本节课主要是让学生在FrontPage中修饰网页。这部分内容关于操作技能方面对于八年级的学生来说难度并不算大。课一开始,我就给学生下发没修饰的《诗话凤县》的网页,然后教师再打开我的网页就是修饰了的网页做比较,从而激发学生

学习的兴趣。大家对比哪一个更漂亮?我的网站多了那些元素?----背景,音乐、滚动字幕,引出课题,然后指导学生打开课本,明确本节课的任务。学生自己阅读课本内容后,尝试操作:给网页添加背景。学生交流讨论后,再示范操作。教师点拨。下一个添加字幕大家还是参照课本进行自主操作,最后还是学生示范。学生操作完后,展示学生的作品。 在前面经过FrontPage几节课的学习后,大部分学生已经掌握了制作网站的一般步骤,但是对于修饰网页学生了解的不多,这节课将自学与教师点拨相结合达到完成目标。保存网页是最重要的一个步骤,一部分学生保存后发现,有的内容都是无法显示。因为框架网页的保存和其他普通网页的保存是不同的,所以我在一开始就让学生感受这一不同点,起到了很好的预防作用,只有很少的学生保存时发生错误。在这个任务中,除了让学生充分了解框架网页保存的特殊性,也要让学生知道,在新建框架网页时的一般方法。 通过学生学习和实践操作,培养学生的观察能力、编辑网页能力、动手能力、合作学习与独立探究的能力,通过师生的共同合作,课堂气氛活跃,完成了预期目标。现对本节课进行反思: 一、自我评价: 本节课我给学生提供了自主探究与合作学习的时间和空间,教学中在让学生完成网页的美化活动时,让学生自由发挥,充分调动了学生学习的积极性,发挥了学生的主体作用,发挥了教师的主导作用,培养了学生合作学习与独立探究能力,增强了学生合作协作意识。 通过任务驱动、讲解演示、合作探究、小组讨论等多种教学手段,引导学生利用现有信息进行信息处理,提高了学生解决问题能力,体现在对网页进行美化时,采用先由学生尝试操作,然后针对学生在操作中的问题边演示边讲解,强化了学生的记忆,有利于学生掌握方法,之后又给学生时间自主实践操作,操作中发现的新问题及时指导,鼓励学生运用独立、合作、探究、讨论方法来解决,培养和提高学生解决问题的能力。 注重培养学生的审美能力和审美情趣,激发学生对美的欣赏和追求,在学生自主美化网页时充分发挥了学生的创造力和想像力。学生都能够把自己的电网页设计得美观大方,具有个性。同时,教学过程我设计了展示成果环节,将学生中优秀的作品通过教师机展示给全班同学看,在展示作品的过程中,请其他同学评价作品好在哪里,不足在哪理,提出一些可改进的建议,加以完善,老师也适当地给出一些评价与鼓励,使学生尝到成功的喜悦和创作的快乐。 二、问题反思: 1.学生基础参差不齐,个别小组操作较慢,小组内合作交流不够,应适根据学生中实际基础知识情况,适当调整小组成员,使每组都有操作熟练的学生,相互学习,相互指导,以提高学习效率。 2.展示过程中应先让作品本人自我评价一下,然后再师生评价效果应该会更好些。 3.由于时间不是很充足自己紧张。把课堂时间没有很好的把握。 4.课堂环节缺少了学生看课本,参照课本环节进行操作。还有就是滚动字幕这里,添加上后如何改变字体。字号这里操作是难点,没有突破。 5.本来是学生自己做的网站来上课。可是好多学生的网站都丢了,所以到下午

制作一个简单的网页

制作一个简单的网页 教学目标: 1、知识目标:了解网页的基本概念以及建立网站的一般方法,学习制作只有文字的网页. 2、能力目标:让学生通过学习掌握建立网站的方法,学生通过学习能够建立只有文字网页. 3、情感目标:培养学生主动实践,勇于实践的勇气,和敢与参与的意识。教学重点: 建立网站制作网页 教学难点: 建立网站制作网页 教法、学法分析: 由于本节课作为制作网页的基础知识,学生可以根据所学知识自己进行操作,教师在此过程中进行适当的指导既可。为了让学生能够充分了解网页的概念,采用教师讲解的教学方法,为了培养学生主动实践的勇气与参与意识,采用学生自主学习的方法。 教学过程: 引入: 我们已经学习过因特网的基础知识和应用,实际体验了“网上冲浪”的滋味,网上世界的确很精彩!但是我们有什么方法能让更多的人了解自己或者自己的学校或家乡呢?最好的方法就是制作一个关于自己或家乡的网页并把它发布到网上。通过了今天的学习我们就能够做到了。

一、网页的概念: {通过多媒体展示“我的家乡”网页,向学生介绍网页的组成,让学生了解网页的概念,并做出总结} 网页就是把用文字、图形、声音、影视等多媒体形式表达的信息,以及分布在因特网上的相关信息,相互链接起来而构成的一种信息表达方式。 二、制作网页前的准备工作 1、认识网页制作工具FrontPage {学生打开FrontPage软件,通过以前学习过的知识认识该软件的窗口,并了解各栏中按钮的作用。} 2、准备好网页素材 [学生在因特网上查找关于“我的家乡”的相关资料,并保存在自己的文件夹中,以便在制作网页时作用。] 三、建立“我的家乡”网站 [根据“做一做”建立一个自己的网站“命名为”我的家乡。] 布置作业: 构思自己的网站,并在小组中进行讨论。 [学生思考问题,并进行操作。] {建立网站后,我们还需要在网站中加入网页,这样我们的网站才能充实起来。} [学生在自己的文件夹中建立一个站点命名为“我的家乡” 根据“做一做”中的提示制自己作主页并保存。然后分别建立其他几网页陕西风景欣赏、陕西古诗文欣赏、自我介绍。]

利用HTML代码美化网页7例

一、利用HTML代码制作图像滚动特效 具体操作: 选中单元格第一行所有的图像,在代码视图中,在第一个图像代码前输入 在最后一个图像代码的后边输入 选中单元格第二行所有的图像,在代码视图中,在第一个图像代码前输入 在最后一个图像代码的后边输入 说明: 标记用于实现文字或图像的滚动,以达到动感十足的视觉效果,使用该标记可以创建图片滚动效果。表达式为: 主要有下列属性 align:字幕文字对齐方式 width:字幕宽度 height:字幕高度 drection:文字滚动方向,其值可取rich up down scrolldelay:滚动延迟时间,单位为毫秒 scrollmount:滚动数量,单位为像素 二、制作滚动公告栏 具体步骤: 1.选中 2.切换到代码视图,在表格前面输入一段代码: 3.在后边输入代码 三、为网页添加彩色边框代码 具体操作: 1.打开文件 2.切换到代码视图下,在和之间输入以下代码 说明: if (document.all) 当网页文档中所有的对象下载完后 document.body.style.cssText="border:10 ridge #FF9900"设置文档边框颜色样式 四、添加背景音乐代码 单击“拆分”,在代码编辑窗口中的和代码之间插入代码 五、网页最新消息提示代码 打开文件 切换到代码视图下,将以下代码加入到和之间