七、网页制作基本方法考试要求:具有一定的网页制作能力★★考试范围站点和网页的概念网页制作中的基本知识:HTML、模板、表格、框架、表单、超链接7.1网页制作概述站点(网站)是万维网上若干相关网页及与这些网页相关的图像、声音、视频等信息资源的集合点,它至少包含了一个网页.用域名和IP地址表示网页是万维网上的基本文档,是网络资源展示的主要载体形式7.1制作网页的基本过程选择主题规划框架收集素材网页制作网页制作工具:Frontpage2003、Dreamweaver、Flash、Fireworks、PS动态网页制作语言:ASP、ASP.net(aspx)、JSP、PHP等例:下列应用软件中,能够用来创建网页的有()A.MicrosoftFrontpageB.MacromediaDreamweaverC.AdobePhotoshopD.Autodesk3DMax——三维动画ABC7.1.3动态网页技术动态网页技术:静态网页的扩展名:html、htm动态网页的扩展名:asp、aspx、jsp、do、php等1、什么是动态网站交互性自动更新因时因人而变化7.1.3动态网页技术2、网站“动态化”方法CGIIDCADO:用于数据库连接。7.2HTML语言HTML(超文本标记语言)是一种用于万维网()文档中的标准标记语言。HTML代码可以在多种文本编辑软件中编写,如:Word、写字板、记事本,只要保存时将其保存为.htm或者.html文件即可。7.2.1常用的html标记1.换行标记:br2.分段元素:p3.水平线:hr4.各级标题:h1…/h1~h6…/h65.文件描述标记:html…/html6.头标记:head…/head7.字体标记:font…/font8.标题:title…/title9.正文:body…/body10.注释:!注释内容11.超链接标记:a…/a12.图像标记:img13.表格中的行:tr…/tr14.表格中的列:td…/td7.2.2html标记的属性正文:body…/body背景属性:background各级标题:h1…/h1~h6…/h6对齐属性:align超链接标记:a…/a链接地址:href图像标记:img图像地址:src、图像描述:alt很多标记都有属性,属性也有属性值在网页中插入图片网页背景:bodybackground=“图片名称”加入图片:imgsrc=“图片名”alt=“注释信息”插入表格P157table…/table表示一个表格tr…/tr一行td…/td一个单元格(一列)表单标签与用户交流的接口form…/form输入框:input类型:text、submit表单例子form用户名:inputtype=text/密码:inputtype=text/inputtype=“submit”value=“提交//form7.3超文本链接指针超链接用指针指向一个目标格式ahref=“URL”字符串a可以对文字、图片、图片中部分区域(图片热点)等添加超链接,但是不能对水平线加超链接URL地址分为两类:绝对地址和相对地址绝对地址:有完整的路径相对地址:一般只有文件的名称链接到电子邮件的格式:mailto:用户名@邮件服务器域名7.4Frontpage2003的使用Frontpage2003写的网页是所见即所得。例:一个网站的主页(HomePage)指的是()A.网站主要内容所在的网页B.网站上宣传本单位主要领导的网页C.用户访问该网站首先打开的网页D.网站上制作最精美的网页例:启动浏览器上网后,自动访问的网页被称为。C主页