网页设计公选课心得感悟.doc

网页设计与制作心得感想经过十二周的网页制作公选课，我们在网页世界里结束了一段美妙的旅程。代码是它的语言，我们对待网页这个网络生活中司空见惯的事物有了新的见解。原来，我们上网页冲浪的时候，只知道打开浏览器，享受丰富多彩的网络社交活动和欣赏精美的网页，然而却始终不知道它背后的秘密；然而现在，我们打开网页却知道它是一串一串代码神奇的组合，它们经过糅合加工，最终向我们展示出一个绚烂的虚拟世界。正如古话说：知其然，知其所以然。在以后，我们对于网络生活有了一种新的界定。网页不再是一幅幅精美的图画或是相片，而是庖丁解牛般的了解它的构造，知道编程人员背后付出的努力。在享受网络生活的同时，感谢那些网页制作者们的付出汗水。邓小平曾经提笔写道实践是检验真理的唯一标准。只有通过实践，才能证明我们自己已经掌握到的和了解我们自身的局限性以及不足的地方，这样我们才能及时发现错误，纠正错误，才能在下一次的实践中警醒自己不再犯一样的错误。在上完了十一周的理论课之后，老师给我们布置了一项对于我们网页编辑初学者来说非常“艰巨”的任务就是利用我们在十一周的课堂教学中所掌握到的知识来亲自制作一个网站。特别是对于网页设计与制作这门课来说，它的特殊性在于它注重于实践操作，理论知识一种辅导措施，只有亲自实践操作，在不同的浏览器中进行检测，才能发现问题，改善自己制作网页的技巧和能力，才能进一步的巩固所学到的知识。所以，在上完理论课，听完老师讲授的制作网页应注意的要点，自己动手亲自做一个属于自己的网站就是十分必要了。它可以检验自己动手操作能力，巩固理论，是理论与实践相结合。真正掌握学习制作网页，而不只限于书本。首先在构思网页的整体构造上，我参考我自己喜欢的作家韩寒的个人微博主页（一个韩寒）。在界面风格上，主要采取了它主要用的两种鲜明颜色蓝色和黄色的搭配。而且参照韩寒的个人主页，”一个“的简洁元素理念。我将自己的网页也设计的十分简洁明快，使人一目了然。整个网站一共分为十张网页，其中一张是主页，其余的九张都可以通过右侧设计的导航栏回到主页面。在站点文件夹，按照老师要求的规则命名为“学号+myweb”，主页命名为“index.html”，其余的九张分别命名为“page+页数”。站点文件夹中还包含其他两个文件夹，一个是“images”文件夹，其中主要存放网页中所用到的图片资源，且图片都经过处理，大小合适，命名有规则。还有另外一个文件夹是“media”文件夹，其中主要存放网页中所用到的媒体资源，包括mp3格式的音频文件和swf格式的多媒体文件。在制作网页的过程中，第一步就是规划网页的布局。根据上课所学到的知识以及课下自己查阅相关网页制作的书籍，对网页布局有了一个大致的了解。我采用的是div+css的技术来实现页面布局和页面效果。CSS用于控制网页元素的外观，其主要作用于分离页面的样式和结构。CSS提供了丰富的样式表现功能，如字体、段落、颜色、背景、布局等。使用DIV+CSS的布局方式改变了传统html+table的布局方式。我在网页中大部分采用的就是DIV和CSS来构建网页的布局。第二步就是收集素材，在确定我的网页分为两个部分之后，其中一个部分是介绍自己的高中，另外一个部分是介绍自己的主页。所以我分两个步骤来收集资料，其中在介绍自己的高中的部分页面上，我主要搜集的是高中学校的照片和相关文字介绍。在介绍自己的界面上，我主要分为音乐、视频、文字、照片来全方位的展示。因为涉及的内容比较多，所以搜集的资料相对而言也比较多。第三步就是处理收集到的素材内容。首先将照片、文字、音频分门别类的处理，存储在不同的文件夹中。对照片的处理，我们首先用到的就是Photoshop和Fireworks，可以调整图片的大小以及背景颜色等等；对于flash文件的处理我们则用到了adobe flash进行相关的处理制作，并对制作完成的.fla文件生成swf的动画存储在站点文件夹之中。并对相关的素材进行合理的命名，以待使用。第四步就是在构建的网页轮廓中添加文本、图片以及相关的媒体资源。确定他们在站点文件夹之中，以防止自己在别的机器上不能正确浏览自己制作出来的网页。在这一步骤之中，相对较难的是导航的制作。因为我采用的是ul、tl标签制作导航，所以在布局上要更加的谨慎小心。以防止界面溢出，所以要更加的小心，并在不同浏览器上进行检验，以防出错。第五步就是制作完成整个网页之后，进行适当的精简压缩。把不要的图片、音乐和视频资源移出站点文件夹，使站点文件夹里面没有不用的素材来减少站点所占用的空间大小。并且在制作完成整个网站之后，我们还要测试网页里的链接是否出错。我采取的是比较繁琐的办法，就是在网页中一个一个的试验链接是否为死链。假如碰到死链，就继续在Dreamweaver中修改。然后再进行测试，直到网页中不出现明显的死链错误。这个时候，一个相关的网页就制作完成了。总结一下我的整个网页的制作过程，其中最麻烦的就是遇到无法解决的问题，这个时候，只有主动上网求救，或者到专业的论坛