实训9Authorware图标的使用及素材集成
一、实训目的
1、学会安装authorware7.0中文版。
2、重点了解authorware7.0中文版的界面布局和基本功能。
3、了解擦除图标、等待图标、群组图标在authorware中的主要功能；
4、掌握擦除图标、等待图标、群组图标在authorware中的应用方法。
5、熟练掌握authorware中显示图标、擦除图标、等待图标、群组图标等的属性设置。
二、实训环境/器材
计算机机房
三、实训内容
本实训将分两个阶段完成，分别是：1、软件安装与界面认识；2、基本图标认识
1、软件安装与界面认识：
知识要点
软件的安装的基本步骤、软件界面的常规布局、多媒体作品的基本制作步骤。
2、基本图标认识：
知识要点
1)显示图标中绘图工具箱的各个工具、面板的使用；
2)等待、擦除、群组图标的功能和属性设置方法；
3)显示图标中外部图片的导入方法和基本属性设置。
四、实训原理
主要涉及的理论知识
一、Authorware简介
Authorware7.0是基于设计图标和流程线结构的多媒体设计平台。支持多种媒体文件，和其他的一些软件有良好的接口：Flash、Visual Basic等。丰富的交互方式，特别适合制作多媒体教学和培训演示课件。
二、运行环境
处理器：奔腾系列处理器，或其他相应层次的处理器。
内存：推荐32MB以上。
操作系统：Windows98以上版本。
剩余磁盘空间：120M 以上。
三、界面介绍
1、启动
2、窗口组成：
属性面板图标面板设计窗口主程序窗口控制面板
标题栏、菜单栏、工具栏同其他Windows 应用程序窗口。
图标栏、设计窗口、演示窗口是Authorware 所特有。
图标栏：提供了17个设计图标，是创作交互式应用程序的功能模块，每个图标能实现一项特殊的功能。
设计窗口：设计窗口是Authorware进行多媒体程序开发的地方，程序流程的设计和各种媒体的组合都是在设计窗口中实现的。设计窗口包含标题、流程线、程序开始标志、程序结束标志、手形标志和窗口层次。
（1）标题：显示程序文件名或图标名。单击关闭按钮关闭程序文件。
（2）流程线：程序编辑是在流程线上进行的。将图标区栏中的图标拖动到流程线上，然后设置图标的属性。
（3）手形标志：指示当前设计位置。
（4）程序开始和程序结束标志：程序从开始标志运行，沿流程线方向，到结束标志停止运行。
（5）窗口层次：说明窗口的层次级别。
5.演示窗口
从图标栏拖动显示图标到流程线上，双击此图标，可以打开演示窗口。
是用户输入文字和图形的地方。
也是程序执行的输出窗口。
6.设置演示窗口的属性
一般在开始设计多媒体程序之前，要先设置好演示窗口的属性。
演示窗口的大小、背景颜色、标题、菜单、交互效果等。
选择菜单“修
改”->“文件”->“属性”，弹出“属性：文件”窗口。
显示图标
在Authorware7.0中，“显示”图标是最基础、最常用的图标。它用于显示文字、图形、图像等。
新建一个Authorware应用程序。
拖放一个显示图标到主流程线上，用鼠标右键单击它，在弹出的快捷菜单中选择“属性”命令，或者单击“修改”菜单中的“图标”命令下的“属性”子命令，弹出“显示图标”的属性对话框，如下图所示。
显示图标的属性对话框
属性对话框的左侧为图标信息，包括
1）标识：这是Authorware7.0为当前的显示图标分配的编号。
2）大小：当前显示图标的大小。
3）修改：当前显示图标的最近一次的修改时间。
4）参考：当前显示图标是否具有可供参考的变量。
5）图标框：当前显示图标的标志。
属性对话框的右侧为图标属性，包括：
1）名称输入框：在名称输入框中可以为当前的显示图标命名。
2）层输入框：在这里输入的数字代码是当前显示图标所在的层级。缺省为0，数字较大的层级在数字较小的层级之前。在设计窗口中设置两个显示图标，层次设置分别为1和0。两个显示图标的文字设置在同样的位置，分别是“第1层”和“第0层”，则运行时只显示“第1层”，因为这个字符串的层级较大，所以被显示，而“第0层”的层级较小，因此被隐藏。
3）特效：设置显示图标的特殊过渡效果。单击右侧的按钮，弹出如下图所示的“特效方式”对话框。
2.2绘图工具箱中的文本工具
绘图工具箱中集成了文本和图形处理的常用工具
打开绘图工具箱的方法是：拖放一个显示图标到主流程线上，双击这个图标，弹出演示窗口的同时也弹出绘图工具箱。
2.3文本处理
2.3.1文本的输入
拖放一个显示图标到主流程线上，双击这个显示图标，打开演示窗口，同时也打开了绘图工具箱。单击工具箱中的文字工具，然后在演示窗口中单击要输入文字的位置，将出现如图示的光标提示。这时就可以从光标处开始输入文字了，输入后显示结果如图所示。
另外，还可以使用菜单命令来导入外部的文本文件。方法是：
1）单击“文件”菜单中的“导入”->“导入媒体”命令，弹出“导入哪个文件”对话框。选择需要导入的文本文件名，则可以把这个文本文件的内容导入到光标处。
2）在系统弹出的“RTF导入”对话框中进行设置。
RTF格式是Rich Text Format（丰富文本格式）的缩写。它是一种动态连接到外部的文本文件来建立更加容易制作升级和维护的程序。在导入RTF格式的文档时，文本格式被同时导入。
2.3.2文本的编辑
文本的编辑包括文本的字体设置、大小设置、文本颜色设置、修饰效果设置、对齐方式设置、滚动条效果设置和段落设置等。
1.字体设置
对文本的字体进行设置的方法是，选中整个文字段，如左图所示，或者选中文字，如右图所示。
单击“文本”菜单下的“字体”命令，打开字体对话框，如左图所示，选择一种字体，设置预览如右图所示。
2.字体大小设置
设置或修改字体大小的方法也是先选中文本段，或者选中文本，然后单击“文本”菜单下的“大小”命令，如图所示，选择其中的一种字体字号，或者单击“其他”命令，在弹出的如图所示的字体大小对话框中输入字体大小的数值。数值越大，字体越大。
3.设置修饰效果
在“文本”菜单中提供了“风格”命令，允许设置文字的修饰效果，如图所示，包括粗体、斜体、下划线、上标和下标等。
4.设置对齐方式
在“文本”菜单中单击“对齐”命令，则可以选择下图中的4种对齐效果中的一种。
5.设置文本颜色
使用“窗口”菜单中的“显示工具盒”命令下的“颜色”子命令，或者直接单击工具箱中的铅笔工具，弹出如下图所示的颜色板。
6.设置滚动条效果
利用“文本”菜单中的“卷帘文本”命令，如下图所示，则可以为选定的文本设置滚动条。
7．设置消除锯齿效果
利用“文本”菜单中的“消除锯齿”命令，如下图所示，则可以对选定的文本边缘做平滑处理。
8.段落设置
文字工具不仅提供了输入文字的方法，而且允许对文字进行段落的设置，如下图所示，可以利用段落左缩进符、段落右缩进符以及首行缩进符进行段落格式的调整。
移动段落左缩进
符可以调整段落距左边侧的长度，如图所示将段落左边距增大的结果。
9．数字格式设置
对于文本中出现的数字，还可以进行数字格式设置。方法是执行如左下图所示的命令，弹出如右下图所示的对话框，进行相应项目的设置。
绘图工具箱简介
1）工具：用来绘制简单图形
2）色彩：设置文字、线条、填充的颜色
3）线型：设置线条的形状和宽度
4）模式：设置两个重叠图形之间的相互关系
5）填充：设置填充的图案
3.2绘制图形
1直线的绘制和调整
2椭圆与圆的绘制和调整
3矩形与正方形的绘制和调整
4圆角矩形的绘制和调整
3.3图形属性设置
1颜色的设置
2填充模式的设置
3绘图模式：不透明模式、隐模式、明模式、转模式、除模式、阿尔法模式
3.4图片的导入
1)演示窗口导入
2)设计窗口导入
3)剪贴板导入
群组图标、擦除图标、等待图标设置详见实训步骤。
五、实训步骤
1、软件安装与界面认识
实验步骤：
请在校园网上下载authorware7.02简体中文版的软件安装包。
双击解压安装包后，在解压文件夹内找到“setup.exe”文件，双击该文件即打开了安装向导。
此时屏幕上出现如图1-1所示的提示框，点击“下一步”
2）接下来屏幕上出现Authorware7.02软件的“许可协议”，如图1-2，拖动窗口右端的滚动条可以阅读整篇协议。要安装Authorware7.02软件，就必须接受此协议。用鼠标单击对话框下面的“是”按钮。如果单击否按钮，软件安装将关闭。
图1-2
3）接受以上协议后，将进入“选择目的地位置”的对话框，如图1-3，默认安装路径“C:\Program Files\Macromedia\Authorware7”。如果想创建一个新的安装目录，可单击对话框下面的“浏览”按钮，可以选择你所要安装的位置。用鼠标单击对话框下面的“下一步”按钮，安装将继续往下进行。
图1-3
4）然后进入的是“开始复制文件”的对话框，如图1-4，如果没有要改动的信息，就可以用鼠标单击对话框下面的“下一步”按钮。如果需要查看或更改信息，就可以用鼠标单击对话框下面的“上一步”按钮。
图1-4
5）所有设置完成后，安装向导开始拷贝文件，如图1-5，画面显示安装进程的百分比。如果此时单击图中所示的“取消”按钮，安装向导将停止拷贝文件，并提示是否退出安装。
图1-5
6）最后，系统弹出“安装结束”的对话框，如图1-6，单击“完成”按钮，向导将结束整个安装过程。
图1-6
7）此时桌面上和开始菜单下自动生成运行程序链接，点击即可开始运行程序。
图1-7
10）注意：安装结束后第一次运行程序时，必须输入安装包中提供的序列号。点击“OK”后即可打开软件运行界面。
图1-8
11）此时屏幕上出现一对话框，点击“取消”或者“不选”按钮即可进入软件的界面。
图1-10
12）进入界面后，可以按照课堂上介绍的内容自行点击界面上的面板、主菜单、图标等，了解程序界面的基本机构。
2、基本图标认识
实验步骤：
在多媒体作品中常常会使用类似于幻灯片的方法展示若干张图片，其中在展示的时候会有一些过渡效果，例如：百叶窗、棋盘等等。下面我们就制作一个小实例来模仿这种展示的方式。在新建的源文件中，构建如图1-12的程序，顺序在流程线上放置显示图标、等待图标、擦除图标各一个（并命名）。
图1-12
2）双击显示图标“图片1”打开它的演示窗口进行编辑，在主菜单中的“插入”下找到“图象”命令，打开图像属性对话框。
图1-13
在图像属性对话框中点击导入按钮，即可在本地机上导入你存留的可用图片了。选中其中的一张再点击“导入”按钮即可在演示窗口中看到这张图片了。
3）用课堂上老师讲过的方法设置等待图标等待2秒。
4）试运行该程序，持续会在运行到擦除图标的时候停止下来，这时在演示窗口中用鼠标单击一下窗口中的图片，你会看到擦除图标的属性面板中有一点变化，如下图图1-15：
图1-15
用这样的方法即可将程序设计为出现一张图片等待2秒后图片消失。
5）接着分别打开显示图标和擦除图标的属性面板，在“特效”这一属性中选择一种你喜欢的特效方式。
图1-16
图1-17
6）用以上步骤1-5的方法再导入两张图片，并设置它们的等待时间和擦除特效，程序的结构如图1-18所示。
《网页设计与制作》 实习报告 指导老师： 实习地点： 实习时间： 实习班级： 学生姓名：
一、实习目的 ①学会制作新闻发布系统。 ②学会制作在线调查系统。 ③熟悉购物网站的主要功能和栏目。 ④学会购物网站数据库表的创建和数据库连接的创建。 ⑤学会购物系统前台页面制作和后台管理制作。 二、实训内容 1.创建数据库表 ①启动Microsoft Access ，执行“文件”——“新建”命令，打开“新建文件”面板，在面板中单击“空数据库”。 ②弹出“文件新建数据库”对话框，在对话框中选择数据库保存的路径，“文件名”文本框中输入shop。 ③单击“创建”按钮，在对话框中双击“使用设计器创建表”选项。 ④弹出“表1：表”对话框，在对话框中输入“字段名称”和字段所对应的“数据类型”，将shopID字段设置为主键。 ⑤执行“文件”——“保存”命令，弹出“另存为”对话框，在对话框的“表名称”文本框中输入products。 ⑥单击“确定”按钮，保存表。按以上步骤的方法，创建表fen和admin。 2.创建数据库连接 新建一个网页文件夹，打开IIS信息服务，创建IIS虚拟目录，在文件夹安全性把来宾用户的权限修改为完全控制，并导入数据库。 3.制作购物网系统页面 ①用index.html创建zhanshi.asp商品分类展示页，新建站点，导入shop.mdb数据库文件建立数据库连接。插入表格并插入图片、文字，创建记录集并在表格相应位置绑定数据。在服务器行为里为表格设置重复区域，创建记录集RS2并在左边的商品分类表格里绑定
数据，在服务器行为里为左侧的表格添加重复区域和转到详细页，制作记录集导航条。 ②用index.html创建xiangxi.asp商品详细信息页，首先创建记录集并制作左侧的商品分类表格，之后在中间区域插入表格，在表格中插入图片、文字，创建记录集RS2并将数据绑定在表格相应位置。 ③用index.html创建denglu.asp商品详细信息页,创建记录集并制作左侧的商品分类表格，在中间区域插入表单，在表单里插入表格，在表格里插入文字、文本域、表单按钮，并为表单设置检查表单。创建记录集RS2并在服务器行为里添加登录用户。 ④用index.html创建fenlei.asp添加商品分类页，插入表单，在表单里插入文字、文本域、表单按钮，创建记录集并在服务器行为里添加插入记录和限制对页的访问。再用index.html创建fenleiok.asp,在其中插入表格输入文字，并设置返回链接。 ⑤用index.html创建tianjia.asp添加商品页，创建记录集，用插入记录表单向导创建插入记录表单，在服务器行为里添加限制对页的访问。再用index.html创建tianjiaok.asp,在其中插入表格输入文字，并设置返回链接。 ⑥用index.html创建guanli.asp商品管理页，创建记录集并制作左侧的商品分类表格，在中间区域插入表格并插入文字，创建记录集RS2并在表格相应位置绑定数据，为该表格设置服务器行为的重复区域，制作修改和删除链接，制作记录集导航条。 ⑦用tianjia.asp创建xiugai.asp修改页面，创建记录集在对应的文本域中绑定数据，把服务器行为里的插入记录删除并添加更新记录。在服务器行为里添加限制对页的访问。再用index.html创建xiugaiok.asp,在其中插入表格输入文字，并设置返回链接。 ⑧用index.html创建shanchu.asp删除页面,插入表格并插入文字，建立记录集，在表格相应位置绑定数据，插入表单和表单按钮，创建服务器行为限制对页的访问和删除记录。再用index.html创建shanchuok.asp,在其中插入表格输入文字，并设置返回链接。 三、疑难解惑 ①网页不能正常打开，电脑用户权限没有修改，在文件夹安全性把来宾用户的权限修改为完全控制。 ②创建重复区域时，总显示相同的内容，仔细阅读教材，发现创建重复区域时要选中表格，而不是文字内容。 ③登陆页面不能登陆，把表格放入表单后，重新登录，问题解决。 ④创建添加商品页面时，无法显示商品分类。在插入记录表单时，应将feileiID"显
WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术（信息技术及应用） 班级计信2班 学生蒋波涛 重庆交通大学 2013年
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)
一、设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我们选做的主题是个人主页，并且选定题目为“红尘客栈”，其目的是做一个简单的网站，介绍酒店概况，提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。 （二）网页中的图像
电子商务网页设计与制作实训报告 班级：电商1302班 姓名:张涛 学号：0804130239 2015年1月7日
目录 一、网站基础识 (3) 1.网站与网页的关系 (3) 2.网站、域名、空间的关系 (3) 3.网站的制作方式 (3) 二、所做网页内容 (4) 1.女娲网站 (4) 2.休闲食品项目网站食品页面 (4) 三、所做网页详解 (4) 1.女娲网站所做工作 (4) 2.休闲食品项目网站所做工作 (5) 四、实训网站制作思路 (5) 1.女娲网站思路 (5) 2.休闲食品项目网站思路 (5) 五、实训网站详细制作过程 (5) 六、实训总结 (7) 七、.对课程及实训环节的建议 (8)
一、网站基础知识 1.网站与网页的关系 网站是一个整体，网页是一个个体，一个网站是由很多网页构建而成。网站和网页的关系就像家庭和家人一样。 网页与网站的区别简单的来说：网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页说具体了是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站，这可就没有规定了，即使只有一个网页也能被称为网站。 而我们想要制作一个网站，就需要单独编辑若干个html文件，然后通过“超链接”把它们连接在一起，这样一个属于自己的网站就制作出来了。总体来说就是网站有网页组成。 2.网站、域名、空间的关系 域名（Domain Name），是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位网站空间英文名：Webhost。简单地讲，就是存放网站内容的空间，网站空间也称为虚拟主机空间，通常企业做网站都不会自己架服务器，而是选择以虚拟主机空间做为放置网站内容的网站空间。网站空间只能存放网站文件和资料，包括文字、文档、数据库、网站的页面、图片等文件的容量。 所以它们三个的关系是：网站先储存在网络空间中，访问者需要通过IP地址也就是域名来登录这个空间找到网站存放的地址。那么网站就能打开并能够向浏览者展示自己的能容了。 3.网站的制作方式 网站制作通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理，程序设计，数据库设计等一系列工作的总和，也是将网站设计师的图片用HTML 方式展示出来，属于前台工程师的一项任务，前台工程师任务包括：网站设计、网站用户体验、网站JAVA效果、网站制作等工作。网站制作是易雅达网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册查询和主机托管等服务的总称。 一、申请域名[CN域名须审核]; 二、申请空间[通过接入商进行ICP备案]; 三、定位网站 四、分析网站功能和需求(网站策划) 五、网站风格设计; 六、网站代码制作; 七、测试网站;
附录 1：设计报告封面 湖南娄底职业技术学院 web 网站设计 课程设计报告 设计题目：个人网站 系部：电子信息工程息 专业：网络技术 学生姓名：黄永凤 学号: 200902060109 起迄日期：年月日 ~ 年月日指导教师：罗金铃 教研室主任：
一.网站的需求分析 对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提高网站的知名度才会增加 点击率。如果通过网站管理系统工作，就可以拓开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目的，并且可以给管理员留言以反馈意见。 二.系统实现所需要的软件 网页编辑排版Dreamweaver CS3、网页图像制作软件Photo CS2、网页动画制件软件Flash 、ACCESS 数据库、动态网页编程语言ASP 三、网站设计的思路 网站拓扑图构画 从开始想创建网站到最后的个人网站的上传发布是需要包含一个完整的工作流程。网站包括哪些栏目，采用什么样的制作结构，这些都是我们在制作网站前首先要确定的， 下面是我个人网站的结构图：
四、系统功能模块的实现过程 个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的 网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与 连接实现了人机交互功能。 1个人首页功能模块功能的实现过程 个人首页主要放置主人的最新动态，导航条菜单包括首页、个人简历、个人相册、文字拾掇、 我的聊吧、给我留言、友情链接。给我留言，必须通过先登陆或先注册才能进行留言。底部插入个 人网站的版权信息，同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。 （ 1） .个人首页导航功能实现介绍 个人首页导航有七个链接分别是：我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。它们都采用“行为”中“交换图像”。如图 3-1 所示。
网页设计实训报告 范文 1 2020年4月19日
实训报告 题目： 实训课程名称：网页设计 系别： 专业 / 班级： 年级： 学号： 姓名： 指导老师： 1 2020年4月19日
4月27日 2 2020年4月19日
目录 1 实训目的........................................................................................... 错误!未定义书签。 2 实训内容........................................................................................... 错误!未定义书签。 2.1准备工作 ................................................................................. 错误!未定义书签。 2.2使用的技术 ............................................................................. 错误!未定义书签。 2.3设计制作要求 ......................................................................... 错误!未定义书签。 3 方案设计与实施步骤 ....................................................................... 错误!未定义书签。 4 实训中出现的问题、分析及解决方法 ............................................ 错误!未定义书签。 5.2日志 ......................................................................................... 错误!未定义书签。 5.3 教程视频 ................................................................................. 错误!未定义书签。 6 实训总结........................................................................................... 错误!未定义书签。 3 2020年4月19日
三一文库（https://www.doczj.com/doc/9a12123466.html,）/实习报告 网页设计实训报告总结 实习报告网页设计实训报告总结，供大家参考。 毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下： 一、实习工作介绍 我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。 我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要
进行浏览器测试，因为css+div排版方式有一个的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。 二、初来公司的时候 （一）初级考试 初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。
湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程：网页设计 班级：计网二班 学号：200903884 姓名：彭论 指导老师：王湘文 提交日期：2010-6-21
前言 至于我为什么选择酒店设计题材，因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后，我就进行了分工，希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计，我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华，去其糟粕，在网站内容上删减了很多的在外观上的美，整体讲究整体美和简洁美，对于本网站的设计凝聚了本人长达三个星期的时间，完成网站静态设计后，从总体上对网站动态上进行动态设计，希望本网站能在我们这个年纪的领域有一个很好的炫美。
目录 ?实训目的 (3) ?实训任务 (4) ?实训项目（网页设计思路及详细说明） (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)
一．实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范； 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识； 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识； 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 具备独立撰写实训报告等科技文件的基本能力； 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流 的能力，培养创新能力和团队意识； 为今后从事网站开发、维护和管理奠定基础。
《Dreamweaver网页设计与制作案例教程》 实训报告 专业：计算机网络技术 年级： 2013级 姓名： 学号： 辅导老师： 制作电子商务类网站首页 一、网站建设的前期准备工作 1、网站整体需求分析 网站整体需求主要包括以下几个方面： 1)网站建设背景及目标 2)网站建设现状分析 3)网站建设目标分解 4)网站建设资金及人员投入情况分析 2、确定网站风格 根据电子商务网站的特点，确定网站的整体风格，即网站的色彩和版式。网站风格是在网站整体需求分析的基础上，通过明确网站设计的目的和用户需求、访问者的特点等得出的结论。本实例是针对一个工业产品交易平台的网站，网站与用户交互性强，因此确定其主色调为暖色系的橘黄色给人以轻松愉快的浏览环境。如图是电子商务网站的LOGO。
3、网站素材搜集 明确网站主题和划分板块后，接着要为后续的网站建设搜集素材。若想让网站有声有色，能够吸引客户注意，就要尽量搜集文字、图片、音频、视频、动画等多媒体素材。对于一些通用素材，可以从网上搜集得到，也可以根据需求自行制作素材，比如，通过Photoshop图像处理软件对图像进行优化处理，使用Flash制作动画等。如图所示。 二、创建站点 1、网站建设的第一步是创建本地站点。 2、创建的站点信息将显示在“文件”面板中。如果需要对站点参数进行修改，可以单击“站点→管理站点”对站点进行重新设置。 三、网站主页制作 1.使用Div+CSS布局页面 使用Div+CSS实现页面布局，具体操作如下： 4）为AP Div元素设置CSS样式。由于网站首页和子页面采取相同的布局风格，因此样式表采用外部链接样式表。 5）选中创建的AP元素“container”，在右侧的“CSS样式”面板中单击鼠标右键，选择“新建”命令，打开“新建CSS规则”对话框，并作相应设置，如图所示。 6）单击确定按钮，弹出“#container的CSS规则定义”对话框，选
实训报告 题目： 实训课程名称：网页设计系别： 专业 / 班级： 年级： 学号： 姓名： 指导老师： 2018年4月27日
目录 1 实训目的 (1) 2 实训内容 (1) 2.1准备工作 (2) 2.2使用的技术 (2) 2.3设计制作要求 (2) 3 方案设计与实施步骤 (2) 4 实训中出现的问题、分析及解决方法 (3) 5.2日志 (4) 5.3 教程视频 (4) 6 实训总结 (5)
1 实训目的 通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。 (1)掌握规划网站的内容结构，目录结构,链接结构的方法。 (2)掌握页面的整体控制和头部内容设置的方法。 (3)熟练掌握网页页面布局的各种方法。 (4)熟练掌握在网页中输入,设置标题和正文文字的方法。 (5) 熟练掌握在网页中插入图象,flash动画和背景音乐的方法。 (6) 熟练建立各种形式的超级链接的方法。 (7)掌握表单网页制作方法。 (8) 掌握网页特效制作方法。 (9)掌握网站测试的方法。 2 实训内容 1．网站主题要求 结合个人工作需要及兴趣爱好，独立完成主题的选择。 2．网站内容要求 网站不少于2级，页面总数不少于10个；内容和素材避免雷同。 3．设计制作要求 4 设计静态网站(HTML页面)； 5 站点文件、文件夹的命名与组织要求规范； 6 每个网页要求有标题； 7 网页要求整合多种媒体（音频、视频、动画、图片、文字等）； 8 要求有CSS的设计和使用； 9 要求网站无错误链接；
2.1准备工作 前期做好网页的规划，设计好image view vied css 等目录，做好不 混乱易于维护 2.2使用的技术 html css html5 2.3设计制作要求 网页内容有内涵，图文并麻，跳转无问题，配合csss 进行开发，千万规划好项目的架构，易于维护。在网页中有图片，有视频，有图片，有动画。 3 方案设计与实施步骤 1、网站主题 我的网站的主旨在于从各个方面全面的介绍我自己，展示自己，包括我的个人资料、爱好。建立一个展示自我形象的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是浅灰色，用以展示自己性格的效果。最重要的是做出自己的风格，给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站
网页设计 课程设计报告 设计题目： 专业： 学生姓名： 学号: 起迄日期： 指导教师：
目录
信息工程系课程设计报告 第一部分:实训目的 21世纪是一～～～～～～～～～～～～～～～～～～～～～～～～～～。 第二部分:实训准备 通过一个学期的web网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人网站。在做个人网站之前，我做以下准备：理清自己的思绪，想清楚自己的网站设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作网站的步骤一步一步来完成。 第三部分:实训要求 1、主题鲜明、内容充实；颜色清新、舒适、结构合理； 2、导航清楚、栏目合理、层次分明、使用方便 3、设计8至15个页面。内含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页内容。 第四部分：个人网站的总体规划和步骤 1．设计的思路 ！ 2．网站的意义 3. 网站的总体风格。 4. 网站的分析与设计 设计一个个人网站,主要需要考虑两个方面的因素: 1.速度:反应出用户访问网站页面的速度。主页是经常被访问的页面，最好
课程设计题目 把每页的风格统一起来，例如：导航部分最好放在每页相同的位置，便于在每个页面中的跳转。 2．布局：是个人网站具有吸引力的根本所在，它主要说的是信息显示的视觉效果。 5．规划站点 站点规划是设计站点前的一个重要步骤。合理地规划站点对以后站点的设计甚至网站的制作会有事半功倍的效果。 5．1导航草图的制作有利于理清思路，避免在制作网站的过程中乱了方寸。如图4-1所示就是个人粉色网站的初始导航草图。 图4-1 导航图 在导航草图中，网站首页下面有6个二级网页。各网页主要内容如下： 首页：总述。
网页设计实训报告总结3篇 网页设计实训报告总结 3篇篇一题目： 实训课程名称： 网页设计系别： 专业 / 班级： 年级： 学号： 姓名： 指导老师： 20xx年 x月 x日目录 1 实训目的 2 实训内容 2.1准备工作 2.2使用的技术 2.3设计制作要求 3 方案设计与实施步骤 4 实训中出现的问题、分析及解决方法 5.2日志 5.3 教程视频 6 实训总结 1 实训目的通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。 (1)掌握规划网站的内容结构，目录结构 ,链接结构的方法。 (2)掌握页面的整体控制和头部内容设置的方法。 (3)熟练掌握网页页面布局的各种方法。
(4)熟练掌握在网页中输入 ,设置标题和正文文字的方法。 (5) 熟练掌握在网页中插入图象 ,flash动画和背景音乐的方法。 (6) 熟练建立各种形式的超级链接的方法。 (7)掌握表单网页制作方法。 (8) 掌握网页特效制作方法。 (9)掌握网站测试的方法。 2 实训内容 1．网站主题要求结合个人工作需要及兴趣爱好，独立完成主题的选择。 2．网站内容要求网站不少于 2级，页面总数不少于 10个；内容和素材避免雷同。 3．设计制作要求 4设计静态网站 (HTML页面 )； 5 站点文件、文件夹的命名与组织要求规范； 6每个网页要求有标题； 7网页要求整合多种媒体（音频、视频、动画、图片、文字等）； 8要求有 CSS的设计和使用； 9 要求网站无错误链接； 2.1准备工作前期做好网页的规划，设计好image view vied css 等目录，做好不混乱易于维护 2.2使用的技术 html css html5 2.3设计制作要求网页内容有内涵，图文并麻，跳转无问题，配合 csss 进行开发，千万规划
网页设计实训报告1000字 【导语】通过实训，我认识到网页对公司的影响比简单的电子商务增收方法大得多，网页也是公司对外的脸面。WEB 站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎进入其他WEB站点的链接，绕过主页而进入WEB的深层。无忧考网为大家整理的《网页设计实训报告1000字》，希望对大家有所帮助！ 篇一 实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。 网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。 一.网站的整体规划
1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。 2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。 3.确定栏目和板块： 1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。 2]其次就应该考虑导航条的设置了。 3]正文的框架设置(横向因素和纵向因素交错) 在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。 4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。 二.网页制作的前期策划与准备 1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF 的动画等。 2.熟悉制作工具软件： 主页制作的基本条件有：
昆明理工大学信息工程与自动化学院学生实验报告 （201 —201 学年第一学期） 课程名称：Web设计技术开课实验室：年月日年级、专业、班学号姓名成绩 实验项目名称网页设计简介、HTML基础介绍、文字与 段落、列表指导教师 教师 评语教师签名： 年月日 注：报告内容按实验须知中七点要求进行。 一.打开记事本，编写第一个页面。 （1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。 （2）输入下面代码：
机电职业技术学院网页设计与制作 实训报告 专业计算机信息管理 班级G093501 姓名雪曼 指导老师郭建明
2011-5-21 一、实训目的 1、进一步熟悉和掌握建设的基本流程和技术规； 2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识； 3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识； 4、巩固综合运用Dreamweaver、PS、flash三个软件完成建设任务的方法，能独立设计一个容完整、图文并茂、技术运用得当的； 5、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识； 7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），为今后从事开发、维护和管理奠定基础。 二、实训项目 旅游的建设 三、实训过程 1．资料的搜集。 2.熟悉制作软件。
3.构建站点框架。 打开Dremweaver后步便是新建站点 4设计主页及二级页面。 5实现网页间的 的过程其实很简单，主要是把要的文字选择在选择工具栏的按钮最后选择自己要的网页单击确定便可以了。 6向静太网页插入动态效果 具体情况如下： 通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的容制作了个人，作为实习的成果。其容是多样化的。制作网页用的软件是Ｄreamweaver , banner软件。Dreamweaver 大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业部局域网的数据库应用等功能。例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成HTML代码，或者嵌入到现有的网页中，或者作为单独的网页出现。主图是一个网页的门面，它能体现出这个网页的整体风格。 制作网页,首先是确定主题,经过再三考虑,就做了个关于的旅游,平时也总是浏览类似的,对这些还有些了解,于是确定主题,做一些类似的,但考虑到,现在网络上好多类似的,但有些容比较复杂,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的旅游,于是主题确立。
目录 1 网页设计工具介绍 (1) 1.1 网页制作工具 (1) 1.2 图像编辑工具 (2) 1.3 动画制作工具 (3) 2.1 网站简介 (4) 2.2 站点地图 (4) 2.3 站点分析 (4) 2.4 站点小结 (5) 3 个人体会和感受 (7) 4 参考文献和网址 (8) 5附图 (9)
1 网页设计工具介绍 1.1 网页制作工具 DREAMWEAVER 是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe 收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎 "Presto" 作为网页预览。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告
网页设计报告 题目: 个人网站实训报告 学号: 0000000000 姓名: 王可元 一. 实训意义: 网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。 二. 实训目的: 1．通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。 (1)掌握规划网站的内容结构，目录结构,链接结构的方法。 (2)熟练掌握网页制作软件FrontPage 2003和的基本操作和使用技能。 (3)掌握页面的整体控制和头部内容设置的方法。 (4)熟练掌握网页页面布局的各种方法。 (5)熟练掌握在网页中输入,设置标题和正文文字的方法。 (6) 熟练掌握在网页中插入图象,flash动画和背景音乐的方法。 (7) 熟练建立各种形式的超级链接的方法。 (8)掌握表单网页制作方法。 (9) 掌握网页特效制作方法。 (10)掌握网站测试的方法。 2.训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash 动画和网页特效等。 3.培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题
的能力及其基本工作素质。 4.培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。 三．实验步骤： 1、网站主题 我的网站的主旨在于从各个方面全面的介绍我自己，展示自己，包括我的个人资料、个人相片和爱好。另外，网站里还包括我的好友和好友资料，建立一个展示自我形象的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是浅红色，用以展示自己性格的效果。最重要的是做出自己的风格，给浏览者好的欣赏感受。 2、网站材料 主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。 3、网站规划 我的网站共有5个主页面：首页、相册、简历、图书、好友、留言版和音乐。每一个页面用统一的背景图片，以保证网站统一的页面风格。如下图： 我是用自己的姓名和学号命名网站名，用以方便存储和转发。网站整体色调为浅红色，然后点缀其他不同的颜色相配，突出主题，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是用css设计一个样式，以保证随时、准确的调用。另外，为了网页布局的协调，我加入了适当的flash透明动态图片，用以达到更好的浏览效果。 4、网站的制作工具 做网页时主要使用的是FrontPage 2003，但我还使用了Deamweaver。另外，为了处理网页中的其他元素，还使用了Photoshop、Gif Animator等软件。 5、制作网站的网页 素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做的就是站点的规划，建立一个本地站点“mysite”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，建立
《网站规划与设计》 实验报告 院(系)名称：经济与管理学院学生姓名：杨坤 学号：02135046 专业名称：信息管理与信息系统班级：信管1302班
实验1 Dreamweaver 8.0基本操作及简单网页制作实验 1．实验目的与要求 (1)掌握Dreamweaver 8.0基本操作。 (2)掌握本地站点的设置方法。 (3)熟悉制作一个简单网页的过程。 (4)掌握表格的使用方法。 (5)掌握层的基本操作方法。 (6)掌握使用框架布局页面的方法。 2. 试验内容和步骤 1)网页编辑器基本操作 (1)了解Dreamweaver 8.0操作界面上各个部分的主要功能。 了解主菜单、插入面板，属性面板、文档工具条，页面编辑窗口、面板集合的各项功能和操作方法。 (2)了解各种常用快捷键的用法。Ctrl＋S、Ctrl＋Q、Ctrl＋Z、Ctrl＋Y、Ctrl ＋C、Ctrl＋X、Ctrl＋V、Ctrl＋A、F12 2)建立网站的基本操作 (1)打开站点管理器，在本地计算机的当前盘根文件夹中，建立名为mysite的本地站点的根文件夹。 操作步骤如下： ①启动Dreamweaver 8.0，选择【站点】/【管理站点】/【新建站点】命令。 ②在站点定义对话框中，选择【基本】选项卡，在[站点名称]文本框中输入“mysite”。也可在【高级】选项卡中进行设置。 ③单击[下一步]，本次试验学习的是静态站点的定义，选择第一项“否，我不想使用服务器技术”并确认。单击[下一步]，本次试验中的站点文件是复制在本地计算机上的，选择第一项“编辑我的计算机上的本地副本，完成后再上传到服务器”，单击[下一步]，在选择远程服务器的连接方式，选择“无”，即不使用远程服务器连接。单击[下一步]，直至完成。 (2) 在文件夹mysite中新建名为source的子文件夹。把准备好的网页素材文件复制到source文件夹中去。 3)制作简单网页 ①在Dreamweaver 8.0网页编辑器中新建一个页面。选择【保存】，给这个页面取一个名字“index.htm”,保存在站点mysite下。同理创建一个空页面Enter－ 2.htm。 ②在index.htm页面编辑窗口，输入文字“欢迎光临我的网上书店”等等，
网页制作实训报告
网页制作实训报告 一.实训意义： 网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求.在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用. 二.实训目的: 1. 经过综合实训进一步巩固,深化和加强学生的理论知识于专业技能。 (1) 掌握规划网站的内容结构,目录结构,链接结构的方法。 (2) 熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。 (3) 掌握页面的整体控制和头部内容设置的方法。 (4) 熟练掌握网页页面布局的各种方法。 (5) 熟练掌握在网页中输入,设置标题和正文文字的方法。 (6) 熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。 (7) 熟练建立各种形式的超级链接的方法。
(8) 掌握表单网页制作方法。 (9) 掌握网页特效制作方法。 (10) 掌握网站测试的方法。 2. 训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会经过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。 3. 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。 4. 培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。 三．实验步骤: 1. 网站主题 我的网站的主题在于从各个方面全面的介绍网络游戏专题,包括每个页面都有介绍不同的游戏资料，、心得、图片等内容。同时，网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是浅蓝色，给人带来一种温和舒适的感觉。最重要给浏览者好的欣赏感受。 2．网站材料 网站材料主要在网站上搜集所要的网页信息,包括图片、文字、相关的资料。同时,查询相关的书籍、百度和素材光盘等方式收集