网页制作实验报告完成步骤.docx

网页制作实验报告完成步骤

第一篇：网页制作实验报告完成步骤武汉大学计算中心2007年5月《网页与Web程序设计》实验报告年级：2008级（必修）学号：2008姓名：专业：一、实验题目分析或参考给定的“网站设计实例”，设计一个自选题材的网站。说明：1．自行设计的网站可以只包含静态网页（.htm），也可以包含动态网页(.asp)。2．站点至少要有三层结构，页面数5页左右；网页要有落款、版权说明。网站大小不要超过10MB。3．在网站制作过程中或完成后，填写下面“五、实验步骤”里的省略号部分。二、实验目的和要求通过以前各章的学习和实验，同学们已经了解和初步掌握一系列的网页与Web程序设计技术。本实验能使大家对网站设计的全过程，有一个更加完整的概念，熟练掌握网站设计工具“网页设计三剑客”。具体要求如下：1．自选题材，主题内容要合法、健康、实用。网站主题突出、内容丰富。2．自己动手独立完成网站设计。可以借鉴和模仿某个网站进行设计与制作，但不可以从网上下载网页直接上交。3．站点应当设计合理，结构分明，管理有序，无多余文件和文件夹，大小合适。文件和文件夹存放位置要正确，首页文件名应该使用index.htm、index.asp、default.htm或default.asp。其他文件或文件名命名也要规范，不宜使用汉字或带有空格的名称。4．网站风格统一，设计适合于主题的LOGO（徽标），或者标题图片及动画。各页面设计合理、美观，有创意。不要太花哨或太孩子气，不要只是各种元素的随意拼凑。图片和动画选用要适合主题，不要在网页中插入不相干的图片，图片保存格式和图片大小要合适。要适用于各种显示器的分辨率，不要太宽，否则在显示器分辨率较小时会出现水平滚动条。5．各个页面之间的链接要合理有效，路径要正确（使用相对路径）。要合理使用css样式，不要在各个页面中重复定义相同的css样式；应该将css样式存放到css文件中，然后附加即链接到各页中。代码结构清晰，无垃圾代码。三、实验方法网站设计的一般过程或方法如下：1．确定主题和收集资料自行选定所要设计的网站主题和栏目，收集有关图文、数据等资料，经过分析，初步确定网站的基本功能、结构或三级目录。2．规划网站和新建站点在需求分析的基础上，画出网站的树型目录结构图，从网站根文件夹，子文件夹到文件名。首页文件名如index.htm，应该放在网站根文件夹里。根据Windows的“管理工具”中是否已安装IIS，用Dreamweaver8，在C:Inetpubwwroot或者D:里，新建站点，即根文件夹，子文件夹或文件名。随时在U盘上做好备份。3．制作素材和单个网页用“网页设计三剑客”自行制作或者收集网站要使用的小图片、动画、音频或视频，制作单个网页文件及其链接，以及按需要建立数据库。按照规划，一一放在网站的相应子文件夹里。武汉大学计算中心2007年5月4．制作首页和建立链接制作首页，并且建立与下一级网页的链接（若受网站大小限制且超过5页，则可建立必要的空连接）。5．调试运行可以边设计边调试，也可以边调试边修改前面的设计。然后，正式运行和提交网站。四、实验环境微机+Windows操作系统(含IIS)+Fireworks8+Flash8+Dreamweaver8+Access。五、实验步骤请填写网站分析与设计的实验步骤。（一）分析给定的“网站设计实例”1．该网站的树型目录或站点结构图（如图1）：……图1实例网站的树型目录或站点结构2．在该网站首页上“插入”大标题图片和动画文件的操作步骤：……3．在该网站设计中，运用了哪些样式设计技术如CSS等？举例说明：……4．在该网站设计中，下一级网页显示的目标（位置）一般设置为：……；数据库（.mdb）文件为：……。5．在该网站设计中，较好地运用了如下网页与Web程序设计技术：……（二）设计自选题材网站的具体步骤1．确定主题和收集资料本网站的主题：……栏目或三级目录：……2．规划网站和新建站点网站的树型目录或站点结构图如图2：……图2自制网站的树型目录或站点结构3．制作素材和单个网页（举例说明典型的操作步骤）（1）素材制作……（2）网页制作……（3）建立数据库4．制作首页和建立链接（举例说明典型的操作步骤）……5．调试运行调试和运行情况：……第二篇：网页制作实验报告网页制作实验报告实验一：站点设置一、实验目的及要求本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。二、仪器用具1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。2、安装windowsxp操作系统；建立iis服务器环境，支持asp。3、安装网页三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件；三、实验原理通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。