陕西国防工业职业技术学院
Visual Basic课程实训报告
                        题目：魅力陕西
专    业：    软件技术           
班    级：    软件310119           
姓    名：      yy           
学    号：      35310119         
指导老师：      xx             
实训时间：    5.30~6.10           
实训地点：      机房             
成    绩：                   
软件教研室制

陕西国防工业职业技术学院
SHAANXIINSTITUTE OF TECHNOLOGY
Visual Basic实训项目单
 
魅力陕西
一． 目的和任务（宋体加粗四号）
目的：通过实训可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握理
论的基础上再加以实践，进一步提高、加强学生的综合能力，培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。
根据自己的兴趣，设计一个个人站点或介绍一个集体的小站，围绕一个主题并能够体现出自己的个性，至少有8个页面，三级链接，有整体框架结构，表格定位以及表单处理等，布局合理，彩搭配协调统一，内容丰富多彩，页面风格独特。而且了解实训的意义、目的、要求、任务和考核方式知道网站开发要求、开发规范；
掌握一个网站的完整制作步骤和操作方法。
任务：1.  站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。
2．    进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。
3．    网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计）。包括版面设计和图形设计、内容录入等。
4．    动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。
5．    综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）
6．    网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。
二．开发环境（宋体加粗四号）
正文部分：（宋体五号）包含两部分：
  硬件环境：硬件方面要达到VS和sqlserver的最低安装配置，一般只要不是远古时期的电脑都可以通过。操作系统方面最好是win2000,2003,xp,vista,win7等支持的环境的操作系统。
软件方面就是你要安装VS2005或更高版本，数据库要安装sqlserver或access等。iis是需要单独安装的，只有少数操作系统自带IIS。你如果用XP开发asp，那就安装IIS 5.1版本。如果你的电脑是xp的家用版或ghost版可能会在安装iis上遇到问题，请自行查搜索引擎
软件环境：Macromedia Dreamweaver 8.0 是建立 Web 站点和应用程序的专业工具。它将
可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。
三．窗体设计（宋体加粗四号）
我主要负责主页面的设计和主页面中的导航页面设计，我们的项目是关于陕西的风土人情，里面涉及山西各地美景，美食，名胜，人文，文化等等。我主要是我们子页面上的宝鸡和延安两地界风土人情，还有主页面上的部分导航页面，包括陕西民俗、陕西典故、陕西美食、陕西概览、陕西导航。陕西导航点进去就是陕西的各个地界，首先是一个陕西地图，然后进入其他地方了解各地风情。
主页面抓图：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--asp网站页面
body,td,th {
    color: #000000;
}
.STYLE7 {
    font-size: 24px;
    font-weight: bold;
    font-family: "方正舒体", Fixedsys, "Kunstler Script";
}
.STYLE8 {font-size: 18px}
.STYLE10 {font-size: 18px; font-weight: bold; }
body {
    background-color: #FF9933;
}
.STYLE11 {
    font-size: 16px;
    font-weight: bold;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) ElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('20090209_92eb40e0a56e7444bdbdpynhvbltjqfq.jpg','绿.jpg','yi.jpg','钟楼.jpg','秦.jpg')">
<table width="1504" height="215" border="1">
  <tr>
    <td width="1494" height="209"><img src="穿越时光_conew1.gif" width="1496" height="281" /></td>
  </tr>
</table>
<table width="1483" height="830" border="1">
  <tr>
    <td width="371" rowspan="2" bgcolor="#FF9933"><div align="center">
      <table width="200" height="32" border="1" bgcolor="#666600">
        <tr>
          <td><div align="center" class="STYLE11">陕西概览</div></td>
        </tr>
      </table>
    </div>
        <div align="center">
          <table width="200" height="34" border="1" bgcolor="#666600">
            <tr>
              <td><div align="center" class="STYLE11">陕西导航</div></td>
            </tr>
          </table>
        </div>
      <div align="center">
          <table width="200" height="29" border="1" bgcolor="#666600">
            <tr>
              <td><div align="center"><span class="STYLE11">陕西典故</span></div></td>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。