网页设计的实训报告.docxVIP

网页设计的实训报告 　　计算机技术系实训项目报告书XX—XX学年第1学期实训项目名称：姓学名：号：个人博客网页设计张腾计算机技术系11网络班XX-12-10至XX-12-14陈彦所在专业：所在班级：任务起至日期：指导教师:成绩:　　目录第一章引言2实训项目开发背景及意义2项目开发环境简介3第二章实训项目设计基本思路及创新点3实训项目设计的基本思路(来自:写论文网:网页设计的实训报告)3项目设计创新点4第三章实训项目总体规划5第四章典型网页设计过程及样例7第五章小结13参考文献161　　实训项目报告书1．实训报告内容摘要：本次实训的主要目的是通过实验教学培养学生的动手能力，提高我的网页制作能力和水平，我选择的主题是个人博客。网页共分六个导航分别为首页、心情日志、留言板、光棍部落、时光机、关于我。2．小组成员及工作分工：小组成员：张滕小组分工：独立完成所有实训项目。1　　实训项目报告书3．实训报告内容：第一章引言实训项目开发背景及意义通过校内的实际训练，使自己掌握在Windows环境下DreamweaverCS5的基本操作和使用技能的基本方法，掌握相关理论知识；培养了自己设计网页的技能，提高自己学习课程的积极性，为今后学习其它有关网页设计与制作打下一个良好的基础。1、通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能；2、训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等；3、培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质；4、培养学生理论联系实际的工作作风，严肃认真的科学态度以及独立工作的能力，树立自信心。博客秉承了个人网站的自由精神，但是综合了激发创造的新模式，使其更具开放和建设性。网页共分七个导航分别为首页、日志、相册、音乐、收藏、博友、关于我。2　　项目开发环境简介我们综合运用了Photoshop、Dreamweaver、Flash等软件,使用环境是windows7、windowsXP。第二章实训项目设计基本思路及创新点实训项目设计的基本思路我们的网站分为七层，第一层是首页，首先几乎包含了所有板块信息，可以让人们对我的网页有一个简单的了解。第二层是日志，记录了我欣赏的文章。第三层留言板，里边收录着博友的祝福。第四层音乐，都是自己喜欢的音乐，心情不好的时候来这里放松一下。第五层时光机，代表着人生的起起伏伏。第七层关于我，是我自己的简单的介绍。我是用“穿越地平线的渴望”命名的网站，网站整体色调为浅黑色，然后点缀其他不同的颜色相配，突出主题，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用DIV+CSS,，盒子嵌套，以保证随时、准确的调用。另外，为了网页布局的协调，我加入了适当的flash透明动态图片和javascript特效，用以达到更好的浏览效果。3　　扬州职业大学　　课程设计报告　　设计题目：论“沐乃衣”时尚女装网站　　系别：专业：　　班级：　　姓名：　　学号：指导教师：完成时间：13年6月24日　　目录　　1.前言2　　课题意义2　　课题目的2　　课题研究范围2　　要解决的主要问题2　　2.网页开发技术3　　网页开发技术3　　3.网页制作4　　网页整体布局设计4　　开发环境的配置5　　接口设计5　　4.网页模块功能介绍6　　5.实训过程6　　收集有关流行女性服装最新消息，与此同时，收集网站建设的资料和信息6　　确定每个页面的布局6　　超链接6　　代码找资料7　　整理7　　美工7　　前后台7　　功能实现7　　6.关键技术突破7　　7.总结8　　1.前言　　课题意义　　1.初步了解软件的功能布局和一些基本操作，并自己熟悉实践用几种网页开发　　技术HTML，PHP，flash，photoshop，dreamweaver等制作一个网站。　　2.掌握对网页内容排版，网页颜色搭配的操作，做到网页内容将来在浏览器中　　显示效果美观；初步了解并可以使用脚本语言对网页内容的控制，了解其基　　本语法结构。　　3.熟悉一个网站设计的流程图。　　课题目的　　了解dreamwarve网站的制作流程和基本方法。　　学会站点的规划与创建，能自己创建个人网站和简单的企业网站。　　掌握静态网页的制作技术。　　掌握动态网页的制作技术，了解与数据库的链接及简单的数据处理。　　掌握Photoshop制作平面图像的基本技巧。　　培训动手能力、综合应用能力和团队合作能力。　　通过实训技能训练，应达到以下能力目标。　　课题研究范围