理论教育 DIV+CSS3网页设计与制作

DIV+CSS3网页设计与制作

时间:2023-11-22 理论教育 版权反馈
【摘要】:图1.1.1银河1号网络中最典型的表现形式就是网页,随着个人博客、各类网站的流行,越来越多的人开始学习设计、制作网页。我们在了解网页特点、学习网页制作的相关知识时,要学习以慈云桂教授为代表的科研人员的“胸怀祖国、团结协作、志在高峰、奋勇拼搏”的“银河精神”。图1.1.5为长沙南方职业学院的网页,其中建立了标题为“长沙南方职业学院2019年第二次单招实施方案”的超链接。

DIV+CSS3网页设计与制作

【案例引入】

在湖南长沙,中国人民解放军国防科技大学存放着一个红黄相间的大机柜,它就是我国自行设计和研制的第一台每秒运算速度达到亿次的巨型计算机——“银河1号”(图1.1.1)。20世纪70年代初期,外国科学家率先研制出巨型计算机,它强大的数据处理能力改变了其他生产领域的发展态势。如石油的开采就需要借助巨型计算机来计算相关数据。当时我国石油勘探的数据是用磁带记录的。磁带数量之多到需要卡车装运,并且需要用飞机空运到国外处理,经费消耗巨大,处理时间不能满足工作需要,且我国的勘探资料容易泄露。当我国想进口一台性能一般的计算机时,对方却要求为这台机器建一个六面不透光的“安全区”,进入“安全区”的还只能是国外工作人员。面对这苛刻要求,我国科学家下决心要研制出自己的巨型计算机。从1978年起,经过几年顽强拼搏,以慈云桂教授为代表的科研人员攻克了数以百计的技术难题,提前一年完成了研制任务。1983年12月26日,我国第一台亿次巨型计算机顺利通过了国家技术鉴定,并被命名为“银河1号”。它的研制成功标志着中国成为当时世界上第三个能够独立设计和制造巨型计算机的国家。我国“银河人”以精益求精的态度快速、稳妥地推进任务进程。1992年,我国再次成为世界上第三个掌握每秒10亿次计算能力巨型计算机研制技术的国家。

图1.1.1 银河1号

【案例分析】

网络中最典型的表现形式就是网页,随着个人博客、各类网站的流行,越来越多的人开始学习设计、制作网页。我们在了解网页特点、学习网页制作的相关知识时,要学习以慈云桂教授为代表的科研人员的“胸怀祖国、团结协作、志在高峰、奋勇拼搏”的“银河精神”。

【主要知识点】

微课1.1 网页设计基础知识

1.1.1 网站的基本元素

网站是指在互联网上根据一定的规则,使用HTML(标准通用标记语言下的一个应用)等工具制作的用于展示特定内容的相关网页的集合。它是由一个首页和若干个网页构成的整体。其中,首页是网站最重要的表现部分。浏览者可通过首页进入网站的各个子页,通过首页就能知道整个网站的主题与基调,以及要传递的信息。图1.1.2是网易网站首页、图1.1.3是淘宝网网站首页。这两个首页都传递出了网站所要表达的主题信息。

图1.1.2 网易网站首页

图1.1.3 淘宝网站首页

由上可知,网页主要由文本、图像、动画、表格、表单、音频、视频、超链接等元素构成。

1.1.2 网页制作中的基本概念

1)服务器与浏览器

在互联网上,获得信息的计算机称为客户端,提供信息的计算机称为服务器,人们在客户端上安装的浏览器软件(如Internet Explorer)可以向网络上的服务器请求浏览自己需要的信息。图1.1.4是浏览器与服务器的关系示意图

图1.1.4 浏览器与服务器的关系示意图

2)超链接

超链接的本质是一种可以跳转到其他文件的文字或图片的技术。图1.1.5为长沙南方职业学院的网页,其中建立了标题为“长沙南方职业学院2019年第二次单招实施方案”的超链接。单击该标题,浏览器会直接跳入该招生文件的子页。

图1.1.5 建立了超链接的网页

3)URL

URL为“Uniform Resource Locator”的缩写,通常翻译为“统一资源定位器”,也就是人们通常说的“网址”。它用于指定Internet上的资源位置。图1.1.6所示的“https://www.taobao.com”就是淘宝网的URL。

图1.1.6 淘宝网的URL

4)HTML

网页文件是用一种标签语言书写的,这种语言称为HTML(Hyper Text Markup Language,超文本标签语言),它可对网页的内容、格式及链接进行描述。

5)HTTP

HTTP,全称为“Hyper Text Transfer Protocol”,意思为“超文本传输协议”,是当前网络中使用最广泛的通信传输协议,同时也是大部分网络用户浏览网页的主要方式。当网络用户访问网站时,便可使用以“http://”开头的网址进入网站,现在基本上被“https://”所替代。

6)HTTPS

HTTPS,全称为“Hyper Text Transfer Protocol over SecureSocket Layer“,是以安全为目标的HTTP通道,在HTTP的基础上通过传输加密和身份认证保证了传输过程的安全性。例如在浏览器地址栏中输入“https://www.cctv.com/”后按下回车键,将由HTTPS协议打开“央视网首页”,如图1.1.7所示。其原理是浏览器通过HTTPS协议向远程服务器请求数据,远程服务器依据此协议把数据传回浏览者的浏览器,并在浏览器页面上显示出来。

(www.daowen.com)

图1.1.7 HTTPS传输协议

7)上传与下载

把制作好的网站传送到服务器上,这个过程就称为“上传”。

下载是指通过网络传输文件,把互联网或其他电子计算机上的信息保存到本地电脑上的一种网络活动。

8)域名

域名是IP地址的映射,起着识别网络内计算机的作用。域名可分为不同级别,包括顶级域名、二级域名等。域名系统主要由数字和字母组成,中间以根接点“.”隔开。如新浪网的域名是:www.sina.com.cn,其中cn为高层域,com为第二层,sina为第三层,www为万维网主机。遵照国际惯例,我国的域名体系也包括类别域名和行政区域名两种,其中行政区域名按照原国家技术监督局发布的国家标准确定,按照各省、市、自治区划分为34个;而类别又按申请机构的性质分为COM、NET、ORG、GOV、EDU等。

COM:工商金融等企业。

NET:互联网络,接入网络的信息中心(NIC)和运行中心(NOC)。

ORG:各种非营利性组织。

GOV:政府部门。

EDU:教育机构。

9)网站与网页

“网站”就是在Internet上一块固定的面向全网发布消息的地方。它由域名(也就是网站地址)和网站空间构成,网站空间里存放的就是各种网页。浏览服务器默认打开的网页就是主页,主页具有唯一性。有时候,网站也被称为站点。衡量一个网站的性能,通常从网站空间大小、网站位置、网站连接速度、网站服务内容等几方面来考虑。

10)IP地址

IP是“Internet协议”,它是Internet能够运行的基础。具体来说,IP是为标识网络中的主机所使用的地址,连接到采用TCP/IP的网络的每个设备都必须有唯一的IP地址。

在使用二进制表示的时候,IP地址的长度为32位,分为4段,每段8位。用十进制数字表示的时候,每段数字范围为1~255,段与段之间用英文句点隔开,如网易站点的IP地址是:61.135.253.10。

1.1.3 网页的类型

1)静态网页

静态网页一般以.htm或.html为后缀结尾,俗称html文件。

2)动态网页

动态网页内含有程序代码,运行于服务器端的程序、网页和组件等都属于动态网页。动态网页通常是以.asp,.jsp等后缀结尾,还可以.php结尾,如长沙南方职业学院的校园网首页是index.php。

课程育人】

通过案例引入和网页设计基础知识,可以看出科技的发展从无到有,需要几代人的无私奉献。年轻一代要树立崇高远大的理想,刻苦学习,勇于创新

1.从巨型计算机的研制到此课程的学习,从落后就要吃亏、受欺负,教育同学们要认真学习,掌握新知识、新技术,为国争光,为早日实现中国梦而努力。

2.自主创新,掌握核心科学技术对国家的发展很重要。我们平时要有创新意识,为国家富强贡献自己的一份力量。

【课堂互动】

1.目前在Internet上应用最为广泛的服务是( )。

A.FTP服务 B.WWW服务 C.Telnet服务 D.Gopher服务

2.IP地址由一组( )的二进制数字组成。

A.8位 B.16位 C.32位 D.64位

3.计算机网络的目标是实现( )。

A.数据处理 B.信息传输与数据处理

C.文献查询 D.资源共享与信息传输

4.网页中最为常用的两种图像格式是( )。

A.JPEG和GIF B.JPEG和PSD C.GIF和BMP D.BMP和PSD

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈