成立于2018年的苏州井之闲网络信息科技有限公司(简称井之国内专业的网站设计及网站建设服务商,我们是一个高品质的技术团队,凝聚了一批年轻且有活力的80、90后成员。我们拥有丰富的网站开发经验。

取得联系

立即打电话
18351135575
认识网页和网站的区别及相关术语,了解 URL 的作用-SEO新闻-苏州井之闲-苏州网站建设-高端网站设计-网页制作

认识网页和网站的区别及相关术语,了解 URL 的作用

首页 | SEO新闻
认识网页和网站的区别及相关术语,了解 URL 的作用-SEO新闻-苏州井之闲-苏州网站建设-高端网站设计-网页制作
2024-10-19 认识网页和网站的区别及相关术语,了解 URL 的作用-SEO新闻-苏州井之闲-苏州网站建设-高端网站设计-网页制作
网络整理 阅读 (2669)

1.1 了解网页和网站 1.1.1 网页和网站

网页和网站的区别:

网站是一个整体,一个系统,由网页、后台程序、数据库、域名等组成。网页是网站的其中一个页面,一个html文件,浏览器就是用来解释这个文件的

常用术语:

网址:

URL(统一资源定位符)是 上唯一资源的地址。它是浏览器用来检索已发布资源(例如 HTML 页面、CSS 文档、图像等)的关键机制之一。

理论上,每个有效的 URL 都指向一个唯一的资源。在实践中,也有一些例外。最常见的情况是 URL 指向不存在或已移动的资源。由于通过 URL 呈现的资源以及 URL 本身是由 Web 服务器处理的,因此 Web 服务器的所有者需要仔细维护资源以及与其关联的 URL。

FTP:文件传输协议(File,FTP)是一种广泛使用的网络文件传输标准协议。 FTP作为网络通信中的基本工具,允许用户通过客户端软件与服务器进行交互,实现文件上传、下载等文件操作。 FTP工作在OSI模型的应用层,通常使用TCP作为其传输协议,以保证数据传输的可靠性和顺序性。

发布:发布您的网站。编写完代码并组织构成网站的文件后,您需要将其全部放在网上,以便人们可以找到它。

1.1.2 静态网页和动态网页

静态网页:静态网页是指内容预先在服务器上生成,并在用户请求时以完全相同的形式发送到用户浏览器的网页。这意味着访问静态页面的每个用户都会看到相同的内容,因为页面内容不会根据用户的特定需求或输入而改变。

动态网页:

所谓动态网页,是指与静态网页相反的一种网页编程技术。对于静态网页来说,随着HTML代码的生成,页面的内容和显示效果基本上不会改变——除非你修改页面代码。动态网页则不是这种情况。虽然页面代码不会改变,但是显示的内容会随着时间、环境或者数据库操作的结果而改变。

浏览网页时一定要注意,动态网页并不是指网页上的动态效果,如视频、动画图片、滚动字幕等。动态网页的内容也可以设计为纯文本或纯文本。视频内容,无论网页如何。无论是否具有动态效果,只要采用动态网页设计,就可以称为动态网页。

简而言之,动态网页就是将基本的HTML语法规范与Java、VB、VC等编程语言、数据库编程等技术相融合,以实现对网站内容和风格的有效、动态、交互的管理。因此,从这个意义上来说,任何结合HTML以外的编程语言和数据库技术的Web编程技术生成的网页都是动态网页。

1.2 网页的基本元素 1.2.1 文本

文本:文本具有体积小、网络传输速度快的特点,可以让用户更方便地浏览和下载文本信息。它是网页最重要的基本元素,也是页面最重要的信息载体。

1.2.2 图片和动画

图片和图画:图片比文字更加生动直观,可以传达一些文字无法表达的信息,具有很强的视觉冲击力。在网页上,为了更有效地吸引浏览者的注意力,许多网站广告都是动画的。

1.2.3 超链接

超链接:超链接是指按内容进行链接。超链接本质上是网页的一部分。它是一个允许我们连接到其他网页或网站的元素。只有将各个网页链接在一起才能真正形成一个网站。在超文本文档中,超链接由标记语言中的标签来指示。

超链接是网页区别于其他媒体的重要特征之一。网页浏览者只要点击网页中的超链接,即可自动跳转到超链接的目标对象,且超链接的数量不受限制。文本超链接是指定目标 URL 的单词或短语。图片超链接将默认超链接分配给整个图片。您还可以为图片指定一个或多个热点。

1.2.4 音视频

音频:使网页效果多样化。常用的格式包括 mid 和 MP3。

视频:网页中的视频文件一般为v格式。它是一种基于Flash Mx的视频流格式。具有文件体积小、加载速度快的特点。它是在线视频格式的首选。

1.2.5 交互形式

交互表单:网页中的表单通常用于在浏览器端接收用户输入,然后将这些信息发送到用户设定的目标。该目标可以是文本文件、网页和电子邮件,也可以是服务器端应用程序。表单一般用于收集联系信息、接收用户请求、获取反馈以及允许查看者注册为会员并充当会员。

登录网站等

1.2.6 其他公共元素

其他常见元素:除了上述基本元素之外,网页中还存在一些其他常见元素,包括悬停按钮和各种特效。

1.3 页面布局结构 1.3.1 网页布局

1.3.2 网页配色

(1)网页防伪色。 Web安全颜色是指在不同的硬件环境、不同的操作系统、不同的浏览器中能够正常显示的颜色的集合。当使用网络安全颜色进行匹配时,这些颜色在任何最终用户的显示设备上都将显示相同的颜色。

网络安全颜色为红色、绿色和蓝色。当颜色数字信号值为0、51、102、153、204和255时,颜色组合总共由216种颜色组成。

(2)网页色彩的表现。在网页设计中,最常见的颜色值的表达方式是十六进制。十六进制是计算机中表示数据的一种方法。它由数字0~9和字母A~F组成。字母不区分大小写。颜色值可以用6位十六进制表示,需要在前面添加特殊符号“#”,如#。也可以用RGB、HSB、Lab、CMYK来表示; RGB颜色模式是通过改变红(R)、绿(G)、蓝(B)三个颜色通道并相互叠加得到的。颜色是目前使用最广泛的颜色系统之一。 HSB颜色模式是流行设计软件中常见的颜色模式。 Lab 颜色模型由亮度 (L) 和两个颜色通道 a 和 b 组成。这种颜色混合后会产生鲜艳的颜色。 CMYK也称为印刷色彩模型,它由青色、品红色(品红色)、黄色和黑色4种颜色组合成各种颜色。

(3)常见的色彩组合:

使用相似色来搭配:相似色是指同一色系的颜色。使用相似的颜色来搭配网页色彩可以使网页的效果更加统一、和谐。例如,暖色和冷色是相似颜色的两种用途。

使用相似色搭配:色相环中每种颜色相对的颜色称为补色,也是对比度最强的色组。也可以指两种明显区分的颜色,包括色调对比、亮度对比、饱和度对比、冷暖对比等,如黄与蓝、紫与绿、红与青等。任何颜色以及黑、白、灰、深色与浅色、冷色与暖色、亮色与深色等都是对比色。

1.4 Web前端技术简介 1.4.1 首先Web前端简介

网页前端:

Web前端是向用户展示的网页,相当于网络的前端部分,包括设计、特效、用户交互等。

Web前端开发是创建前端界面(例如网页或APP)以呈现给用户的过程。它使用源自HTML、CSS和JavaS的各种技术、框架和解决方案来实现互联网产品的用户界面交互。

1.4.2 Web前端开发三大核心技术

1)HTML5:网页内容的骨架

2)CSS3:负责网页的外观和风格

3):使网页具有交互性

1.4.2.1 HTML

HLML:

它是用于标记Web信息如何显示以及其他特征的语法规则。它最初是由 CERN 的 Tim-Lee 于 1989 年发明的。 HTML 基于旧语言 SGML 定义并简化了语言元素。这些元素用于告诉浏览器如何在用户屏幕上显示数据,因此它们长期以来一直受到各个网络浏览器制造商的支持。

1.4.2.2 CSS语言

CSS:

CSS 是一种定义字体、颜色、位置等样式结构的语言。它用于描述网页信息的格式化和显示方式。 CSS 样式可以直接存储在 HTML 网页中或单独的样式表文件中。无论哪种方式,样式表都包含将样式应用于指定类型的元素的规则。对于外部使用,样式表规则放置在文件扩展名为 _css 的外部样式表文档中。

样式规则是可应用于网页上的元素(例如文本段落或链接)的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式表直接放置在网页中,外部样式表保存在单独的文档中,网页通过特殊标签链接到外部样式表。

CSS 名称中的“()”指的是样式表规则应用于 HTML 文档元素的方式。具体来说,CSS 样式表中的样式形成层次结构,更具体的样式覆盖常见样式。 CSS根据这个层次结构来决定样式规则的优先级,从而达到级联的效果。

1.4.2.3 语言

:

它是一种跨平台、面向对象的脚本语言,可以使网页具有交互性(例如,具有复杂的动画、可点击的按钮、流行的菜单等)。还有高级服务器端版本,例如 Node.js,它允许您向网页添加更多功能,而不仅仅是下载文件(例如多台计算机之间的协作)。在主机环境(例如网络浏览器)中,可以通过其所连接的环境提供的编程接口对其进行控制。

它内置了一些对象的标准库,例如数组(Array)、日期(Date)、数学(Math),以及一组核心语句,包括运算符、流程控制运算符和声明方法。该语言的核心部分可以通过添加对象来扩展以适应不同的用途

网页制作html_网页制作_网页制作基础教程

1.4.3 前端开发工具 1.4.3.1 浏览器

浏览器:

浏览器是用于检索、显示和传递Web信息资源的应用程序。 Web信息资源由统一资源标识符(URI)来标记,它是网页、图片、视频或Web上呈现的任何内容。

1.4.3.2 网页编辑器

网页编辑器:

:一款功能齐全的网页编辑软件,可以帮助用户创建HTML、CSS等网页语言,并提供可视化设计和代码编辑功能。

文本:高效的代码编辑器,提供丰富的插件和主题,可以支持多种编程语言。 Code:微软开发的轻量级代码编辑器,支持多种编程语言和框架。 Atom:一个开源代码编辑器,具有丰富的插件和主题,并提供一些高级功能,例如智能自动完成和文件管理器。

1.4.3.3 切割软件

剪图:

剪切是指将一张大图片剪切成多张小图片的过程。该过程通常用于网页设计、移动应用程序开发和图形处理等领域。裁剪可以提高页面加载速度,方便在不同设备上显示,并且每张小图都可以根据需要进行优化。

1.5 HTML 语法基础知识 1.5.1 HTML 概述

HTML是Hyper Text的缩写,即超文本标记语言。它是一种用于创建超文本文档的简单标记语言。

1.5.1.1 语言

HTML是Hyper Text的缩写,即超文本标记语言。它是一种用于创建超文本文档的简单标记语言。 1.语言

HTML作为一种超文本标记语言,有规定的语法规则,超文本传输​​协议规定了浏览器运行HTML文档时遵循的规则和操作。

1.5.1.2 超文本

超文本是可以添加图像、声音、动画、电影和其他内容的文本。事实上,每个HTML文档都是一个静态网页文件。该文件包含 HTML 指令代码。这些指令代码不是编程语言。它只是一种标记结构语言,用于布局数据在网页中的显示位置。简单易学、易于理解。

1.5.1.3 标记

HTMLS实际上并不是一种编程语言,而是一种标记语言。 HTML5 文件由一系列成对出现的嵌套元素组成。这些标签包含在“”中。它们被称为标签,也叫标签,是用来划分网页,形成文字布局、文字格式和彩色图片的元素。标签通过将一段信息指定为段落、标题等来标识文档的特定部分。在 HTML 中用作标签的每个符号都是一个命令,告诉浏览器如何显示文本。这些标签由“”符号和字符串组成。例如,等等。注意,在双标签中,第一个标签称为开始标签,第二个标签称为结束标签。结束标记需要在左尖括号后面添加结束字符“/”。

HTML 只是一个纯文本文件。创建 HTML 文档需要两个工具:HTML 编辑器和 Web 浏览器。 HTML编辑器是一个用于生成和保存HTML文档的应用程序。 Web浏览器用于打开网页文件并提供用于查看Web资源的客户端程序。

1.5.2 HTML的基本结构

HTML 文档由一系列元素和标签组成。元素名称不区分大小写,HTML

1.5.2 HTML的基本结构

HTML 文档由一系列元素和标签组成

1.5.2.1HTML文档标签...

HTML文档标签的格式为

位于文档的前面,表示HTML文档的开始,即浏览器从头开始解释,直到遇到它。每个 HTML 文档都以

1.5.2.2HTML文档头标签

HTML 文档包括头部和正文。 HTML文档头标签的格式为

开始标签和结束标签描述了文档头内容,包括文本文件地址、创建信息等网页信息。

1.5.2.3 文档编码

文档编码格式如下:

为了能够被浏览器正确解释并符合W3C编码标准,所有HTML文档都必须声明它们使用的编码语言。

1.5.2.4HTML文档正文标签...

HTML文档主体标签的格式为

网页的内容主体位于标题之后上海网页设计,称为开始标签和结束标签。它定义了网页显示的主要内容和显示格式,是整个网页的核心。网页实际要显示的内容包含在主体部分。

1.6 创建HTML文档

网页可以简单到只有文字,也可以复杂到包括图片、文字、超链接、视频、音频等。让我们快速编辑一个 HTML 文件来了解编辑和保存网页的过程。

(1) 使用新项目。点击并选择“文件”-“新建”→“Web项目”

(2) 创建项目名称并设置项目位置。完成后会出现在左侧项目管理栏里。

(3)打开项目“课堂练习”的文件夹南京网页制作,可以看到有首页index.html、aj文件夹、css文件夹、图片文件夹,基本完整。

(4)到了这一步就可以编写网页代码了,直接在index.html中编写代码即可。

(5) 在“创建文件向导”对话框中,选择文件所在目录并命名文件。模板是html5....

1.7 网页标题标签 1.7.1 标签

tag 是页面标题标签。它在浏览器的标题栏中显示 HTML 文件的标题,以描述文件的用途。该标签只能在之间应用。标签总结了文件的内容。一个好的标题可以让读者确定文档的大致内容。

网页标题不会显示在文本窗口中,而是显示在窗口名称中。每个文档只允许有一个标题。网页的标题可以给浏览者带来方便。如果查看者喜欢该网页,将其添加到书签或将其保存到磁盘,则标题将作为该页面的徽标或文件名。另外,使用搜索引擎时显示的结果也是页面的标题

1.7.2 标签

tag是元信息标签,是HTML中的单个标签。该标签可以在head标签中重复出现,用于表示该页面的作者、制作工具、包含的关键词以及描述该网页的其他信息。

标签分为两大属性:HTTP标题属性(htp-equiv)和页面描述属性(name)。不同的属性有不同的参数值,这些不同的参数值实现不同的网页功能。本节主要讲解name属性,该属性用于设置搜索关键词和描述。标签名称属性的语法:

name属性主要用于描述网页概要信息,对应的属性值为。内容主要供搜索引擎查找信息、对信息进行分类。

name属性主要有以下两个参数:(关键词)和(网站内容描述)

1.7.2.1,

用于告诉搜索引擎网页上使用的关键字。

1.7.2.2

用于告诉搜索引擎网站的主要内容

1.7.3 标签

该标签用于连接外部资源和当前的 HTML 文档。它仅出现在 标签中,通常用于连接外部样式表。

1.7.4

上一篇文章 南京网站建设公司如何选择 CMS 并考虑 SEO 优化思路
下一篇文章 做个企业网站收费多少?从真皮沙发、汽车到房子,一文带你了解