篇一：网页制作实训报告

《网页制作》课程实训

说明书

系（部）：

班级：

姓名：

指导教师：

20** ~ 20**学年第一学期

摘要

《网页制作》实训的目的主要是让我们通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。我所作的网页主题为《圣诞节》，其中主要是介绍关于圣诞节的起源、习俗、各种促销活动和圣诞老人、圣诞大餐等，在主页面中展示的是整个页面的布局排版，在分页面中详细的介绍了每个页面的主要展现的主题。在制作初期，主要是收集设计素材、内容，下载关于圣诞节的图片、相关的视频和各种鼠标特性效果代码，中期，主要是创建主页面和分链接，浏览色彩搭配的效果，页面是否美观，分析如何使用框架和利用Dreamweaver8软件创建模板和布局表格，最后，主要是细化各个页面，对各个页面的图像、表格、链接进行适当的调试，是站点更加美观，并上传和测试整个站点运作情况，做好所有链接工作，使用PPT展示最终的效果。

摘要．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 2

第一章概述．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．3

　一、主题介绍．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．4

二、制作目的及其方法．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．4

三、网站规划及其实现过程．．．．．．．．．．．．．．．．．．．．．．．．．．．．．4

1、系统结构图．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．5

第二章网站制作的步骤．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．5

一、主页的制作．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．5

…… …… 余下全文

篇二：网页制作实验报告

《网页设计与制作》

实验报告

院系名称： 管理学院 专业班级： 电子商务 11级3班

学生姓名： 许世谦 学号： 201117050308

2013年 6 月 4 日

实验一：HTML语言实验

一、实验目的

1、掌握利用HTML语言编写网页的能力；

2、掌握利用HTML语言编写表格的能力；

3、掌握利用HTML语言编写表单的能力。

二、实验课时

2学时

三、实验内容

1、表格实验的结果

<html>

<body>

<tr>

<td rowspan="2" colspan="2" align="left" bgcolor="red">A

<td align="left" >B

<td align="center">C

<tr>

<td colspan="2" align=center>D

…… …… 余下全文

篇三：网页设计实验总结报告(一)

网页设计实验报告（一）

…… …… 余下全文

篇四：网页设计与制作个人实训报告

一、实训目的：

通过实训，掌握网页制作系列软件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)网站的主题是什么？

网页主题是情侣空间，

(2)网站的用户是谁？有哪些功能？

网站的用户面向广大消费者，可以网上购买珠宝首饰等。

(3)网站的风格定位是什么?

风格是浪漫。以红色、棕色和银色为主色调，中间嵌以相同色系，不失浪漫之情又给人融洽整洁之感。

二、网站功能模块规划

（1）画出站点地图，例：

网页制作实验报告

（2）画出链接结构图

网页制作实验报告

（3）阐述各模块的布局特点及技术实现

? 布局技术

采用模板技术，使网站的设计效率增加，方便。布局方面采用表格和div层，运用div层进行排版，为了方便控制，排版时总要先添加一个总的div来控制布局，位置和大小，外层的div不需要设置浮动，也就是float的值。在这个外层里再设置内div，切记要设置浮动，即float值为left或right，根据设计需要来定，否则布局会发生混乱。表格会使你的设计整齐，排版相当方便。

? 各静态模块的功能特点及内容呈现

静态模块呈现了向导内容，解释各个动态模块的目的和操作方式。

? 动态模块的功能实现及技术（包括ASP核心代码的解释）

A index页运用了效果行为

a 在添加行为的地方加入5个buttom控件，设置value的值就是控件上显

示的文字；

b 在显示行为的地方绘制AP div，在布局下选中绘制AP div，按住ctry

健连续绘制5个AP div层；

c 在5个AP div层里插入图片，并调整AP div的大小与图片一致，拖动

AP div层将其放在你预先安排的地方并隐藏即可；

d 选中new1健，在行为里添加效果-显示/渐隐，在目标元素中选择AP

div1，效果选择显示然后单击确定；

e 选中new1健，在行为里添加效果-增大/收缩，在目标元素里选择AP

…… …… 余下全文

篇六：网页制作实训报告

目录

摘要. 1

概述. 2

主题介绍. 2

制作目的及其方法. 2

网站规划及其实现过程. 3

系统结构图. 3

网站制作的具体内容. 4

主页的制作. 4

分页的制作. 5

背景音乐、Flash图片和视频的插入. 9

框架排版和时间轴的运用. 11

鼠标特效代码的插入. 12

制作网站出现的问题. 15

在做超链接时出现的问题及解决方法. 15

实训总结. 16

参考文献. 17

摘要

《网页制作》实训的目的主要是让我们通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。我所作的网页主题为《圣诞节》，其中主要是介绍关于圣诞节的起源、习俗、各种促销活动和圣诞老人、圣诞大餐等，在主页面中展示的是整个页面的布局排版，在分页面中详细的介绍了每个页面的主要展现的主题。在制作初期，主要是收集设计素材、内容，下载关于圣诞节的图片、相关的视频和各种鼠标特性效果代码，中期，主要是创建主页面和分链接，浏览色彩搭配的效果，页面是否美观，分析如何使用框架和利用Dreamweaver8软件创建模板和布局表格，最后，主要是细化各个页面，对各个页面的图像、表格、链接进行适当的调试，是站点更加美观，并上传和测试整个站点运作情况，做好所有链接工作，使用PPT展示最终的效果。

概述

主题介绍

大家都知道圣诞节是西方的节日，也是基督教世界最大的节日，这一天，世界所有的基督教会都举行特別的礼拜仪式。但是有很多圣诞节的欢庆活动和宗教并无半点关联。交换礼物，寄圣诞卡，这都使圣诞节成为一个普天同庆的日子。由于是圣诞节的临近，我们想抓住这个主题给大家展示一个不一样的圣诞节，也希望所有的人都能过的开心，圣诞节的来临，也意味着新年即将到来，我想以这个为主题，预祝大家在20##年里有好运气、学习成绩更优，每个人的生活都很精彩。

…… …… 余下全文

篇七：网站设计与制作个人总结报告

taiyuangongyexueyuan

近一个星期的实训将要结束了，顶着考研考试的巨大压力我们小组还是如期的完成了老师的要求，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识反面薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。

制作网页,首先是确定主题,经过再三考虑,就做了个关于发型的网站, 是一家为理发店提供数据库服务的大型企业Pretty hair还为注册的理发店提供会员管理服务，各大理发店均可注册pretty hair并获取相应数据库，

prettyhair来维护数据库安全可靠。同时，pretty hair也是一家以提倡健康、漂亮头发的信息资讯类公司，您可以在这里获取如何保养头发的相应信息，以及各种发型的图片相关介绍，还有各种护发用品。于是网站主题确立。然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，个人档案、兴趣爱好、成长经历、国家队生涯、荣誉、职业生涯数据、转会记录，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。

再后是收集资料与素材，大量浏览相关网站，收集关于C罗的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。

…… …… 余下全文

篇八：网页制作实训报告

安徽机电职业技术学院

《网页制作》课程实训

说明书

系（部）：人文管理系

班级：电子商务3112班

姓名：胡慧琳

指导教师：胡存梅

2011 ~ 2012学年第一学期

摘要

《网页制作》实训的目的主要是让我们通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。我所作的网页主题为《圣诞节》，其中主要是介绍关于圣诞节的起源、习俗、各种促销活动和圣诞老人、圣诞大餐等，在主页面中展示的是整个页面的布局排版，在分页面中详细的介绍了每个页面的主要展现的主题。在制作初期，主要是收集设计素材、内容，下载关于圣诞节的图片、相关的视频和各种鼠标特性效果代码，中期，主要是创建主页面和分链接，浏览色彩搭配的效果，页面是否美观，分析如何使用框架和利用Dreamweaver8软件创建模板和布局表格，最后，主要是细化各个页面，对各个页面的图像、表格、链接进行适当的调试，是站点更加美观，并上传和测试整个站点运作情况，做好所有链接工作，使用PPT展示最终的效果。

目录

摘要．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 2

…… …… 余下全文

网页制作实验报告总结

摘 要

概 述

主题介绍

摘要

概述