网页设计实验报告书.docVIP

PAGE ·PAGE 1· 管 理 学 院 实 验 报 告 书 学 号 20100 姓 名 于安 同 组 者 无 指导老师 六洪 专业班级 信息管理与信息系统1001班 实验日期 2011/5/28 课程名称 网页设计 实验名称 个人网站设计 指导教师评语： 签名： 操作分 报告分 总成绩 实验报告具体内容一般应包括：一、实验目的和要求;二、主要仪器设备(软件);三、实验内容及实验数据记录;四、问题与建议 实验名称 个人网站设计 实验目的和要求 个人网站建设的目的： 让学生了解网站规划的内容，熟悉网站的建立过程，学会对网站进行测试和维护。 个人网站建设要求： (1)在导航上要尽量清晰明了，布局合理，层次分明，页面链接层次不要太深，尽量让用户用最短的时间找到需要的资料。 (2)风格要统一：保持统一风格，有助于加深访问者对你的个人的印象。 (3)色彩要和谐、重点突出：在网页设计中，根据和谐、均衡和重点突出的原则。 (4)统一网站的CSS，有助于保持整个站点的风格统一，并且方便修改。 二．主要仪器设备（软件） 实验软件：Windows XP 操作系统 或者 Windows 2000,Windows 2003操作系统;Dreamweaver、Fireworks、Flash。 三.实验内容及数据记录 实验内容 1．创建网站，用Dreamwear 生成一个网站。 2．规划网站，通过对网站的整体规划，和对风格的分析，总体规划网站的功能和特色。 3．素材收集，通过PHOTOSHOP或者FLASH，作好网页图片等的准备。 4．栏目设置 (1)基本概况 ：主要从地理位置和行政划分两个方面简要介绍一下兴义。 (2)历史；介绍兴义及其周边的七个县的历史沿革。 (3)经济发展：从供电供水、开发前景、通信交通和招商引资几个方面介绍兴义的经济情况。 (4)自然资源：主要介绍了兴义的矿产、能源和生物。 (5)兴义名人：介绍了一些兴义的名人，如张之洞等。 5．网页设计，通过用Dreamwear8工具，开发各个栏目设置中的网页。 6．网站测试，通过IE来测试网站的完整性，正确性和兼容性。 7．网站发布，发布网站到指定的空间，可以申请免费的空间和域名，也可以把它发布到本机的IIS或其他WEB服务器上。 实验数据记录 第一步 用Dreamweaver 生成一个网站。 在计算机D盘上新建一个文件夹，命名为“安逸的兴义”。 在该文件夹中新建6个文件夹，分别命名为images（图像）、jibengaikuang（基本概况）、media（媒体）、jingjifazhan（经济发展）、ziranziyuan（自然资源）、xingyimingren（兴义名人）、lishi（历史）。 启动Dreamweaver.选择“站点”-“新建站点”命令，打开新建站点对话框。 选择“高级”选项卡，在分类栏本地信息中的站点名称文本框中输入安逸的兴义。 单击本地根文件夹按钮，定位到新建立的“安逸的兴义”文件夹。 单击默认图像文件夹按钮，0定位到新建立的images文件夹，保持其他默认选项，单击“确定”按钮。 第二步 规划网站，通过对网站的整体规划，和对风格的分析，总体规划网站的功能和特色。 网站目标：宣传我的家乡-兴义。 用户分析与市场需求：用户对的家乡有一定的兴趣。期望能够轻松简便地方问到有关兴义的信息。为此目的，一方面精选用户最关心的信息，还需以容易访问的方式展示给用户。 网站风格：简明，大方得体。 技术因素;使用网站较小，保证下载速度。浏览器以IE8为主，兼顾IE9和Firefox。页面设计时的分辨率为10248*768，兼顾800*600和1280*1024。 第三步 素材收集，通过PHOTOSHOP或者FLASH，作好网页图片等的准备。 通过Fireworks制作网站的Logo。 通过Fireworks制作导航条。 第四步 栏目设置 1、基本概况 ：主要从地理位置和行政划分两个方面简要介绍一下兴义。 2、历史；介绍兴义及其周边的七个县的历史沿革。 3、经济房展：从供电供水、开发前景、通信交通和招商引资几个方面介绍兴义的经济情况。 4、自然资源：主要介绍了兴义的矿产、能源和生物。 5、兴义名人：介绍了一些兴义的名人，如张之洞等。 第五步 网页设计，通过用Dreamwear工具，开发第四步栏目设置 中的各个栏目的若干网页。 1、制作首页 2、制作模板 3、用模板进行批量生产 第六步 网站测试，通过IE来测试网站的完整性，正确性和兼容性。 1、选择“窗口”-“结果”命令，打开结果面板。 2、单击“链接检查器”标签，在线式列表中选择“断掉的链接”，单击左边的三角板按钮,选择“检查整个当前站点的链接”选项，检查的结果会在结果面板中显示。 3、单击“站点报