网页制作与网站设计.doc

JIANGSU TEACHERS UNIVERSITY OF TECHNOLOGY 网页制作与网站设计 作品名称: 我的最爱Jolin 学 院： 计算机科学与工程 专 业： 计算机科学与技术 班 级： 学 号： 姓 名： 指导教师姓名： 2010 年 6月一、 作品内容介绍我所设计的网站主题是：我的最爱Jolin ,该网站从个人履历、个人作品、演唱会、音乐欣赏为着手点出发，为用户全方面的了解蔡依林提供了良好的平台，让大家对她有了更深层的了解。该系统运用到了超文本和超媒体等WEB技术。二、 开发环境 软件开发环境是在windows xp 之下的，Dreamweaver 工具是一个可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。三、 系统的结构说明在jolin 这个站点下有两个文件分别为information、music ,在information文件中四个主网页和三个副网页，在music 文件中有一个网页和几首歌曲，主页中有四个链接，分别为个人履历、个人作品、演唱会、音乐欣赏。 页面逻辑结构图主要代码1 主页 欢迎来到Jolin的个人网页 ！ 个人履历 个人作品 演唱会 音乐欣赏 /tabl2 个人履历  查看更多 返回3 个人作品body background-image: url(./picture4.jpg);background-repeat: repeat-y;.STYLE2 font-size: 36px;color: #FF0000;.STYLE3 font-size: 24px.STYLE5 font-size: 36px.STYLE12 color: #000000; font-size: 16px; font-weight: bold; .STYLE13 color: #000000.STYLE14 color: #FF0000.STYLE15 color: #FF0000;font-weight: bold;font-size: 16px; 查看更多 返回 四、 网页设计的体会与心得 此次网页设计是对以前所学课程内容的一个汇总，让学生更好的理解、运用所学知识，对自身有个更深层次的提升，通过网页设计，我深深地了解到，无论学什么，都要学会融会贯通，循序渐进，这样才是真正的把所学到的应用到实践中，而这对每个学生来说是必不可少的。在做网页的过程中，我觉得网页设计最重要的技巧，就是网站风格整体清新、简明、易读。看上去就明白是什么内容，信息间相互干扰程度降到最低。这就意味着,我们必须花点心思来规划文字与背景颜色的搭配方案。不能使背景的颜色冲淡了文字的视觉效果， 一般来说，浅色背景下的深色文字为佳，所以，在我的这个网站中，我的背景大多以粉红色为基调。其次是网站导航清晰简洁，所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾花里胡哨的视觉效果，而让人家不知东西南北，造成查看困难。最后网页风格要统一，网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站，这样子读者看起来舒服、顺畅。其实，在学习这门课程的过程中，我遇到了很多困难，比如说，对一些基本的运用不是很了解，运用的不透彻，而对于老师所没有讲过的内容则是根本不知，一开始，我也很是着急，但后来，我定下心来，在网上看了几个网页设计教程，学到了很多。在此，我想对该门课程的以后的教学工作提出我的意见和建议：我觉得老