dreamweaver网页制作 第7章 表单

第7章表单

在制作动态网页时，要实现信息交互，常常用到表单。常见的表单有搜索表单、用户登录注册表单、调查表单、留言簿表单等。本章节将和大家一起探讨在表单的基本概念和各个元素，以及在Dreamweaver CS4中如何创建表单，并通过实例掌握表单制作的方法。

【学习目标】

●了解Web服务器的作用。

●掌握IIS的安装和设置方法。

●掌握更改站点设置的方法。

●知道表单域的含义；熟练掌握各种表单栏目的插入与设置。

●能够综合使用各种表单栏目制作留言簿。

●知道发送表单结果的多种方法。

●掌握验证表单的方法。

7.1 关于表单

表单是用来收集站点访问者信息的域集，可实现网页与浏览者间的交互，达到收集浏览者输入信息的目的。

表单是浏览网页的用户与网站管理者进行交互的主要窗口，Web管理者和用户之间可以通过表单进行信息交流。表单内有多种可以与用户进行交互的表单元素，如文本框、单选框、复选框、提交按钮等元素。在服务器端，信息处理由CGI （Common Gete Way Interface）、JSP （Javaserver Page）或ASP （Active Server Page）等应用程序处理。

下面是几个表单应用的例子，邮箱用户注册表单如图14.1所示，搜索引擎表单如图14.2所示，在线测试表单如图14.3所示。

7.2 表单元素

表单域

简单地说，表单就是用户可以在网页中填写信息的表格，其作用是接收用户信息并将其提交给Web服务器上特定的程序进行处理。

表单域，也称表单控件，是表单上的基本组成元素，用户通过表单中的表单域输入信息或选择项目。

在建立表单网页之前，首先就要建立一个表单域。

在7.1节中详细介绍了表单的基本概念，使用Dreamweaver CS4可以创建各种表单元素，如文本框、滚动文本框、单选框、复选框、按钮、下拉菜单等。在“插入”工具栏的“表单”类别中列出了所有表单元素，如图14.4所示

7.2.1 插入表单

（1）将光标放在“编辑区”中要插入表单的位置；然后在“插入”工具栏的“表单”类别中，单击“表单”按钮；此时一个红色的虚线框出现在页面中，表示一个空表单，如图14.5所示

（2）单击红色虚线，选中表单；在“属性检查器”中，“表单名称”文本框中输入表单名称，以便脚本语言Javascript通过名称对表单进行控制；在“方法”下拉列表框中，选择处理表单数据的传输方法，“Post”方法是在信息正文中发送表单数据，“Get”方法是将值附加到请求该页面的URL中；在“目标”下拉列表框选择服务器返回反馈数据的显示方式，这里选择“_blank”，即在新窗口打开；“MIME类型”下拉列表框指定提交服务器处理数据所使用MIME编码类型。默认设置“application/x-www-form-urlencode”与POST方法一起使用，如图14.6所示

7.2.2 插入文本字段

本小节来学习在表单中插入文本字段。文本字段是表单中常用的元素之一，主要包括单行文本字段、密码文本字段、多行文本区域三种。

(1)．单行文本字段与密码文本字段

网页中最常见的单行文本字段与密码文本字段就要属用户登录框了，如图14.7所示。用户名一项应用的就是单行文本字段，密码一项应用的就是密码文本字段

单行文本框只有一行栏位供浏览者填写，我们可以通过设定来决定栏位中最多可以输入多少字。单击“插入”面板中的“文本字段”标签，可以发现在文字后面出现一个文本框。

(2)．多行文本区域

有时需要输入多行文字，而且在文字框的右侧和下方都出现滚动条。单击“插入”面板中的“文本区域”标签，可以发现在文字后面出现一个文本框，选中文本区域框，在“属性”面板中更改“类型”为多行即可。

7.2.3 插入隐藏域

隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。具体操作步骤如下

（1）将光标放在表单中要插入隐藏域的位置，然后在“插入”工具栏的“表单”类别中，单击“隐藏域”按钮；此时，在“编辑区”中插入一个隐藏域，如图14.16所示。

（2）设置隐藏域属性。选中“隐藏域”标识，在“属性检查器”中，在“隐藏区域”文本框中输入隐藏域的名称，“值”文本框中给隐藏域赋值，如图14.17所示

7.2.4 插入单选按钮

单选按钮是在一组选项中，只允许选择一个选择项，例如性别、文化程度等选项。使用单选按钮的表单如图14.23所示

单选按钮就象单选题，浏览者只能在各种选项中选择一种。单选按钮用处十分广泛，下面我们以建立性别栏为例，说明如何建立单选按钮。

单击“插入”面板中的“单选按钮”标签，可以插入一个单选按钮。

7.2.5 插入复选框

复选框是在一组选项中，允许用户选中多个选项。复选框是一种允许用户选择对勾的小方框，用户选中某一项，与其对应的小方框就会出现一个对勾。再单击鼠标，小对勾将消失，表示此项已被取消。

使用复选框的表单效果如图14.18所示。具体操作步骤如下

复选框可以同时选取一至多个选项，设置方法与单选按钮类似。

单击“插入”面板中的“复选框”标签，可以插入一个复选框。

7.2.6 插入列表/表单

列表和菜单也是表单中常用的元素之一，它可以显示多个选项，用户通过滚动条在多个选项中选择。下面是一个简单的菜单的例子如图14.30 所示。

下拉列表可以显示选项列表，即为留言者提供方便，又便于对留言内容进行管理。

单击“插入”面板中的“列表/菜单”标签，可以发现在文字后面出现一个文本框，在“属性”面板中选

择“类型”为“列表”，单击按钮，在弹出的“列表值”对话框中输入列表值，单击左上

角的按钮，重复上一步，输入其它列表值，最后单击，返回网页编辑窗口。

7.2.7 插入跳转菜单

跳转菜单实际上是一种下拉菜单，在菜单中显示当前站点的导航名称，单击某个选项，即可跳转到相应的网页上，从而实现导航的目的，如图14.39所示。

7.2.8 插入图像域

Dreamweaver CS4表单中的图像域功能，可以在表单中插入图像，使图像也能作为按钮使用。下面是一个应用图像域的表单，如图14.44所示。表单中的每个图像也是一个按钮，用户单击图像

时，表单就会提交。也可以为图像域添加其他行为事件。具体操作步骤如下

7.2.9 插入文件域

在表单中，经常会出现文件域。文件域能使一个文件附加到正被提交的表单中，比如表单中的上传照片或图片、邮件中添加附件就是使用了文件域，如图14.50所示。

7.2.10 插入按钮

在表单中，按钮是用来控制表单的操作。使用按钮可以将表单数据传送给服务器，或者重新设置表单中的内容。在Dreamweaver CS4中，表单按钮可分为三类：提交按钮、重置按钮和普通按钮等。应用三种按钮的表单，如图14.53所示。

提交按钮：是把表单中的所有内容发送到服务器端的指定应用程序

重置按钮：用户在填写表单的过程中，若希望重新填写，单击该按钮使全部表单元素的值还原为初始值

普通按钮：该按钮没有内在行为，但可以用JavaScript等脚本语言为其指定动作。

单击“插入”面板中的“按钮”标签，可以插入一个按钮。

按钮共有三种类型：“提交”按钮将表单资料传送到相应位置。“重置”按钮将表单资料全部清除，等待重新输入。“普通”按钮可以与别的程序相连，作为启动其它程序的按钮。

7.2.11 插入标签

标签（）主要是给表单组件增加可访问性设计的，当用户单击label控件时，label控件会将焦点设置到对应的表单元素。下面举例说明标签（）的作用。图14.58中应用了标签的复选框当用户单击文字时，就可以将复选框选中；而没有应用标签的复选框就不行，只有在复选框中单击才能选中。具体操作步骤如下：

7.2.12 插入字段集

字段集（

）可以将它所包围的元素用线框衬托出来，还可以实现插入式标题效果，如图14.63所示。具体操作步骤如下：

7.3 用户注册表单实例

在许多网站上都可以看到“用户注册”页面，要求用户填写。下面综合运用表单的各种元素，来学习制作用户注册表单，表单最终效果如图14.67所示。具体操作步骤如下

7.2 设置Web服务器

7.2.1 Web服务器概述

Web服务器的构件需要两个必不可少的基础平台，即网络硬件平台和网络软件平台。只有完成这两个平台的建设，才可以建设Web服务器。

在Window98下进行操作，可以使用个人web服务器系统PWS（Personal Web Server），它是一个桌面Web服务器，使用它用户可以从自己的计算机建立服务器并发布个人主页

7.2.2 在Windows 2000中设置IIS

在Windows2000中集成的Web应用开发组件IIS提供比PWS更强大的功能。IIS即Internet信息服务，在Windows 2000中集成的是5.0的版本。它包含WWW服务器、FTP服务器、个人Web服务器等许多功能软件。因为在Windows2000专业版中，IIS不是默认安装的，所以在使用之前，必须先进行安装。

首先，打开“控制面板”窗口，在“控制面板”窗口中双击“添加/删除程序”图标，打开“添加/删除程序”窗口，单击“添加/删除Windows组件”按钮，在“Windows组件向导”对话框中，选中“Internet信息服务（IIS）”，单击“下一步”按钮，开始安装IIS。

安装完成以后，在“控制面板”窗口中，双击“管理工具”图标，打开“管理工具”窗口。在“管理工具”窗口中，双击“Personal Web Manager”图标，打开个人Web管理器，在左边窗口中选择“高级”，更改首页的文件名称。将制作的网页复制到文件夹“Inetpub”的子文件夹“wwwroot”中，在IE浏览器中输入“http://127.0.0.1”，就可以打开编辑的网页了。

7.3创建留言簿

7.3.1更改站点设置

在Dreamweaver中打开网站，单击菜单栏上的“站点”，在弹出的菜单中选择“编辑

站点”命令，选中要编辑的站点，单击，单击“高级”选项卡，在对话框左侧选择“测试服务器”。

在“测试服务器”区域，单击“服务器类型”文本框右边的，在下拉选项中选择“Asp JavaScript”，单击“访问”文本框右边的，在下拉选项中选择“本地/网络”，最后单

击，关闭该对话框，单击。

7.3.2完善留言簿表单栏目

作为留言簿，包含的内容应该有针对性，根据情况完善留言簿表单栏目。

7.3.3提交表单信息

表单有两个重要的组成部分：一是描述表单的HTML源代码，一是用于处理用户在表单域中输入的信息的服务器端应用程序或客户端脚本。

网站访问者在页面上看到的表单元素，仅供输入信息而已。当访问者按下表单的“提交”按钮之后，表单内容会上传到服务器上，并且由事先编辑好的CGI或ASP程序来接手处理，最后服务器再将处理结果发送到访问者的浏览器中，也就成为访问者提交表单之后出现的页面。

将表单内容提交的方法。将鼠标指针移动到红色虚线上，单击鼠标，选中整个表单域，打开“属性”面板中，在“动作”右边的文本框中输入：mailto: 电子邮件地址，表示表单的内容将以电子邮件的形式发送。

7.4验证表单内容

首先，确定有哪些表单对象需要验证。然后确定每一个需验证表单对象的名字，以免发生混淆。

选中文本框，在“属性”面板中更改“文本域”下面的名称为：name。

选中“电子邮件地址”文本框，将“属性”面板中“文本域”下面的名称为：email。

选中“留言内容”多行文本框，将“属性”面板中“文本域”下面的名称为：liuyan。

选中任意一个表单对象，单击“设计”面板下“行为”选项卡中的按钮，在弹出的

菜单中选择“检查表单”，选中“文本‘name’在表单‘form1’”，选中“值”为“必需的”，可接受为“任何东西”。

在“检查表单”对话框中，选中“文本‘email’在表单‘form1’”，选中“值”为“必需的”，可接受为“电子邮件地址”。

在“检查表单”对话框中，选中“文本‘liuyan’在表单‘form1’”，选中“值”为

“必需的”，可接受为“任何东西”,单击。

《信息技术》教案-网页表单

备课时间：2004/03/22 课题：第五章网页制作第六节网页表单教学目的：①表单的建立 ②表单资料的收集和处理 ③搜索表单的建立 教学重点：①表单资料的收集和处理 ②搜索表单的建立 教学方法: 边讲解边演示 教学过程： 〈引言〉：直接进行操作演示 〈教授新课〉：网页表单 [板书] 第六节网页表单 一、表单的建立 在FrontPage 2000中，单击“插入（I ）”菜单中的“表单（M）”命令， 其下拉菜单中列出了所有的字段，单击其中的一种，即可插入相应的字段。 [例5-6-1] 建立如图5-25所示的表单网页，取名为guestbook.htm。 图5-25 操作步骤： （1）单击“新建”按钮，建立新页面，首先创建一个2×1表格，并在表格的第一行插入标题动画（look.gif、liuyan.gif）。 （2）右击表格的第二行，在弹出的快捷菜单中单击“拆分单元格…”，打开“拆分单元格”对话框，选择“拆分为列”，并输入列数：3，将该单元格拆分分三列，分别定义两侧单元格的背景色为浅紫色。 1

（3）将插入点移到中间的单元格后，依次单击“插入（I）”菜单中的“表单（M）”“单行文本框（T）”命令，页面上出现一个单行文本框和两个按钮，分别是“提交”和“复位”按钮，将插入点移到文本框左侧，接着输入“姓名：”，然后将插入点移到文本框右侧。 （4）输入“年龄：”，然后依次单击“插入（I）”菜单中的“表单（M）”“单行文本框（T）”命令，产生第二个单行文本框，按回车键。 （5）输入“性别：”，然后依次单击“插入（I）”菜单中的“表单（M）”“单选按钮（R）”命令，输入“女”。再用同样的方法插入另一个单选按钮，并在其右侧输入“男”，然后，双击各选项按钮，分别设置它们的属性，其中“组名称”必须相同，表示这两个按钮在同一个单选按钮组，最后按回车键。 （6）输入“爱好：”，然后依次单击“插入（I）”菜单中的“表单（M）”“复选框（C）”命令，输入“音乐”。用同样方法制成其余复选框。 （7）输入“职业：”，依次单击“插入（I）”菜单中的“表单（M）”“下拉菜单（D）”命令。 （8）双击下拉式菜单，出现如图5-26所示的“下拉菜单属性”对话框。 （9）单击“添加”按钮，添加一个“学生”菜单项，重复操作，添加其余菜单后，再单击“确定”按钮，并按回车键。 （10）输入“您对本网页的建议：”后，按回车键。 （11）依次单击“插入（I）”菜单中的“表单（M）”“滚动文本框（S）”命令，在网页编辑区将出现一个滚动文本框，调整文本框的大小，使其大小合适。 （12）保存网页，取名为guestbook.htm。 二、表单资料的收集和处理 表单的作用在于帮助收集资料，对于访问者来说，填完资料后，单击“提交”按钮，就可以将信息传送到服务器上。对于网站管理员来说，更重要的是对这些资料进行处理，将它们变成所需要的资料形式，比如在上例中，当访问者填写完表单并发送回来后，网站管理员应该对这些资料进行分析，对某些读者提出的问题进行个别解答，并及时改进网站。为了方便资料的整理，在制作表单时就应该有意识地将表单的结果输出到某一个HTML文件或纯文本文件中以文件的形式存放。将鼠标指针放置在表单域所在的虚线范围内右击，在弹出的快捷菜单中单击“表单属性”，打开“表单属性”对话框，如图5-27所示。 在默认情况下，表单的结果会发送到当前网站中，以form_result.txt为文件名存储起来。也可以修改文件名和文件的路径，或者以电子邮件的形式发送到指定的信箱中。当然，这些信息只有管理员才能看到，为了让访问者能够看到自己和别人的留言，以便彼此交流，还可以直接将表单的处理结果返回到指定的网页中。 2

个人网页制作全过程

个人网页制作全过程 [日期：10-12] 来源：作者：[字体：大中小] 如何制作个人网页全过程，送给刚学做网页的朋友们 第一讲网页的基本知识和FrontPage入门 一、网页的基本知识 1、网站与网页 我们在因特网上浏览时，看到的每一个页面，称为网页，很多网页组成一个网站。一个网站的第一个 网页称为主页。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主 页在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为“个人主页”，将建立个人网 站称为“网页制作”。 2、怎么建立个人网站？ 要建立一个个人网站，必须经过网页制作、网站（页）发布和网站维护三个阶段 1）网页制作 一个网站和一本杂志一样，都是展示信息的载体，只有能提供他人需要信息（内容）的网站才能吸引 他人访问。这些都要靠制作有内容的网页来完成。确定网站主题和后，制作网页是建立个人网站的首要工作。 每个网页基本上都是一个HTML(Hyper Text Markup Language，即超文本标识语言)文件，所以网页文件的扩展名一般是.HTM或.HTML。主页文件的文件名字index.htm或index.html。 一般在电脑上写文章使用Word、Wps等文字处理软件，而制作网页则可使用Frontpage等网页制 作工具。 2）网页发布 做好的网页必须发布到因特网上，才能被大家看到。所谓发布到因特网上实际上就是将网页文件放到 始终与因特网联机的计算机上，这种计算机被称为“服务器”。实际上家里的PC机安装相应的服务器软件 且有固定的IP地址也可以做服务器，但一般都借用单位网站的服务器或租用一些空间提供商的服务器空间。这就和你要开商店必须租用一个场地一样。 3）网站维护 网页发布后就可供大家访问了，不管在什么地方，只要是与和因特网相连的计算机都可以访问到你的 网页。但这没有万事大吉。就和报纸、杂志一样，总是老内容，也就没人来访问了。需要经常更新，补充 新内容。另外网页上的错误也需要及时改正。实际上网站维护是网站建设的主要工作量。 2、什么软件可以做网页？ 假如，你熟悉文字处理的相关软件，你不用专用软件，也可以作出网页来。比如，用Word，用Wps，甚至用你计算机附件自带的记事本也行。不过用Word做出来的网页体积太大，用记事本做网页则要会用一些HTML语言，而用HTML来制作网页是一件非常麻烦的事。FrontPage等网页制作工具则使我们可 以不必和这些难记、难懂的HTML代码打交道就作出较好的网页来。 初学的人，用微软公司的frontpage比较好，它的优点是易学易懂，上手快。FrontPage是微软公 司Office系列办公软件中的一个，它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文 本一样，我们只需要在编辑器中输入文本或图片，并设置好格式，很快就可以作出一个简单的网页了。 除了Frontpage以外，还有许多制作网页的软件，如Hotdog等，其中最著名的是Macromedia公司的“网页三剑客”即Dreamweaver（网页制作工具）、Flash（动画制作工具）和Fireworks（图像编 辑工具）。 假如，你有了一定基础，还是用“网页三剑客”好。它们是专用的网页制作软件，用它们制作的网页， 体积小，占用资源少，兼容性好。 所以本讲座也从FrontPage入手学习网页制作。大家先学好FrontPage，打好基础，如果将来准备

HTML网页设计(表单元素)

HTML网页设计（表单元素） 1.什么是表单 表单(form)是由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成，所有这些都放在

标签在。一个文档中可以包含多个表单，而且每个表单可以放置通常的主体内容（包括文字和图像在内） Form标签 设计者可以将表单放在文档主体中的任何位置，但前提是将表单的缘故都放在标签和

结束标签之间。

2.表单元素 在

标签中，可以包含以下5个标签。 Input标签 对于大量通常的表单内元素，可以使用标签来进行定义，其中包括文本字段、多选列表、可单击的图像和提交按钮等。虽然标签中有许多属性，但对每个元素来说，只有type和name属性是必须的。当然，根据指定的比哦啊单元素类型，也可以设置一些其

可以使用标签中的name属性来为字段命名（表单提交到处理过程中使用的字段，这种字段的说明可以参阅前面介绍）。从技术角度上讲，name属性的值是任意的一个字符串，但是我们建议最好采用没有嵌入空格或标点的字符串。标签中必须的type属性可以用来选择控件的类型，其属性值如下表所示。 最有用也是最常见的表单输入元素时文字域，在浏览器窗口中显示为一行的空框，它接收用输入的一行信息，当你用户将表单提交给服务器时，这些信息就变成了元素值。 范例代码：

密码域 将type属性值设置为password，就可以创建一个密码域。传统文本域的其他属性和语义也可以应用于密码域。应用呢密码域时必须制定一个字段的名称，这样就可以为该段字段设置size和maxlength属性，并可以设置一个初见时的vlaue。 范例代码： 文件域（file） 复选框（checked） 单选框（ridio） 普通按钮（button） 设置普通按钮（button）代码： 重置按钮（Reset） Textarea标签 作为表单的一部分，标签可在用户浏览器中创建一个多行文字域，在此文本输入区内，用户几乎可以输入无线文字。提交表单之后后，浏览器将所有行中的文字都收集起来，行间距用回车/换行符分隔，并将它们作为表单元素的值发送给服务器，这个值需要使用</p><h2>教案：使用表格布局网页</h2><p>教学内容：项目五表格的应用 任务3、使用表格布局网页课程：网页设计与制作 专业：计算机 授课课时： 1课时 教师： 授课班级： 单位： 授课时间： 教学设计说明：对于使用表格布局“个人写真”首页的任务，我在坚持以教</p><p>师为主导，学生为主体的教学原则下，通过复习提问——巩固旧知；创设情景——导入新课，明确任务；提出问题——分析任务，引发思考、课堂讨论、获取知识；讲授点拨——任务实施，引出重点；师生互动，归纳提高——攻破难点五个环节进行教学。在任务实施中采取小组合作完成的方法，以小组为整体回答问题及完成操作性任务，小组评比采用星级制，小组得星数量从多到少评为优、良、</p><p>D:/myweb素材 2 文本、图片等元素的布局，强调两个网页在制作中的区别是前者运用表格进行合理布局，可见布局在网页制作中的 提出本次课的任二、导入新课 看图观察对比2张网页效果图 图1 图2 【观看效果图】 观看老师展示的 张页面效果图。 【学生感受】 学 网 重要作用。 学 学习任务。</p><p>首页效果图 请同学们观察首页的布局，分析 结构，得出首页表 向学生展示首页三、进入新课 1、任务分析 2、任务实施 （一）、插入布局页面的表格并在表格、单元 格属性面板中设置表格 【操作步骤】 步骤1：单击菜单栏[插入记录]/[表格]，设 【学生讨论】 在教师的引导下， 分析、 布局规律。</p><p>请学生到教师机上演示表格四的 巡回检查学生制作，并针对制作过程出现问题进 引导学生建立调整表格结构的思 软 教师巡回检查学生制作，并针对制作过程出现问 指置：1*1，边框、边距、间距：0； 步骤2：单击状态栏[table]标签，设置表格 对齐方式为“居中”； 步骤3：单击状态栏[td]标签，设置单元格高； 步骤4：表格2、3、4的创建方法同上。 【提出问题】 如果表格属性填充、间距、边框不设为0是 什么效果？ 练习一：带着问题完成表格插入及属性设置 操作。 【总结】如果没有指明单元格边距和单元格 间距，大多数浏览器按单元格边距为1、单元 格间距为2来显示表格。 （二）调整表格结构 1、合并、拆分表格 【操作步骤】 步骤1：光标定位于表格2中，单击单元格属 性面板“拆分”按钮，将单元格差分成10列； 步骤2：按住ctrl键选择不连续单元格，设 置奇数单元格为80px,偶数单元格为20px; 2、表格嵌套 【操作步骤】 光标定位于表格3第二例，插入一个2*3，宽 度80%的表格。 【提出问题】 如何使嵌套的表格置于单元格的最顶端并居 中？ 练习二：完成表格的结构调整操作。 【总结】表格中的第二种对齐 单元格中的对象相对该单元格的对齐方式， 在[属性]面板中展开[水平对齐]/[垂直对齐]下 拉列表，选择相应的水平方向和垂直方向的 学生到前面操作， 及 在的普遍问题。 【学生操作】 带 成 设置操作。 总结表格的填充、 间距、 义。 学 整 法， 习操作方法， WORD 进行对比。 【学生操作】 带 成</p><h2>网页制作课程知识点归纳</h2><p>《网页制作》复习题） 第1章网页制作概况网页的概念 网页是用HTML（超文本编辑语言）语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。 网页HTML文件与web浏览器间的关系理参照P5 首页和主页的异同点 首页与主页的区别:浏览网站时最先访问的页为首页，一般为欢迎信息，通过链接再进入主页（例如：榕树下网站）。主页是整个网站的导航中心（例如：163网站）。有些网站首页即主页。 网页制作的常用工具软件有哪些 FrontPage、网页制作三剑客（Dreamweaver与Flash、Fireworks并称为Macromedia的网页制作三剑客）、Photoshop …… 网页正文区<BODY></BODY>和文件头<HEAD></HEAD>的位置关系，文件头内的唯一一个必须出现的标记是哪一个标记？Title标记HTML文件的基本框架：<HTML>文件开始<HEAD>表头区开始<TITLE>….</TITLE>标题区</HEAD>表头结束 <BODY>本文区开始（注：书上写本文区，本人认为应是文本区，待确认）本文区内容（注：书上写本文区，本人认为应是文本区，待确认）</BODY>本文区结束（注：书上写本文区，本人认为应是文本区，待确认） </HEML>文件结束 单标记和双标记的概念，HTML标记中哪些是单标记，哪些是双标记？P5起 单标记指令（由<标记指令>构成），如：、<Hn>、<Br>、<Hr>、<input>、<link>……双标记指令（由<起始标记></结束标记>构成），如：< HEAD > </ HEAD >…… 注释语句的含义，其正确书写格式 HTML标记的常用属性的含义，例如大小尺寸、对齐方式、颜色值属性的书写方式在HTML 文件中实现换段和强制换行的不同，及分别使用哪个标记段落标记（<P></P>）与换行标记（<br>） <P>是HTML格式中特有的段落元素。在原始文件中的<P>，指出在这儿告一段落，下面的文字另起一段。 另外一个类似的标记元素是<br>。<br>这个标记用来标识一个换行动作，相当于字处理文件中的按回车键的功能。在HTML文件中可以用它来调整行间距。在处理类似诗歌式的语句时常常用到。语法格式： <P align=“left/center/right”>文本文本<br> HTML中的常用标记的对应名称 插入多媒体对象的HTML语句的正确格式P13-15 参考1.2.5图像与多媒体标记（个人认为）无序列表的相关知识P9 参考1.2.3列表显示1.无序列表（UI）有序列表的相关知识P9-P10 参考1.2.3列表显示2.有序列表（OI）表格标记的相关知识P11-P13 参考1.2.4表格标记超链接语句的相关知识P15 参考1.2.6超链接标记 第2章DW网页制作基础 如果想更改工作区，可以使用“编辑”菜单中的什么命令切换到一种不同的工作区？ 首选参数（P22） Dreamweaver站点的概念和特点（P29起）</p><h2>网页制作基础教程</h2><p>网页制作基础教程 一、什么是HTML HTML（超文本标记语言）是网页中使用的语言，他能被网页浏览器（IE或Netscape）解释，从而显示出丰富多彩的信息（图片、文字、声音、影象、动画等）。 制作网页前首先要弄懂什么是HTML。 在IE中点击"查看"→"源文档"，就能看到该网页的HTML代码。下面是个网页文档（model.htm）的HTML代码： <html> <head> <title>这里是标题</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"> <h1><font color="#FF0000">第一段文字。</font></h1> <h2><font color="#000099">第二段文字。</font></h2> </body> </html> 【操作】请在记事本中输入以上代码，命名为test1.htm，存于D盘，然后双击打开看看。 标记一般是成对出现的，#FFFFFF表示使用的颜色是白色。 <html>...</html></p><p><head>...</head> <title>...</title>之间是该网页的标题 charset=gb2312表示语言字符集信息是中文简体，如big5则是中文繁体。 <body>...</body>之间是网页的正文内容 <body bgcolor="#FFFFFF" text="#000000">表示网页的背景色是白色，默认的文字颜色是白色。 <h1>...</h1>之间是h1号标题字 <h2>...</h2>之间是h2号标题字 <font color="#FF0000">...</font>之间的文字为红色 HTML是一套国际标准，其标记有几百种，您并无需全部了解他们，只要记住其中常用的十几种，就能够做出很漂亮的网页来。 常用的标记举例：</p><h2>信息技术题库——网页制作(50题)</h2><p>初中信息技术过关考试题库（“网页制作”部分） 1、在制作网页时，通常用( D )进行页面布局。 A．表单B．图片C．文字D．表格 2、下列各选项中，专门用来制作网页的软件是( C ) A．EXCEL B．Flash MX 2004 C．Microsoft FrontPage D．WORD 3、在网页中，（）可以建立超链接。D A、文字 B、图片 C、动画 D、以上都可以 4、FrontPage 的主要功能是（ C ）。 A. 文字处理 B. 表格处理 C. 网页制作 D. 网络通讯 5、网页背景音乐的格式中，可包括（ B ） A..bmp B..mp3. C. .txt D..doc 6、在frontpage2000中，使页面出现水平滚动字幕，可使用（ A ） A. 滚动字幕 B.计数器 C.悬停按钮 D.图片 7、网页中可供我们进行选择浏览的叫（ D ） A. 文字 B.图片 C.声音 D.超链接 8、在网页中最为常用的两种图像格式是（ A ）。 A、JPEG和GIF B、GIF和BMP C、JPEG和PSD D、BMP和PSD 9、网页中可以插入（ D ） A．图片B．声音C．动画D．以上都可以 10、在网页制作过程中，给页面取名字，后缀名为（B ） A、.doc B、.htm C、.hmt D、.txt 11、文字建立链接后，通常在文件下方会产生（ B ） A．波浪线B．下划线C．圆圈D．以上都不正确 12、在网页制作中，对网站内部而言，超级链接的作用是（ D） A、把各个网页连起来 B、可以把相关的图片链起来 C、可以使访问页面更快捷 D、以上都是 13、在网页制作中，关于超级链接说法不正确的是（B ） A、可以链网页 B、不可以链邮件地址 C、可以链下载文件 D、可以链音乐文件 14、frontpage是一个制作（ c ）的软件 A 图 B 动画 C 网页 D 文字 15、在网页中观察超链接存在与否，最直接的方法是（a）。 A.观察文字是否有下划线 B.观察图片是否加框 C.将指针指向文字或图片，观察指针是否变成手形 D.观察文字的颜色 16、在FrontPage 2000中，我们想在浏览器中的不同区域同时显示几个网页，可使用下列（b ）方法。 A.表格 B.框架 C.表单 D.单元格 17、在FrontPage2000中，要建立同一个网页内的链接点，让你点选某一链接后，迅速跳到同一网页内的另一个特定位置，应采用（c ）链接。 A.单元格 B.表单 C.书签 D.表格 18、使用浏览器访问网站时，第一个被访问的网页称为（D ）。 A.网页 B.网站 C.HTML语言 D.主页</p><h2>怎样制作网页制作网页详细操作步骤</h2><p>怎样制作网页制作网页详细操作步骤 怎样制作网页制作网页详细操作步骤 制作网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来 比较轻松，功能不咋地，我不太喜欢。 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可 以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具，例如写字本、EditPlus等， 这些工具主要编辑asp等动态网页。 大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。 总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了! 网站设计八步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一 行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为 什么呢?常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢 大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵 循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站</p><p>那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的 特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要 是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围 内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸 引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站 就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可 以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为 自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座 漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只 有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有 吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制 作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民 选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等;动画制作工具，如Flash、Cool3d、GifAnimator等;还有网页特效 工具，如有声有色等，网上有许多这方面的软件，你可以根据需要 灵活运用。</p><h2>制作表单网页</h2><p>制作表单网页说课稿 尊敬的各位评委、专家： 大家好！今天我说课的内容是《制作表单网页》。 一、说教材 网页设计是我校计算机应用技术专业的一门选修课，使用教材是航空工业出版社的《网页设计案例教程》。今天我说课的内容是第7章表单在网页中的应用，讲述了表单元素在网页中的操作与应用。 表单用来收集用户信息，使网页具有交互功能，因此广泛使用。由于表单元素比较多，用法各不相同，有一定难度。因此，我把课本的知识进行了分解与重组，由易到难，设计成三个任务，各有侧重点。 二、说教学重点与难点 教学重点：1.创建表单。 2.掌握各表单元素 教学难点：熟练应用各表单元素 关键点：表单元素属性的设置 三、说教学目标 (一)知识目标 掌握表单的基本构成要素，了解表单设计及制作流程，理解、掌握并熟练运用表单各知识点。</p><p>(二)技能目标 1.根据场合灵活制作表单。 2.培养学生使用Dreamweaver 软件的综合能力，提高应用水平。 (三)情感目标 1. 培养学生的自主学习能力、自我探究能力； 2. 增强学生的审美意识、组织能力和团结协作的精神； 四、说学情 我所教授的对象是大专二年级计算机专业的学生。他们学习能力参差不齐，学习不主动。但他们具备了一定的分析能力和探究意识，同时会带着问题投入到课程学习当中，具有强烈的好奇心和求知欲。 五、说教法 根据对教材、学生情况、教学目标的认真分析，我确定使用以案例教学法、小组合作法、任务驱动法为主并辅以演示、辅导等其他教学方法。 1．任务驱动下的案例教学法：从生活中常见的表单网页例子，比如常用的淘宝注册页面，游戏注册界面等，引入本节课的学习，吸引学生的好奇心。 2．演示法：通过多媒体演示关键的知识点和关键步骤，或使用课件演示。这种方法比较直观，还可活跃课堂气氛。激起学生学习兴趣，</p><h2>网页制作技术形成性考核作业</h2><p>网页制作技术形成性考核作业 成绩： 一、填空题 1．Dreamweaver MX有____两__种工作界面。 2．在站点中建立新的网页文件，其默认的文件扩展名为__htm______。 3．打开站点面板时，可执行____窗口______菜单中的“站点”命令。 4．如果不想在段落间留有空行，可以按_shift+Enter_________组合键。 5．为了让浏览者快速了解图像的概况，在Dreamweaver MX提供了设置__________的功能。6．单元格内间距是指单元格内的对象与单元格___边框_______之间的距离。 7．单元格间距是指单元格与___单元格_______之间的距离。 8．为了使所设计的表格在浏览网页时，不显示表格的边框，应把表格的边框宽度设为_____0__。 9．在表格的___单元格_______中可以插入另一个表格，这称为表格的嵌套。 10．表格的嵌套是指在一个表格中插入另一个表格，表格的平铺是指将不同的表格放置在网页的______同一行中______。 11．为了加快下载速度，尽量_不要将______整个网页的内容放在一个大的表格中。12．在_____布局____视图中，可以使用拖动鼠标的方法在页面中绘制布局单元格。13．在_________视图中，可以使用拖动鼠标的方法移动单元格的位置。 14．在Dreamweaver MX中，可以插入文本框的类型有单行文本框、多行文本框和__________。 15．在网页种插入文本框、单选框、多选框或跳转菜单时，要先插入空白的___表单域______。16．在表单中可以插入的按钮包括提交按钮、重置按钮和___________。 17．在包含框架的页面中，每个框架都显示一个________。 18．保存包含框架的页面时，如果页面中包含四个框架，要保存全部页面信息，共需要保存______个文件。每个文件的扩展名都为htm。 19．在保存框架文件时，框架的文件名必须以字母开头且________大小写。 20．浏览器在第一次装载文框架网页时，如果需要指定该框架所显示的网页文件，则要设置该框架的______________属性。 21．如果链接的目标文件在本地站点中，可以使用绝对URL或相对URL，如果要链接站点</p><h2>教你制作静态网页的方法</h2><p>教您制作静态网页的方法 一、网页设计基础 1、熟悉Dreamweaver 8的工作环境 2、创建新站点 创建本地站点:站点----管理站点----新建----站点(前三步也可直接从“新建站点”进入下面的设置向导对话框)----跟随向导设置直至完成 3、网页文件的基本操作 a、创建、打开与保存网页文件 创建:文件----新建----创建 打开:文件---打开----选择欲打开的文件 或者在右边的文件浮动面版中选择打开 保存:文件---保存或另存为 b、设置网页的页面属性 修改---页面属性---然后设置(标题、背景、背景图像、文本等) c、设置网页对象的颜色 网页对象,如页面背景、文字、链接都经常需要设置颜色。 可在各自对应的属性面版中设置。 d、网页文本的输入与属性设置 文本可键入、导入、粘帖 文字可设置字体、大小、颜色、格式等。 键入空格的方法:1、汉字输入法设置为全角方式,按空格键即可输入。2、属性面版格式中:预先格式化的 换行:ENTER、SHIFT+ENTER 实例练习: 1、输入以下文字 书签夹在诗集里, 落叶夹在深秋里。 喜悦夹在生活里, 追求夹在人生里。 2、第一次设置格式为“无”,字体为“华文行楷”,字体颜色为“红色”,字号为“5号”,添加项目符号。然后保存、预览。 3、第二次设置格式为“标题一”,字体为“楷体”,字体颜色为“蓝色”,字号为“5号”,添加项目符号,对齐方式为“居中”。然后保存、预览。 比较两次设置的效果。 e、网页图片的插入与属性设置 插入图片,在对话框中选择图片。(最好在建立站点时将欲用的图片素材复制到本地站点目录中) 插入图像占位符,在图片准备好后再加入图片。加入方法:1、双击图像占位符;2、点“属性面版”中的“指向文件”,拖到右边文件中要插入的文件处。</p><h2>网页制作动态流程简介</h2><p>实训13 FrontPage网页制作 1．实训目的 掌握FrontPage网页制作的基本方法。 掌握设置网页超链接、滚动字幕、悬停按钮等操作方法。 掌握网页浏览的方法。 2．实训内容 FrontPage的启动与关闭。 制作简单的网页。 对制作的网页进行编辑和修饰，效果如图11-34所示。 图11-34 效果图 3。实训步骤 （1）创建网页 启动FrontPage应用程序，单击“文件”下拉菜单中“新建”命令，弹出“新建”任务窗格，选择“新建网站”选项区的“由一个网页组成的网站…”，弹出“网站模板”对话框，选择“常规”选项卡中的“只有一个网页的网站”模板，如图11-35所示。 单击“确定”。</p><p>图11-35 “网站模板”对话框 （2）保存网页 单击“文件”菜单中的“另存为”命令，打开“另存为”对话框。 选择保存位置“我的文档\我的个人网站”，在“文件名”文本框中，输入“index”，在“保存类型”下拉列表框中，选择“网页”选项。单击“更改标题”按钮，将网页标题改为“我的个人主页”，单击“保存”按钮。 （3）插入滚动字幕 将光标定位于网页第一行位置。 单击“插入”菜单下的“Web组件”命令，弹出“插入Web组件”对话框，选择“动态效果”中的“字幕”，单击完成。 弹出“字幕属性”对话框，在“文本”框中输入“欢迎光临我的个人网站”，单击“样式”按钮，弹出“修改样式”对话框，再单击“格式”按钮，选择“字体”选项。 弹出“字体”对话框，设置字体为隶书、加粗、36pt、紫红色，然后按“确定”返回。 单击“预览”视图，可观看字幕效果。 （4）插入水平线 回到“设计”视图后，换行将鼠标指针置于第二行位置。 单击“插入”菜单下的“水平线”命令。 双击水平线，打开“水平线属性”对话框。 设置宽度为100%，高度为5像素，水平居中对齐方式，颜色为紫色。 （5）插入表格 将鼠标指针置于水平线的下一行，单击“表格”菜单中的“插入”“表格”命令，弹出“插入表格对话框。 在“大小”选项组中，设置表格的行数为4，列数为3。 在“布局”选项组中，设置表格的对齐方式为“居中”，边框粗细为1，单元格间距为1，指定宽度为650像素，指定高度为500像素。 单击“确定”按钮，一个表格便插入了网页中。 选中表格第一列，单击右键，弹出一快捷菜单，选择“合并单元格”命令。 在合并后的单元格中单击右键，再弹出的“快捷菜单”中选择“单元格属性”，在弹出的“单元格属性”对话框中作如下设置：对齐方式为居中，指定宽度为100像素，指定高度为550像素，行跨距为4，列跨距为1，背景颜色为粉色。</p><h2>用表格做网页</h2><p>用表格做网页，表格在网页制作中有着举足轻重的地位，很多网站的页面都是以表格为框架制作的，这是因为表格在内容的组织、页面中文本和图形的位置控制方面都有很强的功能，灵活、熟练地使用表格，会使你在网页制作中如虎添翼。 插入第一个表格 我们看一下这个网页，虽然看起来很复杂，但主要是利用表格制作的。去掉文字和图形，可以看到其表格框架为下面这个样子。 下面我们就利用表格制作这个网页。启动Dreamweaver后，自动产生一个空文档。我们先来定义网页尺寸，不同的分辨率所查看的网页最终结果是不一样的，为了照顾更多的上网者，我们设置640×480分辨率（图3），单击状态栏上的窗口尺寸箭头，在弹出的列表中选择“600×300 （640×480），Maximized”，窗口就小了，做出的网页在640×480分辨率下会显示正常，编辑区大小为600×300，我们编辑的网页宽度就定为600，高度可以大些，在浏览器中显示时会有竖直滚动条。设置页面尺寸我们看一下网页的布局，共有三个主要表格，最上面的表格放置logo图标和banner广告条，中间的表格为主要栏目切换条，最下面的表格为网页正文。根据网页布局，我们先来制作最上面的表格。单击“对象面板”中的插入表格图标，弹出“Insert Table”对话框。设置行数（Rows）为1，列数（Columns）为2，表格宽度（Width）为590Pixels，表格线宽度（Border）为0，另两个选项“Cell Padding”表示表格内文本与表格线的距离，“Cell Spacing”表示表格单元格之间的距离，这里我们不做设置，单击“OK”，表格就插进来了。 “插入表格”对话框 将光标定位在表格的第一个单元格内，可以看到状态栏左侧的标签选择器处显示为 “{body}{table}{tr}{td}”，其中table表示表格，tr表示表格中的行，td表示单元格，现在td被加粗显示，说明光标处在单元格内。单击一下{table}，标签选择器处显示为“{body}{table}{tr}{td}”（图5），再看编辑区内的表格，表格周围为一圈黑线，表示表格被选中了，四周还有几个黑色的小方块，是表格拖放手柄，可以用来改变表格的大小。用标签选择器选择表格选中表格后，我们查看一下属性面板，可以看到刚刚设置的一些表格属性，行数（Rows）为1，列数（Cols）为2，表格宽度（W）为590Pixels。以后要改变表格的属性，就可以在属性面板中进行了。 表格的属性面板 按Ctrl+S，将此文件保存在D盘myweb文件夹下。 接下来我们在表格中插入图形。在第一个单元格内单击，然后按下Ctrl+Alt+I键，弹出插入图片对话框，选择事先做好的logo图片，单击“Select”，图片就插到第一个单元格中了。</p><h2>网页制作步骤</h2><p>网页制作步骤 一、确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。二搜集材料明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。三、规划网站一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。五、制作网页材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。六、上传测试页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP 功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。七、推广宣传网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。八、维护更新网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 在做我的个人网页这段时间里，我学到了好多东西，对网页有了一定的了解，当初上网，打开网页浏览时，从不去想这网页是怎么做的，我只是去看它的内容，网页做的好不好很少去问，只要有自己要的内容就行了。然而现在不一样了，现在自己要去学着做自己的网页了，这时候我才意识到，去看别人做的网页，不能光看内容了，它的布局，它的设计，对我的网页是有帮助的，我一定要去看，学习别人的特长。从此，不管上什么样的网站，看什么样的网页，我都不光去看它们的内容了，我还会去看它们的布局，看它们的代码，有的布局如此巧妙让我难以想像，这里面蕴涵了太多太多的技巧。好的网页我都迫不及待的把它们下载下来，以便日后为我所用。 制作过程中，有时碰到一个自己不怎么会的技巧，真的很着急，热锅上的蚂蚁一样，但蚂蚁</p><h2>网页表单设计实例技巧五则</h2><p>1、表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到<textarea> 中，一切就会变得简单多了，如：以下为引用的内容： <textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">请填入你的姓名</textarea> 类似的，可以加入代码到<input>。 2、表单输入单元点击删除：本列同上则作用类似，只是使用鼠标上略有变化，需要点击而不像上则的只要鼠标覆盖。如： 以下为引用的内容： <input type=text name="address" size=19 value="请填入你的邮箱"onFocus="this.value=''"> 点击输入单元后，提示信息会删除，是不是很方便。 3、表单输入单元的边框设置：更改传统的表单单元边框，会让你的主页生色不少。如： 以下为引用的内容： <input type=radio name=action value=subscribe checked style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER-TOP: dashed 1px;background-color: #FEF5C8"> 其中"style=***"为左右上下和背景色设置，适用于其它单元。 4、表单输入单元的文字设置：表单中单元的字体是可以修改的，如： 以下为引用的内容： <input type=text name="address" size=19 value="请填入你的姓名" style=font-family:"verdana";font-size:10px > 其中"style=***"为字体和字大小设置。 5、修改表单属性为弹出窗口：大多数表单激活后，会在当前页面中打开，影响正常浏览。不如修改一下，如： 以下为引用的内容： <form method=POST action=url target=_blank> 其中"target=_blank"为控制在弹出窗口打开。</p><h2>制作网页的步骤</h2><p>■制作个人网页的步骤 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。 二、开始制作 你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选EditPage,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself 的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选createlink，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。 在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html 格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~ 三、将你制作好的安放在网上 要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了！ 需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了。 怎样申请个人主页？到哪申请？ https://www.360docs.net/doc/094314695.html,里面慢慢挑一个个人网页! 网页制作网址大全 https://www.360docs.net/doc/094314695.html,/page/060.htm 网站设计八步骤 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。</p></div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="12389853"><a href="/topic/12389853/" target="_blank">网页制作插入表单</a></li> <li id="2337132"><a href="/topic/2337132/" target="_blank">网页制作中的表单技术</a></li> <li id="17281903"><a href="/topic/17281903/" target="_blank">dw网页制作基础</a></li> <li id="11477841"><a href="/topic/11477841/" target="_blank">表单网页制作</a></li> <li id="7579059"><a href="/topic/7579059/" target="_blank">网页制作操作步骤</a></li> <li id="14616518"><a href="/topic/14616518/" target="_blank">用表格做网页</a></li> </ul> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/372167876.html" target="_blank">《网页设计与制作》第三章：插入网页基本元素[1]</a></li> <li><a href="/doc/8217660169.html" target="_blank">Dreamweaver网页设计制作表单页面.ppt</a></li> <li><a href="/doc/b714312774.html" target="_blank">网页设计与制作第三章插入网页基本元素</a></li> <li><a href="/doc/fe7823058.html" target="_blank">制作交互功能的网页—表单网页的制作</a></li> <li><a href="/doc/036734437.html" target="_blank">网页设计与制作插入网页基本元素</a></li> <li><a href="/doc/6613555756.html" target="_blank">制作网页表单</a></li> <li><a href="/doc/ae10133598.html" target="_blank">Dreamweaver CS5网页制作基础教程第12章 旅游网站表单网页制作</a></li> <li><a href="/doc/c711777338.html" target="_blank">网页设计表单</a></li> <li><a href="/doc/fd18066099.html" target="_blank">网页制作插入表单</a></li> <li><a href="/doc/242424875.html" target="_blank">信息技术题库——网页制作(50题)</a></li> <li><a href="/doc/869350388.html" target="_blank">《使用Dreamweaver制作网页》之表单的使用</a></li> <li><a href="/doc/a615403131.html" target="_blank">网页设计与制作项目11表单</a></li> <li><a href="/doc/f85418828.html" target="_blank">网页设计与制作第11章 网页表单的应用</a></li> <li><a href="/doc/5316995.html" target="_blank">网页制作中的表单技术</a></li> <li><a href="/doc/9117032529.html" target="_blank">网页设计与制作项目13 表单──制作注册网页</a></li> <li><a href="/doc/c24983909.html" target="_blank">制作表单网页 教案</a></li> <li><a href="/doc/f715532995.html" target="_blank">《网页设计与制作》第三章：插入网页基本元素</a></li> <li><a href="/doc/146391878.html" target="_blank">网页设计之如何插入表格</a></li> <li><a href="/doc/8733352.html" target="_blank">网页设计——交互式表单的制作</a></li> <li><a href="/doc/a812723943.html" target="_blank">网页设计与制作(Dreamweaver)《插入网页基本要素之表单》</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/0f19509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0119509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9b19184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d819211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a419240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9d19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8a19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8519195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7119336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6619035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4a19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2619396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2b19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1419338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ed19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bd19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "0381bf96daef5ef7ba0d3c7d"; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a>  ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>