个人网站设计与制作课程设计
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
静态网页
个人网站设计与制作
计算机系10网络班
指导老师：金秋乐
设计：齐致远
课程名：静态网页
实验课题：个人网站设计与制作
实验要求：静态网页，至少包含主页，日志，相册，留言板，个人资料
制作准备：确定网站主题风格，网站结构，颜色搭配，搜集素材。
制作环境：Adobe Dreamweaver CS4
指导老师：金秋乐老师
主页页面
1、马鞍山即使天气预报代码
2、访客记录代码
您是第
位来访客。
3、时间代码用到了JavaScript脚本语言
4、前期图片美化、裁剪多次用到photoshopCS4
5、多次用到Map 链接
日志页面
1、日志页面用到Spry选项卡式面板参数为默认
2、“日志名”居左，“推荐”居右
3、每篇日志中的每个“上一篇”和“下一篇”和“返回日志列表”都是真实有效的，规格参数都一样
1、在日志里加入了媒体元素，*.swf游戏和*.flv视频媒体元素的Html链接目标均设置为_blank，方便返回主页面。
相册页面
1、相册的建立用到了Fireworks CS4 很方便的建立了整个相册
2、相册封面借助PS统一了风格
3、每个相片的页面也都能进入其他页面，例如下一页，前一页，留言板，音乐
4、相册Dear Family 用到了行为
5、相册before love 用到鼠标经过图像
音乐页面
1、歌词的显示和歌曲的滚动都用到了Marquee语句，本页面还利用行为播放声音代码如下div align="center">正在播放
（详见日志：滚动文字Marquee属性及参数设置）
2、多次用到Spry菜单栏来显示歌曲
ul.MenuBarVertical
{
margin: 0; //控制菜单栏与上下表格的距离
padding: 0; //控制内边距，相对于margin外边距
list-style-type: none;
font-size: 100%;
cursor: default; //是默认的小箭头指向
width: 8em; //控制菜单栏之间的宽度
}
ul.MenuBarVertical ul
{
……
width: 6.2em; //控制二级菜单的可视宽度，但不是二级菜单的实际宽度（不太好描述，
……
}
ul.MenuBarVertical ul li
{
width: 6.4em; // 这个才是控制二级菜单的宽度，如果这个width 设置为8em,上一个width还是6.2em，这个二级菜单的实际宽度为8em，但可以看到宽6.4em的界面，剩下1.6em的透明界面，但是二级菜单的右边框还是显示在另一菜单上。
}
随笔页面
随笔页面利用表格和图片做出种笔记本的感觉，只是在表格里设置背景图像repeat---y 出现点小问题。