网页工作设计公选课体会感悟.pdfVIP

网页设计与制作——心得感想 经过十二周的网页制作公选课，我们在网页世界里结束了一段美妙的旅程 代码是它的语言，我们对待网页这个网络生活中司空见惯的事物有了新的见解 原来，我们上网页冲浪的时候，只知道打开浏览器，享受丰富多彩的网络社交活 动和欣赏精美的网页，然而却始终不知道它背后的秘密；然而现在，我们打开网 页却知道它是一串一串代码神奇的组合，它们经过糅合加工，最终向我们展示出 一个绚烂的虚拟世界。正如古话说：知其然，知其所以然。在以后，我们对于网 络生活有了一种新的界定。网页不再是一幅幅精美的图画或是相片，而是庖丁解 牛般的了解它的构造，知道编程人员背后付出的努力。在享受网络生活的同时， 感谢那些网页制作者们的付出汗水 邓小平曾经提笔写道——实践是检验真理的唯一标准。只有通过实践，才能 证明我们自己已经掌握到的和了解我们自身的局限性以及不足的地方，这样我们 才能及时发现错误，纠正错误，才能在下一次的实践中警醒自己不再犯一样的错 误 在上完了十一周的理论课之后，老师给我们布置了一项对于我们网页编辑初 学者来说非常 “艰巨”的任务——就是利用我们在十一周的课堂教学中所掌握 到的知识来亲自制作一个网站。特别是对于网页设计与制作这门课来说，它的特 殊性在于它注重于实践操作，理论知识一种辅导措施，只有亲自实践操作，在不 同的浏览器中进行检测，才能发现问题，改善自己制作网页的技巧和能力，才能 进一步的巩固所学到的知识。所以，在上完理论课，听完老师讲授的制作网页应 注意的要点，自己动手亲自做一个属于自己的网站就是十分必要了。它可以检验 自己动手操作能力，巩固理论，是理论与实践相结合。真正掌握学习制作网页， 而不只限于书本 首先在构思网页的整体构造上，我参考我自己喜欢的作家——韩寒的个人 微博主页（一个韩寒）。在界面风格上，主要采取了它主要用的两种鲜明颜色 ——蓝色和黄色的搭配。而且参照韩寒的个人主页，”一个 “的简洁元素理念 我将自己的网页也设计的十分简洁明快，使人一目了然。整个网站一共分为十张 网页，其中一张是主页，其余的九张都可以通过右侧设计的导航栏回到主页面 在站点文件夹，按照老师要求的规则命名为“学号 +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 的动画存储在站点文件夹之中。并对相关的素材进行合理的命名，以待使用 第四步就是在构建的网页轮廓中添加文本、图片以及相关的媒体资源。确定 他们在站点文件夹之中，以防止自己在别的机器上不能正确浏览自己制作出来的 网页。在这一步骤之中，相对较难的是导航的制