Web前端技术.docVIP

《Web前端技术》课业报告 一 网站设计方案 这一网站要展示的大致内容应该包括以下几项： 标题（我的个人网站）； 首页； 音乐盒； 留言板； 相册； 个人资料； 二 设计步骤 这一网站的采用的是一个典型的固定宽度“1-2-1”的布局，其设计的核心任务是美术设计，通俗的说就是要让页面更美观，更简单，更漂亮。 个人网站实现了留言、相册、日志、个人资料、链接、首页等诸多功能于一体的网站 在导航中，首页网站下有4个二级网页，各网页的具体内容如下： 首页：展示了我的个性的签名等等 音乐盒：手机或下载的一些歌曲 留言板：朋友的留言 相册：图片。 个人资料：自己的简介 1个人首页功能模块功能的实现过程 个人首页主要放置主人的最新动态，导航条菜单包括留言、相册、日志、个人资料、链接、首页。底部插入个人网站的版权信息。 （1）.个人首页导航功能实现介绍 个人首页导航有六个链接分别是：我的首页、个人资料、留言、相册、日志、我的相册、留言板。 代码如下: /table table width=777 height=290 border=0 tr td width=175 height=261 align=center valign=toptable width=189 height=283 border=0 align=center bordercolor=#FFFFFF background=img/u=3412938158,3902546532fm=0gp=28%5B1%5D.jpg tr td width=190 height=54 align=centerspan class=style6a href=index.htm首页/a/span/td /tr tr td height=50 align=centerspan class=style6a href=yinyuehe.htm音乐盒/a/span/td /tr tr td height=48 align=centerspan class=style6a href=liuyanban.htm留言板/a/span/td /tr tr td height=51 align=centerspan class=style6a href=xiangce.htm相册/a/span/td /tr tr td height=49 align=centerspan class=style6a href=gerenziliao.htm%20个人资料/a/span/td /tr /table/td （2）.个人首页公告栏功能实现过程 公告栏的功能主要是对于浏览者现设计的。当浏览者进入首页时就可以看到分告栏中的信息。主要用于提示和建议看主人的最新动态。代码如下: div class=extraBox span h2本站最近消息/h2 p欢迎各位好友来访，在本站您可以看见关于本人的个人资料和信息等等.../p /span /div /div 2个人资料功能模块的实现过程 本模块是个人资料部分，每个个人网站都会有作者介绍。个块分别是：个人简历列信息显示和个人资料。在这页面主要的是静态的页面。在这个模块访客会了解到作者的一些基本信息。 3个人相册功能模块的实现过程 本模块是展示个人的相册，主要是借鉴影集的制作来完成个人相册的功能的实现。个人相册进行好归类后分成多个方面的相册所以首先进入是个人相册的目录。个人相册主中，浏览者可以看到我“我的相册”、“我的朋友”、“明星相册”，的相关照片。在进行相册查看时浏览者通过鼠标移动方式来浏览图片示在图片,如下图3-8所示。 4.留言板功能实现过程 设计一来实现个留言板作为和浏览者交流的纽带，这样可随时掌握浏览者的相关信息和最新动态。浏览者通过留言后提交到后台数据库中，然后管理用户可以通过后台进行对其留言的回复。留言薄就可以产生一个动态的留言薄交互平台。 5.音乐盒功能实现过程 通过收藏和下载的歌曲来实现 三，总结与体会 ?在这个制作过程中，我学会了独自面对困难和独自面对挑战。孤军奋战固然困难，但我十分享受这一过程，这是一个能令人感觉到收获的过程。曾经的我那么依赖别人，那么一昧的收获而不是付出。有时丧失那一份自立的能力。直到这次的网页制作我才了解到自己在学习电脑的过程中，最让我有成就感的就是学会了制作网页和使用搜索引擎。制作网页，刚开始的时候还是兴致勃勃，充满激情的。但是随着所制作的网页的页数越来越多，就逐渐感觉有点思维混乱，自己准备的素材应该怎么放？如何排版？慢慢下来