WEB网页设计 理论基础提炼

2024-03-06 06:40

本文主要是介绍WEB网页设计 理论基础提炼,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

互联网

简单地说,互联网是一个由各种不同类型和规模的、独立运行和管理的计算机网络组成的世界范围的巨大计算机网络——全球性计算机网络,它的英文名字叫internet。
组成互联网的计算机网络包括小规模的局域网(LAN)、城市规模的区域网(MAN)以及大规模的广域网(WAN)等等。
这些网络通过普通电话线、高速率专用线路、卫星、微波和光缆等线路把不同国家的大学、公司、科研部门以及军事和政府等组织的网络连接起来

因特网

因特网(Internet)又称国际计算机互联网,是目前世界上影响最大的国际性计算机网络。
其 准确的描述是:因特网是一个网络的网络(a network of network)。它以TCP/IP网络协议将 各种不同类型、不同规模、位于不同地理位置的物理网络联接成一个整体。
它也是一个国际 性的通信网络集合体,融合了现代通信技术和现代计算机技术,集各个部门、领域的各种信 息资源为一体,从而构成网上用户共享的信息资源网。它的出现是世界由工业化走向信息化 的必然和象征。

万维网

万维网(World Wide Web,WWW)是Internet提供的最重要的信息服务,由三部分组成:客户机、服务器和HTTP,它是促使Internet迅速发展和普及的重要技术。
用户只要在WWW浏览器中的Web页面上轻松点击链接,就可以转到相应的信息服务资源中去。
多媒体的Web界面带来生动活泼的效果,简单和直观的操作手段给用户提供了很大的便利。
是互联网的一部分。

浏览器

浏览器英文名称:browser
定义:万维网(Web)服务的客户端浏览程序。可向万维网(Web)服务器发送各种请求,并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。
浏览器可以浏览web服务器上的HTML文件内容,并让用户可以交互的一种软件。
网页浏览器主要通过HTTP协议与web服务器交互并获取网页。

URL

URL(Uniform Resource Locator,统一资源定位符)也被称为网页地址,是因特网上标准资源的地址,是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。
在Internet上所有资源都有一个独一无二的URL地址,这种地址可以是本地磁盘,也可以是局域网上的某一台计算机,更多的是Internet上的站点。
简单地说,URL就是Web地址,俗称“网址”。例如http://www. China.com。
URL的格式:协议名://主机名[:端口号]/[路径名/…/文件名]

Internet协议

协议(Protocol)是关于信息格式及信息交换规则的描述。
在信息技术中,协议就是—些特殊规则的集合,它被通信的接收方和发送方认可,接收到的信息和发送的信息均以这种规则加以解释。
在网络的各层中存在着许多协议。
接收方与发送方同层的协议必须一致,否则一方将无法识别另一方发出的信息,以这种规则规定双方完成信息在计算机之间的传送过程。

IP地址

IP地址是网上的通信地址,是计算机、服务器和路由器的端口地址,每—个IP地址在全球都是惟一的,是远行TCP/IP的惟一标识。
每台Internet上的计算机由一个独有的IP地址来惟一标识。
目前Internet使用的是IPv4版本,IP地址是一个由32位的二进制数组成的号码,该号码分为4段,每段8位,每段取值范围为0~255。例如202.99.2.60。

HTTP

Internet的基本协议是TCP/ IP协议,然而在TCP/ IP摸型最上层的是应用层 (Application layer),它包含所有高层的协议。
高层协议有文件传输协议FTP、电子邮件传输协议SMTP、域名系统服务DNS、网络新闻传输协议NNTP和HTTP协议等。

网页色彩搭配

选择网页色彩,在遵从艺术规律的同时,还应考虑人的生理特点。
色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用容易造成视觉疲劳的纯度很高的单一色彩。
在选择网站颜色时,应遵循以下标准。

1.了解网站所要传达的信息和品牌

2.了解网站的访问群体
3.不要使用过多的颜色
4.在文字的部分使用对比色
5.选择颜色要注意时效性
6.选择色盘时应考虑功能性的颜色
7.注意网站色差问题

全局属性:可用于任何 HTML5 元素

在这里插入图片描述

全局事件属性

就是当用户操作一个 HTML 元素(如按钮,文本框,选择框等)时,触发某种事件(如点击事件onclick、值变化事件onchange等),从而启动一段 JavaScript动作。
常用的事件有几类:

  1. 窗口事件,如onload(当页面被载入时执行),onunload;
  2. 表单元素事件,如onchange, onsubmit,onreset,onselect,onblur,onfocus;
  3. 键盘事件,如onkeydown,onkeypress,onkeyup;
  4. 鼠标事件,如onclick, ondbclick,onmousedown, onmouseup,onmouseover,onmouseout,onmousemove;等等

元数据标签

元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部。 标签的属性定义了与文档相关联的名称/值。参考书中表2.4 注释: 标签永远位于 head 元素内部。

字符符号

在这里插入图片描述

特殊点

可以保留换行等的标签

<pre> 标签
定义和用法
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。

enctype属性
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。
如:enctype=“multipart/form-data”。
application/x-www-form-urlencoded:在发送前对所有字符进行编码(默认)。
multipart/form-data:不对字符进行编码,尤其是在使用包含文件上传控件的表单时,必须使用该值。
text/plain:空格转换为 “+”(加号),但不对特殊字符编码。

这篇关于WEB网页设计 理论基础提炼的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/779147

相关文章

Mysql中设计数据表的过程解析

《Mysql中设计数据表的过程解析》数据库约束通过NOTNULL、UNIQUE、DEFAULT、主键和外键等规则保障数据完整性,自动校验数据,减少人工错误,提升数据一致性和业务逻辑严谨性,本文介绍My... 目录1.引言2.NOT NULL——制定某列不可以存储NULL值2.UNIQUE——保证某一列的每一

Python Web框架Flask、Streamlit、FastAPI示例详解

《PythonWeb框架Flask、Streamlit、FastAPI示例详解》本文对比分析了Flask、Streamlit和FastAPI三大PythonWeb框架:Flask轻量灵活适合传统应用... 目录概述Flask详解Flask简介安装和基础配置核心概念路由和视图模板系统数据库集成实际示例Stre

如何使用Maven创建web目录结构

《如何使用Maven创建web目录结构》:本文主要介绍如何使用Maven创建web目录结构的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录创建web工程第一步第二步第三步第四步第五步第六步第七步总结创建web工程第一步js通过Maven骨架创pytho

Java Web实现类似Excel表格锁定功能实战教程

《JavaWeb实现类似Excel表格锁定功能实战教程》本文将详细介绍通过创建特定div元素并利用CSS布局和JavaScript事件监听来实现类似Excel的锁定行和列效果的方法,感兴趣的朋友跟随... 目录1. 模拟Excel表格锁定功能2. 创建3个div元素实现表格锁定2.1 div元素布局设计2.

如何使用Haporxy搭建Web群集

《如何使用Haporxy搭建Web群集》Haproxy是目前比较流行的一种群集调度工具,同类群集调度工具有很多如LVS和Nginx,本案例介绍使用Haproxy及Nginx搭建一套Web群集,感兴趣的... 目录一、案例分析1.案例概述2.案例前置知识点2.1 HTTP请求2.2 负载均衡常用调度算法 2.

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

从基础到进阶详解Pandas时间数据处理指南

《从基础到进阶详解Pandas时间数据处理指南》Pandas构建了完整的时间数据处理生态,核心由四个基础类构成,Timestamp,DatetimeIndex,Period和Timedelta,下面我... 目录1. 时间数据类型与基础操作1.1 核心时间对象体系1.2 时间数据生成技巧2. 时间索引与数据

MyBatis设计SQL返回布尔值(Boolean)的常见方法

《MyBatis设计SQL返回布尔值(Boolean)的常见方法》这篇文章主要为大家详细介绍了MyBatis设计SQL返回布尔值(Boolean)的几种常见方法,文中的示例代码讲解详细,感兴趣的小伙伴... 目录方案一:使用COUNT查询存在性(推荐)方案二:条件表达式直接返回布尔方案三:存在性检查(EXI

安装centos8设置基础软件仓库时出错的解决方案

《安装centos8设置基础软件仓库时出错的解决方案》:本文主要介绍安装centos8设置基础软件仓库时出错的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录安装Centos8设置基础软件仓库时出错版本 8版本 8.2.200android4版本 javas

Linux基础命令@grep、wc、管道符的使用详解

《Linux基础命令@grep、wc、管道符的使用详解》:本文主要介绍Linux基础命令@grep、wc、管道符的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录grep概念语法作用演示一演示二演示三,带选项 -nwc概念语法作用wc,不带选项-c,统计字节数-