伊犁师范学院《网页设计》期末课程设计
设计题目:我的个人网页
学号:08080605018
姓名:马建武
院系:电子与信息工程学院
专业班级:计科08-2
指导老师:王雪峰
日期:2011-6-20
一、设计思想
随着网络技术的飞速发展,网络已经遍及每个人的身边,通过个人网页把自己展示在网络上,不仅可以获得更多的朋友,有用的信息,也是跟随时代发展,做走在时代前沿的一个有效方式,本网站旨在设计一个个性化的个人网站,展现自己的生活,学习,爱好等等信息,通过本网站把自己展示出来。
二、开发环境及软件
Windows XP,Macromedia Dreamweaver 8,photoshop等
三、系统结构功能图、页面结构草图及部分页面截图
四、部分代码(主要添加CSS代码)
1.添加首页背景音乐
2.运用框架
3.图片滚动
4.文本css样式
.s1 {
font-family: "宋体";
font-size: 18px;
font-weight: bold;
color: #3333CC;
text-decoration: blink;
text-align: center;
vertical-align: middle;
}
.s3 {
text-indent: 2px;
font-family: "宋体";
font-size: 14px;
font-weight: normal;
text-decoration: none;
letter-spacing: normal;
text-align: left;
}
.a1 {
background-position: center center;
text-align: center;
vertical-align: middle;
}
.s2 {
font-family: "宋体";
font-size: 18px;
color: #0066CC;
text-decoration: blink;
text-indent: 2px;
font-weight: bold;
}
5.文字访问前、访问时、访问后的文字样式的变化a:link {
color: #663399;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #996699;
}
a:hover {
text-decoration: underline;
color: #0066CC;
}
a:active {
text-decoration: none;
color: #CC6666;
}
五、部分原创素材
Logo图像
页面中的图像
六、主要界面截图
1、主页
2.相册
3.日志
4.收藏
七、设计总结
第一要具备专业的网页制作技术,能够用模板,框架实现自己的所想。
第二,要仔细分析客户需求,使自己的设计具有实用性,在总体设计时要充分与客户交流,以免遗漏客户的要求。
第三,要充实自己的美学知识,网站在传播信息的同时还带给人们以美得享受,科学的应用美学知识在网站设计中尤为重要。
第四,网页设计需要设计者不怕失败,不断虚心学习,在制作过程中需要不断克服各种困难,直到任务完成。
第五,能够熟练引用Photoshop和Flash是网页设计必备的条件,在今后的学习中自己应加强学习。
第六,生活中的积累是做出好网页的前提,今后的生活中浏览网页时要多想网页设计的优点和缺点来提高自己
通过对本次设计的制作,我深深的体会到每一个漂亮作品的背后都有无尽的付出,网页设计更是如此。它不仅需要我们有很好的审美观,同时在制作之初要对网页的整体布局做精心的设计,对素材进行很好的收集,它需要有相当的耐心、细心,同时还要思考如何能够更好的运用我们所学的知识,对网页进行捎带技术含量。
在网页的过程中遇到了很多的困难,通过请教他人得到了解决。我深刻的明白到,没有什么事情是直接通向成功的,都要经历很多次的失败,而在每次的失败过后最重要的是总结。最后要谢谢老师的指导。
网页设计报告书 项目名称:制作“Best设计”网页 班级:视觉08—1班 学号: 200806002619 姓名:张金凤 指导教师:饶简元 日期:2011-12-24 现代设计艺术学院
目录 前言—————————————————————————————() 一、项目概述————————————————————————() 1.项目背景——————————————————————————() 2.项目内容介绍————————————————————————() 3.项目设计重点————————————————————————() 二、项目设计————————————————————————() 1.项目主题的选择———————————————————————() 2.网页的版面设计———————————————————————() 3.背景音乐的选择———————————————————————() 三、项目实施————————————————————————() 1.素材的收集与整理——————————————————————() 2.项目制作(创作过程)—————————————————————() 四、结束语—————————————————————————() 五、致谢——————————————————————————() 六、参考材料————————————————————————()
前言 经过学习DW,让我了解到一些关于网页设计的相关内容和设计网页的基础知识,同时通过一学期的网页设计相关软件和相关知识的学习,制作网页和如何设计出自己喜欢的网页。为了更好的运用和熟悉网页设计,同时也为了更好的表达自己对网页设计的一种理解和给自己一个期末的交代,所以制作了“Best设计网”的网页。 在制作网页时,通过PS、AI和DW的结合运用,最后在DW中进行编辑和整合设计,最后完成网页的所有页面设计。在设计中有很多的疑问,也对自己的作品充满了信心。在设计中很纠结的一个问题就是写代码和运用网格,很多时候设计出来的作品和自己看到的网页页面总是不一致,最后通过不断的调整和修改,完成了这次是网页设计。 这次的网页设计,是我第一次完整的自己独立完成的第一个网页,也许会有很多的不足之处,和一些不那么令人满意的地方,希望老师能谅解,我自认我已经尽力做到最好。
网页设计与制作报告书 课程名称:网页设计与制作 报告题目:几米的空间 专业班级:旅管1002班 学号:100104110221 姓名:杨玉颖 指导教师:胡一波
目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论
摘要: 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。 关键字:网页制作;制作方法;设计要素;网页测试
一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。 二、网页制作设计技巧 首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每
网站设计要求及评分标准 网站主题:个人网站或学习类网站 一、内容(40分): 1、网站主题要突出; 2、内容详细而充实; 3、能够清晰表达设计意图,总页面数不少于10个。 4、网页文档中无大块空白,无错别字。 二、结构(10分): 1、结构清楚合理,有统一的导航条; 2、整体结构有一定的连贯性; 3、每一页都有返回首页的标志; 4、没有空链接; 5、没有错误链接; 6、便与浏览查找。 三、版面与视觉感受(10分): 1、网站整体风格一致; 2、文字清晰,没有乱码和错位; 3、没有错误的表格; 4、按钮图片的制作美观实用; 5、色彩协调; 6、页面美观,布局合理。 四、技术要求(30分): 1、静态页面制作 (主页(index.html)、其它页面用英文或拼音缩写命名;index.html放置于站点根文件夹下,其它页面置于各子文件夹中。(5分) 2、技术应用: ①Html:Logo 导航条超级链接图片多媒体表格AP Div 行为模板框架(15分) ②Css:文本图片表格边框定位(5分) ③网站要建立不同的文件夹,将不同格式不同功能的文件分门别类的存放:如images、css 、templates、library及各子栏目文件夹等。(5分) 五、其他要求(10分): 1、建立word格式说明文件(5分) ●清楚表述网站的整体设计意图及其功能 ●列举网站设计中使用的技术 ●列举每个网页文件的名称及其功能 ●不少于300字 2、所有文件打包成RAR压缩包文件名称格式为:学号.rar,如0601100301.rar。打包后的文件大小不超过10MB。(5分) 六、上交作业邮箱 将压缩好的RAR文件(名称必须为:学号.rar))发送至jk2011qmks@https://www.doczj.com/doc/4e14319997.html, 作业提交开始时间:2012年5月7日(星期一) 作业提交截止时间: 2012年5月13日(星期日),在规定时间段内交作业加10分,逾期接收不加分,最晚在5月20日前交作业。注:2份作品如雷分部分超过30%,均为0分。 2012年4月16日 1
伊犁师范学院《网页设计》期末课程设计 设计题目:我的个人网页 学号:018 姓名:马建武 院系:电子与信息工程学院 专业班级:计科08-2 指导老师:王雪峰 日期:2011-6-20
一、设计思想 随着网络技术的飞速发展,网络已经遍及每个人的身边,通过个人网页把自己展示在网络上,不仅可以获得更多的朋友,有用的信息,也是跟随时代发展,做走在时代前沿的一个有效方式,本网站旨在设计一个个性化的个人网站,展现自己的生活,学习,爱好等等信息,通过本网站把自己展示出来。 二、开发环境及软件 Windows XP,Macromedia Dreamweaver 8,photoshop等 三、系统结构功能图、页面结构草图及部分页面截图 四、部分代码(主要添加CSS代码) 1.添加首页背景音乐
19年12月考试《网页设计与制作》期末大作业-0001 试卷总分:98 得分:98 一、单选题 (共 20 道试题,共 80 分) 1.以下HTML代码,判断正确的是()。
A.第2、3行应加入