使用表格布局网页实训报告

第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的基本操作和使用技能的基本方法，掌握相关理论知识；培养了自己

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

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

实训作品35 AKB48之家

制作学生：BW110435潘路峰

指导老师：万爱霞

1实训作品介绍

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

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

2实训作品效果图

首页

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

团体介绍

成员介绍

作品节目

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

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

问卷调查

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

3 设计思想

3.1功能设计

网站设计说明

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

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 使用IIS搭建Web服务器实训报告

2)建立 Web 站点 步骤 1:单击[开始]-[控制面板]-[管理工具]-[Internet 信息服务(IIS)管理器]。

步骤 2:右键单击[网站],在弹出的快捷菜单中单击[新建]-[网站]。

步骤 3:

步骤 4:设置虚拟目录

步骤 5:限制 iP

1)安装 DNS 服务器 步骤 1:单击 [开始]-[设置]- [控制面板]-[添加或删除程序]-[添加/删除 Windows 组 件],然后在“Windows 组件”的窗口中选择 [网络服务],再单击 [详细信息]按钮。 步骤 2:在“网络服务”对话框中选中[域名系统 (DNS)],然后单击 [确定]按钮。 步骤 3:回到前一个窗口后，单击 [下一步]按钮，开始安装。 2)在 DNS 服务器上添加网站的主机头名称及 IP 地址的映射记录 步骤 1:单击 [开始]-[程序]-[管理工具]-[DNS],然后单击这台 DNS 服务器，接着 右键单击 [正向查找区域],从快捷菜单中选择 [新建区域]命令。 步骤 2:出现“新建区域向导”窗口时，单击 [下一步]按钮。 步骤 3:在“区域类型”对话框中，单击 [主要区域],然后单击 [下一步]按钮。 步骤 4:在“区