表格框架表单课件

《表格框架表单课件》由会员分享，可在线阅读，更多相关《表格框架表单课件（92页珍藏版）》请在金锄头文库上搜索。

1、页面布局和数据提交页面布局和数据提交表格框架表单本节课程目标表格表格使用表格的基本结构实现简单表格使用表格相关标签实现跨行、跨列的复杂表格使用表格相关设置进行美化修饰框架框架会使用框架结构实现多窗口展示页面表单表单使用表单的基本结构制作表单页面使用各种表单元素实现注册页面理解post和get两种提交方式的区别Dreamweaver工具的使用工具的使用表格框架表单本节考核目标使用表格进行布局制作包含表单控件的网页会使用框架结构实现多窗口展示页面会使用表单的基本结构制作表单页面表格框架表单布局标记布局标记-表格表格会使用表格的基本结构实现简单表格会使用表格相关标签实现跨行、跨列的复杂表格会使用表格

2、相关设置进行美化修饰表格框架表单为什么使用表格为什么使用表格表格应用场合表格应用场合论坛论坛门户网站门户网站购物网站购物网站论坛中应用论坛中应用表格表格门户网站应门户网站应用表格用表格购物网站购物网站应用表格应用表格表格框架表单HTML表格行行列列表头表头/列标题列标题 在在HTML文档中使用表格来存放网页上的文本和图像文档中使用表格来存放网页上的文本和图像, ,控制网页布局。控制网页布局。单元格单元格边框边框表格框架表单HTML表格 属属 性性含含 义义width/ height表格的宽度/高度border/ bordercolor表格的边距/边距颜色align表格的对齐方式bgcolor/

3、background表格的背景颜色/背景图片colspan/rowspan跨多列合并/跨多行合并cellspacing/cellpadding单元格间距/单元格边距表格常用的属性表格常用的属性表格框架表单表格的基本语法 单元格内容单元格内容 .定义表格定义表格 定义单元格定义单元格 定义行定义行 border用来设置表用来设置表格边框尺寸大小格边框尺寸大小表格框架表单如何创建表格 移动移动 联通联通 铁通铁通 IBM 惠普惠普 华硕华硕 查看源代码查看源代码表格框架表单什么是跨行跨列的表格什么是跨行跨列的表格跨跨3列列跨跨3行行下图中的表格哪里用了跨行？哪里用了跨列？下图中的表格哪里用了跨行？

4、哪里用了跨列？跨了几行几列跨了几行几列? ?表格框架表单跨多列的表格 学生成绩表学生成绩表 英语英语 数学数学 语文语文 95 98 89 COLSPAN=“n” 属性表示跨多少列？属性表示跨多少列？查看源代码查看源代码表格框架表单跨多行的表格 早上菜谱早上菜谱 食物食物 鸡蛋鸡蛋 饮料饮料 牛奶牛奶 甜点甜点 开心粉开心粉 rowspan =“n” 属性表示跨多少行？属性表示跨多少行？查看源代码查看源代码表格框架表单 手机充值、手机充值、IP卡卡 办公设备、文具办公设备、文具 各种卡的总汇各种卡的总汇 铅笔铅笔 彩笔彩笔 打印打印 刻录刻录 如何创建跨行跨列的表格查看源代码查看源代码表格框架

5、表单表 格 示 例表格框架表单小结1编写如下图所示效果对应的html代码第一行第一个第一行第一个格子跨了格子跨了2行行此格子此格子跨了跨了3列列练习答案练习答案练习代码练习代码表格框架表单什么是表格的美化修饰什么是表格的美化修饰背景图片背景图片背景色背景色表格的高度表格的高度表格的宽度表格的宽度文字对文字对齐方式齐方式根据理解根据理解,下面表格应该从哪些方面进行美化修饰？下面表格应该从哪些方面进行美化修饰？表格框架表单如何设置表格的尺寸和边框如何设置表格的尺寸和边框 品牌商城品牌商城 笔记本电脑笔记本电脑 办公设备、文具、耗材办公设备、文具、耗材 惠普惠普 华硕华硕 打印机打印机 刻录盘刻录盘

6、 width用来设置表格的宽度用来设置表格的宽度height用来设置表格的高度用来设置表格的高度border用来设置表用来设置表格边框尺寸大小格边框尺寸大小bordercolor用来设用来设置表格边框颜色置表格边框颜色查看源代码查看源代码表格框架表单如何设置背景   笔记本电脑笔记本电脑 办公设备、文具、耗材办公设备、文具、耗材 background属性用来设置表格的背景图片属性用来设置表格的背景图片bgcolor属性用来设置表格、行、列属性用来设置表格、行、列的背景色。的背景色。“#EBEFFF”是用是用RGB表表示的一种颜色值，示的一种颜色值，RGB指的是红绿指的是红绿蓝蓝 ，下

7、图就是，下图就是RGB颜色对照表颜色对照表 。查看源代码查看源代码表格框架表单如何设置对其方式   笔记本电脑笔记本电脑 办公设备、文具、耗材办公设备、文具、耗材 惠普惠普 华硕华硕 打印机打印机 刻录盘刻录盘 align属性用来设置表属性用来设置表格、行、列的对齐方式格、行、列的对齐方式查看源代码查看源代码表格框架表单为什么要使用填充属性为什么要使用填充属性单元格里的内容太靠近边线，怎么办？未填充的效果，字与单元格边未填充的效果，字与单元格边框之间的距离靠得太近框之间的距离靠得太近表格框架表单什么是填充属性和间距属性什么是填充属性和间距属性border(边框的厚度边框的厚度) 内容

8、内容内容内容内容内容内容内容cellpadding(单元格填充单元格填充)cellspacing(单元格间距单元格间距)表格框架表单如何使用填充、间距属性如何使用填充、间距属性border(边框的厚度边框的厚度) cellpadding(单元格填充单元格填充)cellspacing(单元格间距单元格间距)查看源代码查看源代码表格框架表单如何设置表格的填充属性如何设置表格的填充属性   笔记本电脑笔记本电脑 办公设备、文具、耗材办公设备、文具、耗材 .cellspacing属性用来设属性用来设置表格置表格内框宽度内框宽度 cellpadding属性用来属性用来设置表格内填充距离设置表格

9、内填充距离查看源代码查看源代码填充之后填充之后的效果的效果表格框架表单小结2表格的高度、宽表格的高度、宽度、背景图像、度、背景图像、边框和填充属性边框和填充属性行的背景色行的背景色单元格居单元格居中对齐中对齐练习答案练习答案练习代码练习代码编写如下图所示效果对应的HTML代码表格框架表单如何实现图文内如何实现图文内容的布局，达到容的布局，达到如左图所示页面如左图所示页面的效果？的效果？分析上图所示页分析上图所示页面，应该用什么面，应该用什么进行布局？进行布局？ 什么是表格布局使用使用表格表格进行布局进行布局用表格对网页的内用表格对网页的内容进行整体控制容进行整体控制表格框架表单如何使用表格进行

10、布局如何使用表格进行布局使用表格布局下图，需要几行几列？使用表格布局下图，需要几行几列？需要需要7行行2列列 表格框架表单如何使用表格进行布局如何使用表格进行布局 超值变形金钢超值变形金钢2.5折折! 人们为啥对电视吼叫人们为啥对电视吼叫 查看源代码查看源代码表格框架表单编写如下图所示效果对应的html代码小结小结3 3跨跨2行行，并放了，并放了一副图片一副图片此单元格放此单元格放了一副图片了一副图片此单元格此单元格跨了跨了3列列练习答案练习答案练习代码练习代码表格框架表单框架广告栏顶部框架广告栏顶部框架(top.htm)导航栏左导航栏左侧框架侧框架(left.htm)详细内容页详细内容页面右

11、侧框架面右侧框架(main.htm)框架的框架的边框边框框架集页面框架集页面(FrameSet.htm)表格框架表单框架使用场合页面的一个固定部分页面的一个固定部分显示徽标或静态信息显示徽标或静态信息在另一个在另一个固定部分固定部分显示导航显示导航部分详细部分详细内容内容在此处显示详细内容，在此处显示详细内容，页面中此部分页面中此部分是变化的是变化的。表格框架表单HTML框架Frameset决定如何划分Frame。cols属性表示按列分布Frame。rows属性表示按行分布Frame。Frame用 这个Tag设定网页。src属性值就是网页的路径和文件名。表格框架表单 框架的基本结构框架页面的基

12、本语法框架页面的基本语法边框尺边框尺寸大小寸大小将窗口分割成左中将窗口分割成左中右右3个部分个部分,可选可选将窗口分割成上将窗口分割成上下下2个部分个部分,可选可选第一个窗口要第一个窗口要显示的网页显示的网页表格框架表单框架的基本结构rows_cols框架框架 将窗口分割成将窗口分割成上中下上中下3部分部分窗口边框窗口边框的宽度的宽度如果要在浏览器中创建左中如果要在浏览器中创建左中右三个窗口右三个窗口,该如何实现？该如何实现？查看源代码查看源代码每个窗口对应一个页面，以及一个框架集每个窗口对应一个页面，以及一个框架集页面，总共需要几个页面，总共需要几个HTML页面文件？页面文件？表格框架表单如

13、何创建多个复杂的窗口 要实现如下图所示的窗口，该如何制作？要实现如下图所示的窗口，该如何制作？1、分成上下两个窗口、分成上下两个窗口2、把下面的窗口分成、把下面的窗口分成 左右两个窗口左右两个窗口top窗口窗口left窗口窗口right窗口窗口表格框架表单如何创建多个复杂的窗口 创建多个复杂的窗口实现步骤如下：1、创建一个HTML页面“top.html”2、创建一个HTML页面“left.html”3、创建一个HTML页面“right.html”top.html效果图效果图left.html效果图效果图right.html效果效果表格框架表单如何创建多个复杂的窗口4、新建多框架HTML页面“F

14、rame_Sets.html”. 查看源代码查看源代码设置无框设置无框架边框架边框不显示不显示滚动条滚动条禁止调整禁止调整框架大小框架大小框架名称，便于超框架名称，便于超文本链接锚标签文本链接锚标签target属性所引用属性所引用表格框架表单如何设置窗口链接的显示位置 如如果果在在同同一一个个页页面面中中，要要实实现现在在一一个个框框架架窗窗口口中中的的超链接页面出现在另一个框架窗口中，如何实现？超链接页面出现在另一个框架窗口中，如何实现？演示示例演示示例2 2：不同框架之间超链接效果不同框架之间超链接效果使用使用target目标窗口属性目标窗口属性表格框架表单如何设置窗口链接的显示位置tar

15、get目标窗口属性name“显示的窗口名” target属性指定了所链接属性指定了所链接的文件出现在名称为的文件出现在名称为“窗口名窗口名”的框架窗口里。的框架窗口里。 target属性指定了所链接的属性指定了所链接的文件出现在名称为文件出现在名称为“rightframe”的框架窗口的框架窗口里里演示示例演示示例3：使用使用target=“窗口名窗口名”查看源代码查看源代码表格框架表单如何设置窗口链接的显示位置target目标窗口属性四个特殊的窗口 显示在新窗口 显示在本窗口 显示在父窗口 显示在整个浏览器窗口 新启一个窗口打开文新启一个窗口打开文件件 “right.html”演示示例演示示例

16、4 4：使用四个特殊的窗口使用四个特殊的窗口表格框架表单HTML框架示例表格框架表单小结小结4 4top.htmlleft.htmlright1.html或或right2.htmlframe_sets.html练习答案练习答案练习代码练习代码编写如下图所示效果对应的html代码表格框架表单总结总结创建表格最少需要那三个标签？创建表格最少需要那三个标签？简述表格的基本结构。简述表格的基本结构。跨行跨列的表格，主要在什么情况下使用？跨行跨列的表格，主要在什么情况下使用？给你一个表格，你会从哪些方面进行美化？给你一个表格，你会从哪些方面进行美化？框架使用场合框架使用场合如何创建多个复杂的窗口如何创建

17、多个复杂的窗口如何设置窗口链接的显示位置如何设置窗口链接的显示位置课后练习课后练习在页面上显示一表格，熟练运用标签（表格限制：3横4列，第一例跨3行）表格框架表单表格框架表单表单会使用表单的基本结构制作表单页面会使用各种表单元素实现注册页面能理解post和get两种提交方式的区别表格框架表单表单表单表单的典型应用表单的典型应用注册用户注册用户收集信息收集信息反馈信息反馈信息为网站提供搜索工具为网站提供搜索工具注册用户注册用户收集信息收集信息反馈信息反馈信息提供搜提供搜索工具索工具表格框架表单HTML表单表单允许客户端的用户以标准格式向服务器提交数据。表单的创建者为了收集所需数据，使用了各种控件

18、设计表单如 INPUT 或 SELECT。查看表单的用户只需填充数据并单击提交按钮即可向服务器发送数据，服务器上的脚本会处理这些数据。 输入你的姓名输入你的姓名: 喜爱的冰淇淋口味喜爱的冰淇淋口味: 巧克力巧克力 草莓草莓 香草香草 表格框架表单表单包含的控件单行文本输入单行文本输入框框(TEXT)单选按钮单选按钮(RADIO)复选框复选框(CHECKBOX)下拉列表下拉列表(SELECT)重置按钮重置按钮(RESET)提交按钮提交按钮(SUBMIT)多行文本框多行文本框(TEXTAREA)密码框密码框(PASSWORD)表格框架表单Form表单标记 属属 性性含含 义义action设置或获取

19、表单内容要发送处理的URL id获取标识对象的字符串 method设置或获取将表单数据发送到服务器方法：get / post name设置或获取对象的名称 style为该设置元素设置内嵌样式 表单常用的属性表单常用的属性Input标记标记qbuttonqcheckboxqfileqhiddenqimage qpasswordqradioqresetqsubmitqtext表格框架表单表单包含的控件单行文本输入单行文本输入框框(TEXT)单选按钮单选按钮(RADIO)复选框复选框(CHECKBOX)下拉列表下拉列表(SELECT)重置按钮重置按钮(RESET)提交按钮提交按钮(SUBMIT)多行

20、文本框多行文本框(TEXTAREA)密码框密码框(PASSWORD)表格框架表单表单元素的统一格式 指定元素的类型，可指定元素的类型，可为为TEXT、RADIO、SUBMIT等等控件的控件的名称名称控件的控件的初始值初始值控件的控件的初始初始宽度宽度控件中输入的控件中输入的最多字符个数最多字符个数控件是否控件是否被被选中选中表格框架表单Text文本框属属 性性含含 义义disabled设置或获取控件的状态id获取标识对象的字符串 maxLength 设置或获取用户可在文本控件中输入的最多字符数name设置或获取对象的名称 readOnly设置或获取表明对象内容是否为只读的值size设置或获取控

21、件的大小style为该设置元素设置内嵌样式 type获取或初始设置对象所代表的input控件类型value设置或获取控件对象的显示值，提交时将返回服务器文本框常用的属性文本框常用的属性表格框架表单表单元素的逐一介绍文本框基本语法名名  字：字： 查看源代码查看源代码单行文本输入框，单行文本输入框，字符宽度为字符宽度为20文本区的宽度文本区的宽度输入元素输入元素的默认值的默认值文本输入框文本输入框表格框架表单Button按钮属属 性性含含 义义disabled设置或获取控件的状态id获取标识对象的字符串 name设置或获取对象的名称 size设置或获取控件的大小style为该

22、设置元素设置内嵌样式 type获取或初始设置对象所代表的input控件类型value设置或获取控件对象的默认或选中值width设置或获取对象的计算宽度按钮常用的属性按钮常用的属性表格框架表单表单元素的逐一介绍按钮基本语法按钮基本语法按钮名称按钮名称按钮类型可为按钮类型可为button、submit按钮上的标签按钮上的标签 查看源代码查看源代码单击按钮，控件的值单击按钮，控件的值被重置为被重置为value属性属性中指定的初始值中指定的初始值表格框架表单Checkbox复选框属属 性性含含 义义checked设置或获取复选框的状态dataSrc设置或获取用于数据绑定的数据源disabled设置或获

23、取控件的状态id获取标识对象的字符串 name设置或获取对象的名称 size设置或获取控件的大小style为该设置元素设置内嵌样式 value设置或获取控件对象的默认或选中值width设置或获取对象的计算宽度复选框常用的属性复选框常用的属性表格框架表单表单元素的逐一介绍复选框基本语法复选框基本语法复选框复选框复选框名复选框名复选框值复选框值 聊天聊天   查看源代码查看源代码设置此复选设置此复选框被选中框被选中表格框架表单RadioButton单选框属属 性性含含 义义checked设置或获取单选钮的状态dataSrc设置或获取用于数据绑定的数据源disabled设置或获取

24、控件的状态id获取标识对象的字符串 name设置或获取对象的名称 size设置或获取控件的大小style为该设置元素设置内嵌样式 value设置或获取控件对象的默认或选中值width设置或获取对象的计算宽度单选框常用的属性单选框常用的属性表格框架表单表单元素的逐一介绍单选按钮基本语法单选按钮基本语法初始值初始值单选按钮单选按钮默认选中默认选中性别：性别： 男男  查看源代码查看源代码设置此单选设置此单选按钮被选中按钮被选中表格框架表单Select下拉列表属属 性性含含 义义dataSrc设置或获取用于数据绑定的数据源disabled设置或获取控件的状态id获取标识对象的字符串 nam

25、e设置或获取对象的名称 size设置或获取控件的大小style为该设置元素设置内嵌样式 value设置或获取控件对象的默认或选中值下拉列表常用的属性下拉列表常用的属性表格框架表单列表框基本语法列表框基本语法 说明：说明： size确定列表中可同时看到的行数。确定列表中可同时看到的行数。 selected默认被选中的可选项。默认被选中的可选项。表单元素的逐一介绍查看源代码查看源代码出生日期：出生日期：  年年 选择月份选择月份 一月一月 二月二月 月月  日日 设置此输入框最多设置此输入框最多只能输入四个符号只能输入四个符号设置设置“选择月份选择月份”选项默认被选中选项默认被

26、选中表格框架表单表单元素的逐一介绍密码框基本语法密码区宽度密码区宽度初始密码初始密码密码框密码框密密  码：码： 查看源代码查看源代码密码框，密码框，22个字符宽度个字符宽度表格框架表单表单元素的逐一介绍按钮基本语法按钮基本语法按钮名称按钮名称按钮类型可为按钮类型可为button、submit按钮上的标签按钮上的标签 查看源代码查看源代码单击按钮，控件的值单击按钮，控件的值被重置为被重置为value属性属性中指定的初始值中指定的初始值表格框架表单Hidden隐藏文本域隐藏域常用的属性隐藏域常用的属性属属 性性含含 义义id获取标识对象的字符串 name设置或获取对象的名称

27、size设置或获取控件的大小style为该设置元素设置内嵌样式 value设置或获取控件对象的默认或选中值表格框架表单Image图像域属属 性性含含 义义hspace设置获取对象水平边距id获取标识对象的字符串 name设置或获取对象的名称 size设置或获取控件的大小style为该设置元素设置内嵌样式 src设置获取要对象装入的URLvspace设置或获取对象的垂直边距图像域常用的属性图像域常用的属性表格框架表单File文件上传文件上传框常用的属性文件上传框常用的属性属属 性性含含 义义id获取标识对象的字符串 name设置或获取对象的名称 size设置或获取控件的大小style为该设置元素

28、设置内嵌样式 type获取或初始设置对象所代表的input控件类型 表格框架表单文本框用输入控件文本框用输入控件input元素写在元素写在之间。之间。说明：说明：?：文本框的名字：文本框的名字 ;*：text/password*：默认值：默认值;*：长度：长度基本结构基本结构，一组单选框每个，一组单选框每个单选框的单选框的name值一定要相同值一定要相同复选框复选框，type=checkbox表示使用复选框，表示使用复选框，checked表示被选择。表示被选择。 要成对出现。要成对出现。 rows是行，是行，cols是宽度，是宽度，放在放在之之间间下拉列表下拉列表select元素，元素，在，在

29、select中中填写填写option，包含若干个，包含若干个option, 每每个个option有一个唯一的有一个唯一的value值值表单标签表单标签中必须设置中必须设置enctype =multipart/form-data来确保文件被正确来确保文件被正确编码编码, 表单的传送方式必须设置成表单的传送方式必须设置成post。当需要当需要上传文件时，输入控件类型为上传文件时，输入控件类型为file。HTML表单表格框架表单小结1编写如左图所示效果对应的html代码在网页设计中，表单的主要用途有哪些？TEXTPASSWORDRADIOTEXTAREASUBMITRESETSELECTCHECKB

30、OX练习答案练习答案练习代码练习代码表格框架表单Dreamweaver工具的使用工具的使用了解Dreamweaver特性熟悉Dreamweaver工作去区熟练使用Dreamweaver建立网站站点 掌握Dreamweaver进行网页编辑表格框架表单网页设计的常用工具网页设计的常用工具网页设计软件 Dreamweaver是目前使用最多的网页设计软件。图像处理软件 制作网页图像的软件种类繁多，大多数网页设计人员选择的是Fireworks或Photoshop。动画制作软件 网页动画制作中最常用的软件非Flash莫属。表格框架表单Dreamweaver特性特性一款用于设计、开发网站和 Web 应用程序

31、的专业HTML 编辑器 用户可以使用布局单元格或框架来设计页面的布局可用于创建文本、插入动态图像、提供网页超链接、创建 Flash 文本和 Flash 按钮等可用于组合由某些软件（如 Photoshop、ImageReady 和 Flash 等）制作的图形、动画和按钮Dreamweaver最新版本最新版本V8.0是我们即将学习的主要工具是我们即将学习的主要工具表格框架表单Dreamweaver概念概念静态网页静态网页 只能浏览，不能实现客户端和服务器端的交流互动。动态网页动态网页 网站页面随用户的输入而变化，能与客户端交流互动。 本地站点本地站点 在本地的计算机上，存储网站所有文件的临时文件夹

32、。远程站点远程站点 位于远程Web 服务器上，与本地站点相对应。根文件夹根文件夹 用于存储网站文件的本地根目录。表格框架表单启动启动Dreamweaver创建新项目创建新项目表格框架表单Dreamweaver工作区工作区浮浮动动面面板板组组插入栏插入栏文档工具栏文档工具栏文档编辑区文档编辑区属性标签属性标签表格框架表单Dreamweaver插入栏插入栏 插入栏中的按钮可用于将对象（如表格、图层和图形等）轻松插入HTML页面中，其中经常使用的选项卡主要有 “常用”选项卡中的按钮可用于插入最常用的对象，如链接、表格、层、图像、媒体、日期、注释、模版、标签选择器等。 “布局”选项卡中的按钮主要用于设

33、置网页的布局以及框架，还可以插入表格、层等。 “表单”选项卡中的按钮可用于插入HTML表单控件，比如文本字段、复选框、单选按钮、列表框、图片域、按钮等。 “文本”选项卡中的按钮可以将插入点定位到文档编辑区中，比如段落、块引用、标题、引号、以及各种符号的HTML文本。 表格框架表单Dreamweaver属性标签属性标签 属性标签是用来帮助编辑当前选择的页面元素属性的，包括页面属性和内容属性。设置网页上文本的默认字体设置网页上文本的默认字体设置网页上文本的字体样式设置网页上文本的字体样式设置网页上文本的字体大小设置网页上文本的字体大小设置网页上文本的字体颜色设置网页上文本的字体颜色设置网页上文本的

34、对齐方式设置网页上文本的对齐方式设置网页内容的超级链接设置网页内容的超级链接调整页面设置，如标题、颜色和页边距等调整页面设置，如标题、颜色和页边距等表格框架表单Dreamweaver工作面板工作面板 面板是将常用功能组合在一起，方便用户操作。面板组是组合在一组标题下的多组相关面板。 比如比如“资源资源”面板，面板，包括常用的功能有图片、包括常用的功能有图片、颜色、颜色、flash、脚本、模、脚本、模版等。版等。 比如比如“文件文件”面板面板下包括下包括“文件文件”、“资资源源”、“代码片断代码片断”三三个组。个组。表格框架表单站点的定义站点的定义 Web 站点是一组具有共享属性（如相关主题、类

35、似的设计或共同目的）的链接文档和资源。 Dreamweaver 8 可以实现站点创建和管理，因此使用它不仅可以创建单独的文档，还可以创建完整的 Web 站点。 Dreamweaver 8的站点类型有三种本地站点远程站点测试站点表格框架表单 与Web站点相关的操作基本上有以下几个：站点的基本操作站点的基本操作站点的规划 创建本地站点 管理本地站点 管理站点地图表格框架表单站点的规划站点的规划 站点规划是设计站点的必要前提。其操作是将不同的文件分类存放在文件夹中以便于设计者管理。合理地组织站点结构，可提高工作效率，加快对站点的设计。记得还要根据规划绘制出记得还要根据规划绘制出一个网站结构草图呦，一

36、个网站结构草图呦，这样可以让你的站点这样可以让你的站点结构思路更加清晰！结构思路更加清晰！比如！比如“bookshop“bookshop网上书店网上书店”网站首页网站首页主题书店主题书店排行榜排行榜BSBS论坛论坛特价参选特价参选文文学学艺艺术术书书店店人人文文科科学学书书店店经经济济管管理理书书店店计计算算机机书书店店青青少少年年书书店店个个人人资资料料管管理理图图书书讨讨论论专专区区书书友友专专区区回回帖帖排排行行表格框架表单创建本地站点创建本地站点 创建本地站点，可以通过选择菜单项“站点”的“新建站点”来实现，步骤如下：为新建站点命名选择使用的服务器技术选择在本地机编辑本地副本的选项选择

37、用于存储网站文件的文件夹选择存回取出共享文件表格框架表单创建本地站点创建本地站点 新建本地站点完成后，继续新建站点下的文件夹，用于存储网站中分类的信息元素。之后的新建文件也是这样完成的！表格框架表单管理本地站点管理本地站点 管理本地站点，可以通过选择菜单项“站点”的“管理站点”来实现。其包括新建、编辑、复制、删除、导出、导入等功能，方便于对站点的管理。表格框架表单管理站点地图管理站点地图 在使用站点地图查看站点时必须保证这个站点已定义了一个主页，因为主页是一个站点的根节点，必须有根节点才有各个支节点，也就是各个子页。表格框架表单新建链接文件新建链接文件表格框架表单简易登录网页制作简易登录网页制

38、作创建文件login.html添加页面背景浏览背景图片添加背景图片“确认”后，再将图片添加到项目中表格框架表单简易登录网页制作简易登录网页制作配置表格相关属性在表格中添加控件表格框架表单简易登录网页制作简易登录网页制作设置字体的属性：格式、字体、大小、颜色、位置等表格框架表单简易登录网页制作简易登录网页制作添加文本框文本框文本框文本域文本域 密码框密码框添加按钮按钮控件的显示文本按钮控件的显示文本按钮控件的提交动作按钮控件的提交动作表格框架表单简易登录网页制作简易登录网页制作表格框架表单小小 结结Dreamweaver是目前使用最多的网页设计软件。Web 站点是一组具有共享属性的链接文档和资源。Dreamweaver 8 可以实现站点创建和管理。站点规划是设计站点的必要前提。只有规划好站点才可以开发出一套结构合理的网站。表格框架表单回顾本课内容表格表格使用表格的基本结构实现简单表格使用表格相关标签实现跨行、跨列的复杂表格使用表格相关设置进行美化修饰框架框架会使用框架结构实现多窗口展示页面表单表单使用表单的基本结构制作表单页面使用各种表单元素实现注册页面理解post和get两种提交方式的区别Dreamweaver工具的使用工具的使用表格框架表单课后作业2 在页面上显示一表格，熟练运用标签（表格限制：3横4列，第一例跨3行）表格框架表单