文档介绍：html5,学****计划
篇一:HTML5+JavaScript节课总结
河南理工大学
HTML5+JavaScript
页设计与页特效制作
作品设计说明文档
XX — XX学年第 2 学期
课程名称
作品题目学生姓名学号
专业班级电信1303班联系电话
指导教师
XX 年 7 月 5 日
目录
1. 作品整体构思及站(页)的主体构想....................................... 1
2. 作品总体设计方案及制作思路........................................................... 1
,难点问题的解决..................................... 3
............................................................. 4
、CSS3、JavaScript等web前端知识的认识.... 5
..................................... 6
..................................................................................... 7
......................................................................................... 8
(页)的主体构想
我的站的构思是建一个基于HTML5,JavaScript和CSS3的页开发应用技术的宣传页,站的主题思想是宣传河南理工大学。站包括主页,学校介绍,图片欣赏,学院设置,以及联系我们。站最大的特点是借助了CSS3的页页面布局的应用技术是的页的界面更具有可读性,从而使得页的宣传力度更大,能够达到页最终的目的。
该站属于企业机构宣传站,站包含外部站的链接,例如通过站左上角的connect可连接到河南理工大学的首页,包括部分的图片包含的学校官方站的其他链接。
在做页之前,我确定了做页的五个步骤:
一、确定站主题:站主题就是要建立的站所要包含的主要内容,一个站必须要有一个明确的主题。在这里我的站主题就是宣传或者传销类站。
二、搜集材料:明确了站的主题以后,你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作页的素材。在这里我搜集了好多关于河南理工大学的图片,信息,并且去官进行了详细的了解。
三、规划站:一个站设计得成功与否,很大程度上决定于设计者的规划水平,规划站就像设计师设计一座大楼一样,图纸设计好了,才能建成一座漂亮的楼房。站规划包含的内容很多,如站的结构、栏目的设置、站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的页才能
有个性、有特色,具有吸引力。在规划方面我将站的结构做成一页包含所有的内容,栏目的设置和大多数常见的站并没有什么差别,但总体站的风格还是比较新颖的,比如,站的排版是经过精心的设计,而且采用了CSS3页排版技术来达到完美的效果,通过点击站的顶端的栏目,可以马上翻到该栏目的详细介绍中。我认为这是该页最吸引人的特效。
四、选择合适的制作工具:尽管选择什么样的工具并不会影响你设计页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。在该页设计中由于采用了CSS3的页开发技术,所以没有选择老师上课中使用的软件。我使用的是当今的开发页的主流软件—Adobe Dreamweaver CS6。Dreamweaver CS6是世界顶级软件厂商adobe推出的一套拥有可视化编辑界面,用于制作并编辑站和移动应用程序的页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改页(通常是标准通用标记语言下的一个应用HTML),对于初级人员,你可以无需编写任何代码就能快速创建web页面。其成熟的代码编辑工具更适用于web开发高级人员的创作!cs6新版本使用了自适应格版面创建页面,在发布前使用多屏幕预览审阅设计,可大大提高工作效率。改善的 ftp 性能,更高效地传输大型文件。“实时视图”和“多屏幕预览”面板可呈现 ht