计算机技术系
实训项目报告书
20##—20##学年第1学期
实训项目名称：个人博客网页设计
姓 名：张腾
学 号：35091104072
所在专业：计算机技术系
所在班级：11网络班
任务起至日期：20##-12-10至20##-12-14
指导教师:陈彦
成 绩:
目 录
第一章 引言.............................................................................................................. 2
1.1 实训项目开发背景及意义............................................................................ 2
1.2 项目开发环境简介....................................................................................... 3
第二章 实训项目设计基本思路及创新点.................................................................. 3
2.1实训项目设计的基本思路............................................................................. 3
2.2项目设计创新点........................................................................................... 4
第三章 实训项目总体规划......................................................................................... 5
第四章 典型网页设计过程及样例.............................................................................. 7
第五章 小结............................................................................................................ 13
参考文献................................................................................................................. 16
实 训 项 目 报 告 书
实 训 项 目 报 告 书
实 训 项 目 报 告 书
第二篇：网页设计实验报告书
管 理 学 院 实 验 报 告 书
实验报告具体内容一般应包括：一、实验目的和要求;二、主要仪器设备(软件);三、实验内容及实验数据记录;四、问题与建议
实验名称 个人网站设计
一．实验目的和要求
个人网站建设的目的：
让学生了解网站规划的内容，熟悉网站的建立过程，学会对网站进行测试和维护。
个人网站建设要求：
(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 生成一个网站。
1．在计算机D盘上新建一个文件夹，命名为“安逸的兴义”。
2．在该文件夹中新建6个文件夹，分别命名为images（图像）、jibengaikuang（基本概况）、media（媒体）、jingjifazhan（经济发展）、ziranziyuan（自然资源）、xingyimingren（兴义名人）、lishi（历史）。
3．启动Dreamweaver.选择“站点”-“新建站点”命令，打开新建站点对话框。
4．选择“高级”选项卡，在分类栏本地信息中的站点名称文本框中输入安逸的兴义。
5．单击本地根文件夹按钮，定位到新建立的“安逸的兴义”文件夹。
6．单击默认图像文件夹按钮，0定位到新建立的images文件夹，保持其他默认选项，单击“确定”按钮。
第二步 规划网站，通过对网站的整体规划，和对风格的分析，总体规划网站的功能和特色。
1、网站目标：宣传我的家乡-兴义。
2、用户分析与市场需求：用户对的家乡有一定的兴趣。期望能够轻松简便地方问到有关兴义的信息。为此目的，一方面精选用户最关心的信息，还需以容易访问的方式展示给用户。
3、网站风格：简明，大方得体。
4、技术因素;使用网站较小，保证下载速度。浏览器以IE8为主，兼顾IE9和Firefox。页面设计时的分辨率为10248*768，兼顾800*600和1280*1024。
第三步 素材收集，通过PHOTOSHOP或者FLASH，作好网页图片等的准备。
1. 通过Fireworks制作网站的Logo。
2. 通过Fireworks制作导航条。
第四步 栏目设置
1、基本概况 ：主要从地理位置和行政划分两个方面简要介绍一下兴义。
2、历史；介绍兴义及其周边的七个县的历史沿革。
3、经济房展：从供电供水、开发前景、通信交通和招商引资几个方面介绍兴义的经济情况。
4、自然资源：主要介绍了兴义的矿产、能源和生物。
5、兴义名人：介绍了一些兴义的名人，如张之洞等。
第五步 网页设计，通过用Dreamwear工具，开发第四步栏目设置
中的各个栏目的若干网页。
1、制作首页
2、制作模板
3、用模板进行批量生产
第六步 网站测试，通过IE来测试网站的完整性，正确性和兼容性。
1、选择“窗口”-“结果”命令，打开结果面板。
2、单击“链接检查器”标签，在线式列表中选择“断掉的链接”，单击左边的三角板按钮,选择“检查整个当前站点的链接”选项，检查的结果会在结果面板中显示。
3、单击“站点报告”
4、单击左上方的三角按钮，打开“报告”对话框在“报告在”列表中选择“整个当前站点”，在选择报告框选择“HTML报告”-无标题报告，然后单击“运行”按钮。
第七步 网站发布，发布网站到指定的空间，可以申请免费的空间和域名，也可以把它发布到本机的IIS或其他WEB服务器上。
1、再次反复测试网站。
2、申请网站空间，获得相应的用户名，域名和密码。
3、建立一个网站的发布版本，也就是将其中所有鼓励文件都删除的一个都删除的上传版本。
4、在 Dreamweaver中设置远程站点。
5、上传网站。
四.问题及建议