第一篇:06网页毕业设计教案
06网页2毕业设计教案
一、课程说明:
《毕业设计》是电脑艺术设计(网页方向)的一门主干课程;在每年级最后一学期进行,设置这一课程的目的是,让学生在总结整个学习期间训练成果的基础上,调动已掌握的各种手段,研究设计方法,认识设计规律,实践设计过程,拿出设计作品,从而了解设计的完整过程,提高创作能力,为毕业后的继续学习和终身学习打下良好基础。本课程强调学生在艺术设计上的主观能动性以及独立思考、分析、解决问题的能力,处理好理论与实践的关系,重在综合素质的培养。本课程的主要特点是综合性强、实践性强,需要运用在本专业领域的多元知识,形成完整的形式体系,用作品全面表现三年所学内容。
二、教学目的及要求:
本课程教学目的和基本要求是通过本课程的学习使学生能够充分认识和运用设计的原理,方法和规律,并能够充分调动已掌握的专业知识,形式手段,经过独立思考和实践去完成表现自我,表现客观世界的全部过程,通过这个过程,增加设计知识,提高设计能力,创作出相当水平的作品,为以后在社会实践中出成绩做好良好的准备。
三、教学重点及难点:
本课程重点是设计思想、设计规律、设计方法、形式语言和作品的完整效果。难点在于树立正确的审美理念和突出表现性。
四、与其它课程的关系:
《毕业设计》课程是学生全部学习过程中掌握能力的一个集中体现,综合了学生的人文、美学、思想观念、软件使用,专业知识、动手能力的全面素养,作品的优劣是对学生的最好检验。
五、教学内容:
(一)构思(1-20课时)本单元主要教学内容:
构思、立意、确定表现内容 2 搜集素材,选择形式 3 作创作小稿 4 确定架构初稿
本单元教学目的及要求:使学生学会根据自己的情况选择构思和题材。本单元教学重点及难点:构思的深度和立意的巧妙。
(二)完善初稿:(20-42课时)
本单元主要教学内容: 1 整理素材
确定架构和素材的关系 3 选择适合自己的形式语言。
本单元教学目的及要求:使学生在绘制草图的过程中研究和体会网站架构、表现
性诸要素在创作中的作用,把握完整性,达到审美与表现的高度统一。
本单元教学重点和难点:重点是处理好形式和内容的关系。
(三)制作过程:(42-72课时)
调动形式语言、合理运用软件工具。2 确定程序部骤,进入制作过程 3 作好布局,注重整体与局部的关系
深入完善,不断提高表现深度和艺术性,实用性,美观性。
本单元的教学目的及要求:使学生充分运用掌握的设计语言提高网页设计的适用性,完成创作过程。
本单元教学重点及难点:把握步骤,加深逻辑思维,综合考虑网页设计的整体性,逻辑性,规划网站的架构是设计的一个难点。
(四)整理修改过程(72-112课时)
设计过程中教师提出修改方案,为学生提出修改意见并辅导学生修改,使其作业更加完善。
本单元教学目的及要求:使学生体验创作作品的整个过程,重视设计的最后效果。完善设计中的每一个环节。
本单元教学重点及难点:修改实际设计中的不合理因素。
六、教材及参考书
学生在毕业创作过程中需要大量参考资料,而且根据学生所选择的创作内容和形式各不相同,所需参考资料极其复杂,各专业辅导教师应根据学生每个人的具体情况给予指导,选择参考书目,尽量满足学生的需要,以保证创作课程的正常进行和作品的质量。
七、评分方法
评分工作在学生作品展示时进行
各专业执行学院统一的评分标准
评分采用集体研究的方法,以系为单位,各系主任和辅导教师在对本专业全
部作品进行充分比较和讨论的情况下进行,先确定档次,在不超出档次的前提下各位教
师打出成绩,最后确定平均分数。4 优秀学生作品留校存档。
八、评分标准 内容健康 有独到的视角,表现生活,有一定的思想深度。有鲜明的形式感,能合理的运用形式语言,内容和形式的关系和谐统一。3 构图合理,画面完整,能很好的体现作者的构思和表达意向。4 造型意味新颖,个性突出,有一定的艺术表现性。画面整体感好,有细节刻画,能体现作者的情绪感受和一定的审美取象,能合理的处理画面,具有相当的艺术性。6 以课堂作业与提问相结合进行考核。
考核办法:课堂提问结合阶段作业的成绩计算总成绩,任课教师可以根据教学内容,为学生确定作业形式及作业数量,不能按时、保量完成作业者,由任课教师酌情扣分。不完成课堂作业者,不能取得本课程成绩。成绩计算方法:平时考勤、课堂表现占30%,课堂作业成绩占70 九.授课方式: 1.讲解与实训制作 2.多媒体教学
3.观摩优秀作品及教师中间集体讲评作业
第二篇:06网页毕业设计教学任务书
06网页一班毕业设计教学任务书
(一)构思(1-20课时)本单元主要教学内容:
构思、立意、确定表现内容 2 搜集素材,选择形式 3 作创作小稿 4 确定架构初稿
本单元教学目的及要求:使学生学会根据自己的情况选择构思和题材。本单元教学重点及难点:构思的深度和立意的巧妙。
(二)完善初稿:(20-42课时)
本单元主要教学内容: 1 整理素材
确定架构和素材的关系 3 选择适合自己的形式语言。
本单元教学目的及要求:使学生在绘制草图的过程中研究和体会网站架构、表现
性诸要素在创作中的作用,把握完整性,达到审美与表现的高度统一。
本单元教学重点和难点:重点是处理好形式和内容的关系。
(三)制作过程:(42-72课时)
调动形式语言、合理运用软件工具。2 确定程序部骤,进入制作过程 3 作好布局,注重整体与局部的关系
深入完善,不断提高表现深度和艺术性,实用性,美观性。
本单元的教学目的及要求:使学生充分运用掌握的设计语言提高网页设计的适用性,完成创作过程。
本单元教学重点及难点:把握步骤,加深逻辑思维,综合考虑网页设计的整体性,逻辑性,规划网站的架构是设计的一个难点。
(四)整理修改过程(72-112课时)
设计过程中教师提出修改方案,为学生提出修改意见并辅导学生修改,使其作业更加完善。
本单元教学目的及要求:使学生体验创作作品的整个过程,重视设计的最后效果。完善设计中的每一个环节。
本单元教学重点及难点:修改实际设计中的不合理因素。
第三篇:下载网页教案
下载网页教案
一、学习目标:
(1)学会下载网页的方法。
(2)学会移动文件(文件夹)的方法。
(3)以教师演示讲授、引导启发和学生讨论尝试、自主学习相结合的方式,学会在因特网上下载有用的网页。
(4)通过导入展示的精美网页激发学生学习下载网页的兴趣,并进一步提高学生使用信息技术的能力。
(5)在保存图片的自主探究中,培养学生发现问题并自我解决问题的能力,提升学生的自学能力。
二、教学重点、难点:
1、学会下载网页和移动文件(文件夹)的方法。
2、保存网页后应该有两个文件,复制操作和移动操作的区别。
三、教学过程:
(一)导入
师:同学们,我们先一起来欣赏一些网页吧!这些网页好看吗?同学们一定非常想保留下来吧?好!今天我们就来学习下载网页!(出示课题)
(二)新授
1、下载网页
师:如果我们作为小小老师,向别人介绍中国儿童资源网的时候,能把完整的网页也呈现给大家,那同学们就更容易理解了。回忆一下我们前面学习的下载图片和下载文字的方法,那么能不能把网页完整的下载下来,即使在断开网络时也能看到完整的网页呢?
师停顿,生沉思片刻
生回答上台演示
一生:首先全部选定
一生准备按住鼠标左键全部拖动 有学生插嘴:按Ctrl+A 一生用自己方法选定后,又尝试了Ctrl+A,非常成功,然后复制,打开Word文档,粘贴。
师:非常棒!XX学生用了我们前面下载文字的方法复制了网页中所有的内容,真会学以致用但是,我们小朋友仔细观察一下,用这种方法,有没有把网页中所有内容完整保存下来。
生讨论回答,找出不同之处。师:那么怎么办呢? 二生:把它添加到收藏夹
师:我们一起回忆一下,在哪儿用过“添加到收藏夹”
生回答
师小结:添加到收藏夹是帮助我们快速访问网站的方法,不是把网页下载到我们计算机里。
三生:文件——另存为
师强调保存类型
师让学生掌声鼓励操作正确的三生。
我们来看看保存好的网页,和前面下载文字的文件有什么不同吗?出现了两个文件,一个是网页文件,一个是同名文件夹。这个文件夹里有些什么文件?(学生可以点击文件夹浏览)
如果这个文件夹不见了,或者网页文件放到了其他文件夹里,又会怎样?(如果有学生发生这样的问题也可以由学生提出)自己尝试一下,然后和小组同学交流或者翻看书本,把你的交流结果告诉大家。
讨论保存网页的要领。
好,下面同学们自己来试一试,查找我们江阴一个景点的网页,然后把网页保存到“我的文档”里。
师生解决操作中遇到的问题。
2、移动文件和文件夹。(打开网页文件夹,用缩略图方式显示图片)这是刚才下载的网页中的图片,很漂亮,老师很喜欢,想把它放入自己的文件夹里,可以怎么办呢?(复制文件)(前面有复制文件(文件夹)的基础)
师让学生独立完成移动文件(文件夹)的操作 四人一小组讨论移动的方法 组内汇报演示
学生的汇报实在精彩,方法多种多样
1、按右键剪切——粘贴
粘贴的方法(1)直接在文件夹上按右键粘贴
(2)打开文件夹后粘贴
2、直接拖动
3、在菜单栏上选择“移动到文件夹”
两人合作探究选定多个文件的方法,教师提示两个功能键Ctrl,Shift 学生汇报
1、不连续的选定Ctrl
2、连续的选定Shift
3、用鼠标框住 误操作带来的意外发现
生:按住Ctrl健选定多个文件,不小心进行了“拖动”操作,复制了多个文件。
师总结: shift:按住shift键,把鼠标指针指向最后一个要选定的文件,然后单击,就可以选定首尾两个文件之间的所有文件。被选中的文件都是以蓝底白字显示。(广播演示)ctrl:选定不连续的文件
学会这几种选定文件的方法,有再多的文件要选定我们都不怕了。下面请同学们将下载的网页文件夹里的图片移动到你的文件夹里。
小结:我们可以用复制或移动的方法把文件放入其他的文件夹里,也可以同样的操作把文件夹复制或移动到其他的文件夹里。
3、比较。
刚才我们用了两种方法把文件放进自己的文件夹里,那到底复制文件和移动文件两种操作有什么不同呢?(学生归纳总结)
三、总结。
通过今天的学习,你有了哪些收获呢?希望同学们在以后的操作中,灵活运用我们今天学到的知识!
第四篇:网页教案
三、DW安装应用
在学网页创建中,有一款非常重要的软件叫DW软件,它件全称:Dreamweaver,被称为网页三剑客之一. DW软件学习内容: 1.DW软件下载安装
2.创建HTML文档和CSS样式表并将二者关联起来 3.DW软件的应用 A.HTML文档的创建 1.打开DW软件
2.如果想创建一个HTML文档,只要点击“新建”下面的HTML,这个就完成了一个HTML文档的创建。
3.在当前页面点击“代码”,就可以看到我们新建一个HTML文档的时候,包括“声明”、“标签”、“根元素”还有
标签及里面的第五篇:毕业论文 电影 网页 总体设计6
本科生毕业设计说明书(毕业论文)
题 目:电影网站的设计学生姓名:学 号:专 业:计算机科学与技术班 级:指导教师:
毕业设计说明书(毕业论文)
第四章 “爱电影”网站总体设计分析
4.1 网站总体设计
本网站用DIV块将页面分为几部分,每一个页面都有自己的页面划分情况,将电影网站制作成为一个拥有友好界面,并且布局合理、功能强大的,信息详尽的网站,本网站分为多个页面,分别为首页,各分类页,包括新闻频道、影院频道、商城频道、社区频道、发现频道,和详情展示页、注册页、登录页等。
电影网站会运用到多种颜色,只运用一种颜色会让人感觉单调、乏味、枯燥;但网站中主色太多的话,会让人感觉凌乱,无主题感[1]。一个网站需要有1~2种主题色与1~2种辅色,才不会让浏览者迷失方向。
1、主色
在网页上,面积最大的色彩为网页的主色调,爱电影网站中白色贯穿网站中所有的页面。其次就是以淡蓝色色做为设计的主色调。以蓝色为主色的作品,多数给人感觉理智、沉稳和冷静。
2、辅色
网站的辅色用了浅灰色,浅灰色给人以诚恳、沉稳、考究的感觉。灰色更有弹性,但灰色决不是灰心丧气,悲观的表现,它甚至比黑色更有张力!浅灰色使人觉得比较干练、干净,作为辅色就不能那么的抢眼,干净利落终归是最好的选择[2]。
3、背景色
整个网站的背景色是用的白色,白色显得特别的干净、简单。不会显得整个网站杂乱无章。白色与其他色彩对比强烈。当白色与其他鲜艳的色彩组一起搭配时,往往更引人注目并可以吸引浏览者。
4.2 “爱电影”网页版式设计
通过了解各个类型的网页设计版式,结合本网站是商业性网站,爱电影网站的设计中选择了骨骼型的设计方法来完成爱电影网站的前台网页设计与制作。
以首页为主,我将整个网页纵向分为三部分,第一部分作为该网也的头部约180px,主要包括网站logo,导航条;底部约300px,该部分主要书写电影网站的内部介绍,版权信息和基本信息;最重要的中间部分突出展示了电影宣传的全
毕业设计说明书(毕业论文)
部信息,该部分为竖向分栏,网页总宽度三分之二是电影宣传图片和文字信息的展示,还包括一些动态广告。
为使电影网站设计更具吸引力。网站字体形式多样,包括:字型、磅重、行长、行距,字符间距的调整以及字偶间距的调整。在网页前台设计中,排版是不容忽视的一个要素。当浏览者首次访问你的网站,他们一定会好奇你网站的主题和内容是什么,因此电影网需要使其具有可读性,并且让浏览者能够印象深刻,使浏览者在电影页面上停留更长的时间,并最终成为一个固定的访客。优秀的排版可以使页面主次分明、美观大方,具有创意的设计更是能给浏览者留下深刻的印象。
本电影网站的前台设计中所用到的网页版式主要是骨骼型。首页主要是以横向分栏为主,商品分类展示页则主要是以左右的结构为主。
4.3 “爱电影”网站设计功能结构图
电影主页面版式设计结构,如图4.1所示。
图4.1总体设计图
4.4 网站整体规划
4.4.1 确定网站名称
本设计是一个电影宣传类网站是阅览电影资讯和讨论电影的平台,不是免费收看和下载电影的网站。所以关键的部分是名字的选择,网站的名称要易于理解,贴近生活,这样才能具有吸引力。太过拗口的网站不容易让用户记住,气势磅礴的名字又太过华而不实,太过文艺的名字会让用户觉得不像是在电影类网站。所
毕业设计说明书(毕业论文)
以取一个贴切的名字是尤为重要的。
本次设计的网站名字定义为“爱电影”:为爱电影的人,“爱”字第一感觉体现了观影者对电影的热爱,又感觉气氛很温馨。“电影”两字直白的一眼看过去就知道这是一个电影网站,不用解释大家就会了解,方便且直观。爱电影就是让一群热爱电影的人,来到爱电影Love Movie,可以一边享受着电影赋予这个世界的美好时光,一边对电影的感悟汇聚到网络的海洋中。很多人认为名字的第一感觉是特别的有意思,这就是一个名字要给大家带来的效果。4.4.2 电影网站的整体规划
1、文字的格式化
1)字号和字体,行距
网页正文显示的字体最适合的大小约为16磅,较大的字体用于标题字号或其他强调的地方,小一些的字体可以用于页脚和辅助信息[3]。需要注意的是,小字号产生整体和精致的感觉,但不利于读取,适用用于页脚部分及不明显部分。
爱电影网站页面设计用字体可以充分地体现“爱电影”网站设计中要表达的含义。选择字体是一种直观的方式。除了对于可读性的影响,行距本身具有很强表现力,为了增强页面的效果,可以在个别板块加宽或缩窄行距,体现独特的网页审美。例如,新闻频道部分文字加宽行距体现了轻松、舒展的情绪。
2)文字的整体编排
爱电影网页面里的正文部分是由多个文字模块经过编排组成的群体,可以充分发挥文字群体在版面整体布局中的整体视觉效果。在电影网页的排版中,字体的处理应与周围颜色和版式以及图形等设计元素的处理要协调、友好。
标题与正文:首页在进行标题与正文的编排时,将正文作三栏的编排,再进行标题的置入。将正文分为三栏,主要是为了使页面具有空间与弹性,避免通栏的呆板形式以及标题插入方式的单一性。标题有的是整段有的是整篇文章的标题,但不一定一成不变地放于段首。可作居中、横向和竖向排列或边置等编排处理,甚至可以直接插入字群中,运用新颖的版式来打破旧有的规律。
文字编排的基本形式:分类页使用两端均齐文字的方式:从左端到右端的长度对齐,字群的形成方方正正的模块,显得既端正、严谨又美观。网页居中排列方式既可以使文字更加突出,又能产生对称的形式的美感。
毕业设计说明书(毕业论文)
电影网站分类页运用文字左对齐或右对齐样式,文字的左对齐或右对齐使行首到行尾自动形成一条清晰的垂直线,很容易与图形配合。
文字的强调:
电影网站采用行首的强调模式:将正文的第一排字或字母放大并作装饰性处理,嵌入段落的开头。由于它具有吸引视线、装饰和活跃版面的作用。
文字的颜色
在电影网页设计中,以文字、文字链接和已访问链接和当前活动链接选用各种颜色。网页默认样式是:网页一般字体颜色为黑色,默认的链接颜色为兰色,导航栏上的文字鼠标点击之后样式为红色。但需要注意的应该是,文字的颜色变化,应尽量少运用,因为什么都想强调,其结果是什么都没有强调。
2、图像
网页上最重要的设计就是图像。从一方面来说,图像的应用使网页更加美观并且有趣;另一方面,网页的图像本身也是传达信息的重要方式。与文字相比,图像更直观和生动,可以直接地把那些文字无法表达的信息主观的表达出来,易于浏览者理解和接受。
图像的格式:Web通常使用两种图像格式:GIF和JPEG。还有适合网络传播使用不是很广泛的图像格式:PNG图片格式类型。
爱电影网站多使用方形图:即图形以直线边框来规范。方形图可以使图像内容更突出并与周围环境共融,配置方形图的页面,还可以给人以稳重、理性和庄重和安静等感觉,缺点是有的图片平淡或呆板。
3、电影网站版式的类型
网页版式的基本类型主要有骨骼、满版、倾斜、焦点、三角、自由型等。此次爱电影网站的前台设计中所用到的网页版式主要是骨骼型。电影首页是以横向分栏为主,商品分类展示页主要是以左右分栏的结构为主。
骨骼型:网页版式骨骼类型是一种常用的并且规范的和理性的分割方法,类似于报刊的版式。爱电影网站用的骨骼有竖向双栏,和横向的通栏、双栏、三栏等。这种版式可以给人以和谐和理性的美感。