网页设计与制作课程设计.doc
网页设计课程名称： 网页设计与制作课程设计 设计题目： 个人主页 学 院： 信息工程与自动化 专 业： 计算机科学与技术 年 级： 学生姓名： 指导教师： 日 期： 课程设计教学大纲实习名称：网页设计与制作课程设计课程代码：学 分：实习周数；1周适用专业：计算机科学与技术一、实习的目的与任务 课程设计是实践教学的一种重要手段，是培养和训练学生动手能力的重要方法。学生通过该门课程设计，能够利用网页三剑客Dreamweaver、Fireworks、Flash进行网页设计和网站建设，能够清晰地了解网页规划、设计、制作的过程，并且可以独立设计制作具有一定专业水准的网页。 二、实习教学的基本要求1 参加课程设计的学生必须服从指导教师的指导，遵守纪律，按时、按指导教师的要求独立完成课程设计的任务。2 每周指导教师必须严格考勤。有条件的学生可采用电话、电子邮件的方式随时与教师交流。3 课程设计报告应包含以下内容： 网站的主题说明； 网站的总体规划与网站的结构框图； 各级网页设计说明（网站配色、导航设计、各级网页风格统一）； 典型网页的设计过程、步骤与样例； 三、实习内容1) 实习地点：本课程设计的实习地点为信自院机房。2) 实习内容：1 在指导教师的指导下，每个学生选择一个设计题目。2 能够利用网页三剑客Dreamweaver、Fireworks、Flash进行网页设计。3 编写并提交课程设计报告。四、考核方法 通过在计算机上检查并验收所开发的系统，以及指导教师评阅课程设计报告给出一个综合成绩。五、主要参考书网页制作案例教程，李跃贞、常春英主编，航空工业出版社，2008年5月第1版网页设计案例教程，沈大林、沈建峰主编，中国铁道出版社，2009年11月第1版网页设计与制作，艾灵仙、李煦、金磊编著，中国铁道出版社，2009年10月第1版执笔人：刘晓燕 审定人： 教学基层组织主任：目录一、源代码1个人主页1头1选择2我3My Love3二、运行截图5个人主页5关于我6My Love6三、 心得与体会7一、源代码个人主页<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>欢迎来到我的主页</title></head><frameset rows="40%,*" cols="*"> <frame src="头.html" /> <frameset rows="*" cols="78%,*"> <frame src="选择.html" /><frame src="我.html" /></frameset></frameset><noframes></noframes><body></body></html>头<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>欢迎来到我的主页</title><style type="text/css"><!-.STYLE2 font-size: 24pxbody,td,th font-size: 24px;color: #FFFFFF;font-weight: bold;body background-image: url(20120922235832_c5Ctm.thumb.600_0.jpeg);background-repeat: no-repeat;background-color: #000000;margin-right: 100px;-></style></head><body><pre class="STYLE2"> 人生，就是一个不断寻找自己的过程。 安之若素，冷暖自知，阳光很好，我亦很好。</pre><pre class="STYLE2"> 微小的幸福就在身边，容易满足就是天堂。</pre><pre class="STYLE2"> 未来遥远的没有形状，我们单纯的没有烦恼。</pre></p></body></html>选择<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>选择</title><style type="text/css"><!-body background-image: url(1.jpg);background-repeat: no-repeat;-></style></head><body><br /><br /><br /><pre> <a href="关于我.html" target="_blank"><img src="关于我.jpg" alt="Me" width="225" height="337" border="0" /></a> <a href="My Love.html" target="_blank"><img src="IMG_3535.jpg" alt="My Love" width="281" height="187" /></pre></body></html>我<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>我</title><style type="text/css"><!-body,td,th font-size: 14px;body background-image: url(IMG_3375.jpg);background-repeat: no-repeat;-></style></head><body></body></html>My Love<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>My Love</title><style type="text/css"><!-body background-image: url(IMG_3415.jpg);background-repeat: no-repeat;background-color: #DFEFFF;margin-left: 500px;body,td,th color: #000000;-></style></head><body> <h1>喜欢的动漫Bleach</h1><p>作者：久保带人。1996年,18岁的,从广岛独自一人赶赴东京追逐梦想的少年,在JUMP那个号称动漫殿堂的杂志上发表了自己的处女作,看似是一个相当不错的开始, 但是有时候起点站的太高反而会映衬其后的遭遇备显凄凉,然后,时光就这样在不温不火,无人关注,无人赏析的低谷期中度过了三年。</p><p>那三年里,没有谁知道有个少年漫画家,在他最美好的年纪里挣扎,像蛹在茧子里血肉模糊的成长,只为了变成蝴蝶一亲外面碧蓝的天空,和鲜艳的花。</p><p>2001年,改写传奇的bleach诞生了。文字那么精致漂亮，他的文字那么刻薄绝望。<br>所以我喜欢喜欢少年天才无所不能却偏偏为情所苦的日番谷东狮郎,喜欢出身高贵冷淡内敛却又对亡妻一片痴情的朽木白哉,喜欢我行我素及时行乐颇具女王风范,但其实背叛了家族背叛了信仰流浪人间的四枫院夜一,喜欢看似风骚放荡但其实纯情又痴情的松本乱菊,喜欢咋咋呼呼粗暴不良，但其实被尸魂界伤得最深因此无法不去记恨的猿柿日世里 <br />每一个角色,都有着截然不同的两个面,其中一个面表现的有多张扬,另一个面就有多悲伤。正是因为这种矛盾的组合,令bleach充满了人文主义魅力,几乎每个读者都可以从其中一个角色身上找到与自己共鸣的地方,因此每个角色都会有人喜欢。</p><p>“我们之所以觉得悬崖上的花朵美丽，是因为我们从来只会在崖边止步，而不像那些勇敢的花朵，能向天空踏出一步。”</p><p>这样如诗而又如哲言一般的语言，出自Bleach，出自那个天才漫画家！Bleach动画化后在TV上播出的反响很大，我是计算机专业的学生，说不定，哪一天，我也能动画化优秀的作品，让更多的人通过观看动漫来了解漫画家们的精神世界，来认真的思考、了解自己和世界。</p><p><h5>糟粕和经典往往只有一线之隔</h5></p><p>如果富坚义博当年没有不顾一切的依然完结掉幽游白书，我们今天谈起那部作品时就不会如此耿耿怀念； 如果鸟山明当年没有为了友情和出版社的压力而不停的拖住龙珠,它就不会有现在被无数人诟病夫人垃圾结尾。<br>而当今中国动漫的发展确实比日本差着一大截，我力所能及的便是好好学好计算机，将来争取为国产动漫的发展出一份力。</p><h1>喜欢的明星Misha Dmitri Tippens Krushnic</h1><p>最初在美剧Supernatural中看到他的时候，只觉得：啊！这个人的蓝眼睛好萌，笑起来很治愈。于是便有了后来更多的了解及沦陷。</p><p>后来了解到他在2009年创建资助非盈利组织Random Acts，花费三年为海地受灾儿童建立可持续发展的儿童中心。还创办了Gishwhes活动，该活动打破了5个以上的世界纪录。</p><p>武进新闻网、法制晚报这样评论他：米沙克林斯饰演的天使卡西迪奥身着经典的米色风衣，瞪着一双大大的蓝眼睛，一脸无辜与囧囧有神的表情被影迷亲切的昵称为“囧卡”囧天使。 他以自身独特的魅力在邪恶力量中拥有不输两大主演的人气。除演戏以外，他做的最多的就是慈善，他是一个非常善良、有思想的演员。</p><p>他曾在克林顿时期的白宫工作 他有一段短时间想重返政治。他曾想在洛杉矶市政府工作，最终却撤回申请。“我去一个会议旁听，而这是我生命中最乏味、沉闷的一个半小时。所以我撤回了申请尽管我几乎就胜出了。我得到51票！”他还曾在美国国家公立电台工作，在Weekly Edition这节目中当过制作人和撰稿人，而且很喜欢这份工作。而且还曾出版两部诗集：Baby Pants和Old Bones由三本杂志和报刊Columbia Poetry Review, Pearl Magazine 和 The California Quarterly 21在2008年出版。Misha也很注重个人的修养，曾在尼泊尔进修佛教，每年都会用十天的时间学习坐禅。</p><p>这让我明白了，其实一个人的外在所表现的是有限的，我们也应该更加的关注内在，就好像Misha一样，我们有能力时应当多帮助帮助别的人，有时间时应当多多学习，虽然他表面上看只是一个演员， 但是他到芝加哥大学进修过社会学、在白宫工作过、创建并资助了非盈利组织Random Acts、建立了可持续发展的儿童中心、还创办了Gishwhes活动。</p><p>今后我们走上社会，也不能停止学习、停止帮助别人。Misha就是我的榜样！我会争取成为一个更好的自己！</p><p><a href="个人主页.html"><img src="返回.png" alt="返回" width="51" height="52" border="0" /></a></p></body></html>二、运行截图个人主页关于我单击照片：关于我之后，在一个新的窗口中打开：My Love单击照片：My Love之后，在一个新的窗口中打开：三、 心得与体会本次课程设计的主题是个人主页的制作，刚开始，我都还没想到可以放自己的照片进去，后来经过老师的提醒，才想到，个人主页放一些自己的照片会使内容更加充实、饱满。刚开始做时，其实并没有什么思路，后来又重新复习了一下网页设计的书，才想起来，先建一个基本框架，做好基本设计再来后面的各种细化。在设置链接的时候，我是通过图片链接来完成的，这就需要修改图片，在图片的相应位置把以前的文字删除，加入我需要插入的文字，这就需要图片的修改功能，在网页设计中我又重温了一下如何编辑、修改图片。最近认识并了解了文字游戏，并且尝试着先通过橙光游戏制作工具来制作游戏。感觉制作文字游戏与网页设计有很多相似的地方，排版、主题、主体风格都是需要注意的地方。都是先要把大的框架、风格定下来。不然很可能做到后面变得越来越奇怪、连自己想要表达什么都不知道了，或者风格差的很大，会有违和感。而且我认识到了我们无论是制作游戏还是制作网页设计，内容都很重要！比如，本次我们的主题是个人网页，主要是介绍自己。首先，我先建立了一个厂字型框架，头部写上了我喜欢的话、确定主要的风格，右半部分插入了我的照片，左边部分插入了两张我修改过的照片。单击“关于我”的图片后，会打开一个新的标签页，里面有一些我的自我介绍。包括我的经历，思想。每个人都有自己的个人风格，我也不例外，我的经历造就了我的性格、能力等等，在这一部分，我要做的就是把他尽可能的展示出来。首先先说明了我的社会活动，现在能担任哪些事。而后介绍我的性格观念，我们现在是花季之年，应当好好享受生活，努力提升自己，天亮说晚安，每天开开心心且不颓废堕落的珍惜的度过每一天。最后介绍一下我的故乡昆明与我的羁绊，都说一方水土养一方人，我是土生土长的春城之人，性格也继承了南方人的特性，比较慢性子、开朗，不火爆，不急。单击“My Love”的图片后，会打开一个新的标签页，里面有一些我喜欢的东西的介绍。包括我喜欢的动漫，我喜欢的明星的介绍。我认为，喜欢一个人不应当只浮于表面，比如一个明星不应只看他的脸，他的演技怎样，而应更关注他的品质、为人等等。现在我周围的很多人喜欢明星都只是喜欢他饰演的角色，而对他本人并不甚了解，性格、观念等都不明白就说自己喜欢他什么的，其实喜欢的只是电视剧、电影中的角色而已。我在这之中详细叙述了对他的评价、我喜欢他的理由及想成为像他一样的人。其实他小时候家庭并不富裕，他长大后还能努力工作，坚持做很多慈善事业，让我很敬佩。关于我喜欢的动漫：作者久保在少年漫画中独树一帜的标志性风格，是作品的语言异常的漂亮，显露出很深的文字功底。故事中不少句子都被传诵甚广，人物不经意间说出的台词，画面旁白乃至每一话的标题都别有味道，风格显得尖锐而美丽。这是我喜欢他的一个重要原因。这人的另一个“久保流”习惯是一定会在单行本的第一页写两句像诗一样的东西，曾经被怀疑为“是否是一位不得志的诗人，因为写诗不受欢迎才来画漫画”也不是没原因的。而且他是在度过低谷期坚持过来才创造出红的发紫的Bleach，那段时期虽然不起眼不但一直在努力努力,虽一度濒临陨灭但最终挺了过来。真的很让人敬佩！喜欢这样充满矛盾，有时让我陷入深思，有时让我恍然大悟的Bleach！我是计算机专业的学生，将来若是有能力的话，也想去尝试着把我喜欢的漫画拿来动画化，让更多的人看到好看的动漫！其实中国现在的国漫水平确实不高，这一行还是挺有前景的，我也可以利用自己的这个兴趣，来做一些力所能及的事。这一部分介绍了我的爱好，喜欢的东西，风格，可以让看到的人更加的了解我。其实自我介绍并不需要啰啰嗦嗦讲一大堆，讲不到点子上，向别人介绍自己的时候应当先挑重要的来说，挑别人想知道、自己最想让别人知道的来说。在做这一部分的时候，刚开始我想到用<pre></pre>来让字不要覆盖在照片上，但是这样做的话比较麻烦，而且每一次都得加入很多很多空格，这样设计起来不方便也不科学。后来经过复习、学习，用了向左缩进500像素的代码：margin-left: 500px;小小一行，就让我的程序更加的完美了。体会到，果然学习任何的编程语言。实践都很重要，先想好自己想要做什么，然后在来思考、动手要怎么做，最后还应该想想怎样来完善他。其实我们课本上学到的知识是有限的，我们还应当多学习课外的，争取做到能熟练掌握编程。
