《HTML5JavaScript节课总结》由会员分享，可在线阅读，更多相关《HTML5JavaScript节课总结（8页珍藏版）》请在金锄头文库上搜索。
1、HTML5+JavaScript 节课总结河南理工大学HTML5+JavaScript 网页设计与网页特效制作作品设计说明文档2014 2015 学年第 2 学期课程名称HTML5+JavaScript 网页设计与网页特效制作作品题目 河南理工大学宣传网页 学生姓名学号专业班级 电信 1303 班 联系电话指导教师 赵 英 刚2015 年 7 月 5 日目录1。 作品整体构思及网站（网页）的主体构想 . 1HTML5+JavaScript 节课总结2. 作品总体设计方案及制作思路 . 13.主要技术及知识点的运用 ,难点问题的解决 . 34。作品制作完成后的总结与感受 . 45.谈谈你对 HT
2、ML5、CSS3、JavaScript 等 web 前端知识的认识 56.学完本门课程后你对任课教师的意见和建议 . 67。学生诚信承诺书 . 78。教师成绩评定 . 8HTML5+JavaScript 节课总结1。作品整体构思及网站（网页）的主体构想我的网站的构思是建一个基于 HTML5，JavaScript 和 CSS3 的网页开发应用技术的宣传网页，网站的主题思想是宣传河南理工大学。网站包括主页，学校介绍 ,图片欣赏,学院设置，以及联系我们。网站最大的特点是借助了 CSS3 的网页页面布局的应用技术是的网页的界面更具有可读 性，从而使得网页的宣传力度更大，能够达到网页最终的目的。2.作品
3、总体设计方案及制作思路该网站属于企业机构宣传网站，网站包含外部网站的链接 ,例如通过网站左上角的 connect 可连接到河南理工大学的首页，包括部分的图片包含的学校官方网站的其他链接。在做网页之前，我确定了做网页的五个步骤：一、确定网站主题 ：网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有 一个明确的主题。在这里我的网站主题就是宣传或者传销类网站 .二、搜集材料 ：明确了网站的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。在这里我搜集了好多关于河南理工大学的图
4、片 ,信息，并且 去官网进行了详细的了解。三、规划网站 ：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计一座大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力.在规划方面我将网站的结构做成一页包含所有的内容，栏目的设置和大多数常见的网站并没有什么差别，但总体网站的风格还是比较新颖的，比如，网站的排版是经过精心的设计，而且采用了 CSS3
5、网页排版技术来达到完美的效- 1 -HTML5+JavaScript 节课总结果，通过点击网站的顶端的栏目，可以马上翻到该栏目的详细介绍中.我认为这是该网页最吸引 人的特效。四、选择合适的制作工具 ：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。在该网页设计中由于采用了 CSS3的网页开发技术 ,所以没有选择老师上课中使用的软件 . 我使用的是当今的开发网页的主流软件Adobe Dreamweaver CS6 。Dreamweaver CS6 是世界顶级软件厂商 adobe 推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用
6、程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页（通常是标准通用标记语言下的一个应用HTML），对于初级人员，你可以无需编写任何代码就能快速创建 web 页面。其成熟的代码编辑工具更适用于 web 开发高级人员的创作!cs6 新版本使用了自适应网格版面创建页面,在发布前使用多屏幕预览审阅设计，可大大提高工作效率。改善的 ftp 性能,更高效地传输大型文件。“实时 视图”和“多屏幕预览”面板可呈现 html5 代码，更能够检查自己的工作。五、制作网页 ：材料有了,工具也选好了，下面就需要按照规划 ,一步一步地把自己的想法变成现实了，这是一个复杂而细致的过程
7、，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容 ,然后再设计复杂的内容，以便出现问题时好修改。 在制作网页时要多灵活运用模板，这样可以大大提高制作效率 .网站包括主页，学校介绍，图片欣赏,学院设置，以及联系我们.制作思路，参照一些网页的排版，以及相应的代码拼组在一块，并且注入自己的编程设计，理解.组成你所看到的宣传网页。 3.主要技术及知识点的运用，难点问题的解决这里我讲述下网页制作过程中运用的主要技术及知识点，难点问题的解决。1. 网页的整体布局设计网页设计作为一种视觉语
8、言 ,要讲究编排和布局,虽然主页的设计不等同于平面设计，但它们- 2 -HTML5+JavaScript 节课总结有许多相近之处,应充分加以利用和借鉴。版式设计通过文字图形的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来 , 特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时,更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性,比如宣传，以我所编辑的网页为例讲述下，它所提供学校的主页 ,学校的介绍,学校的图片欣赏，学院的设置以及联系我
9、们等介绍信息。应怎样编排才能使浏览者有一个流畅的视觉体验 , 从而方便他对事物（学校）的了解 ,促成他的认可，加 入。2. 网页设计中色彩的运用色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响 ,合理地加以运用，按照色彩的记忆性原则 ,一般暖色较冷色的记忆性更强一些 .色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时,应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理 ,使得在线营销得到很好的实践效果
10、. 另要注意的是网页的颜色应用虽没有限制 ,但不能毫无节制地运用多种颜色 ,一般情况下 ,先根据总体风格的要求定出一至二种主色调，在已经有了完备的CIS（企业形象识别系统）的企业进行网页设计时，更应该按照其中的 VI 进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异 .如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠中的人喜欢绿色。在设计中要考虑众多因素。在我的网页设计中了绿色为主，衬 托出绿色生机勃勃的校园。3.
11、 网页形式与内容相统一- 3 -HTML5+JavaScript 节课总结要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义.运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现 内4.作品制作完成后的总结与感受总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习,去提高，凭借我对网页设计的热情和
12、执着,我将来设计出的网页会更加专业 ,更完善。也希望老师在今后的日子里多指导。网页设计还有更多的技巧，有待于我们去挖掘和研究。由于平时课程比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够 .不知不觉网页设计的课程将要结束了，这门课程所包含内容的 丰富是让我从没有想到的。5。谈谈你对 HTML5、CSS3、JavaScript 等 web 前端知识的认识HTML5:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（ HTML)的第五次重大修改,网页前端的标准书写；越来越多的行业巨头正不断向 HTML5 示好。除苹果、微软、黑莓之外，谷歌的 Youtube 已部分使用
13、HTML5；Chrome 浏览器宣布全面支持 HTML5 ；Facebook则不遗余力地为 HTML5 进行着病毒式传播.一切正如正益无线总裁王国春所说：“HTML5 代表了移 动互联网发展的趋势,总有一天它将成为主流技术。CSS 即层叠样式表（Cascading StyleSheet) 。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 CSS3是 CSS 技术的升级版本，CSS3 语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太
14、庞大而且比较复杂,所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块- 4 -HTML5+JavaScript 节课总结包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局 等。JavaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言 ,内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML（标准通用标记语言下的一个应用 )网页上使用，用来给 HTML 网页增加动态功能。6。学完本门课程后你对任课教师的意见和建议（不少于 300 字）我之前也休了一门类似课程，就是 android 开发与应用,再者就是我是电子信息工程的学生,硬件编程以及搭建是我们主要的课程之一 ,我学过 51 单片机，并且做了大量的 51 单片机的外置扩展.我很清楚我最大的感受就是理论不用于实践终究是理论，止于理论的学习，将来是没多少成绩的，即使有前途发展的
