《网页开发工具》实验五DW基础_第1页
《网页开发工具》实验五DW基础_第2页
《网页开发工具》实验五DW基础_第3页
《网页开发工具》实验五DW基础_第4页
《网页开发工具》实验五DW基础_第5页
已阅读5页，还剩1页未读， 继续免费阅读

《网页开发工具》实验五DW基础.docx 免费下载

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

经典word整理文档，仅参考，双击此处可删除页眉页脚。本资料属于网络整理，如有侵权，请联系删除，谢谢！《网页开发工具》实验五：基础一．实验目的1）了解网页开发中的一些基本概念；2）非网络专业的学生掌握IIS的配置方法；3）掌握网页开发的第一个步骤，建立自己的站点；4）掌握HTML语言的基本结构和常见标记；5）认识8的工作界面；6）掌握页面属性的设置；7）掌握文本、图像等基本元素的插入和属性设置；8）掌握链接的路径概念；9）掌握文本链接、图像链接的方式；10）掌握图像热点链接；11）掌握锚点链接。二．准备工作回顾教师课件第六讲内容；准备一台带有安装8的计算机。三．实验内容第一部分：概念和HTML基础1．基本概念1）什么是WWW？它和INTERNET有什么区别？；；2）什么是超级文本？它有什么特殊的形式？3）IP地址在网络中有什么作用？你的计算机当前的IP地址是多少？；4）写出你的计算机使用的浏览器类型5）写出以下域名：商业机构、政府机构、非利益机构。、教育机构、中国、军事机构、英国、、网络机构日本、国际组织。6）网页是由HTML（超文本表示语言）编写的WWW文档，在一个网页中，通常包含的元素有。；7）写出浏览器浏览网页的过程：；。2．站点管理1）启动8；2）在“站点”菜单中选择“管理站点”命令，显示“管理站点”对话框；3）在对话框中单击“新建”按钮，在弹出式菜单中选择“站点”命令；4）一步”按钮；你的站点名字为。5）在下一步选择“否，我不想使用服务器技术”，指示目前该站点是一个静态站点；6）在下一步选择“编辑我的计算机上的本地副本，完成后上传到服务器”；单击文件夹图标，选择站点的根文件夹，你的根文件夹是。7）8）再单击“完成”按钮关闭“管理站点”对话框，此时在“文件”面板中显示新建立站点的本地根文件夹。9）为你的站点规划目录，注意每个子目录下要有images文件夹。通过右击根文件夹，在菜单中选择“新建文件夹”命令建立你的目录结构。图1-1目录示例简单画出你的目录结构：10index.htm建立你的第一个空白页面。11）在“文件”面板中查看你的站点，根据需要对目录进行调整。3．IIS配置1）在基于浏览的开发方案中，MICROSOFT的IIS（INTERNET信息服务）起到客户端与服务器端的连接作用。WINDOWS2000/XP系统安装完毕不会自动安装IIS，需要通过“控制面板”|WINDOWS组件”来进行安装。另外，家庭版的的XP系统没有安装该组件的功能，只有在专业版和企业版的XP中才能进行。2）在桌面上，右击“我的电脑”图标，选择“属性”命令查看本机安装的操作系统版本：。3）选择“控制面板”|“性能和维护”|INTERNET信息服务”图标。如果没有，请先安装IIS。4）打开“INTERNET5）在“主目录”选项卡中，将本地路径设置为你刚才创建的站点的根文件夹；6）在“文档”选项卡中，将你站点中的index.htm设为默认的主页，通过列表框左边的上下箭头按钮将index.htm放到第一的顺序；7）其他选项卡中的内容暂时保持默认状态；8）测试IIS：打开浏览器，在地址栏中输入http://localhost/index.htm打开测试页，如果浏览器显示该htmlweb服务器运行正常。9）你的主页显示正常吗？如果不正常，是什么原因？4．HTML语言1）启动，打开你自己刚才建立的站点；2）双击index.htm打开你的空白主页；3）在编辑区上方点击“代码”按钮，将页面从设计状态改变到代码状态；4）此时看到的是最基本的HTML框架，记录你所看到的HTML代码；5）点击“设计”按钮，回到设计页面，在页面中输入移行文字“我的第一个页面”并将其设置为加粗；在代码页面中查看与此操作相关的HTML代码：；6）将文字设为斜体，相应的HTML标记是；7）将文字设为左对齐，在代码页面中查看与此操作相关的HTML代码：；8）回到代码页码中，在<body>的下方输入三个<br>标记，回到设计页面观看效果，你认为该标记的作用是：9）将文字包含在下面代码中：<fontsize=40”color=red>我的第一个页面</font>，观看效果，该段代码的含义是：；；10）在页码中插入一个2行2列的表格（单击“插入”|入简单文字；11）在代码页面观看变化，与表格相关的HTML代码是：；12）单元格内容出现在那对标记中间：13）；第二部分：创建静态页面1.8的工作界面和页面属性设置1）8的工作界面主要分成哪几个区域，分别起到什么作用？；2）尝试通过两种方式建立新的页面：在站点面板中点击右键选择“新建文件”命令或者使用“文件”|“新建”|“基本页”先建立页面然后将该页面保存在站点目录的相应位置。3）点击属性面板中的“页面属性”按钮或者使用“修改”面属性属性窗口进行设置。4）选择页面属性窗口中的“外观”分类，对页面字体、字体大小、文本颜色、背景颜色和背景图像等进行设置并观看效果。5）选择选择页面属性窗口中的“链接”分类，对要创建的所有超级链接进行设置。可以设置的内容有：；2.文本的插入1）8的文档窗口将文本光标设为默认工具，可以将光标移到编辑区域直接在文档中输入文字。打开你的index.htm主页，在页面中输入以下文字：欢迎大家光临！这是一个介绍计算机知识的个人主页，版主们经过辛勤的劳作，整理了大量的知识讲座和经验技巧，希望我们的工作能给您带来帮助，也真诚地希望您多提宝贵意见。欢迎来信来稿。2）打开页面属性，设置页面的左边距，观看显示文字效果。3）选中第一行文字，然后选择属性面板中“大小”下拉列表中的数字，将文字设成10HTML代码；4）HTML代码；5）选中一行文字，在属性面板中打开“字体”下拉列表选择字体，如果没有你需要的字体，通过“编辑字体列表”将字体添加到该列表中。6）如果想要快速改变页面中全部文本的颜色，可以使用7）如果只是想局部改变文本的颜色，可以使用8）尝试在文本中连续输入空格，可以做到吗？；。9）单击“插入”面板“文本”选项卡，单击最右边的按钮的下拉列表，选择“不换行空格”按钮，多次单击该按钮，现在可以输入连续空格吗？10）另外将文本的格式选择为“预先格式化的”，也可以连续输入空格，但是这种格式不能自动换行，会使版面不整齐。11）查看HTML代码，你认为一个段落的标记是什么？选中文本，单击属性面板中的文字缩进按钮和文字凸出按钮，观看效果。文本的对齐有哪几种方式？12）13）3.图像的插入1）什么是RGB颜色方式？它是如何表示的？；2）00FF00代表什么颜色；3）GIF图像格式和JPEG格式有什么主要区别？；；4）启动8，打开站点中的index.htm页面或其他页面；5）单击插入面板中“常用”选项卡的“插入图像”按钮，或者使用“插入”|“图像”命令；6）7）如果选定的图像文件不在站点的目录内，将弹出对话框询问是否将图像复制到站点目录下，此时应该选择“是”并保存该文件。8）记录图像插入的相应HTML代码；9）选中图像，在属性面板中打开对齐列表，对图像与网页中的文字进行对齐设置，观看效果。10）为你的图像加上替代文字，替代的作用是什么？11）网页中的图像通过单击属性面板中的“编辑”按钮，打开图像处理软件进行处理。在你的编辑按钮中出现的是什么图像处理软件？第三部分：编辑超级链接1．文本链接1）什么是绝对路径？举出一个例子：2）什么是相对路径？举出一个例子：3）打开你的站点，在根目录下建立三个新的页面，分别命名为index.htmfirst.htm和second.htm；4）在index.htm中输入文本；我的主页到第一页5）在first.htm和second.htm6）选中index.htm中的“到第一页”文字，在属性面板中将链接的指针指向站点目录中的first.htm，在“目标”列表中选择“_self7）选中index.htm中的“到第二页”文字，在属性面板中将链接的指针指向站点目录中的second.htm，在“目标”列表中选择“_self8）按下F12，预览网页。9）在first.htm和second.htm中，分别输入“回到主页”文字，为该文字添加链接到index.htm；选择目标为“_self”按下F12，预览网页。10）将上述链接的目标改为“；11）在index.htm中，为两个文字链接改变状态，打开页面属性对话框，选择链接12）13）按下F12，预览网页，观看链接在不同状态时的不同颜色。记录与链接有关的HTML代码：2．图像链接1）在index.htm中插入一幅图像；2）新建一个页面，命名为图像说明.htm，在其中输入与图像有关的一些文字；3）选中index.htm中的图像，将链接指向图像说明.htm。4）记录与链接有关的HTML代码：5）3．图像热点链接1）在文档中插入一幅可以做热点链接的图片；2）单击属性目标中的热点工具按钮（可选择椭圆形、矩形等），然后在图片上单击鼠标并进行拖动，释放鼠标，热点建立完毕。3）选中热点，在属性面板中选择链接的文件；4）重复步骤，为图片建立多个热点链接。5）记录与热点链接有关的HTML代码：4．锚点链接1）新建文档，在文档中输入以下文字：我的文章再输入多行文字，形成比较大段的文本。2）在文档窗口中，将光标置于要设置

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论