搜索
Dreamweave个人网站设计0《Dreamweaver个人网站设计》实训专业班级：信息1101学生姓名：学号：2011321105指导教师：日期：2013年6月2013年6月14日Dreamweave个人网站设计1目录摘要................................................................2第1章绪论.........................................................31.1概述........................................................31.2实验需求分析................................................31.3软件介绍....................................................41.4数据库的选择................................................51.5实训任务....................................................61.7实验设计说明................................................7第2章数据库的设计..................................................82.1数据库......................................................8第3章实验设计.....................................................93.1搭建服务器平台与建立站点....................................93.1.1组装IIS同时进行配置..................................93.1.2新建站点..............................................103.1.3创建数据库同时进行链接................................113.2各个模块....................................................123.3留言板功能的实现...........................................14第4章总结与致谢..................................................194.1总结.......................................................194.2致谢.......................................................204.3文献参考...................................................20Dreamweave个人网站设计2摘要DreamweaverMX是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论您愿意享受手工编写HTML代码时的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver都会为您提供有用的工具，使您拥有更加完美的Web创作体验。Dreamweaver使您可以使用服务器技术(例如CFML、ASP.NET、ASP、JSP和PHP)生成由动态数据库支持的Web应用程序。Dreamweave个人网站设计3第1章绪论1.1概述MacromediaDreamweaver8是建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS的设计的领先支持到手工编码功能，Dreamdreanweaver8的工作界面和图标、Dreamdreanweaver8提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用Dreamweaver及所选择的服务器技术来创建功能强大的Internet应用程序，从而使用户能连接到数据库、Web服务和旧式系统。Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。1.2实验需求分析本教程将运行在WindowsXP操作系统上，由IISWeb服务器和Access2003数据库建立Web站点，通过Dreamaver+Access2003数据库的技术实现各个页面的链接以及留言板功能的实现。实验通过Dreamaver+Access2003数据库的技术，做一个个人网站，网站要求有首页、个人简历、个人风采、留言板等模块的设计，布置好各个页面间的链接，从而实现一个简单网站的浏览。留言板的实现，需要两个页面即提交留言页面和浏览留言页面，实现留言的提交与浏览功能。Dreamweave个人网站设计41.3软件介绍Dreamweaver是一款专门的网页设计软件，它采用所见就是所得的编辑方式，利用行为，CSS样式等技术多WEB站点进行设计和开发。Dreamweaver为用户提供可视化编程，用户可以无须编辑代码，只须在快捷的操作面板上进行操作。用户可以查看所有的站点以及网页的设计状况，其还可以使用服务器行为以及技术（如：ASP，JSP，PHP），生成由动态数据库支持的WEB程序，可以完全自定义创建自己喜欢的设计模式。该软件主要还涉及站点以及服务器，服务器行为和本地服务器的设计与应用，其也为整个设计创造了基本的设置环境。本地服务器就是利用自己的电脑做一个服务器,比如把自己的电脑当做web服务器,开个IIS就可以,别的电脑输入你的ip或者域名就可以看到您的网站,而自己输入或者,http://您的ip,就可以看到自己电脑上开起来的网站.Dreamweaver站点提供一种组织所有与Web站点关联的文档的方法。通过在站点中组织文件，可以利用Dreamweaver将站点上传到Web服务器、自动跟踪和维护链接、管理文件以及共享文件。若要充分利用Dreamweaver的功能，需要定义一个站点。Dreamweaver站点由三部分（或文件夹）组成，具体取决于开发环境和所开发的Web站点类型：本地文件夹是您的工作目录。Dreamweaver将该文件夹称为“本地站点”。此文件夹可以位于本地计算机上，也可以位于网络服务器上。这就是为Dreamweaver站点所处理的文件的存储位置。只需建立本地文件夹即可定义Dreamweaver站点。若要向Web服务器传输文件或开发Web应用程序，还需添加远端站点和测试服务器信息。远端文件夹是存储文件的位置，这些文件用于测试、生产、协作等，具体取决于开发环境。Dreamweaver在“文件”面板中将该文件夹称为“远端站点”。一般说来，远端文件夹位于运行Web服务器的计算机上。本地文件夹和远端文件夹使您能够在本地磁盘和Web服务器之间传输文件；这使您可以轻松管理Dreamweaver站点中的文件。测试服务器文件夹是Dreamweaver处理动态页的文件夹。有关更多信息，请参见指定可在哪里处理动态页。Dreamweave个人网站设计51.4数据库的选择本网站设计采用Microsoft的Access2003数据库。Access是一种关系型数据库管理系统，其主要特点如下：（1）存储方式单一Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库文件种，便于用户的操作和管理。(2)面向对象Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。（3）界面友好、易操作Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。（4）集成环境、处理多种数据信息Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。（5）Access支持ODBC（开发数据库互连，OpenDataBaseConnectivity），利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成HTML文件，轻松构建Internet/Intranet的应用。本设计主要是用来存储数据，以及进行数据的更新。也是可以使用动态数据交换的一个平台与基石。Dreamweave个人网站设计61.5实训任务1.站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料图片、文字等。2.进行主页设计。构思主页布局，进行主页标题图片的设计，力求原创，使用学过的绘图软件进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。3.网页设计。除主页以外的网页设计，首先设计网页模版一部分网页由模版生成一部分为单独设计，依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计。包括版面设计和图形设计、内容录入等。4.多媒体使用。在网页上使用网络上的多媒体素材或者可以自己创作多媒体素材,实现网页的内容多样性，增加网站的美观和趣味性。5.综合优化。链接正确、得当，动态效果好，时间轴动画、行为、代码的嵌入等。6.否，页面打开时间、图片和动画是否丢失等。1.6实验目的1进一步熟悉和掌握网站建设的基本流程和技术规范。2巩固网页设计中各种HTML标记的使用。3巩固运用图像处理软件进行网页中图形制作和运用flash动画，背景音乐文件视频文件丰富网页内容的知识。4巩固运用网页模板，使用恰当布局技术实现网页的合理布局和内容的编排。5巩固运用网页特效，网页行为给网页添加简单交互功能。6巩固运用CSS样式表实现网页，网站整体风格，样式的设置。7具备独立撰写实训报告等科技文件的基本能力。8在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力培养创新能力和团队意识。9为今后从事网站开发、维护和管理奠定基础。Dreamweave个人网站设计71.7实验设计说明个人网站主题的说明，设计的个人网页，一方面是为了完成我们的考试，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好ASP的核心工具和技术，以便提高对网页知识的更深层次的了解。个人网站包含了各种交流工具，将BBS论坛、聊天室、娱乐空间和留言板结合在一起充分满足个人需求，设计新颖，符合学生的口味。一定会有众多的使用者，有独特的风格。个人网站的实用性也是本网站的一大亮点。关于本站的论坛、聊天室、论坛都发挥着各自