网页设计与制作(论文)

网页设计与制作(论文)
网页设计与制作(论文)

毕业设计(论文)

论文题目:网页设计与制作

学习中心(或办学单位):电子科技大学

摘要

网页设计作为用户界面交互设计的延伸,实在新的媒体和新的技术支持实现一个全新的设计创作领域。设计创作网页与循环其特有的特点和结构思路,具备可实际行和外观时尚。本论文将对网页设计的开发语言开展研究和讨论。在网页设计与制作语言的基础上,着重使用 HTML作为工具语言进行网页设计与制作的实际操作,分别对基于对象的 HTML、css、JavaScript进行详细描述并实现网页的开发。

关键字:制作、设计、HTML

Summary

Web design as an extension of the interactive user interface design, it is a new media and new technologies to support a whole new field of creative design. Design creation of web pages and circulation of its unique characteristics and structure of ideas with the actual line and stylish. The web design of this paper will develop language tools to carry out the study and discussion. On the basis of a website on the design and production of language, focus on using HTML web design and production operations as a tool for language, a detailed description of the object-based HTML, CSS, JavaScript and web page development.

Keywords: production, design, HTML

目录

第一章绪论 (5)

1.网页设计概述 (5)

1.2网页设计的要素 (5)

第二章 HTML语言概述 (6)

2.1什么是HTML文件 (6)

2.3HTML格式 (6)

2.5HTML样式 (8)

2.6HTML链接 (8)

2.7HTML表格 (9)

2.8HTML列表 (11)

2.9HTML表单 (12)

第三章 Css的运用 (16)

3.1Css简介 (16)

3.2 Css 基础语法 (16)

3.3派生选择器 (17)

3.4 id 和类选择器 (17)

3.5 Css 框架型结构 (18)

第四章Javascript的运用 (21)

4.1JavaScript 介绍 (21)

4.2HTML包含JavaScript 的方法 (21)

4.3 JavaScript 语句,注释与变量 (22)

4.4JavaScript常用运算符 (22)

4.5JavaScript 条件语句 (23)

4.6函数的定义与应用 (26)

4.7HTML事件处理 (27)

第五章 WEB页面信息的交互——窗体与框架 (32)

5.1窗体基础知识 (32)

5.2 窗体中的基本元素 (33)

5.3窗体对象实例 (37)

5.4 框架 (40)

5.5 框架的访问 (41)

第六章结束语 (46)

致谢 (46)

参考文献......................... 错误!未定义书签。

第一章绪论

随着 21 世纪的到来,人们更深切地感受到计算机在生活和工作中的作用越来越重要,越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需要,更是事业发展的需要。网页设计与制作是计算机能力的具体表现,本章主要介绍网页设计的相关知识。

1.网页设计概述

网页是企业向用户和网民提供信息(包括产品和服务)的一种方式, 是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是 INTERNET 上宣传和反映企业形象和文化的重要窗口。

1.2网页设计的要素

网页设计的两大要素是:整体风格和色彩搭配。

一、确定网页的整体风格在这里,我提供给大家一些参考经验:

1.将你的标志 logo,尽可能的放在每个页面上最突出的位置。

2.突出你的标准色彩。

3.总结一句能反映贵站精髓的宣传标语!

4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网页中出现的所有标题字的阴影效果的设置应该是完全一致的!

二、网页色彩的搭配

1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。

2.用两种色彩。先选定一种色彩,然后选择它的对比色。

3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。在网页配色中,还要切记一些误区:

1.不要将所有颜色都用到,尽量控制在三至五种色彩以内。 2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

第二章 HTML语言概述

2.1什么是HTML文件

HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。一个HTML文件的后缀名是.htm或者是.html。用文本编辑器就可以编写HTML文件。下面写个小HTML文件

Title of page

This is my first homepage. This text is bold

2.2 HTML元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。 HTML 元素以开始标签起始 HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 HTML 元素具有空内容(empty content)空元素在开始标签中进行关闭(以开始标签的结束而结束)大多数 HTML 元素可拥有属性

2.3HTML格式

HTML定义了一些文本格式的Tag,比如利用Tag,可以将字体变成粗体或者斜体。从下面的示例,你可以了解各种文本格式Tag如何改变HTML文本的显示。

2.4 HTML 的特殊字符显示

有些字符在HTML里有特别的含义,比如小于号<就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢?这就要说到HTML字符实体(HTML Character Entities)了。一个字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。比如,要显示小于号,就可以写<或者<。用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。

注意:Entity是区分大小写的。

最常用的字符实体如下图:

2.5HTML样式

style 属性的作用:提供了一种改变所有 HTML 元素的样式的通用方法。样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。

2.6HTML链接

HTML 使用 (锚)标签来创建连接另一个文档的链接。锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等等。

1)a和href属性 HTML用来表示超链接,英文叫anchor。

可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下:

链接的文字

点击当中的内容,即可打开一个链接文件,href属性则表示这个链接文件的路径。比如链接到https://www.360docs.net/doc/d13515696.html,/html站点首页,就可以这样表示:

2)target属性使用title 属性,可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释。

3)name属性使用name属性,可以跳转到一个文件的指定部位。

使用name属性,要设置一对。一是设定name的名称,二是设定一个href指向这个name;

4)链接到email属性在网站中,你经常会看到“联系我们”的链接,一点击这个链接,就会触发你的邮件客户端,比如Outlook Express,然后显示一个新建mail的窗口。用可以实现这样的功能。

代码如:

这是一个最简单的邮箱地址的链接:

给新浪网站发信

这个邮箱地址的链接写了subject内容:

给新浪网站发信

这个邮箱地址链接写了to, cc, bcc, subject, body的内容:

href="mailto:info@https://www.360docs.net/doc/d13515696.html,?cc=webmaster@https://www.360docs.net/doc/d13515696.html,&bcc=media@sina.c om&subject=I%20like%20your%20site&body=真是个好站点!">写信给新浪

注:空格请用%20表示。

显示效果如下图:

图2-1

2.7HTML表格

表格由

标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 A.第2、3行应加入……. B.没有错误 C.错了 D.“button”双引号错了(应为单引号) 答案:A 2.数据库的基本操作是()。 A.编,删,改,查 B.增,删,改,查 C.增,删,加,查 D.增,删,写,查 答案:B 3.表示() A.粗体 B.斜体 C.下划线 D.上标 答案:A 4.插入 Javacript 的正确位置是? A. 部分 B.文档的顶部 C. 部分和 部分均可 D. 部分 答案:C 5.引用名为 "xxx.js" 的外部脚本的正确语法是? A.
标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

示列如图2-2:

表格所用到的Tag:整个表格开始要用table;每一行开始要用tr;每一单元格开始要用td。

只有一行(Row)一列(Column)的表格

100

一行三列的表格

100200300

两行三列的表格

100200300
400500600

图2-2

2.8HTML列表

无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于

    标签。每个列表项始于
  • 。有序列表同样,有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于
      标签。每个列表项始于
    1. 标签。

      示列如图2-3:

      列分frame

      图2-3

      2.9HTML表单

      表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。表单使用表单标签(

      )定义。 10. HTML 框架框架结构标签()定义如何将窗口分割为框架每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积 Css

      示列如图2-4:

      输入用户姓名

      action="https://www.360docs.net/doc/d13515696.html,/html/asdocs/html_tutorials/yourname.asp " method="get">

      请输入你的姓名:

      图2-4

      2.10 HTML图片

      这个 Tag 可以在HTML里面插入图片。最基本的语法如下: url表示图片的路径和文件名。比如url 可以是images/logo/blabla_logo01.gif,也可以是个相对路径是"../images/logo/blabla_logo01.gif"。图片alt属性中有一个alt属性,英文叫alternate text。例句如下:

      smile face

      假使浏览器没有载入图片的功能,浏览器就会转而显示Alt属性的值。其实,现在大多数浏览器都支持图片载入。在此介绍Alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字,所以用ALT属性写上图片的说明,便于搜索引擎抓取你网页的内容

      示列如图2-5:

      将鼠标停留在图片上,你可以看到Alt属性里写的内容。

      站长网站长学院的Logo 标志

      芙蓉姐姐照片:红配绿一台戏

      图2-5

      2.11 HTML字体的大小

      在HTML里,可以用font这个元素及其属性来设定字体的大小,颜色和字体风格。字体大小用字体大小属性(size)来设定字体的大小。示例代码如下:

      size="2">这一段的字体大小的值是2。

      字体风格用face属性来设定字体风格。示例代码如下:

      这一段的字体风格是arial。

      字体颜色用颜色属性(color)来设定字体颜色。字体颜色代码请参见字体颜色代码请参见HTML颜色参考字体颜色代码请参见HTML颜色参考(HTML Color Reference)。

      这一段的字体颜色是红色

      注意HTML4的标准中,已经不建议使用font及其属性来设定字体,而是建议用CSS来设定字体的大小,颜色,字体风格等。有关CSS中和文字的相关属性,请参见我们教程中的。

      示列如图2-6:

      字体大小 font size

      这段文字的字体大小值为1。

      这段文字的字体大小值为2。

      这段文字的字体大小值为3。

      这段文字的字体大小值为4。

      这段文字的字体大小值为5。

      这段文字的字体大小值为6。

      这段文字的字体大小值为7。

      如图2-6

      第三章 Css的运用

      3.1Css简介

      随着Internet的迅猛发展,HTML被广泛应用,上网的人们当然希望网页做得漂亮些,因此HTML排版和界面效果的局限性日益暴露出来。为了解决这个问题,人们也走了不少弯路,用了一些不好的方法,比如给HTML增加很多的属性结果将代码变得很臃肿,将文本变成图片,过多利用Table来排版,用空白的图片表示白色的空间等。直到CSS出现。CSS可算是网页设计的一个突破,它解决了网页界面排版的难题。可以这么说,HTML的Tag主要是定义网页的内容(Content),而CSS决定这些网页内容如何显示(Layout)。CSS的英文是Cascading Style Sheets,中文可以翻译成串联式样式表。CSS按其位置可以分成三种:1)内嵌样式(Inline Style) 2)内部样式表(Internal Style Sheet) 3)外部样式表(External Style Sheet)

      示列如图3-1:

      内嵌式样式(Inline Style)

      这个内嵌样式(Inline Style)定义段落里面的文字是20pt字体,字体颜色是红色。

      这段文字没有使用内嵌样式。

      图3-1

      3.2 Css 基础语法

      CSS 语法由三部分构成:选择器、属性和值: selector {property: value} 选择器 (selector) 通常是你希望定义的 HTML 元素或标签,属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration): body {color:

      blue} 上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中, body 是选择器,而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值,color 为属性,blue 为值。

      示列如图3-2:

      这个标题使用了Style。

      这个标题没有使用Style。

      图3-2

      3.3派生选择器

      通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。在CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器(contextual selectors),这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中,它们称为派生选择器,但是无论你如何称呼它们,它们的作用都是相同的。派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器,我们可以使 HTML 代码变得更加整洁。

      3.4 id 和类选择器

      id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以"#" 来定义。下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第

      二个定义元素的颜色为绿色: #red {color:red;} #green {color:green;} 下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色。 #sidebar p { font-style: italic; text-align: right; margin-top: 0.5em; } #sidebar h2 { font-size: 1em; font-weight: normal; font-style: italic; margin: 0; line-height: 1.5; text-align: right; }

      3.5 Css 框架型结构

      CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和外边距的方式。元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。内边距、边框和外边距都是可选的,默认值是零。但是,许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式。这可以分别进行,也可以使用通用选择器对所有元素进行设置:在 CSS 中,width 和height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。如果希望这个元素框达到 100 个像素,就需要将内容的宽度设置为 70 像素

      示列如图3-3:

      字体大小属性 font-size

      这段文字大小是10pt。

      这段文字大小是16px。

      这段文字大小是16pt。

      这段文字大小是10pt的80%。

      这段文字的大小比10pt大。

      这段文字的大小是特大号(xx-large)。

      图3-3

      3.6定为基础和相对绝对定位

      CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然,这个功能非常强大,也很让人吃惊。要知道,用户代理对 CSS2 中定位的支持远胜于对其它方面的支持,对此不应感到奇怪。另一方面,CSS1 中首次提出了浮动,它以 Netscape 在 Web 发展初期增加的一个功能为基础。浮动不完全是定位,不过,它当然也不是正常流布局。我们会在后面的章节中明确浮动的含义。 CSS 有三种基本的定位机制:普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 X(HTML) 中的位置决定。块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用

      水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框(Line Box),行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个框的高度。在下面的章节,我们会为您详细讲解相对定位、绝对定位和浮动。 CSS 相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。如果将 top 设置为 20px,那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素,那么会在元素左边创建 30 像素的空间,也就是将元素向右移动。 CSS 绝对定位绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。普通流中其它元素的布局就像绝对定位的元素不存在一样:

      网页设计大作业

      网页设计与制作报告书 课程名称:网页设计与制作 报告题目:几米的空间 专业班级:旅管1002班 学号:100104110221 姓名:杨玉颖 指导教师:胡一波

      目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论

      摘要: 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。 关键字:网页制作;制作方法;设计要素;网页测试

      一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多,如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架,表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页,利用它可以轻松的组织、编辑网页并将其发布到指定的站点上,而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了,可根据你的个人喜好来选择一些素材,如图片、喜欢的文章等。 二、网页制作设计技巧 首先,我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项,单击“站点”命令,这时新建站点对话框就弹出来了,在“指定新站点位置”文本框中输入新站点的位置,单击“只有一个网页的站点”图标,单击“确定”按钮。这就建立好站点了,我们现在来看一下新的站点里有什么,单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件,名字叫做“index.htm”。我们知道,每

      网页制作毕业论文设计

      目录 一引言 (3) 二建设的流程 (3) 三网页制作 (3) (一)制作步骤 (3) (二)常用参数 (4) (三)网页布局 (5) (四)网页色彩 (6) (五)细节的把握 (8) (六)常用工具介绍 (9) 四企业网页制作实例 (9) 五结束语 (10) 参考文献 (11) 致谢词 (12)

      浅谈网页制作 XXX 指导教师:XXX (学院系级专业) 【摘要】网页设计作为用户界面交互设计的延伸,是在新的媒体和新的技术支持下实现一个全新的设计创作领域。设计创作网页应遵循其特有的特点和结构思路,具备实际可行性和外观的时尚。本论文讲述了建设的一般步骤,并结合丰富的色彩应用与网页设计理论,通过网页制作实例,阐述了网页设计的视觉效果和具体操作。 关键词网页色彩建设布局 Discusses about the homepage design XXX Instructor:XXX (Management Department of E-commerce in 200X) 【Abstract】The homepage design which is used to be the extending of user interface designing,it is realizes a brand-new design creation field in new media and under the new technical support. Design creation homepage should follow the homepage its unique background characteristic and the structure mentality,it has actual feasible and the outward appearance fashion. The article talk about the general step of

      4月全国网页设计与制作自考试题及答案解析.doc

      ??????????????????????精品自学考料推荐?????????????????? 全国 2019 年 4 月高等教育自学考试 网页设计与制作试题 课程代码: 00900 一、单项选择题(本大题共 20 小题,每小题 1 分,共 20 分 )在每小题列出的四个备选项中只有一个 是符合题目要求的。请将其代码填写在题后的括号内。错选、多选或未选均无分。 1.IP 协议对应于 OSI 七层协议的哪一层 ( ) A. 会话层 B. 网络层 C.传输层 D. 数据链路层 2.通用图像格式GIF 最多可以使用的颜色数是( ) A.16 色 B.216 色 C.256 色 D.512 色 3.XML 的主要特点之一是用户能够定义自己的( ) A.DTD B.CSS C.CGI D.Script 4.网站用三级结构实现时,位于最底层的是( ) A. 文章页 B.导航页 C.栏目页 D. 首页 5.用 FrontPage 200 建立网站时,默认建立的子目录是( ) A.titles 子目录 B.texts 子目录 C.sounds 子目录 D.images 子目录 6.如果采用了安全调色板以外的颜色,在浏览该网页时将会( ) A. 正常显示 B. 不显示 C.产生“抖动” D. 显示黑白两色 7.进行网页设计时,设置页面尺寸与下面哪一项有关( ) A. 显示器分辨率 B.显示器品牌 C.页面内容 D. 网页制作工具 8.目前在网页可嵌入的声音文件中,存储一首乐曲时,其文件最小的是( ) A.wav 文件 B.real 文件 C.Midi 文件 D.MPEG 文件 9.在 HTML 中嵌入 JavaScript,应该使用的标记是( ) A. B. C. D. 10.下列描述正确的是 ( ) A.JavaScript 是一种编译型语言 B.JavaScript 是一种基于对象和事件驱动的编程语言 C.JavaScript 中变量声明采用强定义类型 D.JavaScript 采用静态联编 11.JavaScript 脚本语言的前身是 ( ) A.Basic B.Live Script C.Oak D.VBScript 12.DHTML 技术的核心是 ( ) A.HTML 4.0 B.CSS C.DOM D. 脚本语言 13.使用 CSS 对文本进行修饰,若使文本闪烁,text-decoration 的取值为 ( ) A.none B.underline C.overline D.blink 14.FrontPage 2000 可供用户选择的视图有 ( ) A.3 种 B.4 种 C.5 种 D.6 种 15.在 FrontPage 2000 中,最多可用来创建表格的方式有( ) A.3 种 B.4 种 C.5 种 D.6 种 16.在 FrontPage 2000 中,用户可以处理站点访问者提交上来的表单结果的方式有( ) A.2 种 B.3 种 C.4 种 D.5 种

      网页设计与制作》网上作业题答案(全)

      1.请列出三种TCP/IP网络中所使用的协议,并说明它们哪些类型的终端之间的,例如,网络管理站(SNMP)是用于中央网络管理站和网络之间的。 参考答案: (1)HTTP:超文本传输协议,用于WEB服务器和WEB客户机之间; (2)SMTP:简单邮件传送协议,用于邮件客户机和邮件服务器之间; (3)TELNET:远程登录协议,用于客户机与终端之间。 2.现给出一个网址如下:https://www.360docs.net/doc/d13515696.html,/planetwide/select/selector.html,请你根据所学的URL分析该网址各个部分的含义。 参考答案: //前的http表示访问信息采用的是超文本传输协议,并且文件在WWW服务器上; https://www.360docs.net/doc/d13515696.html,表明了WWW服务器的位置; planetwide/select/selector.html表明最终要访问的文件所在的位置。 3.访问类型即访问信息的链接方式,它决定了文件所在的位置,请问常用的链接方式有哪几种,并举出实例。(列出三种即可) 参考答案: (1)file:如file:\\D:\作业\作业\主页.htm(前面的file:\\一般可省略)就是打开本地D盘下的一个网页;(2)ftp:如ftp:\\https://www.360docs.net/doc/d13515696.html,(此处也可输入IP地址); (3)http:如https://www.360docs.net/doc/d13515696.html,/; (4)News:news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组; (5)telnet:telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7; 4.我们要进入紫霞的公众网,网址如下:telnet://https://www.360docs.net/doc/d13515696.html,,请你实际操作进入该网站,并列出三种以上进入该TELNET网站的方法。 参考答案: (1)在浏览器中登录:启动INTERNET EXPLORER,在URL地址栏中输入“telnet://https://www.360docs.net/doc/d13515696.html,”;(2)“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.360docs.net/doc/d13515696.html,”命令并回车; (3)“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.360docs.net/doc/d13515696.html,”命令并回车; (4)“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5.如果远程登录失败,请问原因可能是什么? 参考答案: (1)计算机地址拼写错误(主机名或IP地址错误); (2)远程计算机暂时不能使用; (3)你所指定的计算机不在Internet上。 6.实践:启动INTERNET EXPLORER浏览器,修改其INTERNET选项,并观察其效果。 您的答案: 答:将https://www.360docs.net/doc/d13515696.html, 设置为INTERNET选项的首页后,只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1.个人网站有哪三种基本风格? 参考答案: (1)主题图形式; (2)信息发布式; (3)介于两者之间的风格。

      电科19年12月考试《网页设计与制作》期末大作业参考答案

      19年12月考试《网页设计与制作》期末大作业-0001 试卷总分:98 得分:98 一、单选题 (共 20 道试题,共 80 分) 1.以下HTML代码,判断正确的是()。

12345678