第5章Dreamweaver网页设计软件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
action=“formsamp.php“> 计算机 <input type="checkbox" name="checkbox"
value="checkbox"> 英语 <input type="checkbox" name="checkbox2"
value="checkbox"> <input type="submit" name="Submit" value="提交"> </form> 插入“提交”按钮后应该指定服务器后台处理程序action选项
第5章Dreamweaver网页设计软件
5.3表格的应用
5.3.1插入表格tablesp.htm 打开网页。单击“设计”卡。定位表格位置。 单击“插入”|“表格” 定义表格的行数、列数、表格宽度、边框粗细、页眉、
标题、对齐方式。 5.3.2设置表格 合并单元格、设置某一个单元格属性（背景色） 5.3.3表格作用 对网页内容进行布局，表格边框线粗细为0
边窗口显示网页效果。
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
5.2.2设置网页页面的属性 打开或新建网页文件。 单击网页窗口下边的“展开”“收缩”按钮。 单击“网页属性”可以设置的 “外观”属性有：字体、字号、字色、背景色、背
景图片。 “链接”属性有：连接字体、字号、链接颜色、已
第5章Dreamweaver网页设计软件
5.4超链接的应用
5.4.1设置网页超级链接setlink.htm 打开网页。单击“设计”卡。 定位光标位置。 单击“插入”|“超级链接” 输入提示文本，输入链接网址，网页链接使用URL。 5.4.2设置邮件超级链接 打开网页。单击“设计”卡。 定位光标位置。 单击“插入”|“电子邮件链接” 输入提示文本，输入链接的邮箱地址。
第5章Dreamweaver网页设计软件
5.5表单的应用
5.5.2文本框 formsamp.htm 打开网页。单击“设计”卡。 在表单里定位光标位置。 输入文字内容 单击“插入”|“表单”|”文本字段” <form name=“form1” method=“post” action=“ “> <input name="textfield" type="text" size="18"
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
5.2.4插入和设置网页页面的导航条 1）插入导航条grapmenu.htm 打开网页。单击“设计”卡。定位导航条位置。 单击“插入”|“图像对象”|“导航条” 设置导航条元件、项目名称、状态图像、前往的URL。 2）图片链接tupimenu.htm 在网页中插入图片和链接
Dreamweaver工作窗口
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
网页文件：可以在浏览器上显示的页面文件。 主页文件：访问网站时打开的第一个网页文件。 默认的主页文件名：index.htm、index.html、
default.htm、default.html
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
网页文件编辑步骤： ① 单击“文件”->“新建”。 ② 设置网页属性：背景色、标题等。 ③ 插入网页元素：文本框、单选按钮、命令按钮等。 ④ 逐个元素设置属性。 ⑤ 保存网页文件到c:/appserv/www文件夹。
调试网页文件： 在浏览器软件地址栏输入http://127.0.0.1/网页文件名 在浏览器软件地址栏输入http://计算机名/网页文件名 在浏览器软件地址栏输入http://192.168.0.151/网页文件
maxlength="18"> </form> 在表单里可以插入多个元素（文本框、单选按钮…）
第5章Dreamweaver网页设计软件
5.5表单的应用
5.5.6”提交“”重置“按钮 formsamp.htm 打开网页。单击“设计”卡。 在表单里定位光标位置。 单击“插入”|“表单”|”按钮” <form name=“form1” method=“post”
action=“formsamp.php“> 男 <input type="radio" name="radiobutton"
value="radiobutton"> 女 <input type="radio" name="radiobutton"
value="radiobutton"> <input type="submit" name="Submit" value="提交"> </form> 插入“提交”按钮后应该指定服务器后台处理程序action选项
formsamp.php 添加重置按钮时type=“reset”
第5章Dreamweaver网页设计软件
3rew
演讲完毕，谢谢听讲!
再见，see you again
2020/11/26
第5章Dreamweaver网页设计软件
action=“formsamp.php“> <input name="textfield" type="text" size="18"
maxlength="18"> <input type="submit" name="Submit" value="提交"> </form> 插入“提交”按钮后应该指定服务器后台处理程序action
<a href="a.htm"> <img src="companys.jpg"> </a>
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
5.2.5插入和设置网页页面的修饰线 1）插入修饰线 打开网页。单击“设计”卡。定位修饰线位置。 单击“插入”|“HTML”|“水平线” 设置水平线的宽度、高度、对齐方式。
第5章Dreamweaver网 页设计软件
2020/11/26
第5章Dreamweaver网页设计软件
5.1Dreamweaver MX 2004概述
特点： 交互式插入网页元素（文本框、按钮等）。 自动产生标记。 在线提示标记选项，和选项内容。
第5章Dreamweaver网页设计软件
5.1Dreamweaver MX 2004概述
第5章Dreamweaver网页设计软件
5.5表单的应用
5.5.1表单 formsamp.htm 打开网页。单击“设计”卡。 定位光标位置。 单击“插入”|“表单”（form） <form name=“form1” method=“post” action=“ “> </form> 在表单里可以插入多个元素（文本框、单选按钮…）
formsamp.php 添加重置按钮时type=“reset”
第5章Dreamweaver网页设计软件
5.5表单的应用
5.5.4复选框 formsamp.htm
打开网页。单击“设计”卡。 在表单里定位光标位置。 单击“插入”|“表单”|”复选框” <form name=“form1” method=“post”
名
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
5.2.1建立空白网页文件
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
Dreamweaver网页文件编辑窗口。
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
Dreamweaver网页文件编辑窗口。 代码卡：手工编辑html标记 设计卡：交互方式编辑html标记 拆分卡：拆分成两个窗口，上边窗口编辑标记，下
5.1.1Dreamweaver MX 2004简介 创建网站站点（创建一个文件夹）用于保存第5章Dreamweaver网页设计软件
5.1Dreamweaver MX 2004概述
5.1.2Dreamweaver MX 2004操作界面
设计者：采用“所见即所得”的方式维护网页。 代码编写者：通过输入HTML语句代码编写网页文件。
访问链接色、活动链接色、链接下划线样式。 “标题”属性有：标题字体、标题n字号、标题n字
色。
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
5.2.3插入和设置网页页面的文本 1）插入文本 打开网页。单击“设计”卡。输入文字。 按“enter”另起一段。 按“shift+enter”换一行（行间距小）。 2）插入特殊符号 打开网页。定位光标。 单击“插入”|“HTML”|“特殊字符”|“其它字符” 3）插入日期 打开网页。定位光标。 单击“插入”|“日期”
选项formsamp.php 添加重置按钮时type=“reset”
第5章Dreamweaver网页设计软件
5.5表单的应用
5.5.3单选按钮 formsamp.htm
打开网页。单击“设计”卡。 在表单里定位光标位置。 单击“插入”|“表单”|”单选按钮” <form name=“form1” method=“post”
第5章Dreamweaver网页设计软件
5.1Dreamweaver MX 2004概述
5.1.2Dreamweaver MX 2004操作界面
运行Dreamweaver打开的第一个窗口。
第5章Dreamweaver网页设计软件
5.1Dreamweaver MX 2004概述
5.1.2Dreamweaver MX 2004操作界面
value="checkbox"> 英语 <input type="checkbox" name="checkbox2"
value="checkbox"> <input type="submit" name="Submit" value="提交"> </form> 插入“提交”按钮后应该指定服务器后台处理程序action选项
第5章Dreamweaver网页设计软件
5.3表格的应用
5.3.1插入表格tablesp.htm 打开网页。单击“设计”卡。定位表格位置。 单击“插入”|“表格” 定义表格的行数、列数、表格宽度、边框粗细、页眉、
标题、对齐方式。 5.3.2设置表格 合并单元格、设置某一个单元格属性（背景色） 5.3.3表格作用 对网页内容进行布局，表格边框线粗细为0
边窗口显示网页效果。
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
5.2.2设置网页页面的属性 打开或新建网页文件。 单击网页窗口下边的“展开”“收缩”按钮。 单击“网页属性”可以设置的 “外观”属性有：字体、字号、字色、背景色、背
景图片。 “链接”属性有：连接字体、字号、链接颜色、已
第5章Dreamweaver网页设计软件
5.4超链接的应用
5.4.1设置网页超级链接setlink.htm 打开网页。单击“设计”卡。 定位光标位置。 单击“插入”|“超级链接” 输入提示文本，输入链接网址，网页链接使用URL。 5.4.2设置邮件超级链接 打开网页。单击“设计”卡。 定位光标位置。 单击“插入”|“电子邮件链接” 输入提示文本，输入链接的邮箱地址。
第5章Dreamweaver网页设计软件
5.5表单的应用
5.5.2文本框 formsamp.htm 打开网页。单击“设计”卡。 在表单里定位光标位置。 输入文字内容 单击“插入”|“表单”|”文本字段” <form name=“form1” method=“post” action=“ “> <input name="textfield" type="text" size="18"
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
5.2.4插入和设置网页页面的导航条 1）插入导航条grapmenu.htm 打开网页。单击“设计”卡。定位导航条位置。 单击“插入”|“图像对象”|“导航条” 设置导航条元件、项目名称、状态图像、前往的URL。 2）图片链接tupimenu.htm 在网页中插入图片和链接
Dreamweaver工作窗口
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
网页文件：可以在浏览器上显示的页面文件。 主页文件：访问网站时打开的第一个网页文件。 默认的主页文件名：index.htm、index.html、
default.htm、default.html
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
网页文件编辑步骤： ① 单击“文件”->“新建”。 ② 设置网页属性：背景色、标题等。 ③ 插入网页元素：文本框、单选按钮、命令按钮等。 ④ 逐个元素设置属性。 ⑤ 保存网页文件到c:/appserv/www文件夹。
调试网页文件： 在浏览器软件地址栏输入http://127.0.0.1/网页文件名 在浏览器软件地址栏输入http://计算机名/网页文件名 在浏览器软件地址栏输入http://192.168.0.151/网页文件
maxlength="18"> </form> 在表单里可以插入多个元素（文本框、单选按钮…）
第5章Dreamweaver网页设计软件
5.5表单的应用
5.5.6”提交“”重置“按钮 formsamp.htm 打开网页。单击“设计”卡。 在表单里定位光标位置。 单击“插入”|“表单”|”按钮” <form name=“form1” method=“post”
action=“formsamp.php“> 男 <input type="radio" name="radiobutton"
value="radiobutton"> 女 <input type="radio" name="radiobutton"
value="radiobutton"> <input type="submit" name="Submit" value="提交"> </form> 插入“提交”按钮后应该指定服务器后台处理程序action选项
formsamp.php 添加重置按钮时type=“reset”
第5章Dreamweaver网页设计软件
3rew
演讲完毕，谢谢听讲!
再见，see you again
2020/11/26
第5章Dreamweaver网页设计软件
action=“formsamp.php“> <input name="textfield" type="text" size="18"
maxlength="18"> <input type="submit" name="Submit" value="提交"> </form> 插入“提交”按钮后应该指定服务器后台处理程序action
<a href="a.htm"> <img src="companys.jpg"> </a>
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
5.2.5插入和设置网页页面的修饰线 1）插入修饰线 打开网页。单击“设计”卡。定位修饰线位置。 单击“插入”|“HTML”|“水平线” 设置水平线的宽度、高度、对齐方式。
第5章Dreamweaver网 页设计软件
2020/11/26
第5章Dreamweaver网页设计软件
5.1Dreamweaver MX 2004概述
特点： 交互式插入网页元素（文本框、按钮等）。 自动产生标记。 在线提示标记选项，和选项内容。
第5章Dreamweaver网页设计软件
5.1Dreamweaver MX 2004概述
第5章Dreamweaver网页设计软件
5.5表单的应用
5.5.1表单 formsamp.htm 打开网页。单击“设计”卡。 定位光标位置。 单击“插入”|“表单”（form） <form name=“form1” method=“post” action=“ “> </form> 在表单里可以插入多个元素（文本框、单选按钮…）
formsamp.php 添加重置按钮时type=“reset”
第5章Dreamweaver网页设计软件
5.5表单的应用
5.5.4复选框 formsamp.htm
打开网页。单击“设计”卡。 在表单里定位光标位置。 单击“插入”|“表单”|”复选框” <form name=“form1” method=“post”
名
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
5.2.1建立空白网页文件
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
Dreamweaver网页文件编辑窗口。
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
Dreamweaver网页文件编辑窗口。 代码卡：手工编辑html标记 设计卡：交互方式编辑html标记 拆分卡：拆分成两个窗口，上边窗口编辑标记，下
5.1.1Dreamweaver MX 2004简介 创建网站站点（创建一个文件夹）用于保存第5章Dreamweaver网页设计软件
5.1Dreamweaver MX 2004概述
5.1.2Dreamweaver MX 2004操作界面
设计者：采用“所见即所得”的方式维护网页。 代码编写者：通过输入HTML语句代码编写网页文件。
访问链接色、活动链接色、链接下划线样式。 “标题”属性有：标题字体、标题n字号、标题n字
色。
第5章Dreamweaver网页设计软件
5.2建立和编辑网页程序
5.2.3插入和设置网页页面的文本 1）插入文本 打开网页。单击“设计”卡。输入文字。 按“enter”另起一段。 按“shift+enter”换一行（行间距小）。 2）插入特殊符号 打开网页。定位光标。 单击“插入”|“HTML”|“特殊字符”|“其它字符” 3）插入日期 打开网页。定位光标。 单击“插入”|“日期”
选项formsamp.php 添加重置按钮时type=“reset”
第5章Dreamweaver网页设计软件
5.5表单的应用
5.5.3单选按钮 formsamp.htm
打开网页。单击“设计”卡。 在表单里定位光标位置。 单击“插入”|“表单”|”单选按钮” <form name=“form1” method=“post”
第5章Dreamweaver网页设计软件
5.1Dreamweaver MX 2004概述
5.1.2Dreamweaver MX 2004操作界面
运行Dreamweaver打开的第一个窗口。
第5章Dreamweaver网页设计软件
5.1Dreamweaver MX 2004概述
5.1.2Dreamweaver MX 2004操作界面