网页设计与开发——HTML CSS JavaScript 结业设计大作业.docVIP

网页设计与开发——HTML CSS JavaScript 结业设计大作业 第一章 序言 经过了一个学期的学习网页设计与开发这门课程，在李天俐老师的指导下，已经可以自己独立的完成小规模的网页制作，一学期的学习中，主要学习了基础的HTML编程语言，学会了运用表格制作，排版布局用代码实现的技术，其次就是学习了当今的主流网页制作的技术DIV+CSS，经过本人的观察发现现在的大型网站如淘宝，人人网，搜狐，新浪，网易，等等的网站，包括一些游戏网站均用到了DIV+CSS的技术，这大大增强了我学习这门课程的兴趣，尽管学业不精，但不乏可以进行制作网页。 JavaScript的内容部分类似与Java，但又不是很严谨，增加了编程人的随意性，此外还学习了Flash的技术，在一下的介绍中将会对网页的每部分介绍以及所应用到所学习的技术。 第二章 题目立意 网页设计大作业主页主题题目为“大连理工大学城市学院书店”。主要的想法就是在于看到了大连理工大学的书店基于网页设计的开发，突发奇想而设计的，由于时间上的原因对于整页的制作不够完整，待有时间会加强的。 第三章 作品简介 大连理工大学城市学院该网站由于时间原因主要制作了3个网页，其中涵盖了老师所传授的所有的知识点，其中“大连理工大学城市学院书店”主页以DIV+CSS的技术时间的，考研书店的界面主要一切片的方式实现的，其中附带Flash的个人制作，颇具艺术感，而表单的制作主要是用了photoshop，farework，等制图工具来实现北京的，而表单的整体布局则是运用了HTML语言的基础只是——表格来完成的。而里面的文本框则是运用了JavaScript技术来实现的。下面将是对每个页面附带效果的截图进行详细介绍。 第四章 作品详解 以下是对大连理工大学城市学院书店主页的介绍： 大连理工大学城市学院书店首页主要是分有：报刊杂志、文学类、专业书籍、考试过级、考研用书等五大项目的内容，此外还有热销的书籍，供前来购买者增加视觉的效果，下面对部分特效进行简要介绍。 对于大连理工大学城市学院网站进行简要的介绍，其每一部分附效果截图： 图4-1 该效果图为滚动页面。如果鼠标停留到上面 则停止，否则滚动显示，其具体实现等待老师自行实现。 图4-2 首页的菜单，当鼠标放到上面的时候会出现每个标题的下拉菜单。 图4-3 首页的滚动字母，鼠标停留处就停止滚都，否则则进行滚动效果。 其余部分则是主页的排版，老师请在遨游浏览器下打开INDEX主页，观看其效果，对于老的IE浏览器或者360浏览器不支持当前的技术，所以有的界面的效果无法按照截图的效果显示出来，在光盘里会附带傲游浏览器的。 以下是对大连理工大学城市学院书店考研分页的介绍： 大连理工大学城市学院书店考研分页主要是涉及考研用书的介绍，实现方式是以切片的方式为主要方式实现的，对于色调和形式上与主页想一致，体现了网站的一致性的风格，不显得突兀，此外还附带了优雅的FLASH动画制作的效果，更加另该页效果更吸引人。 图4-4 附带黄山已经效果的Flash，使原本比较单调的考研的页面增加了人们对他的吸引，更容易，或者喜欢来到这个页面前来买书。一个好的Flash可以吸引人们前来观看，如果设计到了商机的问题，则会吸引更多的人来购买，从而增加了利润。 风格一致的切面图书类别增加了整体效果的充实性。在考研网页的每个切面了文件夹切片图下图带每个图片的切片图。 图4-5 以下是对大连理工大学城市学院书店表单分页的介绍： 我觉得所有的网站的表单的设计都如出一辙，人们更关心填写的项目是否繁琐复杂，而更少的去关注与表单的效果或者是吸引人的地方。恐怕吸引人的地方就是注册送好礼之类的东西吧。书店嘛。也不必那样的花花，而作为大作业存在的他更是考察最基本的东西的，因而表单的制作是采用了HTML编程语言和Javascript2种语言。 图4-6 会员注册页面，完全各人的PS与HTML的基础，其具体望老师自己打开观察。其中若然附带了Flash的介绍。页面新颖。 第五章 学业感受 第六章 附录 文本共含3个网页，JavaScript原文件，image图片，切面图片，考研那分页图片，会员登录图片，flash，详情见盘，版权所有。