网页设计实习报告.doc

实 习 报 告 实习题目：网页设计 实习地点：计算机网络实验室 实习时间：2011.12.05-2011.12.23 指导教师：徐巧格、纪睿、房栋 实训班级：计算机网络091 姓 名：屈志刚 目录 1.前言 3 1.1课题意义 3 1.2课题目的 3 1.3课题研究范围 3 1.4要解决的主要问题 3 2.网页开发技术 4 2.1网页开发技术 4 3.网页制作 5 3.1网页整体布局设计 5 3.2 以下是首页页面的图形布局： 5 3.3开发环境的配置 5 3.4接口设计 6 4.网页模块功能介绍 7 4.1网页模块分布 7 4.2主要代码及功能：用户登陆、连接数据库 7 4.3首页页面主要代码 9 5.实训过程 14 5.1、收集有关电子系网站建设的资料和信息。 14 5.2、下载相关模板并确定每个页面的布局。 15 5.3、先规划好首页要表达的内容。 15 5.4、将其余页面分发给特定的几人 15 5.5、超链接： 15 5.6、代码找资料： 15 5.7、整理： 15 5.8、美工： 15 5.9、前后台： 16 5.10、管理员登陆 16 5.11、功能实现 16 6.关键技术突破 16 7.总结 16 1.前言 1.1课题意义 初步了解软件的功能布局和一些基本操作，并自己熟悉实践用几种网页技术PHP，flash等制作一个html网站。 掌握对网页内容排版的操作，做到网页内容将来在浏览器中显示效果美观；初步了解并可以使用脚本语言对网页内容的控制，了解其基本语法结构。 熟悉一个网站设计的流程图，是对于一个程序员的基本要求。 1.2课题目的 1.2.1了解网站的制作流程和基本方法。 1.2.2学会站点的规划与创建，能自己创建个人网站和简单的企业网站。 1.2.3掌握静态网页的制作技术。 1.2.4掌握动态网页的制作技术，了解与数据库的链接及简单的数据处理。 1.2.5掌握 Photoshop 制作平面图像的基本技巧。 1.2.6培训动手能力、综合应用能力和团队合作能力。 1.2.7通过实训技能训练，应达到以下能力目标。 1.3课题研究范围 1.3.1：HTML网页制作：要求制作一个“电子工程系”的html网页，可以将导航分为热门的话题，同时网页对输入的内容应该有纠错检验机制。 1.3.2：软件的使用：熟悉软件的基本布局，会用它制作html网页，并且应该会对网页布局进行调整，使其简洁、美观。 1.3.3：脚本语言：了解脚本语言的基本语法，明白其工作机制，并且会用一些简单脚本实现对网页内容的控制。 1.3.4：网页内容：该网页主要针对学生而言，所以在内容选材时，尽量选取与学生有关的活动，新闻，以及学生登陆平台。 1.4要解决的主要问题 1.4.1：调整好网页布局，使其各表格应尽可能对齐，整体界面简洁、美观。 1.4.2：网页应实现对输入内容的纠错检验，实现上传照片的功能。 1.4.3：在主页添加flash动画，让页面看起来更美观，大方。 1.4.4：建立动态页面，链接到数据库。 2.网页开发技术 2.1网页开发技术 几种网页技术介绍ASP、JSP、CGI、PHPHTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。? ? HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。ASP全名Active Server Pages，是一个WEB服务器端的开发环境利用它可以产生和运行动态的、交互的、高性能的WEB服务应用程序。ASP采用脚本语言VB Script（Java script）作为自己的开发语言。 ASPWeb上的请求转入到一个解释器中，在这个解释器中将所有的ASP的Script进行分析，再进行执行，而这时可以在这个中间件中去创建一个 PHP是一种跨平台的服务器端的嵌入式脚本语言. 它大量地借用C,Java和Perl语言的语法, 并耦合PHP自己的特性,使WEB开发者能够快速地写出动态生成页面.它支持目前绝大多数数据库。还有一点，PHP是完全免费的JSP 是Sun公司推出的新一代站点开发语言，他完全解决了目前ASP,PHP的一个通病－－脚本级执行（据说PHP4 也已经在Zend 的支持下，实现编译运行）Sun 公司借助自己在Java 上的不凡造诣，将Java 从Java 应用程序 和 Java Applet 之外，又有新的硕果，就是Jsp－－Java Server Page。Jsp 可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。HTML技术，因为它相对简单，容易上手，适合初学者进行基本的练习操作