第5章Dreamweaver网页设计软件.pptxVIP

第5章Dreamweaver网页设计软件;5.1Dreamweaver MX 2004概述;5.1Dreamweaver MX 2004概述;5.1Dreamweaver MX 2004概述;5.1Dreamweaver MX 2004概述;5.1Dreamweaver MX 2004概述;网页文件：可以在浏览器上显示的页面文件。 主页文件：访问网站时翻开的第一个网页文件。 ;第八页，编辑于星期六：十三点 一分。;第九页，编辑于星期六：十三点 一分。;Dreamweaver网页文件编辑窗口。;Dreamweaver网页文件编辑窗口。 代码卡：手工编辑html标记 设计卡：交互方式编辑html标记 拆分卡：拆分成两个窗口，上边窗口编辑标记，下边窗口显示网页效果。 ; 翻开或新建网页文件。 单击网页窗口下边的“展开〞“收缩〞按钮。 单击“网页属性〞可以设置的 “外观〞属性有：字体、字号、字色、背景色、背景图片。 “链接〞属性有：连接字体、字号、链接颜色、已访问链接色、活动链接色、链接下划线样式。 “标题〞属性有：标题字体、标题n字号、标题n字色。; 1）插入文本 翻开网页。单击“设计〞卡。输入文字。 按“enter〞另起一段。 按“shift+enter〞换一行（行间距小）。 2）插入特殊符号 翻开网页。定位光标。 单击“插入〞|“HTML〞|“特殊字符〞|“其它字符〞 3）插入日期 翻开网页。定位光标。 单击“插入〞|“日期〞; 翻开网页。单击“设计〞卡。定位导航条位置。 单击“插入〞|“图像对象〞|“导航条〞 设置导航条元件、工程名称、状态图像、前往的URL。 在网页中插入图片和链接 a href=a.htm img src=companys.jpg /a; 1）插入修饰线 翻开网页。单击“设计〞卡。定位修饰线位置。 单击“插入〞|“HTML〞|“水平线〞 设置水平线的宽度、高度、对齐方式。; 翻开网页。单击“设计〞卡。定位表格位置。 单击“插入〞|“表格〞 定义表格的行数、列数、表格宽度、边框粗细、页眉、标题、对齐方式。 合并单元格、设置某一个单元格属性（背景色） 对网页内容进行布局，表格边框线粗细为0; 翻开网页。单击“设计〞卡。 定位光标位置。 单击“插入〞|“超级链接〞 输入提示文本，输入链接网址，网页链接使用URL。 翻开网页。单击“设计〞卡。 定位光标位置。 ??击“插入〞|“电子邮件链接〞 输入提示文本，输入链接的邮箱地址。; 翻开网页。单击“设计〞卡。 定位光标位置。 单击“插入〞|“表单〞（form） form name=“form1〞 method=“post〞 action=“ “ /form 在表单里可以插入多个元素（文本框、单项选择按钮…）; 翻开网页。单击“设计〞卡。 在表单里定位光标位置。 输入文字内容 单击“插入〞|“表单〞|〞文本字段〞 form name=“form1〞 method=“post〞 action=“ “ input name=textfield type=text size=18 maxlength=18 /form 在表单里可以插入多个元素（文本框、单项选择按钮…）; 翻开网页。单击“设计〞卡。 在表单里定位光标位置。 单击“插入〞|“表单〞|〞按钮〞 form name=“form1〞 method=“post〞 action=“formsamp.php“ input name=textfield type=text size=18 maxlength=18 input type=submit name=Submit value=提交 /form 插入“提交〞按钮后应该指定效劳器后台处理程序action选项formsamp.php 添加重置按钮时type=“reset〞; 翻开网页。单击“设计〞卡。 在表单里定位光标位置。 单击“插入〞|“表单〞|〞单项选择按钮〞 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〞; 翻开网页。单击“设计〞卡。 在表单里定位光标位置。 单击“插入〞|“表单〞|〞复选框〞 form name=“form1〞 method=“post〞 action=