网页设计与制作实习报告

1/4网页设计与制作实习报告这次实习内容包括网站原型设计及PHOTOSHOP切片技术在网页整体设计时的应用；“DIVCSS”页面布局技术设计电子购物商城主页。我深深体会到，做好主页，并不是一件容易的事，网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。不过能懂得基本的框架和思路，这一点在以后的工作过程中是非常有帮助的。通过这次实习，我也总结出来一些网站建设的基本流程。制作网页，首先是确定主题。网上购物系统发布平台为顾客提供了各种商品、供求信息浏览、查询，购买等功能，全面的为顾客提供服务，帮助顾客更多的了解本网站的动态信息，提供最新动态通知。要求系统具有以下功能（1）用户登录注册。（2）提供类别导航，购物推荐，热销商品，加入购物车等（3）提供会员注册（4）提供管理员后台管理入口。管理员通过本页面登录后台管理程序。（5）通过后台对各类信息进行管理和审核。（6）对网站会员信息进行管理和审核。审核注册本网站的会员，对其进行管理。（7）友情链接。设置相关的友情链接页面。主页的设计是整个网站的灵魂，构思导航栏的分2/4类，然后是整体规划，每一个版块都有其个性，清晰明了，便于阅读浏览，大致分几部分，首页，小店简介，产品展示，售后服务，友情链接这几个板块，再加入个别网站等，每一部分又分为几个小部分，内容比较充分，多样。确定导航栏的各个分了标题之后对于建立二级子网页尤为重要。主页的导航设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。我们再对大量收集的资料进行筛选，得到最合适的导航内容的资料。网站建设中如果大量运用模板，对于建立网站提供便利同时也减少了大量的工序。主页的设计应以醒目优先，应该令人一目了然，勿堆砌太多不必要的细节，或使画面过于复杂。页面给人的第一观感最为重要。网上商城系统采用了敏捷开发的设计思想，我们对整个系统主要分3/4成了2个大模块，即前台交易模块和后台管理模块。而其中各个模块我们又进行了进一步的细分，如前台交易模块又分为注册会员、商品浏览、查询商品、购买商品等；后台管理模块则包括对用户的管理、商品管理和销售管理。使得整个系统具有易用性、个性化、跨平台等特点，同时又保证交易数据的安全、稳定、快速和完整，使其运行得高速、安全、稳定。商品管理模块，管理员对商品信息的管理主要包括商品以及对商品类别的查询、添加、删除、修改等操作。订单管理模块，用户选择满意的商品会进行下订单操作，同时会进行确认订单、付款等操作，但同时也会存在未确定订单、未付款等操作。网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。4/4通过这次实习，我学到了很多有价值的东西。虽然我不能完成网站设计的过程，把设计中散乱的网页链接成框架体系，但至少使平时学到的知识点有了提高。我感受最深的是想要最好一个网站，素材和技