计算机网络实验指导书16-网页制作.docVIP

计算机网络实验指导书 物理与电子信息工程学院 2011年12月 实验四 网页制作及发布 一、基本要求（2学时） 1. 了解常用的网页制作工具（Frontpage，Dreamweaver， 3DMax， Fireworks），较熟练地用其制作网页。 2. 用网页制作工具制作一个网页，将其发布在web server上，并测试 二、背景材料 1. HTML简介： HTML是WWW上专用的操作语言，在Web服务器中的信息组织和操作都要依靠HTML来完成。HTML的特点是标记代码简单明了、功能强大、可以定义显示格式、标题、字型、表格、窗口等；可以和WWW上任一信息资源建立超文本链接；可以辅助应用程序连入图像、视频、声频等多介质信息。HTML也存在一定的局限性，如只能选用Web资源的字体，排版功能较弱；忽略空格及自然格式，段落必须声明；在不同硬件环境下显示效果不同等。HTML的代码文件是一个纯文本文件（即ASCII码文件），通常以.html或.htm为文件后缀。 HTML标记符的明显特征是代码用尖括号“ ”括起来，且起始标记符 和结束标记符 必须成对出现（有个别例外）。在标记符中字符不区分大小写，主要有如下五种类型的标注符。 文件标记符 ／HTML ：用以声明整个文件为HTML文件。 ／HEAD ：用以声明文件头部分。有些WWW索引文件只检出文件头部分，让读者决定是否需要阅读文件的内容。 ／BODY ：用以声明文件体部分。 ／TITLE ：用于声明文件头部分的标题。标题内容将出现在Web浏览器中的标题窗口里。 以上这四个部分是HTML文件中必须有的。因此，一个最小的HTML文件应该是： 文件标题 ／TITLE ＜／HEAD 文件体内容 ／HTML 在HTML文件中，允许在同一行中写多个标记符。 格式标记符 ， ，…， 用于声明六种不同大小的标题，H1和H6分别是最大和最小的标题。 对于字体的定义，HTML有逻辑和物理两种标记。逻辑标记用于声明字体；物理标记用于文件转换中明确原文。 ：用于声明黑体字，前面的为逻辑标记，圆括号内的为物理标记（下同）。 （ ）：用于声明斜体字。 ／KBD （ ／TT ）：用于声明键盘输入字。 ：用于声明段落。在HTML中，自然段并不代表段落，段落必须声明。段落标记符将在两段当中产生一个空行。 ：用于声明换行，HTML每遇到 将产生一个换行。这里没有结束标记符，是一个例外。 超文本链接标记符 A HREF “target” 特显文字 用于声明将特显文字以特殊形式（有别于正本文件 显示出来，并与“target”文件进行超文本链接。 图像标记符 IMG ALT ”[Company Logo]”SRC ”image.gif”ISMAP 用于声明加入图像image.gif。其中，ALT给出当图像不能显示时将要显示的文本，ISMAP说明该图是个按钮图符。例如： A HREF ”http：///”＞ IMG ALT ”[logo]”，SRC ”sales.gif” ＜／A 它指向http：//／的超文本链接。有时还用SRC ”thumbnail.gif”声明以缩略图来代表所连接的外部图像。 窗口标记符 用于声明建立一个简单的文本输入窗口。 以上简要介绍了HTML的基本标记符。在建立Web网页时，除了要熟悉HTML本身外，还要考虑如何有效而合理地组织信息和显示画面的创意问题，这需要在实践中不断地摸索和积累经验。 2. DreamWeaver介绍 /p-1477335.html DreamWeaver介绍 /v?ct 座机电话号码8rn 20pn 0db 0s 8word dreamweaver%BD%CC%B3%CCfr ala0 DreamWeaver教程 3. FrontPage 介绍 /blog/static/1座机电话号码010座机电话号码809/ FrontPage 介绍 4． 3DMax /view/c0cce06b25c52cc58bd6beb6.html 3DMax简介 5. FireWorks 介绍 /view/23262.htm FireWorks介绍 三、试验题目：如何发布个人网页和网站 用记事簿编辑器，使用HTML标记语言制作个人简介网页 将网页发布到WEB服务器上。 用浏览器测试发布的网页。 如何发布个人网页 1：FTP上传 2：通过WEB上传 1的好处是速度快，但是当空间提供商不支持后台压缩时，他也就基本失去意义了 2的好处就是避免了1的尴尬，但是存在效率低下的问题。一次只能上传1或多个文件，并且上传文件大小有限制。（FTP没有限制）。对于FTP上传，在网页3剑客中制作网页的软件里有（我很长时间没用了，抱