《网页设计与制作》课程设计报告.doc

NTCFU 全国青少年计算机爱好者联盟 网页设计与制作课程设计报告设计题目: 个人网站设计 专 业： 计算机网络技术 班 级： 11计算机网络2班 姓 名： 陈 彬 指导教师： 胡 文 利 二零一二年十二月十九日目录一、实训目的3二、实训项目3三、 实验过程31、资料的搜集32、熟悉制作软件33、建立站点44、设计主页及专题页面45、用收集的素材完善网页内容46、向静态网页插入动画效果47、实现网页间的链接5四、实验心得6五、实训总结6六、参考书目7实训指导教师评语8一、实训目的1、通过综合实训进一步巩固、深化和加强我们的理论知识与专业技能。掌握规划动态网站的内容结构、目录结构、连接结构的方法，让我们熟练掌握动态网页制作软件和基本操作和使用技能，页面的整体控制和头部设置的方法。2、运用Dreamweaver完成网站建设任务的方法，能独立设计一个内容完整、技术运用得当的网站；3、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；4、作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练我们的基本技能。二、实训项目制作一个介绍我个人和分享一些我收藏的资源的网站，运用这半年之所学和之前对Flash和PS软件的自学成果将自我发挥到极致，努力做出一个完美的个人网站。三、 实验过程1、资料的搜集从网上搜集各种关于课堂学习、课外阅读、电影音乐、电脑软件、软件教程、电脑故障和电脑保养等资料。2、熟悉制作软件做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver和Photoshop相对比较熟悉，因为Dremweaver在平时上课是老师带领我们运用过，Photoshop和Flash我之前有自学过，现在在社联技术部和计算机协会经常做海报，所以我还可以正常的运用，但是也出现了一些问题，DIV+CSS不熟悉，有很多不懂，只有通过在次去看书才能够了解。 3、建立站点打开Dremweaver后第一步新建站点，站点命名为陈彬中文网，存放在D盘的“25 陈彬 20113075”文件夹里，然后在站点下新建“html”和“images”文件夹，分别存放子网页和网页中用到的图片！4、设计主页及专题页面在主站点下建立“index.html”文件作为首页，然后根据主题对整体进行设计，注意要把握专题页与首页及详细页之间的互通。5、用收集的素材完善网页内容用收集的文字和图片把网页填充满，然后注意整体布局和排版，6、向静态网页插入动画效果 我的导航栏是用Flash做的，使得整个网页更加的炫丽！7、实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。四、实验心得在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。五、实训总结转眼之间一个星期的实训就华丽丽的结束了，虽然几乎星期都在下雨，并且很讨厌下雨，但是这并不影响我的心情和学习。这次实训给我带来了危机感和压迫力，让人警醒，更加清楚自己的水平和重量，心里总有种被大石头压着的无力感，但是又凭着一种坚持，奋力的抗争着。所以也得出个结论，那就是我得好好好好的努力啊。为了能够提高锻炼自己，我把本次为期一周的静态网页制作实训看作是一个通向社会，通向我的工作岗位的“理论与实践相结合的桥梁”。在本周的实训和学习，我一直知道此次实训的目的，也知道我自己的目的，同时也清楚目前自己的不足缺乏相应的知识与经验，对所学的专业知识不能够很好地运用于实践操作，所以我是认真的对待这次实训的。这次实训充分利用了课堂所学，掌握了许多关键技术，例如模版技术，CSS样式，使得制作过程方便了很多。在完成基本要求得基础上，文件夹、文件命名规范；文件存放位置合理；制作完成之后进行过现场清理：没有无用的文件、文件夹，没有断链(外部链接不算)；工作量饱满：内容较丰富、自己设计制作的素材应用多；色系、布局合理美观、考虑用户访问方便；采用各种特效、并且运用合理。不过也有些不足，比如一开始没有把两个人制作的文件夹分开，导致后面汇总时比较麻烦。还有就是文件名字开始中文命名，有的时候链接错误。这次的作业随说我是在网上找了很多做好的模板但是我还是很有成就感，觉得自己很不错。六、参考书目1 胡汉辉，孔岚静态网页设计与制作北京：机械工业出版社201062 詹青龙，郭永灿网页设计与制作 清华大学出版社有限公司 2010.1.13 陈茜 网页设计与制作 北京理工大学出版社 2010.1.1 江西工业职业技术学院电子与信息工程分院实训指