网页设计课程设计说明书参考1

《网页设计课程设计说明书参考1》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、山东###学院《网页制作课程设计》设计说明书课程名称网页制作课程设计设计题目我的家乡专业班级计算机0901班学生姓名张三学号200911954指导教师李四起止日期2010年12月19日至12月24日我的家乡网站制作说明一、网站开发目的和功能简介随着网络技术的发展与互联网的普及，网站建设与网页制作越来越来成为各行各业以及个人宣传自己的有利工具。个人网站在当今时代被越来越多的人用来做为宣传自己，它在网站建设中占据着重要地位，制作个人网站成为一个热点。通过个人网站的制作可以向用人单位、老师、同学、亲朋好友

2、提供了解我个人的一个互联网平台。本站功能主要在方便用户查询本人的相关资料。二、网站的设计2.1网站名称：我的家乡2.2网站栏目划分：根据本网站的目的和功能规划网站内容，包括家乡各个旅游景点的图片、简介及其相关故事（1）各章节内容——对个人详细情况的介绍；（2）实例演示——列举了蔡秀萍工作实践经历和获得的许多奖项；（3）制作要点——利用移动标签让文字和图片产生动态的效果；（4）案例素材库——蔡秀萍个人的相关素材资料；（5）成品欣赏——个人网站的建设成品展示；（6）实训——与各模块相结合的实验内容；（7

3、）友情连接——友情连接到蔡秀萍个人提供的完整材料等；（8）版权声明具休如下图示：收藏本站首页导航栏详细内容版权声明其他我的资料我的相册我的作品求职意向我的更多设为首页首页友情链接2.3网站导航应用于所有页面提高网站的操作友好性。2.4网站的风格与色彩选择：页面以浅绿和浅黄色为主。浅绿色体现了活力，第12页共13页字体实用浅棕色和淡淡的灰色给人一种清析、稳重的感觉。所有页面色调统一，布局相似。2.5网站目录结构设计合理：不同素材采用不同学文件夹分开存放。如声音放在sound文件夹、图片放在images

4、文件夹，照片放在photos、FLASH动画放在flash文件夹、作业成果图放在works等。三、首页的制作过程版面分栏结构，即页头、导航栏、内容、版权（如下图）整个页面分为四部分，第一部分是动态的文字，体现的主题声明；第二部分是导航栏；第三部分是详细内容，其中网页中的文字排得整齐紧凑，这样能给人一种舒服的感觉。在网页适当的地方加一些图片，每张画面再加一些不同的文字说明，使得网页显得更加的精美；第四部分是版权声明。采用这种布局，主要是给浏览者一种简单、清晰、明了的感觉，使网站整齐划一。具体首页布局如

5、下图所示。第12页共13页3.2制作过程简述：本网页制作分为三个部分：顶部包括瓶子个人网站动画的制作、设为首页、收藏本站、与我联系、导航。中部又分为左右两个部分，左边为相册和名言警句，其中在我的相册中添加行为，并利用imageready制作动态的图片，是的图片自动变化，当鼠标放在图片上，使得图片停止变化，鼠标移开时恢复；右边为我的日志。底部为版权信息。我还为网页设置了背景图片，设定单元格局中显示，设定文字样式，还为页面增加状态栏运动文字的效果。四、求职意向制作过程4.1新建一个页面，命名为求职意向（

6、qzyx），其页面是以1024X768为基准分辨率进行布局。4.2在页面属性的外观中设置四边边距为0，文本颜色设为：#77c7c，背景颜色设为：#5F564D，大小设为12像素；在链接中设置下划线样式为：始终无下划线；在标题中设置标题1（1）为12像素，颜色为：#a0672e；在标题/编码中，设置标题为：个人求职网站。单击应用或确定按钮，确认以上设置。4.3利用样式定义各个部分的高宽，将images/main_bg.gif第12页共13页设为背景图片。其样式代码如下：#main_container{

7、width:950px;height:auto;margin:auto;background:url(images/main_bg.gif)no-repeattopcenter#f0f0d8;}#center_content{width:895px;margin:auto;}#header{width:895px;height:130px;margin:auto;}#middle_box{width:895px;height:278px;clear:both;margin:auto;backgrou

8、nd:url(images/middle_bg.jpg)no-repeatcenter;}#footer{width:895px;height:48px;margin:auto;color:#508aa1;border-top:1px#b2bbbbdashed;}第12页共13页4.4瓶子个人网站动画的制作（1）打开已经安装好的SWFText，在影片中设置宽度为：358，高度为：40，速度（帧频）为：11；在背景中勾选背景透明；在背景特效中的使用背景特效选择圆环，将颜