精华内容
下载资源
问答
  • web基本概念

    2020-08-22 15:34:38
    一、web基本概念 web可以干什么 web 引申为“环球网”,而且在不同领域,有不同含义。 就拿“环球网”释义来说,对于普通用户来说,web仅仅只是一种环境——互联网使用环境、氛围、内容等;而对于网站制作...

    一、web基本概念

    web可以干什么
    web 引申为“环球网”,而且在不同的领域,有不同的含义。 就拿“环球网”的释义来说,对于普通的用户来说,web仅仅只是一种环境——互联网的使用环境、氛围、内容等;而对于网站制作、设计者来说,它是一系列技术的复合总称(包括网站的前台布局、后台程序、美工、数据库领域等等的技术概括性的总称)。

                 1.网页
                 2.公众号
                 3.动画
    

    二、HTML5 简介

             ***HTML5 是最新的 HTML 标准。***
    

    三.URL

       URL就是一个地址,网络资源的ID(地址)
    

    服务器:
    一个性能比较高(内存大、运行速度快)的电脑,安装了提供服务的软件(apache、Tomcat、IIS、Nginx)
    云服务:
    阿里云、腾讯云、百度云、华为云
    有专门的团队提供维护工作
    浏览器:能帮我们打开网页,Google Chrome、IE、火狐、欧朋、safari(苹果)

    标记语言

    用各种标签将 相关信息或者关键字  包裹起来,方便搜索引擎的抓取
    HTML就是一种标记语言
    	<h1>我是标题</h1>
    	<p>我是段落</p>
    标记语言有很多。
    

    HTML的基本结构

    
    ```html`在这里插入代码片`
    <!DOCTYPE html>  <!--文档类型-->
    <html>  <!--根标签-->
    	<head><!--头标签,设置字符集、标题-->
    		<meta charset="utf-8"><!--设置字符集-->
    		<title>我是标题</title><!--设置标题-->
    	</head>
    	<body> <!-- 需要显示在页面的内容,全部写在body中-->
    		带你装逼,带你飞
    	</body>
    </html>
    
    
    
    展开全文
  • ) 在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代网页,只需要程序员,一堆堆表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化软件拉伸几下,直接将...
  • 大自然是彩色。信息时代快速到来,网络也开始变... 一、 色彩一些基本概念 首先了解一下色彩一些基本概念。自然界中有好多好多种色彩,比如玫瑰是红色,大海是蓝色,桔子是橙色……但是最基本
    大自然是彩色的。信息时代的快速到来,网络也开始变的多姿多彩。人们不再局限于简单的文字与图片,他们要求网页看上去漂亮,舒适。所以当代设计者不仅要掌握基本的网站制作技术,还需要掌握网站的风格,配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。
        一、 色彩的一些基本概念

        首先了解一下色彩的一些基本概念。自然界中有好多好多种色彩,比如玫瑰是红色的,大海是蓝色的,桔子是橙色的……但是最基本的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。
        现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征:色相,明度和纯度。其中非彩色只有明度属性。
        色相,指的是色彩的名称。这是色彩最基本的特征,是一种色彩区别于另一种色彩的最主要的因素。比如说紫色,绿色,黄色等等都代表了不同的色相。同一色相的色彩,调整一下亮度,或者纯度很容易搭配,比如,深绿,暗绿,草绿,亮绿。
        明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。比如一些购物,儿童类网站。用的是一些鲜亮的颜色,让人感觉绚丽多姿,生气勃勃。明度越低,颜色越暗。主要用于一些游戏类网站,充满神秘感;一些个人站长为了体现自身的个性,也可以运用一些暗色调来表达个人的一些孤僻,或者忧郁等性格。有明度差的色彩更容易调和。如紫色(#993399)跟黄色(#ffff00),暗红(#cc3300)跟草绿(#99cc00),暗蓝(#0066cc)跟橙色(#ff9933)等。图1中的(1)就是明度由高到低变化的例子。
     

     

     

    图1 (1)明度变化(2)纯度变化
        纯度,指色彩的鲜艳程度,纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。如图1中的(2)是纯度从低到高的变化。
        相近色:色环中相邻的三种颜色。如图2中的黄绿色,黄色和桔黄色。相近色的搭配给人的视觉效果很舒适,很自然。所以相近色在网站设计中极为常用。
        

     

     

    图2 相近色    图3 互补色
        互补色,色环中相对的两种色彩。如图3中的亮绿色跟紫色,另外如红色跟绿色,蓝色和橙色等。对互补色,调整一下补色的亮度,有时候是一种很好的搭配。就拿蓝色跟橙色来打个比方吧,看图6,调整了蓝色的亮度以后其搭配效果是不是更好呢?补色在网站设计中用得也极为普遍。
     
    图4 补色亮度调节
    暖色,如图5中的黄色,橙色,红色,紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等效果。
        冷色,如图6中的绿色,蓝色,蓝紫色等等都属于冷色系列。冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技,游戏类网站,主要表达严肃,稳重等效果。
        
    图5 暖色    图6 冷色
        色彩均衡,网站让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色,所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等。比如鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼。这就是一种均衡的色彩搭配。
        二、 色彩的联想

        色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰,联想到喜庆,联想到兴奋。白色联想到纯洁,干净,简洁;紫色象征着女性化,高雅,浪漫;蓝色象征高科技,稳重,理智;橙色代表了欢快,甜美,收获;绿色代表了充满青春的活力,舒适,希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下,同种色彩可以代表不同的含义。
        三、 黑白灰的运用
        黑白灰是万能色,可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当你觉得两种色彩的搭配不协调,试试加入黑色,或者灰色,或许会有意想不到的效果哦。
        对一些明度较高的网站,配以黑色,可以适当地降低其明度。
        白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间,作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白,给人一个遐想的空间,让人感觉心情舒适,畅快。恰当的留白对于协调页面的均衡起到相当大的作用。
        四、 确定网站的主题色
        一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。
        一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。
        五、 页面各要素
        上面学习了颜色的一些基本概念及颜色的一些搭配问题,具体运用到网页中,各要素的色彩又是如何搭配的呢?
    1.   背景与文字
        如果一个网站用了背景颜色,必须要考虑到背景颜色的用色,与前景文字的搭配等问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。
        当然,有些网站为了让浏览者对网站留有深刻的印象,他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块,是不是让你豁然开朗呢!此时他为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。
    2.   LOGO和BANNER
        LOGO和BANNER是宣传网站最重要的部分之一,所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢?我们将LOGO和BANNER做的鲜亮一些,也就是色彩方面跟网页的主题色分离开来。有时候为了更突出,也可以使用与主题色相反的颜色。
    3.   导航,小标题
        导航,小标题是网站的指路灯。浏览者要在网页间跳转,要了解网站的结构,网站的内容,都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感觉网站清晰,明了,层次分明。想往哪里走都不会迷失方向。
    4.   链接颜色设置
        一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接,因为链接区别于文字,所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快,不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色,让人感觉他的独特性,自然而然好奇心必然趋使他移动鼠标,点击鼠标。
        为了你的页面更美观,更舒适,为了增强你的页面的可阅读性,必须合理,恰当地运用与搭配页面各要素间的色彩

    展开全文
  • 互联网的基本概念 internet:中文译为因特网,又叫做国际互联网,是世界上最大的计算机网络。 www(World Wide Web):叫做环球信息网或万维网,提供信息浏览服务。 由两部分组成服务端 Server(网页的提供者)...

    本系列博客汇总在这里:JavaWeb_HTML 汇总


    一、互联网的基本概念

    1. internet:中文译为因特网,又叫做国际互联网,是世界上最大的计算机网络。
    2. www(World Wide Web):叫做环球信息网或万维网,提供信息浏览服务。 由两部分组成服务端 Server(网页的提供者)和客户端 Client(网页的接受者)。
    3. HyperText:”超文本”,就是具有超链接功能的文件。
    4. Http(HyperText Transfer Protocol):即“超文本传输协议”,就是计算机通信标准。 另外还有:ftp 文件传输协议;file 本地文件传输协议; telnet 远程登录服务协议。
    5. URL(Uniform Resource Locator):“统一资源定位器”,用于指定要取得 Internet 上资源的位置与方式。 www.baidu.com 就是一个 URL 地址 。

    二、网页设计基本概念

    1、网页

    1. 网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,您的网站就是由网页组成的。
    2. 网页(英文:Web page)是一个文件,他存放在世界某个角落的某一部计算机中,而这部计算机必须是与互联网相连的。
    3. 网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序。网页文件会被传送到你的计算机, 然后再通过浏览器解释网页的内容,再展示到你的眼前。是万维网中的一“页”,通常是HTML 格式(文件扩展名为 .html 或 .htm)。
    4. 网页通常用图像档来提供图画。
    5. 网页要透过网页浏览器来阅读。
    6. 超文本标记语言不是编程语言,是一种描述性的标记语言 。

    2、网页的分类

    1. 静态网页:在不维护的情况下,这个网页无论在何时何地被浏览,都将显示相同的内容和画面。 对用户来说,只能观看,不能和网页进行交流。由 html 和 css 编写。
    2. 动态网页:是指网页可以实时的发生变化,网站根据用户提交的信息响应用户的要求, 可以根据用户的操作而发生相应的变化,虽然存在着一定的交换,但是功能有限。 另一方面,网站也可以自动收集用户的浏览信息,从而自动的为用户提供更好的服务,如欢迎信息显示等。 这是由其他语言配合 html 和 css 完成的。

    3、资料下载

    在这里插入图片描述
    点我下载

    如有错误,欢迎指正!

    展开全文
  • 用户数量:只要用户有过对该网站的请求就算有效用户数 并发量:单位时间内流量 TPS:吞吐量 QPS:并发数、每秒查询率 kafka吞吐量:每条数据大小在1-2k,每天产生2700万条数据,所以一天吞吐量大概50g ER图(实体关系...
    一 1、非功能描述

    用户数量:只要用户有过对该网站的请求就算有效用户数
    并发量:单位时间内的流量
    TPS:吞吐量
    QPS:并发数、每秒查询率
    kafka吞吐量:每条数据大小在1-2k,每天产生2700万条数据,所以一天的吞吐量大概50g
    ER图(实体关系模型图),属于表与现实实体的抽象描述,通常会用作数据库设计
    2、 OpenResty(基于一个nginx与lua高性能web平台) 作用:用于处理搭建高并发的、扩展性极高的动态web应用,web动态网管,web服务
    安装过程:需要安装nginx 与lua的整合版,需要安装动态的依赖库。
    1、 yum install -y readline-devel pcre-devel openssl-devel perl gcc
    2、解压 tar -zxvf
    3、进入openresy-VERSION目录 输入以下命令
    ./configure --prefix=/usr/local/openresty --with-http_stub_status_module
    4、make && make install

    Lua的语法介绍

    1、官网 http://www.lua.org/
    2、解压 tar -zxvf
    3、 make linux test
    4、 make install
    5、测试 lua -v

    lua 的基本语法

    8种基本类型
    nil:空值
    number:数值类型
    string:字符串类型
    boolean: 布尔类型
    function:函数类型
    table:数据结构类型
    变量:local 代表局部变量
    不带local代表全局变量
    function中的local变量 在方法外值时nil(空)

    展开全文
  • 学 海 无 涯 21 知识目标 掌握 Web 网站设计基本概念学会 Tomcat 服务器安装配置 掌握 JSP 语法基础脚本编写及程序的运行方法 掌握 JSP 程序控制方法 掌握 JSP 指令元素动作的基本概念及应用方法 掌握主要的 JSP ...
  • 如果你对响应式Web设计还不大了解,可以先参考阅读我们之前关于响应式设计的概念、组成要素及基本实现思路方面文章,全方位预热一下。当客户提出产品功能移动化需求时,有一些解决方案可供我们选择,包
  • 网站设计中,应该记住三个基本概念: 尽量将信息与表示分隔开。例如,开发人员将设计页面标题、布局和格式(表示)。在页面上,开发人员将放置配置好控件以获取和显示信息(例如球队球员列表)。通过将...
  • 许多成功的网站和APP都基于Django。 Django是一个开放源代码的Web应用框架,由Python写成。 Django遵守BSD版权,初次发布于2005年7月, 并于2008年9月发布了第一个正式版本1.0 。 Django采用了MVC软件设计模式,...
  • 超文本传输协议,是一个基于请求与响应,无状态,应用层协议...HTTP(超文本传输协议)被用于在Web浏览器和网站服务器之间,以明文方式传递信息,不提供任何方式数据加密,因此使用HTTP协议传输隐私信息(如:...
  • 目录1.JDBC1.1 基本概念1.2 基本实现步骤2.详解JDBC核心API2.1 DriverManager类(驱动管理对象)与Connection接口(数据库连接对象)2.2 Statement接口与PreparedStatement接口(执行sql对象)2.3 ResultSet...
  • 为了引导你通过这个广阔的生态系统,本书为数字设计提供了经得起时间考验的基本概念、方法和技术。用户体验设计师、产品经理、开发人员和数字设计中涉及的所有人,都要学习如何创建帮助人们与你的信息进行交互的语义...
  • Web API 参考博客链接 Overwview WebAPI - API的概念 ...- 事件的基本使用 属性 - 非表单元素的属性 - 表单元素属性 - 案例 - 自定义属性操作 - 样式操作 - 类名操作 - 案例 创建元素的三种方式 -...
  • WebUi

    2017-06-08 21:26:56
    以上图片为幕布软件导出的思维导图 主要记下了web设计的基本知识,例如网站的分类、网页的排版、模块的概念
  •  二、使用div对于设计使用AJAX等时候,可以减少Javascript代码对于页面控制时候复杂度,因为使用table时候,层次关系最起码有三层,table-tr-td以上,而使用div则基本上只有两层(div-div)的概念。...
  • 第1章 认识Java Web程序设计案例1 Java Web程序设计的基本概念任务1 万维网(WWW)与网页任务2 C/S与B/S架构程序任务3 Java Web应用程序组成与结构、学习内容案例2 Java Web程序的环境安装和配置案例3 Java Web项目...
  • 桌子上摆着朋友17寸大显示器本子时,才知道,我画页面,在他机器上看起来时,感觉是完全不一样....大约对一些概念有了个基本的印象, 不,只能说,基本记住了几个词语,液态网络,液态图片,media query: ...
  • 前端技术有两张,一般分为前端设计和前端开发,前端设计一般可以理解为网站的整体视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新高级版本HTML5、CSS3,以及SVG等。...
  • 近几年来,各种前端框架层出不穷,H5开发模式也越来越流行,大前端时代已经到来。各种前端技术应运而生,令人目接不暇,能够快速掌握新鲜前端...对于单页网站的概念,用户体验非常重要,未来几年随着新的Web标准和...
  • Learning Web Design

    2012-09-14 15:00:09
    本书从最基本的知识开始——解释因特网、网页、浏览器和URL的概念,这样你就无须预先知道很多关于同页工作原理背景知识了。Jennifer帮助你建立有关HTML、图片以及设计原则扎实基础知识,而这些都是你在设计...
  • 5.4.1 事件处理的基本概念 174 5.4.2 事件、特性和标签 175 5.5 处理主体元素的事件 177 5.6 处理按钮元素的事件 178 5.7 处理文本框和密码框元素的事件 183 5.7.1 focus事件 183 5.7.2 验证表单输入 185 ...
  • 本书涵盖与分布式系统有关的计算机网络的知识,包括因特网、广域网、局域网和无线网的基本技术。本书中的大部分算法和接口用Java描述,有一小部分用ANSI C描述。为了表述上的简洁明了,还将使用一种从Java/C中派生...
  • 为了引导你通过这个广阔的生态系统,本书为数字设计提供了经得起时间考验的基本概念、方法和技术。用户体验设计师、产品经理、开发人员和数字设计中涉及的所有人,都要学习如何创建帮助人们与你的信息进行交互的语义...
  • 前端技术一般分为前端设计和前端开发,...而web前端技术说白了就是java、CSS、HTML等“传统”技术与AdobeAIR、GoogleGears,以及概念性较强交互式设计,艺术性较强视觉设计,主要用来制作网站页面。 Web前端开发
  • 与此客户相关的基本活动和活动历史;联系人的选择;订单的输入和跟踪;建议书和销售合同的生成。  2.联系人管理。  主要作用包括:联系人概况的记录、存储和检索;跟踪同客户的联系,如时间、类型、简单的描述、...
  • 我这么定义,是说作为一个新锐网页设计师,如果你现在还不知道 Web 标准,那么你即将被历史淘汰了。 很多人不知道怎么系统学习 Web 标准。不用紧张,其实大家都一样。而且大部分人都是东一点西一点学起来。...
  • 在上一篇文章中,和大家聊到了建立Web应用体验监控体系,经过了概念阶段...仔细分析终端用户和Web应用及网站的交互过程,无论是打开页面、点击链接或按钮,还是填写表单、提交查询,一切皆可归结为一个个基本的操作,由
  • 鉴于市场上用户手机型号、种类、屏幕分辨率等参差不齐,传统方式根据主流系统分别开发相应系统耗时又耗力,为了高效开发并节约开发项目成本,本文采用Android+HTML5相结合方式进行移动端Web系统的设计研发工作...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 215
精华内容 86
关键字:

网站设计web的基本概念