网页设计实验报告.doc

南京信息工程大学滨江学院 ? ? ? ? ? ? ? ? ? ? 《网页制作》课程设计报告 ? ? 设计题目：? ? web网站设计? ? ? ? ? ? 专? ? 业：? ? 计算机系软件工程（动漫）? ? ? 学生姓名：? ? 戴屹? ? ? ? ? ? 丁海琴? ? ? ? 学? 号? :? 20102359003? ? 20102359004? ? ? 日期：2012年12月18日~ 2012年12月 21日 ? ? 指导教师：? ? ? ? ? ? 陈遥? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 计算机系制 2012年12月 目? 录 一 设计目的? ? 3 二、设计内容? ? 3 三、课程步骤? ? 3 四、需求分析? ? 4 五、技术分析? ? 5 六、制作过程及要点? ? 7 七、? ? 9 八、参考资料? ? 12 九、设计总结? ? 12 一 设计目的 1、了解网页设计制作过程； 2、了解和熟悉网页设计的基础知识和实现技巧； 3、通过实践，经历Dreamweaver cs3开发的全过程和受到一次综合训练， ? ? ? ? 以便能较全面地理解、掌握和综合运用所学的知识； 4、通过设计达到掌握网页设计、制作的技巧； 5、结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开 ? ? ? ? 发工具进行网页开发的方法； 6、根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材 ? ? 设计制作符合要求的网页设计作品； 7、熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用； 8、增强动手实践能力，进一步加强自身综合素质； 9、学会和团队配合，逐渐培养做一个完整项目的能力。 2、设计内容 ? ? 用dreamweaver，photoshop，flash等软件设计一个网页。 ? ? ? ? 3．设计步骤 1．资料的搜集。 2．熟悉制作软件。 3．构建站点框架。 ? 打开Dremweaver后第一步便是新建站点 4．设计主页。 5．实现网页间的链接，链接的过程其实很简单，主要是把要链接的文字选择? ? 在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。 6．向静太网页插入动态效果。 ? （一）页面的设计方面 网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习。并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的边缘科学.不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.并且我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。因此我提倡简单的美。 （二）网页视觉效果 视觉形象识别即我们通常所说的VI（VisualIdentity），与BI一起用于深化表现企业理念，同时也受到BI的影响。所谓视觉形象识别，就是指能够被目标客户通过视觉来认知与企业相关的一切事物，从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等，在将其系统化以后就形成了企业的视觉形象识别系统。视觉形象识别系统在整套CIS中处于最表层的位置，其中所有的设计都将与目标客户发生直接的接触。 （三）网页的整体布局和导航 网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，便于用户浏览，网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型 网页布局是主要考虑以下几点： 1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。 2、其次就应该考虑导航条的设置了。 3、正文的框架设置（横向因素和纵向因素交错） （四）网页中文字、图像 图象我利用网上有哪些信誉好的足球投注网站和自己所学过的banner