第四周实习记

这一周是生产实习的最后一周，要完成任务交报告了。 所以这可以算是最有意义的一周，即使所做的事不算很有实际意义。实验报告写好了，以下是初稿。（如果有空，会修改再上交）

---

生产实习报告

为了巩固大学所学的理论知识、培养动手实践能力，同时为毕业设计做好热身准备，学校在本学期给我们提供了一次生产实习的机会。在这次生产实习中，我们几个同学在蒋老师的指导下，在同学间相互学习交流中，独立完成了各自的任务。

一、实习内容

熟悉、了解网络建站的三层结构：C/S，B/S，即应用服务采用应用层（表现层）、传输转换层（业务逻辑层）和资源层（数据层）结构，了解收集资源的各种方法，主要学习应用OCR技术和视频编辑与存储技术以及DVD的制件技术。

应用Microsoft、Dreamweaver 8、flash 8、Asp、Jsp与Javascript等规范或技术，学习课件设计方法，按专业资源厍的设计要求和统一框架设计网络教学资源结构及资源的呈现与链接。

熟悉网络资源环境，了解、熟悉网络教学环境与相关开发的工具软件，按要求整理、编辑、制作资源。

基于WEB的网络课件总体方案设计，包括创建网络环境，资源的整理与准备（ORC）和网页界面的合理布局。研究各类资源的呈现方式，创建树形目录，并对资源进行分类、编辑。

用index建立站点，实习资源的正确呈现和有效链接，通过IE浏览器访问。

完成生产实习报告。

 

二、实习过程

1、知识储备

正所谓磨刀不误砍柴工，在真正进行动手工作前，我先去了解各方面的相关知识。根据实习的要求和自身的条件，我着重花时间去学习资源厍的总体结构与呈现方式。由于对HTML和Javascript先前已有一定的了解和使用经验，而对Dreamweaver这个软件用得比较少，所以又专门浏览Dreamweaver的基本教程和帮助文档。此外，对图像处理工具PhotoShop及扫描软件尚书七号也作适当的学习了解。

有了相关知识后，就开始收集材料，开始电子书的制作。

 

2、材料准备

老师为我们每个人分配一定数量的章节，要求将书本扫描，进行文字识别，对图像作相应处理，然后做成网页形式的电子书籍。

首先要通过扫描获取书中的文字和图像。老师的实验室里有齐全的软硬件设备（硬件是清华紫光的扫描仪，软件是尚书七号），可以轻松地进行扫描工作。原以为很简单，可以很快完成扫描，不料在开始时就遇到无法进行文字识别的问题。经过反复几次的摸索和尝试才找到问题所在，原来是因为我一时图快，想一步登天，省略了“预览”这一步。事实上，省略 “预览”这步而直接扫描的结果是，生成的图片是黑色背景，无法进行文字识别。老师还告诉我，在“预览”这步把需要的文字或图像框好，还可以减少内存的占用，提高处理速率。而在选择扫描分辨率时，也可以尽量偏小，因为我们感兴趣的是文字。在专门对图像进行扫描时可以设置高一些的分辨率，以获取较高质量的图片。于是我调整好扫描软件，把书中的文字全部扫描，进行文字识别，然后保存到文本文件中。因为扫描后进行文字识别并不完全正确，所以要进行适当修改。这个修改工作可以在尚书七号这个软件中进行操作，而且该软件还提供了相当不错的文字选择功能。但我觉得这样做起来，一天也不能扫描多少张纸，就先保存文字，以后再对照课本手动输入文字。这样，大大缩短了扫描时间。但是我知道，以后的修改一样需要花不少时间。

完成文字扫描和文字识别后，就开始对书中的每幅图进行扫描、保存，进行得很顺利。当时没想应该把数学公式也进行图像扫描和保存，后来使用工具编辑器又花了不少时间。

 

3、材料整理

完成扫描后，把文本与图片保存起来，我就在宿舍自己的电脑上进行整理了。

1）、图片处理

在众多图片处理软件中，我选择了PhotoShop CS。PhotoShop功能强大，操作也不十分复杂，而我只用到了其中很小一部分的功能。

①由于在扫描时难以正确摆放书本，以致扫描到的图片出现角度偏移，要通过旋转适当角度来调整。

②由于纸张并不十分纯白，扫描出来的图片背景有点泛黄，就要通过区域选取、颜色填充，甚至用“橡皮擦”擦除斑点，形成白色背景。

③由于图片中的文字说明不太清晰，也要先擦除掉，然后再重新输入文字。

我主要使用了以上三个功能对大部分图片进行处理，对某些图片还用到滤镜、描边、锐化等功能。在整个过程中，我从尝试、生疏到熟悉，都是自己慢慢摸索的。

使用魔棒工具进行区域选取是个不错的方法，可是有时觉得选取得并不恰当，不是选多了就是选少了。后来根据图片特性设置魔棒的容差值，情况就变得比较理想了。

使用橡皮擦工具擦除斑点时，一不小心就会擦掉图形的线条。我把橡皮擦半径设置小些，就比较容易控制，把图片放大后再擦除，情况更加理想。

图片处理除了讲究一定的技巧外，还要细心，精益求精，才能把图片处理得更完美。

 

2）、输入公式

如果使用Microsoft Word编辑数学公式，会有很多不便，因为缺少某些公式及符号。为了方便输入数学公式，我使用一个强大的数学公式编辑器——MathType软件。MathType操作界面如下图示：

MathType软件本身提供了许多符号及公式的模板，只要选择合适的公式模板，填入相应的符号就行了。因为在我编辑的公式中，无非是一些积分式、求导式，一些平方式、平方根式等，都可以直接在工具面板找到，所以可以比较轻易进行公式编辑。每个编辑完一个公式，我就把它保存为图片。但是，工作很琐碎，花了不少时间才完成。

3）、特殊字符的输入

特殊字符是指无法直接从键盘输入的符号。如“○、℃、±、ε、∫”等等。在公式之后一般都需要进行解释说明，这样往往会引用到公式中的特殊符号。如果在编辑公式时，把要进行解释说明的符号另外保存成小图片，是可以避免特殊符号的输入，但对网页的整齐会产生不良影响。所以，我从网上找到一个简单的软件——特殊字符输入器。该软件小巧玲珑，使用简单方便，其操作界面如下图所示。

有了这个小软件作辅助，基本上可以快速找到需要的字符。如果要表示字母上下标，我就用HTML的和标签。只有字符十分特殊，表达式奇特的情况下，我才不得不用小图片来表示。

 

4）、文字校正

扫描出来的文字必不是完全正确，只好对照课本进行增减修正了。这项工作本身没有什么难度，但需要一定的细心和耐心。这个工作前前后后花了我不少时间，大大考验了我的工作态度。

 

4、网页制作

材料准备好后，此时正是万事俱备，只欠东风。现在应该进行网页的具体制作了。在打开Dreamweaver软件前，我首先思考老师给出的要求。其中重要两点是树形菜单和上下页的超链接，所以我先要考虑清楚这两个问题。

因为该电子书只有章和节两级树形菜单，相对难度系数小，花了我一些时间就做出这样效果的树形菜单。

从上图可以看出，该树形菜单样式简单，但基本上已经够用，可以满足此次电子书的制作。所以，我就决定用这个。

这个树形菜单的代码实现并不复杂，主要分为三部分，一是CSS样式，二是Javascript代码，三是HTML代码。下面一一作粗略说明。

1）、CSS样式

使用CSS样式，方便人工修改和JS代码控制。以下是其中一部分CSS样式代码。

body { background-image: url("images/bg.gif"); }

a:link,a:visited,a:active  { text-decoration: none; }

#TITLE img { border: 0px; height: 16px; width: 19px; }

 

2）、Javascript代码

树形菜单最左加（“+”）减（“-”）符号是两个小图，所以我用Javascript的Image对象加载图片。

    var plus=new Image();

    plus.src="images/plus.png";

    var minus=new Image();

    minus.src="images/minus.png";

最重要的代码是实现菜单的展开和收缩，并且在展开和收缩时作相应动作处理。以下代码实现此功能。

function unfurl(num,url) {

titleobjs = document.getElementsByName("TITLE");

    listobjs = document.getElementsByName("LISTS");

    imgobjs = document.getElementsByName("IMAGES");

    //以上代码依标签分别获取对象组

    if(listobjs[num].style.display != "block")

    {

        for(i=0;i<listobjs.length;i++)

        {

            if(i == num)

            {

                if(url != undefined)

                {

                    top.document.all.main.src = url;

                }

                listobjs[i].style.display = "block";

                imgobjs[i].src =minus.src;

                titleobjs[i].style.backgroundColor = "#FFFFFF";

            }

            else

            {

                titleobjs[i].style.backgroundColor = "";

                imgobjs[i].src =plus.src;

            }

        }

    }else

    {

        listobjs[num].style.display = "none";

        imgobjs[num].src =plus.src;

    }

}

 

3）、HTML代码

HTML代码片段如下：

<div id="MAIN">

  <div id="TITLE" οnclick="unfurl(0,'chapter_10/chapter10_1.htm');">

<img id="IMAGES" src="images/plus.png" />第十章 热电式传感器</div>

  <ul id="LISTS" style="display: none;">

    <a href="chapter_10/chapter10_1.htm" target="main">

        <li οnmοuseοver="lightlist(this);" οnmοuseοut="lightlist(this);">

        第一节 热电偶传感器

        </li>

    </a>

 

做好树形菜单，可以说是完成了电子书的重点难点部分。而页面的内容就是书中的每一页内容，在Dreamweaver下进行段落编排，插入图片即可完成。其中“上一页”“下一页”的链接，也可以直接在Dreamweaver里设置超链接。但是，我是个喜欢偷懒的人，就想出了这样一个办法。

首先我的所有文件和文件夹命名都很有规则。然后就写了一个JS文件，内容如下：

var t=this.document.title;

function pre_next_page(chapter)

{

    with(document)

    {

        writeln("<p align='right'><a href='chapter"+chapter

            +"_"+(parseInt(t)-1)+".htm'>上一页</a>");

        writeln("<a href='chapter"+chapter+"_"

            +(parseInt(t)+1)+".htm'>下一页</a></p>");

    }

}

需要显示“上一页”“下一页”的每个页面都用“<script language="javascript" src="../pre_next_page.js" ></script>”包含此文件，并且在最后传一个参数（表示属于某一章），如“<script>pre_next_page(10);</script>”。而该页面属于此章的哪一页的参数直接在title属性设置，如“<title>5</title>”。最后要做的事就是为第一页和最后一页额外添加一个HTML文件，该文件不包含有实质意义的内容，只用于跳转页面，如“<META HTTP-EQUIV="Refresh" CONTENT="0;URL=×.htm">”。

因为先前对HTML、CSS和Javascript有一定使用经验，加上参考了网上的一些资料，所以整个过程进行得比较顺利。唯一遇到的难关是在写树形菜单时，代码出错后，很难调试，最后只好打开IE浏览器的脚本错误提示功能，再根据提示找到错误所在行作相应修改，然后继续调试，直到完成。

 

三、实习总结及心得体会

实习结束了。虽然是短短的一个月，但通过把一本用纸印刷的书变成在网络上的电子书，收获颇多。

刚开始听到老师给我们布置这项实习任务的时候，我还有点轻视，觉得很简单而又要很多重复劳动。不过老师也说了，完成任务并不难，但是要做好这个工作，还是要花不少心思。这是个考验我们的时候，考验我们如何对待小事，如何完成小事。

在整个实习过程中，我深刻体会到以下几点：

①工作前一定要有计划

②工作要有条理

③工作心态直接影响结果

正所谓凡事预则立，不预则废，没有计划的工作往往会失败。实习前，老师给我们安排了比较详细的任务计划，让我们循序渐进。这个计划很重要，使我们在整个过程中可以不断学习新知识，运用旧知识，有条不紊地进行。我在老师的指导下，结合自己的实际情况，从知识储备、材料准备、材料整理到网页制作，有步骤地顺利完成了如上所述的工作。

在实习中，我端正了心态，精益求精，认真修正每张图、每个字，才最终完成这本比较满意的电子书。

我还体会到分工合作、团队精神是多么重要。老师把制作一本厚厚的电子书任务分割成几份，让我们每人完成一部分，这是大的分工。可是在合作方面，我做得不好，我一个人做完自己的全部任务。如果几个人合作，各用所长，有的同学扫描，有的同学处理图片，有的同学编辑公式等，肯定可以省略不少时间。而一个人独立完成，由于我不太会用Photoshop软件，摸索了好一些时间，而且图像处理的效果也不十分理想。但是，独立学习和完成工作的过程，也让我体会到自学能力的重要性。

总之，在整个生产实习过程中，从理论知识到实践运用都让我学到了不少，尤其思想认识上的进步。

---

正如我以前所说，对于简单的作业，我会很认真地花时间完成的。里面的每个字每个符号都是我输入的，如有雷同，一定是抄袭。

---

此外，这一周还做了其它有意义的事。昨天白天和人逛街（第一次这样逛街），晚上请全班人吃饭（由我们几个先找到工作的人请）。

 

PS: 生产实习结束了，以后不用再写周记。