网页设计与制作作业

2025-03-23 版权声明 我要投稿

网页设计与制作作业(精选11篇)

网页设计与制作作业 篇1

一、目的与任务

《网页设计与制作》课程作业是《网页设计与制作》课程教学中的一个重要的环节,是对学生进行的一次较为全面的网页设计与制作的训练和考核。其基本目的是:

(1)培养学生理论联系实际的设计思想,训练综合运用所学的基础理论知识,结合生产实际分析和解决网页设计与制作中问题的能力,从而使基础理论知识得到巩固和加深。

(2)学习掌握网站的一般设计过程和方法。

(3)对学生所学知识的程度进行考核。

二、教学基本要求

(1)确定设计网站的主题和风格。

(2)合理设计网站结构图。

(3)根据网站结构图,对各个页面进行布局和样式设计。

(4)完成课程作业报告。

三、课程作业题目具体要求

1、网站有一个主题,比如:个人网站、购物网站等;

2、每个网站至少包含5个以上的html文件;(网站的首页统一名称为:index.html)

3、最后提交两个内容:

1)打印纸质报告(具体要求见报告模板);

2)网站源文件。

网页设计与制作作业 篇2

在10 k V配电网带电作业中, 绝缘毯、绝缘服等绝缘遮蔽用具、防护用具, 其直接接触带电体的层间绝缘水平、作业人员接触区域至带电体的沿边闪络电压都应满足规范要求。在现场使用前, 应先进行目测检查, 及时发现破坏均匀性、损坏表面光滑轮廓的缺陷, 如小孔、裂缝、局部隆起、切口、折缝、受潮等, 一旦发现应禁止使用。经过外观检查后, 国内普遍采用2 500 V及以上绝缘电阻表或绝缘检测仪进行分段绝缘检测 (电极宽2 cm, 极间宽2 cm) , 确认绝缘没有损坏 (绝缘电阻值应不低于700 MΩ) , 合格后再使用。

在绝缘检测过程中发现, 由于绝缘电阻表的表笔呈针状, 检测过程中需要用单手控制两只表笔端头的距离, 难以满足关于分段绝缘检测“电极宽2 cm、极间宽2 cm”的要求, 且检测时间过长, 容易漏检、错检。这样, 不仅会延误工作进度, 降低工作效率, 还不能及时发现绝缘损坏或受潮, 造成绝缘毯、绝缘服带病投入使用的重大隐患。

2 绝缘测试电极板的研制

2.1 设计思路

制作多个宽2 cm的条形电极, 固定在绝缘板上形成电极组, 电极组包括两个能与绝缘电阻表输出端相连的电极, 相邻两个电极间距等于绝缘测试间距 (2cm) , 每组电极用软导线并联串接 (设置电极越多, 检测面积越大, 效率越高) 。绝缘板和电极组用螺栓连接, 绝缘板上装设绝缘手柄, 并与接触电极的螺栓用绝缘保护板隔开, 保证人身安全。

2.2 制作材料和工具

主要材料:2 cm×2 cm不锈钢方形管1根 (约1.5 m长) , 直径6 mm长5 cm螺栓16条 (含垫片若干) , 直径6 mm长15 cm螺栓4条, 35 cm×15 cm×0.5 cm绝缘板1块, 35 cm×15 cm×0.5 cm绝缘保护板1块, 绝缘手柄1只, 2.5 mm2软铜线10 m。耗材与工具:强力胶, 刀具, 手电钻, 尖嘴钳, 扳手, 钢锯, 砂纸。

2.3 制作过程

用钢锯将2 cm×2 cm不锈钢方形管制作出8根15 cm长的管材作为电极, 切口用细砂纸打磨平整无毛刺。按照电极间距2 cm的要求在绝缘板上打孔, 将8根电极并列用直径6 mm长5 cm螺栓固定于绝缘板下方。每4根非相邻电极作为一组, 同组电极通过导线连接, 由一侧接出作为电源引线, 长度根据测试要求确定, 一般1.5 m以上即可满足要求。将绝缘手柄用强力胶可靠固定于绝缘板上方合适位置, 用刀具在绝缘保护板中间位置切口, 四角打孔穿入直径6 mm长15 cm螺栓, 用于绝缘板和绝缘保护板固定和露出操作手柄。制作好的绝缘测试电极板成品如图1所示。

3 绝缘测试电极板使用方法和安全注意事项

3.1 测试方法

如采用一般绝缘电阻表 (俗称摇表) 测试, 需要2人进行, 一人摇动手柄, 另一人手持绝缘测试电极板。如果采用电子指针式绝缘电阻表则更加便捷, 一人就可完成测试工作。

首先将待测绝缘毯、绝缘服展开铺平, 将绝缘测试电极板引出导线接至绝缘电阻表端子处固定好, 按下绝缘电阻表测试按钮并以顺时针方向旋转 (或匀速摇动发电机手柄) , 测试人员戴绝缘手套, 手持绝缘测试电极板在绝缘毯或绝缘服上缓慢匀速刷过。观察指针摆动情况, 如出现突变, 则反复在可疑位置刷动检查, 由于检测面积增大, 可以较快地发现绝缘损坏点, 提高检测效率。如绝缘测试无击穿, 无明显发热, 则测试通过, 绝缘毯、绝缘服可以安全使用。测试完以后, 把绝缘电阻表测试按钮逆时针方向旋转, 恢复至原来位置 (或停止摇动手柄) , 拆除表计端子处接线。

3.2 测试过程中的安全注意事项

(1) 每次使用前应再次检查电极边缘有无毛刺, 防止损伤绝缘。

(2) 必须按照带电作业检测有关要求, 保持现场干燥清洁, 测试中应注意不沾上泥土或杂物, 测试应在防潮绝缘毡布上进行。

(3) 测试人员必须戴绝缘手套操作, 测试过程中人体与接线端子或电极应保持足够的安全距离。

(4) 为防止沿绝缘服、绝缘毯边缘发生放电, 应注意电极与绝缘服边缘的距离。

4 应用效果

关于网页设计与制作问题的研究 篇3

关键词:网页设计;色彩;网页优化

中图分类号:TP393.092

随着信息技术的飞速发展,网络是人们获取信息的主要手段,尤其目前的很多商业性网站,除了追求信息量丰富、操作便捷之外,要求网页的视觉效果也要体现个性,突出网站的特色。因此,这就对网页的设计与制作提出了更高的要求。

在网页的设计过程中,首先要注重内容,无论是内容的承载信息量的广度和深度,还是内容的组织层次上都很重要,很多人浏览网页的针对性很强,比如上网查找软件、MP3、小说下载或一定的资讯、教材等能够更好地满足需求;其次是网站的速度。在确定内容的基础上,尽量提高速度十分必要,速度太慢,访问者也只有失去耐心,从而影响你网站的访问量;最后,是页面视觉的美观。要强调艺术性,注重通过独特的艺术风格来突出设计目的。

1 网页设计的任务

1.1 资讯类网站,目前知名新华网、新浪网、搜狐等都属于这类网站。它以提供信息的量大、及时、全面、权威等特点吸引广大访问者。因此在网页设计过程中要做到布局合理、页面分割有序,更要注重界面的亲和力等问题。

1.2 资讯和形象兼顾的网站,如高等学校的网站,一方面宣传办学理念、优势、特色等企业形象;另一方面也会向社会发布招生、就业等资讯。再如海尔海尔、索尼等一些知名企业的网站。在设计上既要保证资讯类网站的要求,同时又要突出企业、单位的形象。甚至要突出企业的经营理念,所以从目前状况上来看,很多企业不惜重金,不断更新软硬件设施,翻新网络内容和网页设计。

1.3 形象类网站,目前各类企业都会通过媒体宣传自己,树立企业的形象。所有的企业几乎追求的都是同一个目标,就是让自己企业的名字,产品以及服务都能深入人心,网络的出现也就提供给了企业另一个宣传的平台,为企业树立形象提供了一条新的路线。因此这类网站对设计者的美工水平要求较高。

2 网页设计应遵循的原则

在网页的设计过程中,画面中的所有元素组织要达到良好的效果,这就需要遵循以下几项原则:

2.1 统一性原则。画面中的各组成部分不能鼓励分散,缺乏条理性,能够放在同一界面的当中,就要保证内容的整体性,设计风格的一致性。

2.2 连贯性原则。页面之间都是相互联系的,每一条目犹如城市路标,清晰地指引浏览者走下目的地,这就需要将内容恰当归属;表现形式上也要前后一致、相互呼应,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。

2.3 分割性原则。页面分成小块更容易产生清晰的视觉效果,使观者第一时间完整目标定位,在众多信息中找到重点,节省大量的信息筛选时间。

2.4 对比性原则。就是通过矛盾和冲突,使设计更加富有生气。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。

2.5 和谐性原则。页面在多个元素之间划分,但也不失整体性,这是艺术设计中追寻美的法则。设计的作品中颜色、形状、线条太多、太杂就会失去其灵魂所在,充满太多随意性的作品无法实现觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣,这是设计能否成功的关键。

3 网页的设计与制作过程

3.1 网页设计的实现。网页设计的实现过程可以分为两个环节:首先,手工绘制阶段,用纸和笔画出站点的规划及草图。设计网页的版面布局,我们将以合适最适合的方式将图片和文字排放在页面的不同位置,动画也要设置恰当的路线、恰当的时机。“画竹要成竹于胸”有了这份蓝图,我们就到了真正的蓝图实现阶段了。第二环节在计算机上完成网页的制作。这时除了要有一台配置不错的计算机外,软件也是必需的。微软的FrontPage、前Macromedia公司的DreamWeaver及网页设计新贵Adobe公司的Golive。利用这些软件工具,将蓝图中的组织形式和设计理念付诸于实践。在设计的过程中要体现创意,融入恰当的艺术元素规划组织结构,体现信息内容。

3.2 色彩的运用。色彩是美丽而丰富的,它能唤起人类的心灵的共鸣,促使人们产生无限遐想。每种颜色都有其深刻的寓意,如红色是热烈、冲动、强有力的色彩,它能使肌肉的机能和血液循环加快。由于红色容易引起注意,所以在各种媒体中也被广泛的利用,除了具有较佳的明视效果之外,更被用来传达有活力,积极,热诚,温暖,前进等涵义的企业形象与精神,另外红色即是警告,危险,禁止,防火的指定色。因此网站设计过程中色彩设计是重要一环,网站的整体色彩搭配应符合网站的主题信息特征。而网站的整体色彩搭配是由主色调和辅助色调两部分。

主色调是构成网站形象的一种或一组主要色彩。明确网站的主题、服务对象之后我们再根据每种颜色的寓意进行选择。如绿色食品类的网站以绿色为主,突出希望、健康的主题。通过主色调体现企业形象,以此达到品牌或产品宣传的目的,给消费者留下一个多种媒介的统一印象。如麦当劳的红、黄,可口可乐的红。主题色的数量不可过多,一种或两种即可。

而辅助色调在网页设计的色彩设计环节中,经常要小面积地使用主题色以外的其它色彩,来增加页面的色彩层次或辅助实现某种功能。辅助色的面积虽然小,但却能起到缓冲和强调的作用。合理地使用辅助色,能让主色调更加鲜明、生动,使得页面视觉效果更加流畅、和谐。辅助色应在主色调确定后进行选择。要在保持主色调主导地位的前提下,与主色调间形成相互和谐的局面。可以选用柔和的相近色,也可选用反差较大的对比色。

3.3 造型的组合。在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造一个有机整体,引导受众的视野。通常使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。突出页面上的重要元素,突出设计的主题,增强美感。

3.4 网页的优化:(1)文字优化。文字是网页中传达信息的基本载体,因此字体的优化就显得尤为重要了。通常指定字体为宋体字号大小为12px,字体颜色要与背景色相协调,在能看清楚的基础上要求达到整体和谐。白色背景、黑色字体是最为常用的,防止浏览者产生眼疲劳,保证较长时间地浏览网页。(2)图片优化。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。(3)表格优化。设定表格的宽度、高度、边框、背景色、对齐方式等参数。

4 结束语

综上所述,灵活运用网页设计软件实现网页的设计,在不失网页设计主题的前提下,掺杂巧妙的艺术手法将网页的内容以个性化的方式呈现出来,更好地满足受众的需要,并达到瞬间产生深刻印象的艺术效果。

参考文献:

[1]王娟.网页设计中的色彩运用[J].电影评介,2010(03).

[2]陈心威.浅谈色彩在网页设计中的应用[J].福建电脑,2009(10).

作者简介:李英杰(1963.11-),女,吉林辽源人,高级讲师,工学学位,研究方向:计算机。

网页设计与制作作业 篇4

发 布 者:林森

内容:

作业内容:

结合自己的教学实践,选择一个主题,设计授导型教案,并制作课堂PPT讲稿。作业要求:

参考课程提供的模板,选择其中之一填写教案内容。在完成教案内容设计基础上,制作此教案的课堂授课用演示文稿,其评价标准如下: 1.教案总体结构包含基本要素,各项信息填写完整 2.对学习者特征分析全面到位

3.教学目标的描述符合新课程标准的教学目标分类要求 4.教学方法和教学媒体的选择能体现新课程标准的要求 5.评价能够真正反映出学生的实际情况

提交者: 林森

答题内容:

学科:语文 授课年级:三年级

学校:大泉源乡天仁中心小学 教师姓名:于永权

章节名称 《美丽的小兴安岭》教学设计

学习内容分析 《美丽的小兴安岭》这篇课文讲述了我国东北小兴安岭一年四季的美丽景色和丰富物产,表达了作者热爱祖国大好河山的感情。

小兴安岭的树多,像绿色的海洋,一年四季又各具特色。作者把小兴安岭春、夏、秋、冬四季的美丽景色作为描述重点。春天,抓住“树木”“积雪”“小溪”“小鹿”“木排”等景物来描写;夏天,抓住“树木”“雾”“太阳”“草地”“野花”等景物来描写;秋天,抓住“树叶”“松柏”“山葡萄”“榛子”等景物来描写;冬天,抓住“雪花”“树木”“西北风”“紫貂”“黑熊”“松鼠”等反映小兴安岭冬季的特点。作者在描写小兴安岭四季景色时,不仅抓住不同季节的景物特点,而且紧紧围绕一个共同特点--树木来写,和第一部分的总述相呼应。

学习者分析 处于这个学段的学生已经有了一定的学习经验,初步掌握了一些学习方法,有了一定的自学能力。但在重点词语的分析中教师要加以引导。

教学目标 知识与技能:

1、会认10个生字,会写14个生字。正确读写“嫩绿、汇成、欣赏、密密层层、挡住、视线、献出、可口、鲜嫩、名贵、药材。又松又软”等词语。2.有感情地朗读课文。背诵自己喜欢的部分。

过程与方法:

体会作者用词的准确、生动。学习作者抓住景色特点,进行观察的方法

情感、态度与价值观:

了解小兴安岭一年四季美丽的景色、丰富的物产,激发热爱祖国大好山河的思想感情。

教学重点、难点及解决措施 教学重点、难点:

1、体会作者用词的准确、生动。学习作者抓住景色特点,进行观察的方法。

2、了解小兴安岭一年四季美丽的景色、丰富的物产,激发热爱祖国大好山河的思想感情。解决措施:

1、通过阅读,品味词句,利用多媒体调动起学生各种感官,想象、体会小兴安岭的美。

2、反复诵读积累语言,从中学习作者的表达方法。

教学设计思路 本课语言优美、意境清新,我主要利用多媒体的录象、声音资源,借助大量的图片,优扬的音乐,创设情境,引导学生入境入情,欣赏美景,品读课文,以达到体会画中之情,文中之意的目的,从而完成教学目标。

1、欣赏图片,导入新课。

2、声文结合,整体感知。

3、图文并茂,赏析课文。

4、阅读链接,拓展延伸。

5、课堂练习,巩固加深。

依据的理论 结合教材以及学生的心理发展特点,以读促悟,以读促学。

信息技术应用分析

知识点 学习水平媒体内容与形式 使用方式 使用效果

小兴安岭的景色 感悟文中的优美词句,边品边想象那里的美丽景色。多媒体音像资料 教师展示,学生听、看、感悟 激发学生的学习兴趣,从多角度刺激学生理解课文。

文中运用的修辞手法及写作方法 学会运用文中的修辞手法及写作方法。多媒体课件 教师展示,学生讨论、交流 激发学生兴趣,巩固掌握知识。

教学过程

一、激情引题

今天,老师将带领大家去一个美丽的地方:(课件展示)它位于我国黑龙江省东北部,它是我国重要的林区之一。总面积386万公顷。树木以红松、白桦和栎树为主,郁郁葱葱,一碧千里;林中栖息着紫貂、黑熊和松鼠等兽类50余种,奇珍异兽,和平共处;林内更有丰富的野果、野菜:榛子、蘑菇、木耳等,数不胜数;著名的野山参驰名中外。这里简直就是一个美丽的大花园,更是一个巨大的宝库。同学们,你们知道老师说的是什么地方吗?这么美丽的地方,你们想去吗?这节课就让我们一起走进“美丽的小安岭”去感受一下它的美丽。(板书课题)

打开课本,用你自己喜欢的方式读课文:想一想,小兴安岭到底美在什么地方?

二、学习课文

1、学生汇报:(树特别多)你是从哪里看出来的?(课件)

2、小兴安岭还有什么地方美呢?学生汇报:(小兴安岭的春天、夏天、秋天和冬天都很美丽)一年四季都很美丽。那就让我们走进小兴安岭的四季,去领略它的美丽。你们想先走进哪个季节?(春天)谁愿意给大家朗读“春天”这一段?(学生朗读)从他的朗读中,哪些景色给你留下了深刻的印象?

树木抽出枝条,长出嫩绿的叶子;(和“长出”对比。树木生出的枝条很直,像剑一样,抽出说明很快很有力,形象生动。也防止重复。)(课件)雪水汇成小溪;汇:聚拢。(指导朗读:积雪融化,悄悄地融化要读的轻柔一些;汇成小溪,雪水从四面八方的山上唱着欢快的歌儿淙淙地流淌下来,汇成小溪。读得欢快一些。

小鹿喝水,欣赏。(侧着脑袋:可爱。教师朗读,其它人做动作。读出小鹿的活泼可爱)(课件)

描写得怎么美,谁能美美地读一下。(播放音乐)

听了你的朗读老师有了要把它画下来的冲动,我们共同完成好不好? 边读边画。

3、总结方法:

我们回忆一下这段的学习方法:(课件)(1)找一找描写了哪些景物?

(2)这些景物是什么样子的?哪些词语用得好?

4、那我们就用这种方法来学习小兴安岭夏天景色的特点。默读夏段,自己画出夏段描写了哪些景物?它们是什么样子的?哪些词语用得好? 谁来说一说:

树木:葱葱茏茏。枝叶:密密层层。树木稠密,枝叶茂盛,哪个词语最能体现出来?“封”改用 “遮”好不好?如果你就在其中,透过这些词语,你看到了怎样的画面? 整个森林浸在雾里。整个森林像绿色的海洋,这么大的海洋被大雾浸泡。(体会大)借助录像理解“浸”、“千百缕像利箭一样的金光”等词。大花园:各种颜色的花:红的、白的、黄的、紫的。

5、自学秋冬

现在同学们运用前面的方法,自学秋天和冬天。看看谁表现得最好? 秋天:树木落叶了。树叶飞舞联想到各色的蝴蝶翩翩起舞。物产:酸甜可口地„又香又脆的„鲜嫩的„,还有野山参。(其实这些东西我们家乡的山上也有)(课件)冬天:树上积满了白雪。(作者在描写每个季节的景物时,都是从树木开始的,这也是这篇文章独特之处)动物过冬:你最喜欢哪种动物过冬的方式?(黑熊在冬天来临之前,把自己养得肥肥的,等到了冬天,就躲进山洞里,每天从熊掌分泌出营养成分,黑熊就是靠着每天舔自己的脚掌度过寒冷的冬天。(课件)松鼠:勤劳。

6、总结全文,读中感悟

课文学到这,你觉得怎么形容小兴安岭最恰当呢?(大花园、宝库)

三、介绍小兴安岭

如果你的好朋友要去游览小兴安岭,那么你向他推荐哪个季节去?为什么? 结合课文

小兴安岭太美了,你要对小兴安岭说些什么呢?(环境保护)那小兴安岭听了你对它说的话,它会对你说些什么呢?(感谢)

四、拓展 这节课,我们一起感受了小兴安岭美丽的景色和丰富的物产,那你还知道我国有哪些美丽的地方介绍给大家?(出示课件)

五、小练笔:

其实大家没有发现,我们自己的家乡也非常美丽,课后同学们可以仿照课文的写法,选一处家乡最美的地方写一写,字数不用多,三五句也行,一段也可。

六、总结:

我们的祖国地大物博,优美的景色随处可见。作为一个中华儿女,我们深感自豪!此时正值第16届亚运会在广州如火如荼地进行着,我不由得从心底里发出一声呐喊:“祖国,我爱您!”

教 学 反

一、重视朗读。《美丽的小兴安岭》这一课,用优美流畅的文字描绘了小兴安岭一年四季美丽的景色和丰富的物产,如何让学生感受到这种美呢?首先我用图片和音像资料展现了小兴安岭如诗如画的美景,激发了学生对小兴安岭的喜爱,接着让学生找出描写小兴安岭特点的句子,结合图片,说说对文章用简练的词语描写出活灵活现的感受,以此引导学生主动体会,形成读的见解,并通过读表现出来,读出美、读出情趣、读出感情。

二、重视语言实践,让学生模仿课文句式写作训练,给学生语言实践的机会。本课存在的不足是对学生课件设计的还不够精细,某些细节掌握还不是很精确,对此我将继续努力,进一步优化信息技术与学科的整合,逐步改进、提高自己的教学。

网页设计与制作教案 篇5

教师:系部:信息技术工程系专业:计算机应用班级:计机

湄洲湾职业技术学院

2008-2009学年第一学期

唐 俊 奇

电子信息

07(1)信息07(1)08(2)

1.3 网页中所使用的技术

1.3.1 HTML语言和XML语言

1、HTML语言

ØHTML只使用SGML中很小一部分标记

ØHTML语言(Hyper Text Markup Language 超文本标记语言)

ØHTML是纯文本的语言,其源代码可以用各种文本编辑工具进行编辑,常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具

2、XML语言

XML(eXtensible Markup Language)1.3.2 动态网页

1.3.3 多媒体技术的应用 1.3.4 Web服务器端程序

1.4 制作网页的基本方法

1.4.1 制作网页的基本步骤

1、确定网页的内容

2、设计网页的组织结构

3、资料的收集与整理

4、选择网页的设计方法

1.4.2 制作网页时要注意的问题

1、网页的标题要简洁,明确。

2、在文本中要使用水平线,以分割不同部分。

3、对重点段落要强调显示。

4、网页中插入的图片要尽量的小。

5、图形要附加文字说明,以便关闭图像时查看。

6、网页中引用的资料及商标(或图标),不能侵犯版权。【课后小结】

通过学习,认识网络、网站、网页及相关信息,理解网页制作的流程及了解相应开发工具,为设计网页做准备。

第二讲 HTML的基本标志与格式标志

【教学内容】

讲解HTML基本标志对和格式标志。【教学目的】

使学生标志对与格式标志对的使用。【教学重点】

格式标志的使用。【教学难点】

* 使学生掌握超级链接标志的使用。【教学重点】

* 字体、图片和超级链接标志的使用。* 网页中特殊符号的输入。【教学难点】

* 理解特殊符号对应的标志。* 理解img标志中属性的意义。* 理解书签超级链接的意义。【教学方式】

讨论式、案例分析式、练习式。【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《WEB网站设计》Joel Sklar著 高等教育出版社。

3、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】

2.2 插入文字

2.2.1 划分段落 格式

段落内容

2.2.2 插入标题文字 格式

标题内容 2.2.3 字号属性

设置基准字号: 网页内的其他文字,采用下面的格式来定义 ...... Size的有效范围是1(最大)到7(最小)。如果在Size的值前面带上“+”号或“-”号,则表示相对于基础字体增大或减小若干字号。2.2.4 颜色属性 两种方式

字符串 2.2.5 字体属性

2.2.6

文本修饰

......,文字以粗体显示。......,文字显示为斜体。......,显示下划线。

......,中心线贯穿文字。< EM>......,强调文字,通常用斜体。

< STRONG>......,特别强调的文字,通常用黑体。

2.3.2 图片的属性

2.4 建立超级链接

2.4.1 指向一个目标

1、建立超级链接

字符串

2、为图片建立超级链接

3、链接到邮件和多媒体文件 链接到邮件

请与我联系 2.4.2 使用锚点

Ø使用锚点可以使用户在一个较长的文档中跳转,方便地找到要阅读的内容。Ø建立锚点:

Ø锚点文字 Ø使超级链接指向已定义的锚点。Ø文字 Ø文字 2.4.3 新窗口和基准链接

1、打开新窗口

Target=“window-name”>开一个新窗口

2、基准链接

在 与 之间设定

BorderColor=“#008000“ >

2.7.3 子窗口属性设置

-2.7.4 常见的框架窗口划分方法(1)标题和正文,分为上下两部分(2)层次结构,分为上中下三部分

(3)目录和标题,分为左上、左下、右三部分

(4)标题、目录和正文,分为上、左下、右下三部分(5)嵌套目录,分为左、右上、右下三部分 2.7.5 不支持框架的网页

</p><h3>网页设计与制作期末设计报告 篇6</h3><p>---个人网站设计报告</p><p>指导老师:盛加林 学号:20082809 姓名:杜才伟 班级:信管0802</p><p>一. 概述</p><p>随着网络技术的迅速发展,网络应用越来越趋于平凡化,无论是企业还是其他组织机构或者是个人,都希望利用计算机网络技术开发对自己有价值的东西。关于个人网站,现在越来越多的人通过个人网站记录自己的故事,与朋友分享生活的点滴,同时还可以通过个人网站广交朋友。</p><p>本次的个人网站设计是网页设计与制作的期末检测,同时也是对自己学习的检验。本次设计运用平台是windows,运用的工具是Macromedia Dreamweaver 8,主要语言是html语言和javascript,样式设计采用的是css样式。</p><p>在个人网站的设计中,我采用了通常iframe网页框架,风格源于自己浏览其他网站的灵感,网页flash的设计借鉴了网上优秀flash动画,首页还采用了网页音乐播放器控件。照片的处理用到了photoshop和Macromedia Fireworks 8。</p><p>二. 设计结构图</p><p>个人空间我们的故事</p><p>相册关于我首页 三. 设计主题</p><p>岁月如梭,年华似水。默默流逝的青春给我们每个人留下了不同的回忆,我的个人空间的设计主要是记录大学生活。有学校的剪影,有寝室的合影„„每一张记录都是未来的我最美好的回忆。设计的主要以怀念为主题。曾经的那些花儿,曾经的那些故事都是生命里美的转弯。</p><p>四. 模块介绍</p><p>(一)、首页介绍</p><p>首页是个人网站的入口,大概的设计框架是头是一个部分、头以下分为左右两个部分。头部如下图:</p><p>导航条:</p><p>导航条主要是“我们的故事”、“相册”、“关于我”三个模块的超链接点击三个连接即可跳转到不同页面。头部以下部分:</p><p>这部分的设计主要有图片处理、文字从下往上滚动、音乐播放器、时钟的设计、flash设计</p><p>(二)、我们的故事</p><p>我们的故事主要是文字描述,整体样式如下:</p><p>这个部分主要是记录一些故事,每一段故事中都会存在一些悲伤的插曲,背景漂浮的flash动画加上背景音乐,还有略带伤感的文字,整体呈现淡淡的伤感而又不失积极向上。</p><p>(三)、相册 相册主要是展示大学四年中的记录,有关于学校的,有我们寝室的,有自己的:整天样式如下图:</p><p>相册页面上面是大学里照片的轮换,中间是自己处理后的照片,下面是文字大概描述照片的故事:</p><p>(四)、关于我 五. 主要设计</p><p>(一)、首页主体框架</p><p><body onLoad=“InitialiseAutoScrollArea();”> <EMBED style=“POSITION: absolute;WIDTH: 980px;HEIGHT: 541px;TOP: 1px;LEFT: 1px” height=541 type=application/x-shockwave-flash align=right width=967 src=http://imgfree.21cn.com/free/flash/140.swf quality=“high” wmode=“transparent”> <center></p><p> </p><p><p>src=“../image/top.jpg”</p><p>width=“980px;” height=“130px;” /></p><h3>网页设计与制作作业 篇7</h3><p>一、静态网页制作技术</p><p>网页主要包括静态网页与动态网页两种,而静态网页制作技术主要指的则是专门对静态网页进行制作的一项技术[1]。一般情况下,其文本格式君为.htm格式。一般认为,静态网页的特点主要为静止,网页中本来存在的内容会一直存在,不会发生变化,这一认识存在一定的片面性,存在一部分静态网页,其中也包含动态的内容。</p><p>二、动态网页制作技术</p><p>动态网页制作技术即专门针对动态网页进行制作的一项技术,在制作过程中可以利用的计算机语言存在很多种,其中Java Script便属于较为常见的一种,动态网页的制作不会仅仅使用一种语言来完成,不同的语言之间需要互相综合,这样一来,便可以很顺利的实现从静态网页到动态网页的转换。动态网页的制作过程中包含的技术多种多样,其中PHP、ASP以及JSP均为十分重要的制作技术[2]。相对于后两者而言,第一种技术以其应用的便利性为主要优势,成为了当前较受欢迎的一种动态网页制作技术,在这一技术的支持下,动态网页的制作效果得到了明显提高。与PHP相比,ASP与JSP在制作效果以及实现形式方面存在较多的共同点,利用上述两种技术对动态网页进行制作,对于制作效率的提高较为有利。但两者之间同样存在一定的区别,相对于前者而言,后者所适用的范围更加广阔。</p><p>三、静态网页与动态网页制作技术比较</p><p>作为网页制作的两种主要技术,静态网页制作技术与动态网页制作技术之间即存在区别又存在联系,具体表现在以下方面:</p><p>3.1静态网页与动态网页制作技术的联系</p><p>从某种程度上看,动态网页制作技术源于静态网页制作技术,前者是对后者的继承与发扬,因此,目前的动态网页制作技术中,仍包含着静态网页制作的一系列理念,这是两者之间存在的主要联系[3]。但相反,静态网页制作过程中所采用的技术均为其本身所具备与应用的技术,并不存在动态网页制作技术的成分。</p><p>3.2静态网页与动态网页制作技术的区别</p><p>静态网页与动态网页制作技术之间的区别主要体现在以下方面:</p><p>首先,两种网页制作技术下,网页内容的保存方式不一致。在网页制作完成并投入使用之后,静态网页的内容会以独立的形式进行保存,但相对来讲,动态网页的内容并不会独立保存。后者网页内容只能在存在用户访问的前提下出现,而前者并非如此。</p><p>其次,两种网页在程序的交互性方面存在区别。静态网页制作技术下,网页并不存在交互性,而动态网页恰恰相反。相对于前者而言,后者交互性的实现属于一项极大的进步,不仅能够使网页内容更加丰富、层次更加深入,同时也能够改善用户对于网页的使用体验。</p><p>再次,两种技术适用范围不同。一般情况下,静态网页制作技术往往被应用于前台开发的过程,而动态网页则不适合被应用于这一过程。但需要注意的是,为使网站的使用率能够得到提高,在一定的情况下,两种技术之间能够实现相互转换,这属于两种技术整体水平进步的主要体现[4]。</p><p>最后,对网站建设过程中,对于上述两种网站的选择一定要根据网站的具体需要来实现,这样才能保证技术应用的合理性。对此,有关人员一定要加以重视,在选择制作技术之前,要对网站建设的目的及其所面临的用户进行考察,以使技术的应用能够达到更加合理的水准,从而为用户带来更好的应用体验。</p><p>四、结论</p><p>静态网页制作技术与动态网页制作技术均属于网页制作过程中需要应用的主要技术,两种技术即存在区别同时也存在联系。两者之间的联系主要在于后者的实现需要以前者为基础,而两种技术间的区别则表现在方方面面。在网页制作过程中,有关人员需要根据实际情况的不同,对技术进行合理选择,这样才能提高网页制作的合理性。</p><p>参考文献</p><p>[1]吴静.静态网页制作技术与动态网页制作技术的比较[J].电子技术与软件工程,2014,07:185.</p><p>[2]田红玉.静态网页制作技术与动态网页制作技术的比较[J].黑龙江科学,2013,09:116.</p><p>[3]姚绍岩.静态网页制作技术与动态网页制作技术的比较分析[J].信息与电脑(理论版),2015,07:71-72.</p><h3>网页设计与制作作业 篇8</h3><p>【关键词】网页设计与制作 ; 课程教学 ; 改革</p><p>【中图分类号】TP393.092 【文献标识码】B 【文章编号】2095-3089(2015)15-0266-02</p><p>一、课程教学改革背景</p><p>我校的《网页设计与制作》课程是信息技术专业的重要专业基础课程,该课程操作性强,知识点多,主要学习设计与制作网站。教学存在一些问题和弊端,如教学方法脱离实践、与市场需求脱节等。《国家中长期教育改革和发展规划纲要(2010-2020年)》明确指出:“职业教育要深化教育教学改革,创新教育教学方法,推进课程改革,加强教材建设,探索多种培养方式“。因此我们进行了改革和实践,以改变现状。</p><p>二、课程教学改革基本思路</p><p>确定基本导向是“把企业需求作为出发点,以就业为导向,着力培养学生制作网站的技能水平与应用操作能力”,在此基础上酝酿教学改革:第一在教学计划修订、课程设置上进行调整;第二重订教学大纲、授课计划;第三自创“案例—模块—项目”正逆向启发式教学模式。</p><p>三、课程教学改革的应用</p><p>1.教学目标改革</p><p>由原来的学会制作网页改为根据市场需求设计制作出一个完整的静态网站。</p><p>2.课程设置改革</p><p>1)重新设置课程内容。确定四大内容模块:①Dreamweaver网页制作;②Flash动画设计;③网页图像处理Photoshop;④基础的动态网页制作。第四点是原来不曾有的知识点,根据调研加上去的。</p><p>2)调整课程设置目标。以做出完整的网站为最终目标和考核方式。</p><p>3)不同专业确定不同教学目标。原来只要是开设了本课程的专业,教学目标都一样,现在针对不同专业制定不同的教学目标。</p><p>3.教学内容改革</p><p>1)Dreamweaver网页制作中,在原有知识点上增加了“HTML“、网页特效制作、WEB服务器设置、域名和网页空间的申请、网站测试发布宣传和推广、网站的更新管理和维护等重要知识点,并将原来的“表格+层”布局改为“CSS+DIV”布局。</p><p>2)Flash中强调变形动画、位移动画、遮罩动画、路径动画、脚本动画等实践性强的知识点操作,还增加了网页制作、相册制作等知识点。</p><p>3)图像处理则以Photoshop绘制、设计、处理图片、添加热点、切片工具,制作?鄢.gif网页图像等为基础,重点学习网页布局设计、网站标志设计、网站广告圖片设计、网页色彩搭配等常用知识。</p><p>4)动态网页制作使用ASP.NET技术开发平台,要求能实现前台用户注册、登陆和后台管理员对用户的添加、修改、删除、审核等管理功能。</p><p>所有知识点囊括了从网页构思、规划、制作和网站建设的全过程,一切为完成最终的网站项目服务。</p><p>4.教学方法改革</p><p>1)自创“案例——模块——项目“正逆向教学法。这种教学方法以案例为基础,相关案例构成一个模块,几个模块构成一个项目。其中案例是将课程内容与教学内容联系起来,将要讲授的知识点以实例的形式体现;模块是按照教学大纲的思路,将几个相近案例组合在一起,实现岗位技能的应用,有明确的学习目标、学习内容和考核标准;项目是各案例模块综合起来的一个任务,根据制作完整网站项目任务分析,确定不同知识模块。</p><p>2)辅以任务导向法、技术艺术法、趣味引入法、学生施教法、作品评价法、互动教学法、讨论教学法等多种教学方法因时制宜综合运用。</p><p>“案例——模块——项目“正逆向教学法与其他多种教学方法并用,提高了学生的学习兴趣,增强了课程的知识性、实践性和趣味性。</p><p>5.教学手段改革</p><p>1)使用我校高质量、高尖端的网络教学平台和教师端教学程序在实训室内联机教学,教师机能随时点名、教学、演示、答疑,控制学生机的开关、收发作业,学生也能随时提问、观看教师演示,自己练习,目前该课程全部在实训室内进行。</p><p>2)利用广阔的因特网做为学习空间,学生不但可鉴赏、观摩国内外优秀网站、动画、版面、图片、资料等,还可上传自己制作的个人主页和小型网站,学生学到许多课堂上接触不到的知识。</p><p>3)到社区、学校、中小企业、政府机关、互联网等广阔的社会天地去实习、训练,让学生接受生产一线的考验与锻炼,毕业后不需培训即可进入一线岗位。</p><p>6.教材改革</p><p>1)校本教材</p><p>①根据革新的授课内容来制定教材,去掉不合理的增加实用的知识点,并按实际操作调整内容排列顺序。</p><p>②教材中每小节知识点以案例的形式体现,数个案例形成一章,一章体现的就是一个模块的内容,数章体现的是一个项目。</p><p>③一章一章深入,内容相互衔接,由易到难,由小到大,循序渐进。</p><p>④完整的教材应包括文字概述、案例、案例组成的模块、模块组成的项目,网站实例,课件、实训习题等。</p><p>2)优先选用省部级以上获奖的高职高专优秀教材。</p><p>7.实行考评改革</p><p>在考评上我们加大了平时考评的力度,由最初的试卷考评、认证考评,到现在的通过平时作业完成情况、网站项目制作情况、创新、协作精神四个方面来考查学生的综合素质和动手能力,确定学生的考评成绩。</p><p>四、改革效果</p><p>1.提高了教学质量</p><p>通过改革,教学质量得到提高,学完本课程后,每个学生都能制作出一个完整的中小型网站来,毕业后就能赴生产一线岗位工作。像11级李海星的百姓鞋业网站、彭哲的音乐网站、柳志凡的手机网站、像12级的刘运文制作的汽车网站、吴流芳婚纱网站、岳婷的茶叶网站,08级的等都赢得了客户的好评。其中11级陈晓娟参加湖南省高职院校网站设计技能比赛获得第六名的成绩。</p><p>2.提高了教学效率</p><p>教改后,教学效率有了质的飞跃,原来需要四五个课时才能讲清的内容,现在两三个课时学生就能掌握。</p><p>3.提高学生学习积极性与创新思维</p><p>经过教改后,学生学习积极性越来越高,学习越来越主动,创新性作品不断涌现。</p><p>4.提高学生团结合作精神</p><p>在制作一个网站时,往往将其分成几个模块让几组学生共同完成。这样学生参与团队工作,随时会注意整体性和协调性,团队合作能力得到提高。</p><p>5.加强了课程建设</p><p>通过此次改革,重新定向课程目标、更新课程内容、理清了相关前后续课程,使课程结构变得更加合理,课程内容更加符合市场的需求、技术应用型人才的培养。</p><p>五、总结</p><p>通过近两年的网页设计与制作课程教学全面改革,调动了学生的学习积极性,培养了他们的科学创新思维,团结协作能力与动手操作能力。</p><p>参考文献</p><p>[1]李淑珍,李晓宾. 《网页设计与制作》课程在不同阶段的不同教学方法探讨[J].软件导刊,2008,(04):138-139.</p><h3>网页设计与制作教学大纲 篇9</h3><p>(供医学影像学、护理学本科各专业用)</p><p>前 言</p><p>《网页设计与制作》是一门应用性和理论性都很强的课程,是医学影像和护理学专业的选修课程。通过学习本课程使学生初步了解网页制作及建立网站的基础知识,掌握制作网页和建立网站的技术。</p><p>总学时:18学时,实际教学中采用理论教学中穿插上机实践。</p><p>第一章 网页设计基础知识</p><p>一、目的和要求</p><p>(一)了解Internet的功能</p><p>(二)理解WWW和网页、网站的相关概念(三)了解常用的网页制作工具(四)理解建设网站的基本方法和思路</p><p>二、教学内容</p><p>(一)网页基本概念:了解网页、网站、万维网(www)、浏览器、统一资源定位符(URL)、IP地址、域名、超级链接、静态网页和动态网页的基本概念。</p><p>(二)网页设计的相关知识</p><p>1、设计网页的原则: 了解网页设计的基本原则。</p><p>2、网页设计的一般步骤:了解网页设计的一般步骤。</p><p>3、Web服务器架构:了解Web服务器的概念、会建立IIS,会进行Web站点的设置与管理。</p><p>4、网页制作的常用工具:了解Frontpage、Macromedia Dreamweaver、记事本;了解图像处理工具Photoshop,Firework,了解动画制作工具:Macromedia Flash等。</p><p>5、客户端技术:了解HTML、DHTML、XML的概念。</p><p>6、服务器端技术:了解ASP、PHP、Java的概念。</p><p>第二章 HTML语言</p><p>一、目的和要求</p><p>(一)熟悉HTML标记语言的基础知识;(二)熟悉HTML语法基础;</p><p>(三)掌握文本格式标记、列表标记、表格标记、表单及表单控件标记,熟练利用标记编写页面代码;(四)掌握超链接、图像、音乐及流动字幕的设置方法。</p><p>二、教学内容</p><p>(一)HTML语言基本概念:了解HTML、超文本、Web页的概念。(二)HTML文档架构:掌握HTML文档基本架构。(三)</p><p>HTML常用标记</p><p>1、掌握文本格式标记:<font></font>,<b></b>,<i></i>,<u></u>。</p><p>2、掌握段落格式标记:,<hn></hn>,<hr>。3、了解特殊字符标记:&lt,&gt,&amp。4、掌握列表标记:<ol></ol>,<ul></ul>。</p><p>5、掌握多媒体标记:,<bgsound>,<marquee></marquee>。</p><p>7、掌握超链接标记:。</p><p>8、掌握表格标记:<table><tr><td></td></tr></table>。</p><p>9、掌握框架标记:<frame></frame>。</p><p>10、掌握表单及表单域标记:<form><input><select></select><textarea></textarea></form>。</p><p>第三章 Dreamweaver 8网页设计</p><p>一、目的和要求</p><p>(一)熟悉Dreamweaver 8操作界面;(二)掌握Dreamweaver 8建立与管理站点;</p><p>(三)掌握如何使用Dreamweaver 8对文本、图像、表格进行插入与编辑;(四)掌握如何使用Dreamweaver 8创建超链接、表单、样式表;(五)掌握如何在Dreamweaver 8中使用层与框架。</p><p>二、教学内容</p><p>(一)Dreamweaver 8基础知识:会启动、关闭中文Dreamweaver 8,了解Dreamweaver 8的功能、主窗口,标题栏、菜单栏、工具栏、网页编辑窗口、状态栏、属性面板、浮动控制面板组。</p><p>(二)站点的建立:熟练掌握利用Dreamweaver 8建立站点、管理站点。</p><p>(三)Dreamweaver 8页面设计: 熟练掌握利用Dreamweaver 8插入文字、插入图像、插入表格、插入超链接、插入媒体元素、插入表单,会使用样式表控制页面格式。</p><p>(四)页面布局:熟练掌握利用表格控制页面布局,会使用框架进行特殊的页面布局,了解利用层实现页面布局。</p><p>第四章 VBScript脚本语言</p><p>一、目的和要求</p><p>(一)了解VBScript的基本概念;(二)熟练掌握VBScript语法;</p><p>(三)熟练掌握VBScript的sub过程与function函数;(四)会使用VBScript进行简单编程。</p><p>二、教学内容</p><p>(一)VBScript的基本概念</p><p>1、了解在网页中如何嵌入VBScript。、了解VBScript语句书写规则、数据类型、变量、常量、运算符和内置函数的概念。(二)</p><p>VBScript的过程与函数</p><p>1、熟练掌握VBScript中SUB过程的建立。</p><p>2、熟练掌握VBScript中FUNCTION()函数的使用。</p><p>(三)程序设计流程:了解条件语句和循环控制语句</p><p>(四)VBScript对象的使用:掌握Window对象、History对象、Form对象的语法格式及使用方法。</p><p>并利用案例熟悉对象。</p><p>第五章 ASP动态网页制作</p><p>一、目的和要求</p><p>(一)深刻理解动态网页技术和静态网页技术的区别和联系。(二)掌握ASP运行环境的搭建方法及建立ASP动态网站的一般方法。(三)理解Request和Response对象的作用,熟练掌握其使用方法。(四)</p><p>能够综合运用网页设计方法创建动态网站。</p><p>二、教学内容</p><p>(一)ASP概述:了解ASP的概念,ASP的工作过程,ASP与HTML的区别。(二)</p><p>ASP动行环境:IIS的安装,IIS下站点的建立与管理。</p><p>(三)ASP的内建对象:掌握Request对象,Request对象可访问的变量Querystring、form、cookies和server variable;掌握Response对象,Response对象提供的方法write,redirect,end的使用。</p><p>(四)ASP动态网站的创建:利用ASP技术验证表单中用户填写的信息。</p><p>第六章 网站制作实例</p><p>一、目的和要求</p><p>(一)巩固Dreamweaver 8中网站设计的基本方法;(二)巩固编制HTML和ASP代码的方法;(三)综合运用所学知识设计制作小型网站。</p><p>二、教学内容</p><p>(一)网站的规划设计:确定网站的主题和名称,确定网站的形象,确定网站的栏目,确定网站的目录结构,确定网站的链接结构,网站的整体风格,首页的设计,站点的创建。(二)</p><p>静态网页设计(三)</p><p>动态网页设计</p><p>教材:李京文主编,网页设计与制作,高等教育出版社,2012。</p><p>李京文主编,网页设计与制作实训与考试指导,高等教育出版社,2012。</p><h3>网页设计与制作作业 篇10</h3><p>学习心得</p><p>今天上了第一堂选修课,课程内容很简单,讲了一些关于网页的基本内容,Internet是一个覆盖几乎全球的计算机网络, 在上面开通属于自己的微博,就可以发表观点了,有什么开心或是不开心的事都可以在上面的写下来,开心的与他有一起分享,不开心的就可以与他人一起分担,就不会那么伤心了。</p><p>最后这两次课,讲了网页制作的一些基本问题,回顾一下之前所学内容,首先网页上文字要合理安排,标题等少量文字可以采用特殊的字体,其它字体尽量选比较普通的字体,适合就好,不要做的比较特别,文字太大占的页面大,太小又不好,所以适中就好,这样就看起来比较大气,那些好的网站就是这样的。再讲了那个图形,网页中通常采用的是JPEG和GIF两种图片格式,通常一般不加背景图片,因为这样要占用大量的储存空间,所以当在打开这个网页时会有点慢,所以考虑网页的大小,尽量不要加背景图片,这样也不会显得花哨。从整体上体看就好一点了。</p><h3>微课的设计与制作 篇11</h3><p>关键词:微课程;微课设计;微课制作</p><p>中图分类号:TP317.4</p><p>1 微课程的概念及其发展趋势</p><p>随着计算机技术和通信技术的不断壮大,计算机网络的应用范围越来越广泛,近几年来与“微”相关的应用和平台迅速成长,并受到广大用户的青睐,因此在教育领域也要适应技术的发展方向,充分利用软件技术的优势,将教育方式进行创新,为此,微课程的概念便在教育领域应运而生,为教育教学方式开辟了新的模式,为广大学生提供了一个全新的学习知识的新途径,在微课程中教学中提倡学生自主学习,学生可以充分展示自身的个性和才华,同时为教师的教育教学开辟了新方法。微课程是以视频为中心而展开的教学,视频主要记录教师在整个教学过程中所讲述的知识点,微课的时间比较短,而且内容精炼,在较短的时间内对学生进行知识教育,可以保证学生具有充分的注意力,提高教学效率,而且微课程的教学时间比较灵活,因为微课的时间比较短,所以可以利用一些零碎的时间进行微课教学。目前虽然微课程并没有在学校的教学中完全应用,但是微课程的教学内容充分围绕教学目标而定制,微课程已经成为教育改革中不可缺少的一环。</p><p>2 微课的设计</p><p>虽然微课的出现为教育教学开辟了新的教学方式,但同时也为教学带来了一定的准备工作,微课教学并非与普通的教学方式相同,只需要课前对讲解的知识进行准备,而微课教学更重要的是微课程的设计工作。由于微课程教学模式刚刚兴起,所以微课的课程设计上还存在一定的不足,为了弥补目前微课设计的不足,就要从微课教学的选题、教学结构以及教育方式上进行完善和创新,以充分的发挥微课程教学的优势和最大程度的体现微课程应用的意义。</p><p>2.1 微课教学的选题</p><p>微课教学看似简单,微课教学的时间较短,内容明确,但是要充分体现微课教学的意义,其实微课的设计并不简单,尤其是微课教学的选题环节非常重要,而且并不是所有的课题都适合进行微课教学。首先,微课的选题可以吸进学生的学习积极性,让学生积极与教师进行互动,充分利用多媒体技术的优势,打破传统说教式教学模式。其次,微课要充分体现以学生为主体的思想,让学生成为微课中的主宰者,积极的表达自己的想法,激发学生主动学习知识的能动性。</p><p>2.2 微课教学的结构</p><p>微课教学内容清晰,时间简短,结构清晰,所以在整个微课堂中要有完整的教学结构,从引出微课主题,知识讲解,到师生之间相互讨论,创新和总结整个教学环节具有完整的教学结构。由于微课教学的时间比较短,而且学生保持集中注意力的时间有限,所以在微课教学结构的设计中不仅要注重结构清晰,而且要注意时间的安排。首先,教师以新颖的课题吸引学生的注意力;其次,引出微课的教学内容,以课题为中心展开知识讲解,然后给学生充分的时间进行讨论和创新;最后进行简短的总结,帮助学生理清思路,回忆知识点,加强对教学内容的记忆。</p><p>2.3 微课教育的方式</p><p>微课教学要想达到良好的教学目标,就要用最简短的时间,利用最准确的表达方式对教内容进行清晰的描述,代替传统模式只利用语言进行教学的方式,在微课教学过程中将文字、图形、图像以及声音相结合的方式进行教学,这样更有利于帮助学生理解和记忆,同时教师可以利用肢体动作配合语言表达的方式进行教学,这样生动形象的教育方式,更有利于吸引学生的注意力,因此,微课的教育方式要实行多样化。</p><p>3 微课的制作</p><p>微课是以视频为载体展开的教学,可以保存教学的完整过程,因此,微课的制作是微课教学的关键,在微课制作的过程中要充分利用先进的计算机技术和多媒体技术,保证微课视频图像的清晰,声音清楚,更重要的是确保微课教学视频画面的连贯性和微课教学内容的衔接性。</p><p>3.1 微课视频录制的前期准备</p><p>微课视频录制的质量与视频录制的前期准备有紧密的联系,只有在视频录制之前,将相应的准备工作做好,才有可能提高微课视频的质量,达到微课教学的目的。首先在视频录制前期,教师要准备好微课教学过程中所用到的素材,将视频录制的设备进行试用,在视频录制之前要确定视频画面的清晰度以及话筒声音的质量,确定相应软件可以正常使用,如遇到问题可以及时进行处理,以免在视频录制过程中出现异常,影响微课的进行和视频的录制,因此,在微课教学之前要充分做好视频录制的前期准备工作。</p><p>3.2 微课现场视频录制</p><p>微课视频的录制最好在专门的录播教室内进行,以保证视频播放的质量。录播教室环境如图1所示。微课视频录制常用的软件包括:Corel VideoStudio Pro和SubtitleWorkshop等。在视频录制的过程中教师要注意想要表达内容的位置,确保画面在录制的范围内,保证画面的稳定,提高视频的视觉效果。在视频录制的过程中画面间的切换要及时,由于微课的时间简短,所以要保证视频中的画面都是与教学相关的。画面在切换过程中的速度和频率不能过高,否则视频中会出现不清晰、不稳定的画面,影响视频的质量。</p><p>3.3 微课视频后期处理</p><p>由于微课视频录制的时间简短,所以难免会出现一些不理想的画面,所以微课视频的后期处理阶段是很关键的,视频后期处理过程中常用的对某些不清晰的图片进行处理的软件:Adobe Photoshop,声音处理软件 Cool Edit Pro。这些软件可以提高微课视频的质量,保证声音的清晰。在视频处理的过程中为了帮助学生更好的理解和记忆,最好在视频的下方添加必要的文字说明,在需要的时候可以插入相应的音乐等信息,最大限度的提高微课的教学质量。</p><p>参考文献:</p><p>[1]孟祥增,刘瑞梅,王广新.微课设计与制作的理论与实践[J].远程教育杂志,2014(06):128-132.</p><p>[2]郭玲玲,邹建梅.开放教育中微课的设计与制作[J].软件导刊(教育技术),2014(06):117-119.</p><p>[3]李娇娇,汤才梅,陈倩.微课程的设计与制作及其发展趋势[J].軟件导刊(教育技术),2014(03):102-103.</p><p>[4]李小刚,王运武,马德俊,靳素丽.微型学习视野下的微课程设计及教学应用研究[J].现代教育技术,2013(10):100-102.</p><div class="banquan"><p class="rel_art_line ltitle">【网页设计与制作作业】推荐阅读:</p><p><a target="_blank" href="https://www.wenshuyi.com/a/fileadre0ns3.html">网页制作与设计</a><span>12-30</span></p><p><a target="_blank" href="https://www.wenshuyi.com/a/filen8h7kewm.html">网页设计与制作课程</a><span>01-09</span></p><p><a target="_blank" href="https://www.wenshuyi.com/a/filebmw0xgf7.html">网页制作与设计教案</a><span>01-30</span></p><p><a target="_blank" href="https://www.wenshuyi.com/a/filee2kih20o.html">网页设计与制作实习日记</a><span>07-25</span></p><p><a target="_blank" href="https://www.wenshuyi.com/a/file4gbc4n8j.html">网页设计与制作的应用论文</a><span>10-07</span></p><p><a target="_blank" href="https://www.wenshuyi.com/a/filezsqn10w8.html">网页制作与设计教学大纲</a><span>03-01</span></p><p><a target="_blank" href="https://www.wenshuyi.com/a/filejgk5ku1l.html">网站设计与网页制作的基本知识判断题</a><span>06-17</span></p><p><a target="_blank" href="https://www.wenshuyi.com/a/fileglxs2lsp.html">案例教学法在《网页设计与制作》课程中的研究与探索</a><span>06-05</span></p><p><a target="_blank" href="https://www.wenshuyi.com/a/fileby2dt2di.html">网页制作结课作业</a><span>12-30</span></p><p><a target="_blank" href="https://www.wenshuyi.com/a/filenadtjnr5.html">网页制作设计报告</a><span>07-04</span></p></div></div><script type="text/javascript">s("wzfz");</script><p class="art-other"><a href="https://www.wenshuyi.com/a/fileozm35hcg.html" title="二年级语文神舟谣教案">上一篇:二年级语文神舟谣教案</a><a href="https://www.wenshuyi.com/a/file4b1e89th.html" title="应届护士应聘一分钟自我介绍">下一篇:应届护士应聘一分钟自我介绍</a></p><script type="text/javascript">s("wztj");</script></div></div> <div class="r conright conri1"><div class="jpfw mt40"><div class="title"><h5 class="clearfix">热门文章</h5></div><ul class="mt25"><li><a href="https://www.wenshuyi.com/a/file06eh8cd3.html" target="_blank"><span>1</span>网页制作实训</a></li><li><a href="https://www.wenshuyi.com/a/filekdllbtp1.html" target="_blank"><span>2</span>网页制作技术教案</a></li><li><a href="https://www.wenshuyi.com/a/file1hpuxuqh.html" target="_blank"><span>3</span>12、 网页制作教案</a></li><li><a href="https://www.wenshuyi.com/a/file4l84y3sr.html" target="_blank"><span>4</span>网页制作心得体会</a></li><li><a href="https://www.wenshuyi.com/a/file9z9692js.html" target="_blank"><span>5</span>网页制作实训心得</a></li><li><a href="https://www.wenshuyi.com/a/filewt2ohwfm.html" target="_blank"><span>6</span>网页制作教学计划</a></li><li><a href="https://www.99xueshu.com/w/file9k8prjbm.html" target="_blank"><span>7</span>网页课件的设计与制作</a></li><li><a href="https://www.wenshuyi.com/a/filei2owyja6.html" target="_blank"><span>8</span>管理信息系统网页制作步骤</a></li><li><a href="https://www.21xueshu.com/haowen/doc7s9qz5qf8.html" target="_blank"><span>9</span>网页设计与制作第七课</a></li><li><a href="https://www.wenshuyi.com/a/file7gwwhtb4.html" target="_blank"><span>10</span>模型设计与制作</a></li></ul></div><div class="rightok"><div class="jpfw mt40" id="key"><div class="title"><h5 class="clearfix">相关推荐</h5></div><ul class="mt25"><li><a href="https://www.wenshuyi.com/a/filekp0aqo8v.html" target="_blank"><span>1</span>网页制作课程设计定</a></li><li><a href="https://www.wenshuyi.com/a/fileppzcjicy.html" target="_blank"><span>2</span>网页制作设计求职简历</a></li><li><a href="https://www.wenshuyi.com/a/file5zve0rkz.html" target="_blank"><span>3</span>网页设计制作心得体会</a></li><li><a href="https://www.wenshuyi.com/a/file4cb5pdk5.html" target="_blank"><span>4</span>网页美工设计制作岗位职责</a></li><li><a href="https://www.wenshuyi.com/a/fileem09n3i9.html" target="_blank"><span>5</span>《网页制作与网站管理》培训总结</a></li><li><a href="https://www.wenshuyi.com/a/fileughedgzp.html" target="_blank"><span>6</span>网页设计期末大作业</a></li><li><a href="https://www.wenshuyi.com/a/fileoesyyn78.html" target="_blank"><span>7</span>网站规划与网页设计</a></li><li><a href="https://www.wenshuyi.com/a/fileeptkn34v.html" target="_blank"><span>8</span>网页制作网页练习题</a></li><li><a href="https://www.wenshuyi.com/a/file8a804yoq.html" target="_blank"><span>9</span>网页制作心得免费</a></li><li><a href="https://www.wenshuyi.com/a/file83aac48z.html" target="_blank"><span>10</span>动态网页制作心得</a></li></ul></div><script type="text/javascript">s("tjfw");</script></div></div></div></div> <div class="footer"><div class="footer-content"><div class="copy-link"><div class="earth-con"><div class="file-groups earth-con-item"><span>资料大全</span><a href="https://www.wenshuyi.com/site/a-a-1.html" target="_blank">A</a><a href="https://www.wenshuyi.com/site/a-b-1.html" target="_blank">B</a><a href="https://www.wenshuyi.com/site/a-c-1.html" target="_blank">C</a><a href="https://www.wenshuyi.com/site/a-d-1.html" target="_blank">D</a><a href="https://www.wenshuyi.com/site/a-e-1.html" target="_blank">E</a><a href="https://www.wenshuyi.com/site/a-f-1.html" target="_blank">F</a><a href="https://www.wenshuyi.com/site/a-g-1.html" target="_blank">G</a><a href="https://www.wenshuyi.com/site/a-h-1.html" target="_blank">H</a><a href="https://www.wenshuyi.com/site/a-i-1.html" target="_blank">I</a><a href="https://www.wenshuyi.com/site/a-j-1.html" target="_blank">J</a><a href="https://www.wenshuyi.com/site/a-k-1.html" target="_blank">K</a><a href="https://www.wenshuyi.com/site/a-l-1.html" target="_blank">L</a><a href="https://www.wenshuyi.com/site/a-m-1.html" target="_blank">M</a><a href="https://www.wenshuyi.com/site/a-n-1.html" target="_blank">N</a><a href="https://www.wenshuyi.com/site/a-o-1.html" target="_blank">O</a><a href="https://www.wenshuyi.com/site/a-p-1.html" target="_blank">P</a><a href="https://www.wenshuyi.com/site/a-q-1.html" target="_blank">Q</a><a href="https://www.wenshuyi.com/site/a-r-1.html" target="_blank">R</a><a href="https://www.wenshuyi.com/site/a-s-1.html" target="_blank">S</a><a href="https://www.wenshuyi.com/site/a-t-1.html" target="_blank">T</a><a href="https://www.wenshuyi.com/site/a-u-1.html" target="_blank">U</a><a href="https://www.wenshuyi.com/site/a-v-1.html" target="_blank">V</a><a href="https://www.wenshuyi.com/site/a-w-1.html" target="_blank">W</a><a href="https://www.wenshuyi.com/site/a-x-1.html" target="_blank">X</a><a href="https://www.wenshuyi.com/site/a-y-1.html" target="_blank">Y</a><a href="https://www.wenshuyi.com/site/a-z-1.html" target="_blank">Z</a><a href="https://www.wenshuyi.com/site/a-09-1.html" target="_blank">0-9</a></div></div><div class="footer-nav"><a href="https://www.wenshuyi.com/">网站声明</a><span>|<span><a href="https://www.wenshuyi.com/">侵权处理</a><span>|<span><a href="https://www.wenshuyi.com/">投诉反馈</a><span>|<span><a href="https://www.wenshuyi.com/">帮助中心</a></div><p class="footer-copyright"><a href="https://www.wenshuyi.com/" target="_blank">文书易</a> wenshuyi.com <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">赣ICP备2024034222号-2</a></p></div></div></div><script>window.KeyWord = "网页设计与制作作业";</script> <script src="https://www.wenshuyi.com/default/static/js/base.js"></script> </body> </html>