计算机技术系
实训项目报告书
20## — 20## 学年第 1 学期
实训项目名称: 个人博客网页设计
姓 名:
学 号:
所在专业: 计算机技术系
所在班级: 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、上传网站。
四.问题及建议