大家好,我是第一次尝试写博客,因为打算好好学习专业知识,看了很多大佬的文章,受益匪浅,最近打算自学网站前端,所以会在上面更新我所学到知识,有所不足欢迎大家指教,希望可以共同进步。
一 网站建设概述
1:认识网站与网页
网站是指在因特网上根据一定的规则,使用HTML(超文本标记语言)等制作的用于展示特定内容的网页集合。简单说网站是一种沟通工具,人们可以通过网站发布自己想要公开的资讯,或者利用网站提供相关的网络服务。
从不同角度出发,网站可分为不同的类别:
根据所编程语言不同,网站可分为ASP网站、PHP网站、JSP网站、ASP.NET网站等。
根据用途不同,网站可分为门户网站、行业网站、娱乐网站、多功能网站等。
根据持有者的不同,网站可分为个人网站、商业网站、政府网站、教育网站等。
根据商业不同,网站可以分为盈利型网站、非盈利型网站。
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗来讲,网站就是由多个网页组成的,至于要多少网页组合在一起才能称为网站,并没有特殊规定,完全根据网站需求决定。
网页是一个HTML文件,可以存放在时间上某个角落的某一台计算机中,是万维网的一页。一个网页只有通过浏览器打开才能以设计者想要的方式展现在浏览者的面前。
一个网页有网页标题和网页内容构成,网页内容可以包含文本、图像、超链接、表单、导航栏等。
网站首页是指打开网站时显示的第一个页面,又叫主页。每个网站都有一个首页,它是一个网站的入口网页,可以引导互联网用户浏览网站其他页面的内容.
2:其他相关概念
Internet中文称为因特网,是集现代计算机技术和通信技术与一体,基于TCP/IP协议将全世界不同类型的计算机通过互联网络设备连接而成的全球最大的开放式计算机网络。
因特网上连接了不计其数的服务器和客户机,每个主机在因特网上都有一个唯一的地址,称之为IP地址,IP地址由四个小于256的数字组成,数字之间用点间隔。例如:63.123.134.154
由于IP地址难以记忆和书写,人们又开发出一种与IP地址对应的字符来表示地址,就是域名。每个网站都有域名,并且都是独一无二的,例如:souhu.com。
www是world wide web的缩写,中文称为“万维网”,是互联网上的一个资料空间,任何一个资源都由“统一资源定位符”标识,并利用超文本传输协议。
URL:统一资源定位符,也称为网址,这是世界通用的负责给万维网上的资源定位的系统。一个完整的URL由通信协议名称、域名或IP地址、资源在服务器中的路径和文件名四部分组成。
http:超文本传送协议,他负责规定浏览器和服务器怎样互相交流。
HTML:超文本标记语言,他使用标签来定义网页结构。
浏览器:是web服务的客户端浏览程序。使用它可以向万维网服务器发送各种请求,并对从服务器发来的超文本信息进行解释和显示。
二 网站建设技术方向
1:UI方向
UI即user interface(用户界面)的简称,UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让界面变得个性有品位,还要让程序的作变得舒适、简单、自由,并充分体现软件的定位和特点。
2:web前端开发方向
web前端开发是指利用HTML、CSS、JavaScript等将UI设计师设计出的用户界面以静态网页的形式展现,并实现交互效果。
我们知道,网站是由一个个网页组成的,每个网站也有有多种多样的元素,这些元素主要依靠HTML标签定义,不同的html标签有不同的作用,目前HTML已发展至HTML5版本。
随着技术的发展,人们对网页布局的合理性、元素展示的美观要求越来越高,只用HTML标签制作的网页已经不能满足人们的需求,于是引入了CSS技术控制标签的布局和样式。随着网站功能越来越强大,网页的交互效果也越来越丰富,主要依靠JavaScript技术实现。由于JavaScript技术捕获HTML元素、实现循环、调用方法等方面的操作特别繁琐,因此市场上诞生了很多基于JavaScript的函数库,如电脑版的jQuery、手机触摸版的touch等。
人们形象地将网页核心技术描述为:HTML决定网页上有什么;CSS决定网页元素是什么样;JavaScript决定网页元素怎么动;jQuery简化JavaScript程序 。也可以理解为:HTML决定网页结构;CSS决定网页元素样式;JavaScript决定网页互动效果。
3:后台程序开发
后台程序开发即“服务器端”开发,主要涉及软件系统“后台”的东西,包括用于托管网站和APP数据的服务期、各种程序开发语言(如ASP,JSP,PHP等)等。简单来说就是用户在屏幕上看不到但又用来为前端网页提供支持的东西就是后台。
如果说前端开发者关心的事网站外观,那么后台程序开发者关心的是如何通过集成代码、API和数据库提升网站的速度、性能和响应度等。
三 网站建设流程
网站建设流程整体而言可以分为三大部分,分别是网站规划设计、网站制作和网站发布维护。
网站规划设计流程:用户需求调查分析→确定服务器解决设计方案→网站规划设计
网站制作流程:界面设计→网页制作→后台程序开发
网站发布维护流程:网站的测试与发布→网站推广→维护更新



