报告.docx
《报告.docx》由会员分享,可在线阅读,更多相关《报告.docx(18页珍藏版)》请在冰豆网上搜索。
![报告.docx](https://file1.bdocx.com/fileroot1/2023-1/5/042b2932-e05f-4ea2-9806-96ae9e93b4bf/042b2932-e05f-4ea2-9806-96ae9e93b4bf1.gif)
报告
计算机网络技术及其应用实训报告
计算机网络技术及其应用实训报告
一、《DreamweaverMX2004的功能》
实训目的
1、了解DreamweaverMX2004的用户界面。
2、掌握网页创建的方法。
3、掌握简单网页的制作。
实训内容:
1﹑DreamweaverMX2004的功能
DreamweaverMX2004以下功能:
完美的操作界面
强大的模板功能
创建动态网页
强大的代码编辑功能
完备的建站向导和网产管理
2﹑DreamweaverMX2004的用户界面
DreamweaverMX2004的工作区
文档编辑窗口
工具栏﹑状态栏﹑上下文菜单栏
插入工具栏﹑属性检查器﹑面板组
二、《创建站点》《编辑站点》《创建文档》
实训目的
1、掌握站点创建方法。
2、熟悉站点编辑。
3、掌握文档创建多种方法。
实训内容
1﹑创建站点
在开始使用Dreamweaver之前,一般应该先建立一个Web站点,才能够进行以后的操作。
在MacromediaDreamweaverMX2004中提供了3类站点,即本地站点、远程站点和测试服务器文件夹。
站点的创建步骤如下:
选择[站点]/[管理站点]命令,打开[管理站点]对话框。
在[管理站点]对话框中单击[新建]按钮,选择[站点]选项。
打开[站点定义向导]对话框,设置站点的内容。
2﹑编辑站点
用户使用DreamweaverMX2004能够对现有站点进行编辑,修改等操作。
编辑站点步骤如下:
在Dreamweavermx2004中,用户可以使用[站点]/[管理站点]命令来编辑本地或远程的站点。
4﹑创建文档
Dreamweavermx2004提供多种创建文档的方法,用户可以创建一个新的空白HTML文档,或使用模板创建新文档。
创建新文档种类:
创建空白文档
在文档窗口中,选择[文件]/[新建]命令或按下Ctrl+N快捷键,在打开的[新建]/[文档]对话框中选择要创建的文档类型。
创建基于Dreamweaver设计文件的文档
创建模板文档
打开与保存文档
三、《站点的整体规划》
实训目的
1、掌握网站设计总规划。
2、了解网站建设的基本流程。
3、了解站点的整体规划。
实训内容:
1﹑网站设计总规划
设计网站时最重要的三大部分:
整体风格﹑色彩搭配和创意设计。
确定网站的整体风格
网站的整体风格就是指站点的整体形象给浏览者的综合感受。
对网站的整体风格设计方面,可以分以下几个步骤:
第一,选择主页题材。
第二,确定网站特色。
网页色彩的搭配
总结关于网页色彩搭配的技巧。
创意设计
创意设计是最重要的一项,一个与众不同的网站区别在于此。
2﹑网站建设的基本流程
对于初学者来主,我们建议采用以下流程来完成站点创建与发布:
1)策划和设计网站
2)规划站点
3)布局和编排网页
4)填充网页内容
5)建立动态站点
6)测试和发布站点
3﹑站点的整体规划
当用户希望创建一个WEB站点时,首先考虑如休设计和规划站点,以确保它能制作成功。
1)明确目标和用户需求
2)选择目标观众
3)为兼容的浏览器创建站点
4)组织站点结构和创建设计图
5)设计结构简单和导航图
6)设计和收集资源
四、《网页制作的常用操作》
实训目的
1、掌握文档创建方法。
2、熟悉网页制作的常用操作。
3、了解头部内容。
实训内容
1﹑文档创建
创建站点
创建网页
用表格排版网页内容
添加背景音乐
Bgsound是背景音乐的代码,SRC代表音乐的路径,LOOP代表音乐循环次数。
学生自己动手制作篮球争霸这个网页,掌握网页文档创建方法。
熟悉整个网面的规划。
2﹑网页制作的常用操作
内容:
页面属性设置
在[属性]面板中的页面属性命令,可以设置背景,颜色,图片,文字大小。
网格,标尺设置
用户可使用[查看]/[标尺]/[显示]命令或[查看]/[网格]/[显示网格]命令,在网页文档中显示标尺和网格。
3﹑查看和编辑头部内容
通常一个HTML文件包含两个主要部分,一是
和标记之间的头部,另一个是和标记之间的正文部分。
正文部分是文档的主要部分,包括可见的文本,图形等。
文档的头部元素包括META,[关键字],[描述],[刷新],[基础]和[链接]。
其中,META是HTML头部的主要组成部分,主要用于记录一个文档的页面信息,这些信息可被计算机识别,用于某些特定的场合。
五、《输入文本》《编辑文本》
实训目的
1、了解常用文本的输入方法。
2、熟悉文本编辑操作。
3、掌握[属性检查器]的设置方法。
实训内容
1、输入文本
特殊字符输入
要在文档中输入特定的的字符,最常用的方法是选择[插入]工具栏中[文本]选项卡。
也可以选择[插入]/HTML]/[特殊字符]菜单命令下的相应命令插入相应字符。
在字符之间添加空格
插入不换行空格,可执行如下操作之一。
1)在“插入”栏的“文本”选项卡中,单击“字符”按钮,在下拉列表中选择“插入不换行空格”选项。
2)选择[插入]/[HTML]/特殊字符]/[不换行空格]菜单命令。
3)按【Ctrl+Shift+空格键】键输入。
4)将输入法切换到全角状态再按空格键。
[Enter]与[Shift+Enter]区别
使用键盘[Enter]键对文本分段,即[Enter]键与
标记对应。
使用[Shift+Enter]组合键可以强制文本折行,但仍属于同一段,即[Shift+Enter]组合键与
标记应。
水平线﹑日期
选择[插入]/[HTML]/[水平线]菜单命令。
选择[插入]/[日期]菜单命令。
2﹑编辑文本
设置文本,使用[文本]属性检查器,设置对齐文本,字体,使用上下文菜单等内容,项目列表,无序列表。
六、《插入与编辑图像》
实训目的
1、了解网页中常用的图像格式。
2、掌握图像属性的设置方法。
3、掌握对齐与调整图像。
4、掌握创建鼠标经过图像的方法。
实训内容
1﹑插入与编辑图像
一般用于网页的图像要求是GIF、JPEG或PNG3种格式中的一种。
目前大部分的浏览器都支持GIF和JPEG文件格式,只有MicrosoftInternetExplorer(4.0及更高版本)和NetScapeNavigator(4.0及更高版本)部分支持PNG格式。
GIF(GraphicsInterchangeFormat)意为图形交换格式,扩展名为GIF,它最多支持255种颜色,最适合显示色调不连续或具有大面积单一颜色的图像。
JPEG(JoinPhotographGraphics)意为联合图像专家组标准文件格式,扩展名为JPG或JPEG,是用于摄影或连续色调图像的高级格式。
因为JPEG文件可以包含数百万种颜色。
PNG(可移植网络图形)文件格式:
扩展名PNG,这种格式是一种替代GIF格式的无专利权限限制的格式,它包括对索引色、灰度、真彩色图像以及alpha通道透明的支持。
插入图象:
[插入]栏中[常用]选项卡操作:
设置图象的属性:
图象的高宽,源文件,类等属性设置
对齐方式:
左对齐,右对齐,居中对齐。
2﹑插入其他图象元素
插入图像占位符
图象占位符是在准备好将图象添加到网页文档之间而使用的图象。
插入鼠标经过图象
鼠标经过图像由两个图像组成,主图像(首次载入页时显示的图像)和次图像(当鼠标指针移过主图像时显示的图像)。
鼠标经过图像中的两个图像其大小应相等,如果两个图像大小不同,Dreamweaver将自动调整第二个图像的大小以匹配第一个图像的大小。
操作如下:
选择[插入]/[图像对象]/[鼠标经过图像]菜单命令。
电子相册创建
前期工作准备:
在Dreamweaver中内置了创建网站相册的命令,但此命令实际是调用了Fireworks的图片处理功能。
所以要首先安装Fireworks软件。
首先创建一个名为“电子相册”的站点,设置本地文件夹为E:
\photo,并在该文件夹下新建两个文件夹,分别取名为Source和Object,然后在Source文件夹中放入收藏的图片。
电子相册创建步骤如下:
选择[命令]/创建网站相册]菜单命令,打开“创建网站相册”对话框。
学生独立动手制作先锋软件图片网页。
七、《插入音频和视频文件》《插入Flash对象》
实训目的
1、掌握添加背景音乐的方法。
2、掌握插件属性的设置方法。
3、了解Flash的文件类型。
4、掌握Flash按钮对象的插入方法。
实训内容
1﹑插入音频和视频文件
通过表格布局页面,来添加音乐内容。
1)链接到音频文件
选择你要用作指向音频文件的链接的文本或图像。
在其[属性]面板中,单击文件夹图标以浏览到音频文件,或者在[链接]文本中键入文件的路径和名称。
2)添加音乐(用代码添加)
A.
其中,loop="-1"表示音乐无限循环播放,如果你要设置播放次数,则改为相应的数字即可。
B.
“HIDDEN”(控件的隐藏方式,True表示隐藏,Flase表示不隐藏),AUTOSTART(设置自动播放,True表示自动播放,Flase表示不自动播放),LOOP(循环播放,True表示循环播放,Flase表示不循环播放)。
3)用插件添加音乐
A.在[插入]栏的[常用]类别中,单击[媒体]按钮,然后选择[插件]图标。
B.在[插入]栏的[常用]类别中,单击[媒体]按钮,然后选择[ActiveX]图标。
2﹑添加视频
添加视频文件,要添加插件来。
操作:
选择[插入]/[媒体]/[插件]命令。
3﹑插入Flash对象
Flash动画是一种高质量,高压缩率的矢量动画。
操作:
[插入]/[媒体]/[Flash]按钮。
设置Flash按钮样式,文本,字体,大小,目标,背景色等操作。
八、《认识URL﹑链接路径》《创建超链接》
实训目的
1、了解URL的含义。
2、理解绝对路径与相对路径。
3﹑理解Dreamweavermx2004中链接的类型。
4﹑掌握页间和页内超链接的创建方法。
实训内容
1﹑认识URL﹑链接路径
URL(统一资源定位器)指的是Internet文件在网上的地址,它使用数字和字母按一定顺序排列以确定一个地址,由访问方法,服务器,端口号,以及文档位置级成。
链接的路径可以分为三类:
绝对路径,相对路径,根目录路径。
绝对路径(两种形式)
绝对路径指包括服务器协议在内的完全路径,比如:
绝对路径链接方式不利于测试。
相对路径
相对路径就是指由这个文件所在的路径引起的跟其他文件(或文件夹)的路径关系。
基于根目录的路径
所有的路径都是从站点的根目录开始的,首先以一个斜杠开头,代表根目录,然后书写文件夹名,最后书写文件名。
如:
/web/highight/shouey.html
2﹑创建超链接
如果按照使用对象的不同,网页中的链接又可以分为:
文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等.
在属性面板中“链接”中“目标”下拉列表框:
-blank:
将链接的文件载入一个未命名的新浏览器窗口中。
-self:
将链接的文件载入该链接所在的同一框架或窗口中,如果不做选择,将默认该选项。
-parent:
将链接的文件载入含有该链接的框架的父框架集或父窗口中。
-top:
在整个浏览器窗口中载入所链接的文件,因而会删除所有框架。
九、《在站点地图中管理链接》《创建导航条》
实训目的
1、掌握在站点地图中管理链接的方法。
2、掌握导航条的创建方法。
3﹑掌握网页设计与规划等操作。
实训内容
1﹑在站点地图中管理链接
用户可以通过[文件]面板中添加﹑更改和删除链接来修改站点的结构。
Dreamweavermx2004会自动更新[文件]面板以显示对站点所做的更改。
步骤如下:
选择[窗口]/[文件]命令,打开[文件]面板中,单击[扩展/折叠]按钮,展开[文件]面板。
在展开的[文件]面板中,单击菜单上的[站点地图]按钮,选择[地图和文件]选项。
2﹑创建导航条
导航条由图像或图像组组成,这些图像的显示内容随操作不同而不同。
导航条通常为在站点上的页面和文件之间移动提供一条简捷的途径。
导航条项目有如下4种状态如下:
一般:
尚未单击或尚未与此项目交互时所显示的图像。
滑过:
指鼠标指针滑过“一般”图像时所显示的图像。
项目的外观发生变化(例如变得更亮),以便让知道可与这个项目进行交互。
按下:
指项目被单击后所显示的图像。
按下时鼠标经过:
指在项目被单击后,鼠标指针滑过“按下”图像时,所显示的图像。
步骤操作:
选择[插入]/[图像对象]/[导航条]菜单命令。
3﹑先锋视频网站案例讲解
利用图片,表格,超级链接,背景音乐代码,插件等内容制作先锋视网站案例。
具体步骤如下:
插入七行一列的表格。
利用表格合并单元格,添加LOGO,Banner,图片等内容。
添加视频:
“插入工具栏”中常用的媒体“插件”或”ActiveX”图标。
添加背景音乐代码:
十、《使用超链接》
实训目的
1、了解超级链接的路径。
2、掌握超级链接的不同方式操作和导航条的创建方法。
实训内容
在网页文档中,掌握E-mail链接。
掌握在网页文档中插入导航条。
掌握网页规划。
十一、《编辑表格和单元格》
实训目的
1、了解表格的视图模式。
2、掌握插入表格的方法。
3﹑掌握编辑表格和单元格的方法。
4﹑掌握表格和单元格属性的设置。
实训内容
1﹑在页面中使用表格
表格的3种视图模式,分别为[标准]模式﹑[扩展]模式﹑[布局]模式。
表格由一行或多行组成,每行又由一个或多个单元格组成。
表格是多个单元格的集合体。
创建表格的方法如下:
选择[插入]/[表格]菜单命令;
在“插入栏”的“常用”选项卡中单击“表格”按钮;
在“表格“对话框中,设置表格行数,列数,表格宽度,表格粗细,单元格边距和间距等操作。
2﹑嵌套表格
嵌套表格是指在一个表格的单元格中再插入一个表格。
嵌套表格的宽度受所在单元格的宽度的限制。
3﹑编辑表格和单元格
表格创建好后可能不满足的要求,这时就需再对表格进行一些操作,如单元格的合并及拆分、行或列的删除等。
表格编辑和单元格掌握操作如下:
表格和单元格选定
单元格的合并及拆分
插入或删除行或列
表格属性设置
单元格属性设置
十二、《框架和框架集》
实训目的
1、创建框架集
2、设置框架和框架集属性
3、分割和删除框架集
实训内容
1、创建框架集,操作步骤:
选择"修改">"框架集",然后从子菜单选择拆分项(例如"拆分左框架"或"拆分右框架")。
Dreamweaver将窗口拆分成几个框架。
如果打开一个现有的文档,它将出现在其中一个框架中。
2、将一个框架拆分成几个更小的框架,操作步骤:
要拆分插入点所在的框架,从"修改">"框架集"子菜单选择拆分项。
要以垂直或水平方式拆分一个框架或一组框架,请将框架边框从"设计"视图的边缘拖入"设计"视图的中间。
要使用不在"设计"视图边缘的框架边框拆分一个框架,请在按住Alt键的同时拖动框架边框(Windows)或在按住Option键的同时拖动框架边框(Macintosh)。
要将一个框架拆分成四个框架,请将框架边框从"设计"视图一角拖入框架的中间。
提示若要创建三个框架,请首先创建两个框架,然后拆分其中一个框架。
不编辑框架集代码是很难合并两个相邻框架的,所以将四个框架转换成三个框架要比将两个框架转换成三个框架更难。
3、删除一个框架,操作步骤:
将边框框架拖离页面或拖到父框架的边框上。
如果要删除的框架中的文档有未保存的内容,则Dreamweaver将提示您保存该文档。
注意您不能通过拖动边框完全删除一个框架集。
要删除一个框架集,请关闭显示它的"文档"窗口。
如果该框架集文件已保存,则删除该文件。
4、调整框架的大小,操作步骤
若要设置框架的粗略大小,请在"文档"窗口的"设计"视图中拖动框架边框。
若要指定准确大小,并指定当浏览器窗口大小不允许框架以全大小显示时,浏览器分配给框架的行或列的大小,可使用"属性"检查器。
十三、《行为与多媒体技术应用》
实训目的
1、掌握Flash文本对象添加。
2、掌握Flash电影添加。
3﹑了解其他媒体对象的插入方法。
实训内容
1﹑Flash文本对象添加
Flash文本对象是只包含文本的Flash影片。
操作步骤:
选择[插入]/[媒体]/[Flash文本]命令。
2﹑Flash电影插入
在文档中,Dreamweavermx2004将所有可以使用的参数设置在
操作步骤:
[插入]栏中的[常用]选项卡,切换到[常用]插入栏。
可以设置Flash文件,品质,重设大小,背景颜色等内容。
3﹑插入其他媒体对象
Shockwave是Macromedia公司制定的一种网上媒体交互压缩格式的标准,其生成的压缩格式可以被快速下载,并且被目前的主流浏览器所支持。
插入ActiveX控件
Applet是Java的小应用程序,它是动态、安全、跨平台的网络应用程序。
JavaApplet被嵌入到HTML语言中,编写一些Applet放在网页中,可以实现较为复杂的控制,也可以实现各种各样的效果。
操作步骤:
选择[插入]/[媒体]/[Applet]菜单命令。
插入JAVA程序
JAVA是一种可开发小型实用程序(applet)的可编程语言,其内容可直接嵌入网页中,能够制作出许多精美的特效。
操作步骤:
选择[插入]/[媒体]/Applet命令。
实训心得与体会
这次实训的感受就是理论不用于实践终究是理论,说得难听点那根本就是纸上谈兵,止于理论的学习,将来是没多少成绩的,有前途发展的话也必将是少了更为之锦上添花的一笔。
当然也深刻认识了一点,那就是我们所学的知识虽说是很基础很根本,但没有根基怎么能建好别墅呢?
所以说基础知识是很重要的,我们在学习过程中不能小看而去忽略它,它是一笔财富,能引导我们看得更远飞得更高。
通过这次设计,我发现一个很普遍的问题:
我们往往是眼高手低,学习这些知识时觉得它就是小菜一桩,但现在真的验证了“看花容易绣花难”这句话,当我们着手实践时就不像我们想象中的那么简单了,每一个细节都需要注意,稍有不慎页面就在预览中变了样,因此更需要我们细心和耐心地去完成,也就两个字概括——认真,只有认真对待才会从骨子里学到东西,才学到心里去了。
我觉得这次确实是很有意义的一次检测,本来自我感觉良好的,结果实战时还是存在很多问题的,平时学起来觉得很轻松就以为掌握了所学知识,但现在都忘记很多细节是怎么样的了,因此开始着手时有些障碍,但我下定决心把以前的实验内容都温习一遍,遇到不懂的就及时查资料,比如翻阅资料书,XX,也可以请教同学,一起讨论,相互学习,于是最后也如鱼得水,水到渠成,因此得到一个非常重要的结论——只要自己想学只要自己有那份执着与毅力,虚心的请教,勤于查阅相关资料就一定会有收获的,真的当今没有什么知识是用不着的,在哪,哪里都是知识,只要自己持有高度的学习热忱。
当然,我们在学习过程中一定要及时巩固、练习,掌握了也不一定熟悉,熟能生巧啊!
我们应该吸取这个教训,否则即使我们最终达到了目的,但我们走了很多弯路,而不是事半功倍的结果了。
不过最终,经过长久的坚持与不断的琢磨,看到了自己辛苦后的成果,尽管这还有很多不足,但看着它我心里充满着喜悦,一分耕耘一分收获,这永远是真理。