阻，他们总是默默地在背后支持我，鼓励我。立誓走上社会以后做有用之才，可塑之才，无愧于自己的老师，无愧于学院的领导无愧于自己的父母，为母校交上份满意的答卷。常用的有等等如图所示将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同行内，允许空格。但对于这个属性不是所有浏览器都识别。图浮动间距相应的设置大小，行高，首行缩进，间距，内边距元素的内边距在边框和内容区之间。上右下左上右左下上右下左无标题文档这个的宽度实质已经增加了外边距围绕在元素边框的空白区域是外边距。支持负值，在页面布局中，应该大胆的用，可以解决很多问题。最常用的就是居中当然定要固定宽度。无标题文档这个属性是无法居中的，如图所示所示图元素边框调整交互设计与由于视觉设计本身是种比较主观的创作性工作，那些已经被制定好的视觉结构常常因设计师的审美需要而被剥离，切割。这种情况下，交互设计尤为重要，既不能失去设计的特性，又要确保设计师利用其专业知识在视觉结构内进行充分发挥，这是种艺术如图，所示图导航栏图咨询中心点，线，面的运用先进开发思想和良好设计模式的前端模块化技术正逐渐成熟。根据网站前端模块化的不同开发思想，详细分析了目前常见的三种模块化开发策略，阐述了每种开发策略的具体实现方法，常见的框架与工具存在的问题及优缺点，并提出了完善前端模块化开发策略的些方法。在网页设计中同样离不开平面设计中最基本的点，线，面的运用。点的运用在内容繁杂的网页上为了可以让浏览者更轻松的找到自己想要的信息，点的引导作用必不可少如图所示图点的应用线的运用线不但起到了页面的分割作用，很好的运用线条还使网页锦上添花如图图线的应用网站结构布局及设计网站首页结构实际内容占据网页的大部分空间，为，导航部分不超过。颜色的选择以青白色为主，没有使用太多的颜色来修饰个对象，此外，正文和背景色的对比度较大，般字色为默认的黑色，并且用了不同的背景色条区分正文区与其他功能区。为了提高网页的可读性，标题区，标题行和正文区使用了不同大小的字体，正文使用的是静止的文字，且字体足够大，以便于阅读。数字媒体技术系网站主要用来进行教学信息的发布与显示。作为个网站，应该由些相关及相对独立的模块整合而成。本网站系统主要包括以下几个主要页面及几个大的模块，每个页面包含丰富的内容，每个大的模块下又细分为几个的功能模块。制作前台页面模块，包括主页及各个子页面，建立各个页面与数据库中相关数据链接，实现前台通过调用数据库把后台数据在前台显示和更新。整体网站遵循数字媒体技术系院校类网站的设计思路，拥有完善的功能，风格要求简洁大方不单调。各个子页面都可正常返回主页以及正确连接到各个子页面。功能要求使用简单全面，容易操作。由上面的分析，网站前端的结构设计成。如下图所示图网站整体结构图主题鲜明，富有特色在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下定的印象。对于些标志应充分加以利用。调动切手段充分表现网站的个性和情趣，突出个性，这样才能够办出网站的特色如图所示图网站标题版式编排布局合理性图网站版式排版图网页设计作为种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。站点设计简单有序，主次关系分明，将零乱页面的组织过程，混杂的内容，依整体的布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字，图形与空间的关系，使浏览者有个流畅的视觉体验，如图所示图中的区域是数字媒体技术系网站的大以及网站名称，能展现网站的主题。访问者第眼就能看的出来网站的类别等。区域是网站的导航栏，导航的颜色基本上是青白色，能展现网站的大体内容。导航栏跟顶端的颜色基本上直用户浏览网页时不会产生视觉疲劳。导航栏中每个导航按钮的设计也是符合美观要求。大方，大气，自然是设计导航栏的重要基础。区域是首页中的大图片，是浙江理工大学的全景图片，图片清晰拍摄角度广，色彩调整完美。现在正流行全景图片大大小小网站上都会用到全景图片。使用全景图给人种舒服的视觉感受。能够提升网站的美观程度。区域是教务信息区。发表各种有关教务类的信息区网站最新动态区域。最近在系发生的最新鲜的新闻，消息等内容都在这里按时间循序显示。区域中间区域的图片，为什么在网页中间放置图片呢是因为我们考虑到如果个网站文字内容区域特别多，总体结构看起来很乱没有主次层次的体现。让读者看起来无从下手的感觉。而且文字内容太多容易引起用户的反感。插入中间的图片就好比中间挖了条河样既能解决网站过于枯燥，也提升网站的美观度。区域师资力量介绍，介绍老师及附上图片。区域成果展示区域底部整个网站的底端。能起到调节整个网站的内容平衡。让网站设计的更加完美。网站前台页面设计数字媒体技术系网站主要包括系内概况，系内新闻，教务信息，专业介绍，选题系统，教学研究，科研创作等个子页面。制作过程如下首页网站制作过程首先利用制作了网站的首页效果图，大小为。在制作网页的过程中首先是在中用布局画出整个网站的大体布局格式，主要是分了三栏，各个栏目有可以分多个小栏目，并且通过样式来调表格以及图片，文字的位子。主页包括的内容主要有网站的域名，导航条版权。导航条又包含系内概况，系内新闻，教务信息，专业介绍，选题系统，教学研究，科研创作。系内概况,此代码主要是实现前段图片动态特效的代码。照片动态切换效果，可以直接涉及到网站是否有活力，也是整个网站集聚吸引力的地方，所以在使用调用的时候般不在同时间使用多次，以减轻服务器和数据库读写的负担。本章小结本章具体介绍了网站前端的实现，在动画效果的实现中给出了具体的代码。说明了在页面设计过程的具体实现，说明了网站修饰风格，可视化的重要概念。也是整个网站集聚吸引力的地方，所以在使用调用的时候般不在同时间使用多次，以提高服务器和数据库读写的效率。第章总结总结创建的数字媒体技术系的专业网站，网站前端设计最基本的三个技能，矢量图像编辑技术。前端的开发中，在页面的布局时，将元素进行定义，对展示的元素进行定位，再通过实现相应的效果和交互。本网站的建立的作用具有超时空特性，不仅能让本地区的人们了解学院，更可让世界了解本专业。网站巨大的教育资源，网站是实现教育资源分配的桥梁，它使每位教师和学生都能均等的得到培训和受教育的机会，能极大的提高教学效率。虽然提供了功能强大的应用程序开发环境,但和其它技术样,它也存在着些缺点。但毕竟是软件霸主微软精心设计的个宠儿,人们不得不慢慢向它靠拢，现在越来越多的服务器大多数都用。以信息网站为核心的信息系统建设方兴未艾，运用新技术进行创新的应用开发，提高网络系统应用成效将是个不竭的课题。本文中介绍了,以及前端布局的制作做法，详细的说明了数字媒体技术系网站前端的全部制作流程，以及网站中的主要功能。网站中还存在些不足之处，如网站的留言系统没建立等等。这些问题和功能有待于进步学习和添加。参考文献李燕高校校园网站功能探讨齐齐哈尔师范高等专科学校校报年期,李宝敏动态网站设计与开发应用教程清华大学出版社,孙更新,宾晟,宫生文程序开发大全基于平台主流框架开发中国铁道出版社黄军宝网站设计透过学习科学出版社,贾素玲,王强程序设计清华大学出版社,费东东挑战应用开发机械工业出版社,林小那些事掌握网络样式样式布局电子工业出版社,单东飞,张晓菲,魏然锋利的人民邮电出版社,林小那些事掌握网络样式样式布局电子工业出版社,张晓红网站前端模块化开发策略研究计算机时代