篇一 :网页设计与制作个人实训报告

一 、实训目的:

通过实训,掌握网页制作系列软件Dreamweaver、Fireworks、Flash和Photoshop的使用方法。达到全面理解、运用网页制作的知识,并使之得以融会贯通,在掌握理论的基础上再加以实践,进一步提高、加强设计、制作网站的综合能力。

二、 实训过程

1.资料的搜集:

收集的资料主要是汽车图片,以及运用做页面局部框架背景的图片。

2.熟悉制作软件软件:

软件:Dreamweaver \ Firework \ Photoshop CS \ Flash

硬件: PC机

技术: HTML\CSS \ javascript\特效代码

项目设计及运行平台 :Windows XP

3.构建站点框架:网站结构图如下:

4.设计制作页面:

◆ 网页名称:关于我们

◆ 网页的色彩:最主要是以白色背景为主导色,字体的主要色彩是黑色。链接字体颜色链接前设为蓝灰色,鼠标覆盖后为深红色。

◆ 网页富有动感,通过GIF动画来展示,页面的色彩好与首页和栏目页统一主要采取白色。 ◆ 页面的大小,在1024X768像素下显示效果最佳。

◆ 颜色调配设计,网页的色彩是树立网站形象的关键之一,各版块采用与网站首页同一色系的颜色,整个版块内部也尽量保持风格一致。

◆网页内容的安排相互链接关系 如下概述

最上面先放了一个724*100px的logo.

右边放了一个1024*100广告如下图:

再下来的表格中里放了一个我们用GIF的轮换效果展示知名品牌汽车,效果如图:

右侧是世界/中国地图及天气实况查询图。属特效代码。当鼠标覆盖时显示链接提示,点击即可查询各地当日天气情况,帮助驾车人员快速掌握天气情况。效果如下:

然后再表格里面分别放的是各种小版块。

分别记载有:QQ联系方式,用户只要单击即可打开QQ

聊天窗口与网站内部人员进行对话。

…… …… 余下全文

篇二 :网页设计与制作实训报告

《网页设计与制作》

实习报告

指导老师:

实习地点:

实习时间:

实习班级:

学生姓名:

一、实习目的

① 学会制作新闻发布系统。

② 学会制作在线调查系统。

③ 熟悉购物网站的主要功能和栏目。

④ 学会购物网站数据库表的创建和数据库连接的创建。

⑤ 学会购物系统前台页面制作和后台管理制作。

二、实训内容

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并将数据绑定在表格相应位置。

…… …… 余下全文

篇三 :网页设计与制作实验报告

高等教育自学考试通信与信息系统管理专业专科实验报告

考点名称:                 课程名称:  计算机网络与应用 

…… …… 余下全文

篇四 :网页设计与制作实训报告

网页设计与制作

实训报告

班 级:

姓 名:**

学 号:47

指导老师:***

实训时间:5.9——5.22

甘肃机电职业技术学院

20**年5月20日

一、实训目的:

1、进一步熟悉和掌握网站建设的基本流程和技术规范;

2、 巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识;

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识;

4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站;

5、具备独立撰写实训报告基本能力;

6、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识;

7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等),为今后从事网站开发、维护和管理奠定基础。、

二、实训项目——星空间街舞俱乐部网站设计

1、网站主题

我的网站的主旨在于从各个方面全面的介绍星空间街舞俱乐部,包括它的团队、环境和课程。另外,网站里还包括我的资料,建立了一个展示自我形象的平台。同时,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是橙色和蓝色搭配,用以展示星空间街舞俱乐部个性的效果。其实最重要的是要做出自己的风格,给浏览者好的欣赏感受。

2、网站材料

主要在网站上搜集所要的网页信息,包括图片、文字。同时,查询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣赏感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。

…… …… 余下全文

篇五 :《网页设计与制作》标准实验报告

 

网页设计与制作

     

姓名:弋文君

专业:市场营销

班级:20##级2班

学号:20100744041

               20##-20##学年  第二学期

               经济与管理学院

实验名称:表格应用       指导教师:_________

实验日期:_________   实验地点:_________ 成绩:_________

实验目的:

  (1) 掌握表格的建立,修改的方法。

  (2) 掌握图文混排的方法。

(3) 掌握鼠标经过图像的应用方式。

实验内容与基本要求:

(1) 用表格方式建立家乡特色介绍的网页1.html,格式如下:

(2) 图片1-6分别链接到相应文档,并在新窗口打开。

要求:实验报告上只需要写出1.html的代码。

实验步骤:

(1)、打开dW网页制作软件下的html格式, 右击选择“页面属性”,设置背景图片,文本颜色“蓝”,背景颜色“黑”,链接颜色“红”

(2)、点击“插入”—“表格”,建立5列3行的表格,设置表格属性 。

(3)、选中表格第一列和最后一列,右击“表格”—“合并单元格”,输入“我的家乡南充”和“版权所有”,选中中间三列,同样方式合并单元格。

4)、图片1—6:点击“插入”—“图像”—“确定”;图片7点击“插入”—“图像对象”—“鼠标经过图像”,选择相应的“原始图像”、“鼠标经过图像”、“按下时前往的URL”图片。

…… …… 余下全文

篇六 :网页设计与制作实训报告

甘肃机电职业技术学院

网页设计与制作

实训报告

专 业

班 级

姓 名 指导老师 郭建明

2011-5-21

一、实训目的

1、进一步熟悉和掌握网站建设的基本流程和技术规范;

2、 巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识;

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识;

4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法,能独立设计一个内容完整、图文并茂、技术运用得当的网站;

5、在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力,培养创新能力和团队意识;

7、紧紧围绕网页制作的流程:规划、设计、开发、发布、维护来进行网站的开发,制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结,使学生复习、巩固所学过的理论,并予以适当的深化,进一步训练学生的基本技能(如:搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等),为今后从事网站开发、维护和管理奠定基础。

二、实训项目

天水旅游网站的建设

三、实训过程 1.资料的搜集。

2.熟悉制作软件。

3.构建站点框架。

打开Dremweaver后步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果

具体情况如下: 通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是Dreamweaver , banner软件。

…… …… 余下全文

篇七 :网页设计与制作实训报告

《网页设计与制作》课程设计报告书

   设计题目工作室或公司网站设计

起止日期: 2013.12.23-2013.12.27


目录

一、关于网站· 3

1、网站的主题· 3

2.网站材料· 4

二、网站的规划设计· 5

1.网站的功能定位· 5

2.站点的内容· 5

3.站点的风格· 5

4.网站功能模块图· 6

三.网站技术解决方案· 6

1、网站的制作工具· 6

2、所用技术· 7

四.网页介绍· 7

1、制作网站的网页· 7

2.第二层展示· 8

3.动漫排行榜展示· 9

4.第三层展示· 10

5.关于短片的插入:· 13

五. 关于我们:· 14

六.实训总结:· 14


 

一、关于网站

1、网站的主题

  我的网站的主旨在于从各个方面全面的介绍动漫,展示动漫产品以及漫画,包括有动漫排行榜,小短片,另外,网站里还有漫画,以及周边产品。建立一个展示动漫的平台。同时,网站里的每一个网页都有统一的风格,每一个网页的主题都是图片加上文字介绍,用以展示自己性格的效果。最重要的是做出自己的风格,给浏览者好的欣赏感受。

 动漫,是动画和漫画的合称与缩写,取这两个词的第一个字合二为一称之为“动漫”。

现可考证,该词语出处为1993年创办的动漫出版同业协进会与1998年创刊的动漫资讯类类月刊《动漫时代(Anime Comic Time)》,后经由漫友杂志传开,因概括性强在大陆地区的使用开始普及起来。在中国以外,并没有此种说法。国外习惯性将动画(anime)、漫画(comic)、游戏(game)三者合称作ACG,或加上轻小说(novel)合称为ACGN。

…… …… 余下全文

篇八 :网页设计与制作报告

《网页设计与制作》

课程设计

               设计题目:   个人网站   

姓    名:               

               班    级:               

               学    号:               

指导老师:               

   设计时间:20##年6月27日

目录

一、    网站设计……………………………………………..2

…… …… 余下全文