《网络编程课程设计》实习总结

河北`````````````学院

网络编程课程设计 实习总结

实习类型 教学实习 实习单位 河北``````````````````````院 实习起止时间 2012 年 4月 2 日至 2012 年 4 月 15 日 指导教师 ```````````````` 所在院（系） 信息技术系 专业班级 `````````````班 学生姓名 ``````````` 学 号 ``````````````````

一、 实习的基本概况 （一） 理论指导

通过该课程实习，使学生全面而系统地掌握网络编程开发的基本工作原理、原则和方法，使学生掌握网络编程规划、分析、设计、实施、测试、试运行及运行管理等各项开发阶段的工作原则、步骤和方法，熟悉面向对象方法的基本概念及技术，通过案例学习来扩大学生的知识面和提高未来应对不同类型网络编程开发的能力。培养学生观察问题、分析问题、解决问题和实际动手能力。通过本次设计使学生在实际环境中，使用软件开发工具，以获取实践经验。全面完成设计任务后，学生将设计一个实用的网络应用系统，从而更深入的理解网络编程的理论与实践知识。

（二） 实习过程或步骤 静态网页制作

1.开发工具: Dreamweaver

Dreamweaver(简称DW)是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 DREAMWEAVER,FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队),足见市场的反响和MACROMEDIA公司对它们的自信.说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓,HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器）,两者各有千秋.所见则所得网页编辑器的优点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别.

2.网页文件的基本操作

a、创建、打开和保存网页文件

创建：文件----新建----创建。打开：文件---打开----选择欲打开的文件。或者在右边的文件浮动面版中选择打开。保存：文件---保存或另存为

b. 设置网页的页面属性修改---页面属性---然后设置（标题、背景、背景图像、文本等

c. 设置网页对象的颜色网页对象，如页面背景、文字、链接都经

常需要设置颜色。可在各自对应的属性面版中设置。 d. 网页文本的输入和属性设置

文本可键入、导入、粘帖

文字可设置字体、大小、颜色、格式等。

键入空格的方法：1、汉字输入法设置为全角方式，按空格键即可输入。2、属性面版格式中：预先格式化的 换行：ENTER、SHIFT+ENTER e. 网页图片的插入和属性设置

插入图片，在对话框中选择图片。（最好在建立站点时将欲用的图片素材复制到本地站点目录中）

插入图像占位符，在图片准备好后再加入图片。加入方法：1、双击图像占位符；2、点“属性面版”中的“指向文件”，拖到右边文件中要插入的文件处。

在图像属性面版中设置 f. 插入层

方法: 1、点击插入面版中的“描绘层”；2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层；

3、可以随意移动层的位置；4、可在层中插入图像、文字等。 g. 插入表格,用表格定位 方法：

1、 先用鼠标点至欲插入表格的位置；

2、 点插入面版中的“表格”—“插入表格”；

3、 确定行数、列数后确定即将表格插入到选定位置了； 4、 可在表格中任何单元格里插入图像、文字等。 h. 建立超链接

方法: 1、选中要建立超链接的文字或图像；

2、点右键“创建链接”打开的窗口或在属性的链接栏里，填入链接的目标。（如： 本网站另一个网页，或外部网页如http://www.google.com，或电子邮件如：mailto:zdhwangji@21cn.com）

3、在页面属性里修改链接的属性： 修改--页面属性（链接、活动链接、访问过链接）

3. 操作步骤

3.1页面效果，导航设计

先将要用到的图片素材复制到My site文件夹里的images文件夹。

1、新建一个网页，并将新网页取名为exa.htm，保存在My site文件夹中；在网页编辑器窗口中，选择“修改”--“页面属性”命令，在“页面属性”对话框中设置标题为”应用实例2”, 背景图片为bg0040.gif；

2、在网页的顶部区域合适的位置上输入标题文字“汽车主页”，并选中这些文字。在属性面板中，选择格式中“标题1”；

3、在网页的中部区域合适的位置插入光标，选择菜单“插入”—“图像对

象”—“导航条”命令，此时的网页编辑窗口中，会弹出“插入导航条”对话框。

在“项目名称”文本框中设置第1个按钮的名称为a；在下面按钮4个状态的文本框中分别输入images文件夹中的a1.gif, a2.gif, a3.gif, a4.gif 4个文件的路径和名称；在“按下时，前往的URL”文本框中输入该按钮链接的对象名称和路径（因此实例站点中只有index.htm和exa2.htm两个网页文件，所以这里先填入index.htm来看看效果）。

选中“预先载入图象”和“使用表格”选项；选择“插入”下拉列表框中的水平方向设置导航条；

4、点“插入导航条”对话框最上面的“+”后，重复步骤3，可设置其他5个按钮（这里为简便，后五个按钮只对“状态图像”进行设置，其他三种图像不再设置了）

5、在网页合适的位置上插入3个用于图片定位的层，并在不同的层中插入images文件夹中的图片文件tu1.gif, tu2.gif, tu3.gif；

6、在网页的底部区域插入带图片wyfy.jpg的层，选中图片，在图片“属性”面板的“链接”文本框中，输入mailto:+EMAIL地址，建立电子邮件链接；

7、保存并预览网页，调整各方面属性及位置直至满意。

3.2框架集的使用

1.新建站点名为 “框架集应用”的站点；

2.“文件”--- “新建”--- 选“框架集”--- 选“左侧固定”--- “创建”，然后在弹出的“框架标签辅助功能属性”对话框中按“确定”。

3. “文件”--- “保存全部”：将框架集页面保存为index.htm，左侧框架页面保存为leftFrame.htm，右侧框架页面保存为rightFrame.htm。 4.在下面属性窗口中按如下进行设置，然后保存并按F12预览；

5.这里补充一点：建立了框架集页面之后，任何时候，在菜单“窗口”中选中“框架”，在右下侧会出现“框架”窗口，点击里面不同部分则可激活相应的框架页面；

4.其他设计效果

插入视频：

(1) “插入”----“媒体”-----“ActiveX”-----弹出窗口“确定”，双击页面编辑窗口中产生的图标，在打开的“选择Netscape插件文件”对话框中，选择要插入的视频文件，然后确定；把图标大小调整到合适。(2) 保存文件并预览。

（三） 实习收获与不足

在本次网页设计学习中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。在这个过程中，我通过上网查询看网页制作视频，学习了Dreamweaver等网页软件的应用，虽然在设计过程中也出现了很多的问题，但通过百度搜索和请教同学等方式，不断学习、反思、总结、提高，我的网页设计水平相对于开始阶段有了一个质的变化。

本文来源：https://www.bwwdw.com/article/fec6.html