网页设计实训总结.doc

网页设计实训总结.doc青岛职业技术学院培训总结
——网页设计与制作
这次培训它内容包括网站原型设计及Photoshop切片技术在网页整体设计时的应 用；Web2. 0标准设计网站一“DIV+CSS”页面布局技术;设计电子购物商城主页。我深 深体会到，做好主页，并不是一件容易的事，网页的选题、内容采集整理、图片的处理、 页面的排版设置、背景及其整套网页的色调等很多东西。不过能懂得基本的框架和思路, 这一点在以后的学****过程中是非常有帮助的，通过短短的一星期学****本人也顺利的按 照要求修完教学计划规定的全部内容。所以我得出一下总结：
一、 确定主题。制作网页，首先是确定主题，经过思考，确定电子购物商城的网站。
二、 需求分析。网上购物系统发布平台为顾客提供了各种商品、供求信息浏览、查 询，购买等功能，全面的为顾客提供服务，帮助顾客更多的了解本网站的动态信息，提 供最新动态通知。要求系统具有以下功能：（1）用户登录注册。（2）提供类别导航，购 物推荐，热销商品，假如购物车等（3）提供会员注册（4）提供管理员后台管理入口。 管理员通过本页面登录后台管理程序。（5）通过后台对各类信息进行管理和审核。（6） 对网站会员信息进行管理和审核。审核注册本网站的会员，对其进行管理。（7）友情链 接。设置相关的友情链接页面。
三、 设计主页。主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规 划，每一版块都有其个性，清晰明了，便于阅读浏览，大致分几部分，首页，小店简介, 产品展示，售后服务，友情链接这几个板块，再加入个别网站等，每一部分又分为几个 小部分，内容比较充分，多样。确定导航栏的各个分了标题之后对于建立二级子网页尤 为重要。运用Photoshop CS3技术来设计出导航栏，将整体的主页效果建立起来。
四、 资料的搜集。主页的导航设计好后，接下来就是对主页导航栏的各个内容进行 资料的收集，在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计 主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图 标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上 网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的****惯，时间一长 你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。
我们再对大量收集的资料进行筛选，得到最合适的导航内容的资料。素材的选择，要符 合网站的主题，图片的大小要符合模板的轮廓，我们将不符合模板的用Photoshop处理 编辑，然后放入站点底下，进行图文的链接和排版。
五、 功能模块设计。网站建设中如果大量运用模板，对于建立网站提供便利同时也 减少了大量的工序。主页的设计应以醒目优先，应该令人一目了然，勿堆砌太多不必要 的细节，或使画面过于复杂。页面给人的第一观感最为重要。在网上到处浏览网站的人 很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕 再也不会访问你的网站了。网上商城系统采用了敏捷开发的设计思想，我们对整个系 统主要分成了2个大模块，即前台交易模块和后台管理模块。而其中各个模块我们又进 行了进一步的细分，如前台交易模块又分为注册会员、商品浏览、查询商品、购买商品 等；后台管理模块则包括对用户的管理、商品管理和销售管理。我们的