个人主页设计报告

《个人主页设计报告》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、目录一．课程设计的目的………………………………………………………2二．网站的主题和意义……………………………………………………2三．实验基本原理…………………………………………………………3四．运行坏境………………………………………………………………3五．设计步骤………………………………………………………………35.1网页制作的前期策划和准备5.2设计方案5.3网页的制作六．调试过程分析……………………………………………………………6七．网页的测试与发布……………………………………………………67.1网页效果截图7.2网站后台数据库介绍7.3.数据库初始化以及c/s模式的功能7.4网页运行结

2、果7.5网站部分功能原代码八、小结………………………………………………………………………248.1充分发挥动手能力8.2不足之处九、参考资料………………………………………………………………….2625一．课程设计的目的通过本课程的训练，使学生掌握XHTML语言的语法结构，能够使用XHTML语言编写静态网页，控制网页中的文字，图片，超级链接，表格，表单，框架等，能够使用XHTML语言实现移动的文字，制作多媒体页面，能够读懂复杂网页的源代码。熟练使用网页设计工具Frontpage、DreamweaverMX，能够使用DreamweaverMX设计网页的框架，导航条，设置文字，图片，超级链接，滚动

3、文字，弹出窗口的属性，能够使用DreamweaverMX设计出比较复杂的网页，建立小型网站。熟悉FlashMX的绘图，帧，层，属性面板的使用，能够使用FlashMX制作简单的动画，设计网页的FLASH标题。掌握基于WEB的数据库应用，理解在B/S模式下网页如何同数据库之间建立联系，重点了解基于MYSQL和PHP两种方式以及各自的原理和运行环境，学会使用PHP的基本语法、内建对象、内建组件以及PHP访问数据库的方法，能够读懂并修改大型动态网站（PHP网站）的代码。二.网站的主题和意义网站的主题：房地产的公司主站网站的意义：在这次课程设计中，我和我的搭档选择的是制作一个以介绍公司特色为主的网站。

4、由于以前学过有关网页的编程语言，所以这个主页设计相对来说并不是很难。通过查找有关家乡的资料，将自己所学的网页制作的相关知识运用到实际中，加深了对理论知识的理解。总之，这次个人网站的课程设计提高了我们的动手能力，对我们以后的学习和工作都有很大的帮助。三.实验基本原理通过上机操作使学生实际掌握XHTML语言的使用方法，使用XHTML设计网页。通过上机操作使学生熟悉Frontpage、DreamweaverMX，FlashMX的使用方法，能够使用DreamweaverMX设计比较复杂的网页，能够使用FlashMX25设计简单的动画，能够使用PHP创建动态网站，巩固和加深对网站建设与网页制作知识的理

5、解，增强计算机的使用和实际操作能力。本课程以WindowsXP和DreamweaverMX，FlashMX作为系统环境，主要讲述XHTML的基本语法和Frontpage、dramweaverMX、flashMX的基本操作以及php应用。四、运行坏境本网页主要基于windowsXP的操作系统，MacromediaDreamweaver、MacromediaFireworks的运行坏境及PhotoshopCS4。五.设计步骤5.1网页制作的前期策划和准备在正式制作我们的网站之前，我们将主题确定在介绍本公司的特色，一共做了十几个面，每个页面上都有明确的内容，整体的布局以及颜色的选取是根据公司的风景

6、选定，由于是介绍公司的特色和小区风景，因此整体的颜色决定采用绿色，既符合风景的自然之美也跟进了当今社会的趋势，而且绿色在浏览者看起来也比较舒服，会对我们所做的网站留下个好印象。确定了这些后，就是上网查找有关资料。为了让网页做得更能符合当今网页设计的潮流。5.2设计方案①网站主架构设计，结构图如图1所示。网站首页项目概括规划设计理念精品户型小区实景本站相册后台登陆管理25图1②网站相册设计，结构图如图2所示。网站相册相册名称相册类型相册密码相册描述等待扩展等待扩展图2③网站新闻架构设计，结构图如图3所示。新闻主页显示发布新闻评论新闻发表新闻阅读新闻图3④后台管理架构设计，结构图如图4所示。25

7、后台管理用户名密码验证码修改密码图45.3网页的制作在网页的制作上，我们使用了DreamWeaver软件，我们一致认为所有网页的总体布局是一样的，因此先总体的做了个网页的模板，在此模板的基础上，再去设计各个子页面。此模板由导航区，内容区以及友情链接区组成。而每一个模块都是用表格布局的。导航区内的导航条是用借助PhotoShop软件制作的一张图片，再经切片工具将之切成几个部分，这样就实现了导航条的链接功能。在i