网页制作实训报告总结

浅谈网页制作实训教学

摘要：《网页制作与网站设计实训》课程有很强的实践性，能有效地锻炼学生的动手能力、组织策划能力以及团队协作能力，该文从五个方面谈了对网页实训教学的意见与看法。

关键词：网页实训；兴趣；分组合作；校企合作 中图分类号：G424 文献标识码：A文章编号：1009-3044(2011)26-6469-02

网页制作课程是我院多个专业的专业基础课程，如计算机信息管理、软件、网络以及电子商务、影视等专业都开设了网页制作与网站设计课程，网页制作课程是一门操作性以及实用性都很强的课程，对学生的操作要求较高，平时的课堂以及实验教学比较分散，不能有效集中地训练学生的动手能力以及策划制作网页的能力，因此，实训课程在网页制作教学中有比较重要的作用。

《网页制作与网站设计实训》课程有很强的实践性，能有效地锻炼学生的动手能力、组织策划能力以及团队协作能力，且能够紧贴市场，做到以工作过程为导向，进行实际项目的训练，使学生在应聘时不再只有理论知识，而没有任何实际经验。真正做到理论与实践并行，与企业需求接轨，培

养应用型人才。

我院《网页制作与网站设计实训》课程是在网页制作理论与实验课程之后，网页制作理论课程主要讲解

关于基础网页制作所写的实训报告,供大家参考

实训作品35 AKB48之家

制作学生：BW110435潘路峰

指导老师：万爱霞

1实训作品介绍

本人酷爱日本少女组合AKB48，尤其是其中的“小虎牙”坂野友美和麻友友。平时总爱听AKB48的歌曲，看她们演唱会的视频，只可惜现在无法去日本亲身感受她们的魅力。适逢计算机实训周，万老师让我们做一个自己感兴趣的网页，于是我便抓住这次机会，制作了这个关于AKB48的网页。

该网页主要介绍了AKB48这个组合的由来，各位成员，以及该组合的单曲，影视作品，参与的综艺节目，并在最后附上了问卷调查，以便更好地了解大家对该组合和本网站的看法。

2实训作品效果图

首页

关于基础网页制作所写的实训报告,供大家参考

团体介绍

成员介绍

作品节目

关于基础网页制作所写的实训报告,供大家参考

网址链接（由于网络问题无法连接）

问卷调查

关于基础网页制作所写的实训报告,供大家参考

3 设计思想

3.1功能设计

网站设计说明

1主页基本设计思想和布局说明：主题就是AKB48 之家，采用了一个3列6行的表格，并且根据主页的各个内容对表格进行了相应的调整，使之美观大方。还使用到了在表格中插入表单，再在表单中嵌套表格来制作用户登录界面。整体风格粉嫩可爱，富有女生气息，给人一

11111

实训任务（2011 春）

郭明 2011年02月22日 文章浏览次数：54

责任教师联系方式： 郭明:guom@

资料来源：北京广播电视大学

实训任务

实训一（ASP编程环境设置）任务书

【实训目的】

1．学会Windows 2000/NT服务器上IIS（Internet服务管理器）的安装与配置；

2．学会创建虚拟目录；

3．学会运行ASP程序

【建议学时】 3课时

【项目类型】 必做

【实训内容】

11111

【样张】

【实施环境及提供的材料】

11111

1．能正常运行IIS服务器的计算机和操作系统

2．实训素材（与本任务书在同一目录中）

【拓展练习】

通过本实训的操练，同学具备了基本的操作能力，试着脱离指导步骤，独立安装服务器软件、熟练创建虚拟目录并正确运行ASP程序。

【思考题】

1．什么是IIS？

2．怎样安装和设置IIS?

3．是否一定要在 C:\Inetpub\wwwroot 下建立Web应用程序？可不可以放在别的文件夹下？

实训二（HTML标记的使用）任务书

【实训目的】

1．通过编写简单的网页文件，掌握HTML文档的基本结构；

2．掌握网页中图像、超链接、表格、表单等相关标记的使用，并能熟练应用这些标记进行网页设计；

3．了解网页设计中CSS样式的使用。

【建议学时】 6

河 南 工 程 学 院

实 习 报 告

专业 信息管理

班级 1032班 姓名 王美娟

年 月 日

实习（训）报告评语 等 级：评阅人：

职称 ： 年 月 日

河 南 工 程 学 院

实习（训）报告

实习目的（内容）： 网页设计与制作--个人网站 实习时间： 自 12 月 26 日 至 12月 30日

共 5 天

实习地点： C507

实习单位： 河南工程学院

指导老师： 于海鹏 系主任：曲宏山

一、实训意义

通过校内的实际训练，使自己掌握在Windows环境下Dreamweaver

CS5的基本操作和使用技能的基本方法，掌握相关理论知识；培养了自己

设计网页的技能，提高自己学

网页制作实训心得体会

【篇一：网页设计实习心得】

**公司实习毕业心得报告 [实习目的]

通过网页设计理论联系实际操作，巩固所学的知识，提高处理实际问题的能力。充分学习网页设计实践中的操作理论，提高自己网页设计水平，并为能顺利与社会环境接轨做准备。 [实习任务]

[实习时间] ****** [实习地点] **** [实习内容]

按照老师的安排，我制定了相应的实习计划，并记录了相关的实训内容，以备后鉴，且完成实训作业及实习心得。注重在实习阶段对所学知识的巩固和提高，以达到根据理论知识，指导日后工作实践的目的。其主要网页设计实习具体内容情况报告如下： 第一、收集网站所需信息。

第二、运用photoshop处理的网页设计所需图片。处理图片要保持图片不失真，并按照网页设计需求设计所需的效果。

第三、对所完成的网页页面进行合理的切片处理，并按照网页设计效果完成网站整体框架的构建，。 第四、搭建网站所需数据库。

第五、网站的虚拟建设和初步完善。 [实习体会]

大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自己有了新的认识

网页制作实训心得体会

【篇一：网页设计实习心得】

**公司实习毕业心得报告 [实习目的]

通过网页设计理论联系实际操作，巩固所学的知识，提高处理实际问题的能力。充分学习网页设计实践中的操作理论，提高自己网页设计水平，并为能顺利与社会环境接轨做准备。 [实习任务]

[实习时间] ****** [实习地点] **** [实习内容]

按照老师的安排，我制定了相应的实习计划，并记录了相关的实训内容，以备后鉴，且完成实训作业及实习心得。注重在实习阶段对所学知识的巩固和提高，以达到根据理论知识，指导日后工作实践的目的。其主要网页设计实习具体内容情况报告如下： 第一、收集网站所需信息。

第二、运用photoshop处理的网页设计所需图片。处理图片要保持图片不失真，并按照网页设计需求设计所需的效果。

第三、对所完成的网页页面进行合理的切片处理，并按照网页设计效果完成网站整体框架的构建，。 第四、搭建网站所需数据库。

第五、网站的虚拟建设和初步完善。 [实习体会]

大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自己有了新的认识

标准

?文案目录

实训1 站点创建

实训2 搜集素材

实训3 用表格设计主页布局

实训4 在主页制作中插入文本操作

实训5 在主页制作中插入图像操作

实训6 在主页制作中超级的设置

实训7 制作动感网页

实训8 表单制作

实训9 CSS样式表的使用

实训10 JavaScript技术

实训11 应用行为

实训12 利用框架制作“公司简介”网页

实训13 利用布局表格制作“新书推介”网页实训14 模板和库的使用

实训15 利用层的布局制作“技术支持”网页实训16 网页设计与管理

实训17 开发综合实训

标准

?文案实训1 站点创建

实训目的

为了让学生能熟练掌握创建站点的方法，掌握设置网页的页面属性，掌握创建目录结构、栏目文件夹、网页文件的基本操作方法。

实训环境

硬件环境：考核用机为奔腾以上兼容机，存不少于 32M ，最好 64M 或128M ；硬盘不小于 500M ； VGA 彩显，带鼠标器。

操作系统：Windows95/98/me/2000/XP

软件环境：Dreamweaver MX 2004

特殊要求：必须将IIS配置好，能正常进行WEB浏览

素材准备

准备制作网页所需的文字素材。

实训课时

2学时

实训容

创建站点：

创建目录结构：

创建栏目文件夹：

创建网页文件

《网页设计与制作》课程实训指导书

一、 实训目的

本次实训给学生提供了深入学习的资料和信息，紧紧围绕网站设计流程：规划、设计、开发、发布、维护来进行网站的开发，模仿并设计制作出相关的网站。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），训练学生掌握计算机操作技术，运用计算机技术进行数据处理分析。

二、 实训任务

通过对网站的设计，使学生熟练应用网站设计软件，使学生网站建设有一个综合系统的掌握。

在制作过程中，主要完成对网页的布局、色彩的搭配、框架的应用、层的运用、行为的实现、表单的使用、模板和库的应用等，完成项目作品。

1．网站策划

1）画出网站结构草图。 2）确定栏目。 3）进行版面设计。

分为首页设计和二级页面的设计，清楚在页面上分别要放置哪些内容

4）搜集素材。如相关文字录入，图片素材，班级相片等等。

2．制作网页。

1）建立站点。

例如：命名为webfile,网站的结构如下：

2）进行主页的设计。

要求主页中包含一个自己完成的Flash。

3）进行其他页面的设计。 4）建立几个页面间的链接关系。

目录

一、科技作品制作前的参考 ? 参考1、明石海峡大桥 ? 参考2、维拉扎诺桥 ? 参考3、润扬长江公路大桥 二、确定方案 三、悬索桥概论

四、科技作品的材料准备 五、制作过程 ? 桥面制作 ? 塔架制作

? 缆索、吊杆、桥面的连接 六、总结

一、科技作品制作前的参考

参考1、明石海峡大桥

在1998年4月5日，世界上目前最长的吊桥——日本名石海峡大桥 正式通车。大桥坐落在日本神户市与淡路岛之间(东经135

度01分，北纬34度36分），全长3911米，主桥墩跨度1991米。两座主桥墩海拔297米，基础直径80米，水中部分高60米。两条主钢缆每条约4000米，直径1.12米，由290根细钢缆组成，重约5万吨。大桥于1988年5月动工。1998年3月竣工。 明石海峡大桥首次采用1800MPa级超高强钢丝，使主缆直径缩小并简化了连接构造，首创悬索桥主缆，这也是第一座用顶推法施工的跨谷悬索桥，由法国埃菲尔集团公司承建。

日本明石海峡大桥创造了本世纪世界建桥史的新纪录。大桥按可以承受里氏8.5级强烈地震和抗150年一遇的80m/s的暴风设计。1995年1月17日，日本坂神发生里氏7.2级大地震（震中距桥址才4公里），大桥附

Windows 2000 Server实训大纲

实训一 Windows 2000 Server IIS的安装与配置 一、实验目的和要求

熟悉IIS的安装过程与配置方法。通过编写简单的JavaScript页面，掌握JavaScript网页的编写和运行方法。要求学生掌握关于动态网页的相关知识；具备制作静态网页的基础；具备一定的网络基础知识。 二、实验器材

Windows 2000 Server计算机系统；安装IIS、Dreamweaver MX 2004、Access 2000数据库系统等。 三、实验内容和步骤

1、JSP Web服务器的安装与配置；

参考步骤：

1.检测本机的TCP/IP协的运行情况：运用Ping和IPconfig命令； 2.将windows 2000/XP光盘插入教师机中，将其共享； 3.学生机器将查看自己的IP地址，在网络中配置； 4.在添加和删除程序中，添加IIS；

5.在自己的本地硬盘中用03soft建一文件夹； 6.在管理工具中Internet 信息服务中配置IIS；

7.运行Dreamweaver MX 2004建立站点，完成相关的设置，其中根目录与IIS中一致，并使用服务器技术；

8.启动Dreamweaver