使用表格布局网页实训总结

第4章 使用表格布局网页 表格基本操作 表格高级操作

4.1 表格基本操作表格(Table)是由一个或多个单元格构成的集合， 表格中横向的多个单元格称为行(在HTML语言中 以<tr>标签开始，</tr>标签结束),垂直的多个 单元格称为列(以<td>标签开始，</td>标签结 束),行与列的交叉区域称为单元格，网页中的元 素就放置在这些单元格中 。此处表示未 明确设置单 元格宽度 此处显示了表格 的宽度。如果只 显示一个“▼” 符号，表示未明 确设置表格宽度

列

行 单元格

4.1.1 创建表格Dreamweaver CS4拥有非常完善的表格编辑 功能，本节我们首先来看一下如何在网页文档中 创建表格。

4.1.2 选择表格和单元格1.选择表格 将鼠标光标移至单元格边框线上，当鼠标光标变为 或 形 状时单击鼠标左键。 将鼠标光标移至表格外框线上，当鼠标光标变为 形状时， 单击鼠标左键。

在表格内部任意单元格中单击鼠标左键，然后在标签选择器 中单击对应的“

河 南 工 程 学 院

实 习 报 告

专业 信息管理

班级 1032班 姓名 王美娟

年 月 日

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

职称 ： 年 月 日

河 南 工 程 学 院

实习（训）报告

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

共 5 天

实习地点： C507

实习单位： 河南工程学院

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

一、实训意义

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

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

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

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

浅谈网页制作实训教学

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

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

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

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

养应用型人才。

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

常见页面布局

页面布局常受到硬件条件（显示器的大小和分辨率）和技术的限制，所以归纳起来大致有六种类型： （1）“同”字型布局：特点，页面顶部水平放置主导航栏，其下分为左中右三栏，左边放置内容导航栏、二级导航栏热点内容等；右边放置站点图片链接、动画广告、搜索引擎、友情链接、注册登录信息；中间为主要内容板块。如韩国的“happybean.naver.com” 其优点是：结构清晰直观、平稳均匀’、次分明。缺点：过于呆板僵化、单点乏味。要注重合理色彩搭配。 （2）“匡”字型布局：特点，把同字型布局右边内容移到底部而成，它的结构特点和和优缺点也相同。 （3）“吕”字型布局：特点，把页面分成上下两大块，其中每一块都有同字型结构的特点。如网易新闻网。

（4）左右对称布局：顶部不设页眉和导航栏，左边设置导航，右边放主要内容。特点结构简单适合内容较少的页面。

（5）II字型布局：特点顶部设置站标和导航栏；下边分为左右两部分左窄右宽。左边放置二级导航栏、热点内容链接、登陆栏、友情链接等、右边分为主要内容区。

（6）自由式布局：打破常规的规矩，尽情的挥洒极具创意自由灵活。优点是：漂亮现代轻松明快极具美感给人以美的享受。缺点是；下载速度相对较慢，文字信息量少。 dr

常见页面布局

页面布局常受到硬件条件（显示器的大小和分辨率）和技术的限制，所以归纳起来大致有六种类型： （1）“同”字型布局：特点，页面顶部水平放置主导航栏，其下分为左中右三栏，左边放置内容导航栏、二级导航栏热点内容等；右边放置站点图片链接、动画广告、搜索引擎、友情链接、注册登录信息；中间为主要内容板块。如韩国的“happybean.naver.com” 其优点是：结构清晰直观、平稳均匀’、次分明。缺点：过于呆板僵化、单点乏味。要注重合理色彩搭配。 （2）“匡”字型布局：特点，把同字型布局右边内容移到底部而成，它的结构特点和和优缺点也相同。 （3）“吕”字型布局：特点，把页面分成上下两大块，其中每一块都有同字型结构的特点。如网易新闻网。

（4）左右对称布局：顶部不设页眉和导航栏，左边设置导航，右边放主要内容。特点结构简单适合内容较少的页面。

（5）II字型布局：特点顶部设置站标和导航栏；下边分为左右两部分左窄右宽。左边放置二级导航栏、热点内容链接、登陆栏、友情链接等、右边分为主要内容区。

（6）自由式布局：打破常规的规矩，尽情的挥洒极具创意自由灵活。优点是：漂亮现代轻松明快极具美感给人以美的享受。缺点是；下载速度相对较慢，文字信息量少。 dr

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

信息技术（八年级）

课 题 课 型 第十二课 用表格为网页布局 任务驱动型 总课时 教学课时 1 第1课时 知识目标：用表格排版主页使其达到页面整洁有序； 技能目标：在网页中插入表格并更改表格的属性； 教学目标 情感目标：用表格排版网页解决了网页版面杂乱的问题，提示同学们凡事要有计划，做事要遵守规则，促进其做事的信心。 教学重点 教学难点 插入表格和更改表格属性 让学生灵活掌握排列表格和设置表格属性的方法 所需的资源和环境 常规资源 1、教学环境的准备： （1）多媒体网络教室：学生计算机上安装IE6.0，能上因特网； （2）教师机上准备好学生上交作业的共享文件夹。 教学环境 2、 教学工具的准备： （1）电子教室； （2）学生任务单 教 学 设 计 新课导入： “凡事预则立，不预则废。”预：指事先的计划和准备；制作网页前也想要进行规划，引出本课主题——用表格为网页布局。 正式授课： 本课的主要任务，解决三个问题 为什么要规划页面布局？ 为什么要依靠表格？ 如何运用表格为网页布局？ （一）为什么要规划页面布局 介绍网页的版面布局：主要指网站主页的版面布局，其他网页的版面与主页风格基本一致。为了达到最佳的视觉表现效果，应

网页制作实训心得体会

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

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

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

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

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

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

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

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

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