第章Dreamweaver网设计软件

第5章Dreamweaver网页设计软件主要内容：Dreamweaver软件介绍Dreamweaver软件配置Dreamweaver软件设计网页程序文件过程5.1DreamweaverMX2004概述特点：交互式插入网页元素（文本框、按钮等）。自动产生标记。在线提示标记选项，和选项内容。5.1DreamweaverMX2004概述5.1.1DreamweaverMX2004简介创建网站站点（创建一个文件夹）用于保存网页文件。网页系统调试完毕上传到指定网站。5.1DreamweaverMX2004概述5.1.2DreamweaverMX2004操作界面设计者：采用“所见即所得”的方式维护网页。代码编写者：通过输入HTML语句代码编写网页文件。5.1DreamweaverMX2004概述5.1.2DreamweaverMX2004操作界面运行Dreamweaver打开的第一个窗口。5.1DreamweaverMX2004概述5.1.2DreamweaverMX2004操作界面Dreamweaver工作窗口5.2建立和编辑网页程序网页文件：可以在浏览器上显示的页面文件。主页文件：访问网站时打开的第一个网页文件。默认的主页文件名：index.htm、index.html、default.htm、default.html5.2建立和编辑网页程序5.2建立和编辑网页程序5.2.1建立空白网页文件5.2建立和编辑网页程序Dreamweaver网页文件编辑窗口。5.2建立立和编编辑网网页程程序Dreamweaver网页页文件件编辑辑窗口口。代码卡卡：手手工编编辑html标标记设计卡卡：交交互方方式编编辑html标标记拆分卡卡：拆拆分成成两个个窗口口，上上边窗窗口编编辑标标记，，下边边窗口口显示示网页页效果果。5.2建立立和编编辑网网页程程序5.2.2设置置网页页页面面的属属性打开或或新建建网页页文件件。单击网网页窗窗口下下边的的“展展开””“收收缩””按钮钮。单击““网页页属性性”可可以设设置的的“外观观”属属性有有：字字体、、字号号、字字色、、背景景色、、背景景图片片。“链接接”属属性有有：连连接字字体、、字号号、链链接颜颜色、、已访访问链链接色色、活活动链链接色色、链链接下下划线线样式式。“标题题”属属性有有：标标题字字体、、标题题n字字号、、标题题n字字色。。5.2建立立和编编辑网网页程程序5.2.3插入入和设设置网网页页页面的的文本本1）插插入文文本打开网网页。。单击击“设设计””卡。。输入入文字字。按“enter”另另起一一段。。按“shift+enter”换换一行行（行行间距距小））。2）插插入特特殊符符号打开网网页。。定位位光标标。单击““插入入”|“HTML””|““特殊殊字符符”|“其其它字字符””3）插插入日日期打开网网页。。定位位光标标。单击““插入入”|“日日期””5.2建立立和编编辑网网页程程序5.2.4插入入和设设置网网页页页面的的导航航条1）插插入导导航条条grapmenu.htm打开网网页。。单击击“设设计””卡。。定位位导航航条位位置。。单击““插入入”|“图图像对对象””|““导航航条””设置导导航条条元件件、项项目名名称、、状态态图像像、前前往的的URL。。2）图图片链链接tupimenu.htm在网页页中插插入图图片和和链接接<ahref="a.htm"><imgsrc="companys.jpg"></a>5.2建立立和编编辑网网页程程序5.2.5插入入和设设置网网页页页面的的修饰饰线1）插插入修修饰线线打开网网页。。单击击“设设计””卡。。定位位修饰饰线位位置。。单击““插入入”|“HTML””|““水平平线””设置水水平线线的宽宽度、、高度度、对对齐方方式。。5.3表格格的应应用5.3.1插入入表格格tablesp.htm打开网网页。。单击击“设设计””卡。。定位位表格格位置置。单击““插入入”|“表表格””定义表表格的的行数数、列列数、、表格格宽度度、边边框粗粗细、、页眉眉、标标题、、对齐齐方式式。5.3.2设置置表格格合并单单元格格、设设置某某一个个单元元格属属性（（背景景色））5.3.3表格格作用用对网页页内容容进行行布局局，表表格边边框线线粗细细为05.4超链链接的的应用用5.4.1设置置网页页超级级链接接setlink.htm打开网网页。。单击击“设设计””卡。。定位光光标位位置。。单击““插入入”|“超超级链链接””输入提提示文文本，，输入入链接接网址址，网网页链链接使使用URL。5.4.2设置置邮件件超级级链接接打开网网页。。单击击“设设计””卡。。定位光光标位位置。。单击““插入入”|“电电子邮邮件链链接””输入提提示文文本，，输入入链接接的邮邮箱地地址。。5.5表单单的应应用5.5.1表单单formsamp.htm打开网网页。。单击击“设设计””卡。。定位光光标位位置。。单击““插入入”|“表表单””（form）<formname=“form1”method=“post””action=“““></form>在表单单里可可以插插入多多个元元素（（文本本框、、单选选按钮钮…））5.5表单单的应应用5.5.2文本本框formsamp.htm打开网网页。。单击击“设设计””卡。。在表单单里定定位光光标位位置。。输入文文字内内容单击““插入入”|“表表单””|””文本本字段段”<formname=“form1”method=“post””action=“““><inputname="textfield"type="text"size="18"maxlength="18"></form>在表单里里可以插插入多个个元素（（文本框框、单选选按钮……）5.5表表单的应应用5.5.6”提提交“””重置““按钮formsamp.htm打开网页页。单击击“设计计”卡。。在表单里里定位光光标位置置。单击“插插入”|“表单单”|””按钮””<formname=“form1”method=“post””action=“formsamp.php“><inputname="textfield"type="text"size="18"maxlength="18"><inputtype="submit"name="Submit"value="提交"></form>插入“提交””按钮后应该该指定服务器器后台处理程程序action选项formsamp.php添加重置按钮时type=““reset”5.5表单的的应用单单选按钮formsamp.htm打开网页。单单击“设计””卡。在表单里定位位光标位置。。单击“插入””|“表单””|”单选按按钮”<formname=“form1”method=“post”action=“formsamp.php“>男<inputtype="radio"name="radiobutton"value="radiobutton">女<inputtype="radio"name="radiobutton"value="radiobutton"><inputtype="submit"name="Submit"value="提交"></form>插入“提交””按钮后应该该指定服务器器后台处理程程序action选项formsamp.php添加重置按钮钮时type=““reset”5.5表单的的应用复复选框formsamp.htm打开网页。单单击“设计””卡。在表单里定位位光标位置。。单击“插入””|“表单””|”复选框框”<formname=“form1”method=“post”action=“formsamp.php“>计算机<inputtype="checkbox"name="checkbox"value="checkbox">英语<inputtype="checkbox"name="checkbox2"value="checkbox"><inputtype="submit"name="Submit"value="提交"></form>插入“提交””按钮后应该该指定服务器器后台处理程程序action选项formsamp.php添加重置按钮钮时type=““reset”5.5表单的的应用列列表菜单formsamp.htm打开网页。单单击“设计””卡。在表单里定位位光标位置。。单击“插入””|“表单””|”列表菜菜单”<formname=“form1”method=“post”action=“formsamp.php“><selectname=“select”size=“1”>(size>”1”是列列表，size=“1””是菜单)<optionvalue="addrec">添加记录</option><optionvalue="m