动态网页设计实践报告

动态网页设计实践报告动态网页设计实践报告篇一这次实习内容包括网站原型设计及Photoshop切片技术在网页整体设计时的应用；“DIV+CSS”页面布局技术;设计电子购物商城主页。我深深体会到，做好主页，并不是一件容易的事，网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。不过能懂得基本的框架和思路，这一点在以后的工作过程中是非常有帮助的。通过这次实习，我也总结出来一些网站建设的基本流程。制作网页，首先是确定主题。网上购物系统发布平台为顾客提供了各种商品、供求信息浏览、查询，购买等功能，全面的为顾客提供服务，帮助顾客更多的了解本网站的动态信息，提供最新动态通知。要求系统具有以下功能：（1）用户登录注册。（2）提供类别导航，购物推荐，热销商品，加入购物车等（3）提供会员注册（4）提供管理员后台管理入口。管理员通过本页面登录后台管理程序。（5）通过后台对各类信息进行管理和审核。（6）对网站会员信息进行管理和审核。审核注册本网站的会员，对其进行管理。（7）友情链接。设置相关的友情链接页面。主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一个版块都有其个性，清晰明了，便于阅读浏览，大致分几部分，首页，小店简介，产品展示，售后服务，友情链接这几个板块，再加入个别网站等，每一部分又分为几个小部分，内容比较充分，多样。确定导航栏的各个分了标题之后对于建立二级子网页尤为重要。主页的导航设计好后，接下来就是对主页导航栏的各个内容进行资料的收集，在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。我们再对大量收集的资料进行筛选，得到最合适的导航内容的资料。网站建设中如果大量运用模板，对于建立网站提供便利同时也减少了大量的工序。主页的设计应以醒目优先，应该令人一目了然，勿堆砌太多不必要的细节，或使画面过于复杂。页面给人的第一观感最为重要。网上商城系统采用了敏捷开发的设计思想，我们对整个系统主要分成了2个大模块，即前台交易模块和后台管理模块。而其中各个模块我们又进行了进一步的细分，如前台交易模块又分为注册会员、商品浏览、查询商品、购买商品等；后台管理模块则包括对用户的管理、商品管理和销售管理。使得整个系统具有易用性、个性化、跨平台等特点，同时又保证交易数据的安全、稳定、快速和完整，使其运行得高速、安全、稳定。商品管理模块，管理员对商品信息的管理主要包括商品以及对商品类别的查询、添加、删除、修改等操作。订单管理模块，用户选择满意的商品会进行下订单操作，同时会进行确认订单、付款等操作，但同时也会存在未确定订单、未付款等操作。网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。通过这次实习，我学到了很多有价值的东西。虽然我不能完成网站设计的过程，把设计中散乱的网页链接成框架体系，但至少使平时学到的知识点有了提高。我感受最深的是：想要最好一个网站，素材和技能都十分重要。好的素材需要多放面查找资料的，可以从图书、网站和新闻上查找的。好的技能需要不断的实践，经常锻炼。只有拥有好的素材和精湛的技能才可以做出最精湛的网页。动态网页设计实践报告篇二实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。实习内容：网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。一网站的整体规划1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。3.确定栏目和板块：1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。2]其次就应该考虑导航条的设置了。3]正文的框架设置(横向因素和纵向因素交错)在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。二网页制作的前期策划与准备1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF的动画等。2.熟悉制作工具软件：主页制作的基本条件有：硬件：一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件：HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍Dreamweaver;图像处理软件：常用的有Photoshop、flash、Fireworks等;文件上传软件：常用的有Cuteftp、WSftp等。三网页制作真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后。在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。四网页的调试之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。总结：在公司里实习的这段时间里，我真正体会到了团队的力量。刚得到公司通知说我面试通过，真的很开心。在没进公司的时候，有很多的憧憬。希望自己可以大干一场，当时感觉自己有太多可发现的潜力可以挖掘，就等着有那么一个人可以发现自己这么一块金子。进去之后才发现其实自己是那么的渺小，千万不要自以为是，比你好的多的多，你没有什么了不起的。做人一定要塌实。没有同事们一起的努力，就单靠自己一个人的力量肯定是做不好事情。特别是在销售部这样