网页设计与开发——HTMLCSSJavaScript结业设计大作业.pdf

《网页设计与开发——HTMLCSSJavaScript结业设计大作业.pdf》由会员分享，可在线阅读，更多相关《网页设计与开发——HTMLCSSJavaScript结业设计大作业.pdf（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、百度文库-好好学习，天天向上网页设计与开发 HTML CSSJavaScript 结业设计大作业第一章第一章 序言序言经过了一个学期的学习网页设计与开发这门课程，在李天俐老师的指导下，已经可以自己独立的完成小规模的网页制作，一学期的学习中，主要学习了基础的 HTML 编程语言，学会了运用表格制作，排版布局用代码实现的技术，其次就是学习了当今的主流网页制作的技术 DIV+CSS，经过本人的观察发现现在的大型网站如淘宝，人人网，搜狐，新浪，网易，等等的网站，包括一些游戏网站均用到了 DIV+CSS 的技术，这大大增强了我学习这门课程的兴趣，尽管学业不精，但不乏可以进行制作网页。JavaScript

2、 的内容部分类似与 Java，但又不是很严谨，增加了编程人的随意性，此外还学习了Flash 的技术，在一下的介绍中将会对网页的每部分介绍以及所应用到所学习的技术。第二章第二章 题目立意题目立意网页设计大作业主页主题题目为“大连理工大学城市学院书店”。主要的想法就是在于看到了大连理工大学的书店基于网页设计的开发，突发奇想而设计的，由于时间上的原因对于整页的制作不够完整，待有时间会加强的。第三章第三章 作品简介作品简介大连理工大学城市学院该网站由于时间原因主要制作了 3 个网页，其中涵盖了老师所传授的所有的知识点，其中“大连理工大学城市学院书店”主页以DIV+CSS 的技术时间的，考研书店的界面主

3、要一切片的方式实现的，其中附带Flash 的个人制作，颇具艺术感，而表单的制作主要是用了 photoshop，farework，等制图工具来实现北京的，而表单的整体布局则是运用了 HTML 语言的基础只是表格来完成的。而里面的文本框则是运用了JavaScript 技术来实现的。下-1百度文库-好好学习，天天向上面将是对每个页面附带效果的截图进行详细介绍。第四章第四章 作品详解作品详解以下是对大连理工大学城市学院书店主页的介绍：以下是对大连理工大学城市学院书店主页的介绍：大连理工大学城市学院书店首页主要是分有：报刊杂志、文学类、专业书籍、考试过级、考研用书等五大项目的内容，此外还有热销的书籍，供

4、前来购买者增加视觉的效果，下面对部分特效进行简要介绍。对于大连理工大学城市学院网站进行简要的介绍，其每一部分附效果截图：图图 4-14-1该效果图为滚动页面。如果鼠标停留到上面 则停止，否则滚动显示，其具体实现等待老师自行实现。图图 4-24-2首页的菜单，当鼠标放到上面的时候会出现每个标题的下拉菜单。-2百度文库-好好学习，天天向上图图 4-34-3首页的滚动字母，鼠标停留处就停止滚都，否则则进行滚动效果。其余部分则是主页的排版，老师请在遨游浏览器下打开 INDEX 主页，观看其效果，对于老的 IE 浏览器或者 360 浏览器不支持当前的技术，所以有的界面的效果无法按照截图的效果显示出来，在

5、光盘里会附带傲游浏览器的。以下是对大连理工大学城市学院书店考研分页的介绍：以下是对大连理工大学城市学院书店考研分页的介绍：大连理工大学城市学院书店考研分页主要是涉及考研用书的介绍，实现方式是以切片的方式为主要方式实现的，对于色调和形式上与主页想一致，体现了网站的一致性的风格，不显得突兀，此外还附带了优雅的FLASH 动画制作的效果，更加另该页效果更吸引人。图图 4-44-4附带黄山已经效果的 Flash，使原本比较单调的考研的页面增加了人们对他的吸引，更容易，或者喜欢来到这个页面前来买书。一个好的Flash 可以吸引人们前来观看，如果设计到了商机的问题，则会吸引更多的人来购买，从而增加了利润。

6、风格一致的切面图书类别增加了整体效果的充实性。在考研网页的每个切面了文件夹切片图下图带每个图片的切片图。-3百度文库-好好学习，天天向上图图 4-54-5以下是对大连理工大学城市学院书店表单分页的介绍：以下是对大连理工大学城市学院书店表单分页的介绍：我觉得所有的网站的表单的设计都如出一辙，人们更关心填写的项目是否繁琐复杂，而更少的去关注与表单的效果或者是吸引人的地方。恐怕吸引人的地方就是注册送好礼之类的东西吧。书店嘛。也不必那样的花花，而作为大作业存在的他更是考察最基本的东西的，因而表单的制作是采用了 HTML 编程语言和 Javascript2 种语言。图图 4-64-6会员注册页面，完全各人的 PS 与 HTML 的基础，其具体望老师自己打开观察。其中若然附带了 Flash 的介绍。页面新颖。第五章第五章 学业感受学业感受第六章第六章 附录附录文本共含 3 个网页，JavaScript 原文件，image 图片，切面图片，考研那分页图片，会员登录图片，flash，详情见盘，版权所有。-4