搜索
武汉理工大学华夏学院课程报告课程名称：网页设计与制作题目：个人网页的设计专业信息工程系班级学号姓名成绩_________________指导教师苏永红2014年10月20日至2014年12月30日1设计目的(1）本课程的设计目的是通过实践使同学们经历Dreamweavercs5开发的全过程一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体开发案例，理解并初步掌握运用Dreamweavercs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。（2）熟练掌握Dreamweavercs5软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。2开发环境一台Windows7系统计算机，HTML、CSS、Dreamweaver、JavaScript、VBScript、ASP、IIS、ODBC3需求分析设计个人网站的ASP网页设计，要求实现网站信息浏览、超链接。网站主题为个人网站设计，网站要有网站标志语、界面主色调与主题颜色相匹配，要求用到HTML、表格、表单、CSS、APDIV布局对象、插入多媒体对象，JavaScript脚本语言、ASP技术、IIS服务器。主页要求有用户登录显示，实现网站信息浏览、超链接、信息查询等基本功能，10个以上的超链接页面。4概要设计（1）设计思想根据自己的个人扣扣空间，结合老师所讲解的知识一步一步的进行设计网站设计有信息更新，浏览者可以在首页浏览自己喜欢的信息，在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。（2）功能流程图图1.网页功能流程图（3）功能描述a.创建站点“潘朝进”并在站点创建文件夹图片,和文件Untitled-1.html、Untitled-2.html、首页登录.html等。b.制作文本网页，打开“网页设计/Untitled-1.html”文件，在文件右侧表格中输入文本和特殊字符，并调整好段落缩进、文本间距和文本字体。c.编辑图像大小：在Dreamweavercs5中，当在网页中加入一幅图像后，图像大小默认设置为其原来的大小，如果加入的图像太大或太小，或有其他特别需要，就得调整图像的大小。d.每个模块都有其所用到的网页知识，主页运用了页面布局，个人登录用到了表单和ASP的知识，博友运用了滚动条，相册运用了超级链接，我的动画运用了链接媒体，动画，图片，音乐，下面会详细介绍每一块的内容所用到的网页知识。用户登录首页博友相册论坛5详细设计(1)首页登陆界面，如图2.图2.点击登录，进入主页界面这个网页命名为首页.HTML，点击登录按钮，即可进入主网页，命名为Untitled-zZZZ（2）主页网站登录，如图3.图3.主页网站登录界面这个网页是一个综合的主网页，里面包括了主页、博友、论坛、个人档、我的关注等，下面详细介绍这些模块里面包含的网页。a.主页模块APDIV网页布局的显示与隐藏，如图4.图4.APDIV网页布局的显示与隐藏b.博友模块链接了各文字模块。如图5.图5.链接文字界面c.论坛链接网页模块。如图6图6.网页链接模块这个模块里面包含了滚动条、图片链接模块，如图C1.滚动条模块.如图7.图7.滚动条模块d.相册网页。如图8.图8.相册网页e.个人档ASP模块，如图9.图9.个人档ASP网页f.Flash、音乐、动态图片模块，如图10.图10.Flash、音乐、网页e.动态图网页，如图11.图11.动态图网页6总结本次网站主要是运用本学期学过的知识来布局应用、制作动画效果，通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快的方法收集资料，怎样收集有效的资料，怎样整理资料，怎样使自己的下载的资料便于查找，也学会了网页的制作，学会了运用网页特效，怎样的特效才能凸现网页主题。在制作网站的过程中，也碰到了不少的不明白的地方通过老师同学的帮助也解决了不少问题，通过循序渐进的学习慢慢地完成了本次的网站建设，这次做的网页虽不是很好看，有不足之处，比如动态页面的制作、脚本的运用、一些效果的运用等运用的不够灵活，同时网页布局也不是很完善，可是我花了很多时间来完成它，所以呢，它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的实习周，为什么呢？因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。因此，不论从哪个角度来说，老师此次布置的任务是上大学以来唯一把知识用于实践的第一回，再一次谢谢你老师。总之这次设计就是在不断的“发现问题——解决问题——再发现问题——再解决问题——”这个学习过程中完成的。今后我将继续努力.7参考文献[1]胡崧.HTML从入门到精通[M].北京：中国青年出版社，2007.[2]知新文化.HTML完全手册与速查辞典[M].北京：科学出版社，2007.[3]杨选辉.网页设计与制作教程[M].北京：清华大学出版社，2009.[4]王诚君，刘振华，郭竑晖，高中山.Dreamweaver8网页设计应用教程[M].北京：清华大学出版社，2007.[5]李光明，曹蕾，余辉.中文Dreamweaver8网页设计与实训教程[M].北京：冶金工业出版社，2006.[6]周德华，许铭霖.新编网页设计教程[M].北京：冶金工业出版社，2006.[7]赵铭建，赵慧，乔孟丽，康梅娟.网页设计与制作[M].东营：中国石油大学出版社，2007.[8]赵祖荫，王云翔，胡耀芳.网页设计教程[M].北京：清华大学出版社，2008.8附录源程序!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN==Content-Typecontent=text/html;charset=gb2312/title无标题文档/titlestyletype=text/css!--.STYLE3{font-size:24px;font-weight:bold;}DD{}body{background-image:url(images/11.jpg.680.510.jpg);}.AA{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-style:oblique;font-weight:bold;color:#000000;text-decoration:blink;}.BB{}.CC{font-family:宋体;font-size:16px;font-style:normal;font-weight:normal;font-variant:normal;color:#000000;text-decoration:none;}#Layer1{position:absolute;width:107px;height:48px;z-index:1;left:148px;top:118px;visibility:hidden;}.STYLE5{font-family:TimesNewRoman,Times,serif;color:#FF0033;}.STYLE15{font-family:宋体;font-size:18px;font-style:normal;font-weight:bold;font-variant:normal;color:#000000;text-decoration:none;}.STYLE17{color:#33FF00;font-size:24px;}.STYLE18{font-family:TimesNewRoman,Times,serif;color:#CCFF00;font-size:18px;}.STYLE21{font-family:宋体;font-variant:normal;text-decoration:none;color:#0033FF;}.STYLE22{font-weight:bold;font-variant:normal;text-decoration:none;font-family:宋体;font-style:normal;color:#0033FF;}.STYLE23{color:#0033FF}.STYLE24{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-style:oblique;font-weight:bold;color:#006699;text-decoration:blink;}.STYLE25{color:#0099FF;font-size:18px;}.STYLE27{color:#0099FF;font-size:24px;}.STYLE30{font-size:24px;color:#0033FF;}.STYLE32{color:#0066FF;font-size:18px;}.STYLE33{font-size:18px;color:#0033FF;}.STYLE34{font-size:24px}.STYLE36{color:#00FFCC}--/stylescripttype=text/JavaScript!--functionMM_findObj(n,d){//v4.01varp,i,x;if(!d)d=document;if((p=n.indexOf(?))0&&parent.frames.length){d=parent.frames[n.substring(p+1)].document;n=n.substring(0,p);}if(!(x=d[n])&&d.all)x=d.all[n];for(i=0;!x&&id.forms.length;i++)x=d.forms[i][n];for(i=0;!x&&d.layers&&id.layers.length;i++)x=MM_findObj(n,d.layers[i].document);if(!x&&d.getElementById)x=d.getElementById(n);returnx;}functionMM_showHideLayers(){//v6.0vari,p,v,obj,args=MM_showHideLayers.arguments;for(i=0;i(args.length-2);i+=3)if((obj=MM_findObj(args[i]))!=null){v=args[i+2];if(obj.style){obj=obj.style;v=(v=='show')?'visible':(v=='hide')?'hidden':v;}obj.visibility=v;}}//--/script/headbodytablewidth=963height=781border=1cellpadding=0cellspacing=0onmouseout=MM_showHideLayers('Layer1','','hide')trtdheight=66colspan=6bgcolor=#FF