4.1.2 网页设计技术

文章目录

  • 1. 万维网(WWW)的诞生
  • 2. 移动互联网的崛起
  • 3. 网页三剑客:HTML、CSS和JavaScript
    • HTML:网页的骨架
    • CSS:网页的外衣
    • JavaScript:网页的活力
  • 4. 前端框架的演变
    • 基于CSS的框架
    • 基于JavaScript的框架
    • 基于MVVM思想的框架

在这里插入图片描述
大家好,今天我们将一起探讨网页设计技术的世界。在这个数字化时代,网页设计不仅仅是一项技术,更是一种艺术。我们将从万维网的起源讲起,逐步深入到网页设计的核心工具和现代框架。

1. 万维网(WWW)的诞生

让我们回到1990年,那一年,英国计算机科学家蒂姆·伯纳斯·李创造了浏览器、HTML、URL及HTTP,这些技术的结合体就是我们今天所知的万维网。蒂姆·伯纳斯·李因此被誉为万维网之父。万维网的诞生,使得非计算机专业人员也能轻松上网,这一变革极大地推动了计算机软硬件以及互联网产品和技术的发展。

2. 移动互联网的崛起

时间快进到2010年左右,全球进入了移动互联网的高速发展时期。手机的便携性使得人们可以随时随地上网。许多手机App的界面设计都是基于Web技术实现的,这意味着我们可以在不同的操作系统上,通过内嵌的浏览器展示统一的网页界面。这种方法不仅减少了开发工作量,也降低了维护成本。

3. 网页三剑客:HTML、CSS和JavaScript

HTML:网页的骨架

HTML,即超文本标记语言,是构建网页的基础。自1990年诞生以来,HTML已经经历了多个版本的更新,目前由W3C组织维护,最新版本是HTML5。HTML5引入了语义标签、增强型表单、视频和音频、Canvas绘图等功能,极大地丰富了Web前端开发的可能性。

CSS:网页的外衣

CSS,即层叠样式表,是一种用于描述HTML或XML文档表现形式的语言。它控制着网页的布局、颜色、字体和动画,使网页内容的展示更加美观和统一。CSS从CSS1发展到CSS3,不断增加新特性,支持更丰富的网页设计。

JavaScript:网页的活力

JavaScript是一种轻量级、解释型的编程语言,它为网页增添了交互性。通过JavaScript,我们可以在用户浏览器中运行代码,实现动态内容更新、表单验证、动画效果等。JavaScript的版本从ES1发展到ES2023,引入了现代编程特性,持续推动Web开发的进步。

4. 前端框架的演变

随着技术的发展,前端框架也在不断进化,以适应更复杂的网页设计需求。

基于CSS的框架

  • Bootstrap:一个响应式、移动优先的前端框架,帮助开发者快速设计和定制响应式布局。
  • MUI:提供了丰富的UI组件,适用于多种平台和设备。
  • HUI:一个简单、易用的前端框架,适合快速开发。

基于JavaScript的框架

  • ExtJS:一个功能强大的JavaScript框架,适用于企业级应用开发。
  • jQuery:一个快速、小巧、功能丰富的JavaScript库,简化了HTML文档操作、事件处理、动画和Ajax。

基于MVVM思想的框架

  • AngularJS:一个开源的Web应用框架,采用MVVM设计模式,简化了客户端应用的开发。
  • React:一个用于构建用户界面的JavaScript库,特别适合构建复杂的单页应用。
  • Vue:一个渐进式JavaScript框架,易于上手,同时提供了强大的功能和灵活性。

通过今天的讲解,我们不仅回顾了网页设计技术的发展历程,还了解了现代网页设计中不可或缺的工具和框架。希望这些知识能够帮助大家更好地理解和掌握网页设计的艺术。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/58074.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Django】继承框架中用户模型基类AbstractUser扩展系统用户表字段

Django项目新建好app之后,通常情况下需要首要考虑的就是可以认为最重要的用户表,即users对应的model,它对于系统来说可以说是最基础的依赖。 实际上,我们在初始进行migration的时候已经同步生成了相应的user表,如下&am…

spygalss cdc 检测的bug(二)

当allow_qualifier_merge设置为strict的时候,sg是要检查门的极性的。 如果qualifier和src经过与门汇聚,在同另一个src1信号或门汇聚,sg是报unsync的。 假设当qualifier为0时,0&&src||src1src1,src1无法被gat…

xss-labs靶场第十七关测试报告

目录 一、测试环境 1、系统环境 2、使用工具/软件 二、测试目的 三、操作过程 1、注入点寻找 2、使用hackbar进行payload测试 3、绕过结果 四、源代码分析 五、结论 一、测试环境 1、系统环境 渗透机:本机(127.0.0.1) 靶 机:本机(127.0.0.…

Jenkins发布vue项目,版本不一致导致build错误

问题一 yarn.lock文件的存在导致在自动化的时候,频频失败问题二 仓库下载的资源与项目资源版本不一致 本地跑好久的一个项目,现在需要部署在Jenkins上面进行自动化打包部署;想着部署后今后可以省下好多时间,遂兴高采烈地去部署&am…

提升数据处理效率:TDengine S3 的最佳实践与应用

在当今数据驱动的时代,如何高效地存储与处理海量数据成为了企业面临的一大挑战。为了解决这一问题,我们在 TDengine 3.2.2.0 首次发布了企业级功能 S3 存储。这一功能经历多个版本的迭代与完善后,逐渐发展成为一个全面和高效的解决方案。 S3…

python 实现一个简单的浏览器引擎

1. 浏览器引擎工作原理 浏览器引擎是用来处理、渲染和显示网页内容的核心组件。其主要任务是将用户输入的URL所代表的网页资源加载并呈现出来,通常包括HTML、CSS、JavaScript以及各种多媒体内容。浏览器引擎的工作原理可以分为以下几个主要步骤: 1.1 U…

软件系统建设方案书(word参考模板)

1 引言 1.1 编写目的 1.2 项目概述 1.3 名词解释 2 项目背景 3 业务分析 3.1 业务需求 3.2 业务需求分析与解决思路 3.3 数据需求分析【可选】 4 项目建设总体规划【可选】 4.1 系统定位【可选】 4.2 系统建设规划 5 建设目标 5.1 总体目标 5.2 分阶段目标【可选】 5.2.1 业务目…

FlinkSQL之temporary join开发

在实时开发中,双流join获取目标对应时刻的属性时,经常使用temporary join。笔者在流量升级的实时迭代中,需要让流量日志精准的匹配上浏览时间里对应的商品属性,使用temporary join开发过程中踩坑不少,将一些经验沉淀在…

【开源免费】基于SpringBoot+Vue.JS网上超市系统(JAVA毕业设计)

本文项目编号 T 037 ,文末自助获取源码 \color{red}{T037,文末自助获取源码} T037,文末自助获取源码 目录 一、系统介绍二、演示录屏三、启动教程四、功能截图五、文案资料5.1 选题背景5.2 国内外研究现状5.3 可行性分析 六、核心代码6.1 查…

研发运营一体化(DevOps)能力成熟度模型

目录 应用设计 安全风险管理 技术运 持续交付 敏捷开发管理 基于微服务的端到端持续交付流水线案例 应用设计 安全风险管理 技术运 持续交付

Android 判断手机放置的方向

#1024程序员节|征文# 文章目录 前言一、pandas是什么?二、使用步骤 1.引入库2.读入数据总结 需求 老板:我有个手持终端,不能让他倒了,当他倒或者倾斜的时候要发出报警; 程序猿:我这..... 老板…

2024-09-28 地址空间与进程控制

一、进程地址空间 Pt.2 同一个变量,地址相同,其实是虚拟地址相同,内容不同其实是被映射到了不同的物理地址 1. 页表 内存保护与页表标志位 在操作系统中,页表用于管理内存的访问权限。每个页表项通常包含一组标志位&…

二:Python学习笔记--基础知识(1) 变量,关键字,数据类型,赋值运算符,比较运算符

目录 1. 变量 2. python关键字 3. python数据类型 3.1 数字类型 整型 int 浮点型 float 内置函数-type 3.2 字符串类型 3.3 布尔类型 3.4 空类型 3.5 列表类型 3.6 元组类型 3.7 字典类型 4. python赋值运算 5. python比较运算符 1. 变量 组成:必须是数…

基于SSM的BBS社区论坛系统源码

运行环境:ideamysql5.7jdk8maven 使用技术:ssmmysqlshirolayui 功能模块:用户管理、模板管理、帖子管理、公告管理、权限管理等

yolov9目标检测/分割预测报错AttributeError: ‘list‘ object has no attribute ‘device‘常见汇总

这篇文章主要是对yolov9目标检测和目标分割预测测试时的报错,进行解决方案。 在说明解决方案前,严重投诉、吐槽一些博主发的一些文章,压根没用的解决方法,也不知道他们从哪里抄的,误人子弟、浪费时间。 我在解决前&…

Lampiao靶机入侵实战

07-Lampiao靶机入侵实战 一、扫描采集信息 1、获取IP地址 nmap -sn 192.168.81.0/24获得IP地址为:192.168.81.1282、获取端口信息 由于nmap默认情况下只扫描常用的1000个端口,覆盖面并不全,所以建议全端口扫描 nmap -p 1-65535 192.168.…

DiffusionDet: Diffusion Model for Object Detection—扩散模型检测论文解析

DiffusionDet: Diffusion Model for Object Detection—扩散模型检测论文解析 这是一篇发表在CVPR 2023的一篇论文,因为自己本身的研究方向是目标跟踪,之前看了一点使用扩散模型进行多跟踪的论文,里面提到了DiffusionDet因此学习一下。 论文…

读数据工程之道:设计和构建健壮的数据系统21数据获取

1. 数据获取 1.1. 数据获取是将数据从一个地方移动到另一个地方的过程 1.1.1. 数据获取与系统内部获取是不同的 1.2. 数据获取是数据工程生命周期中将数据从源系统移入存储的一个中间步骤 1.3. 数据集成则是将来自不同来源系统的数据组合到一个新的数据集 1.4. 数据获取的…

数字后端零基础入门系列 | Innovus零基础LAB学习Day6

今天没有具体的数字IC后端lab实验。今天的重点是熟悉掌握静态时序分析STA中的几类timing path以及setup和hold检查机制(包含setup和hold计算公式)。 芯片流片失败的那些故事 数字后端零基础入门系列 | Innovus零基础LAB学习Day5 等大家把今天内容学习…

QT获取本机所有IP地址以及修改本机IP(注意区分Windows和Linux环境)

QT 获取本机所有 IP 地址 Chapter1 QT 获取本机所有 IP 地址获取本机所有 IP 地址,包括 IPV6的地址,需要引用 QNetworkInterface1.检索所有网络接口:2.获取接口的详细信息:3.获取接口的 IP 地址:4.用于网络诊断和监控&…