1.1:认识网页网站
1.1.1 网页 网站
网页网站的区别:网站所含有的东西较多,例如:数据库,服务器等等,同时网站包括很多网页但并不为总分关系,网页就是单独的一页
常用术语:
Internet 互联网
www 万维网
url 通信协议和地址
ip 网际协议
域名 网络名称 在全世界是唯一的
HTTP 超文本传输协议 是互联网上应用最为广泛的一种网络协议
FTP 文件传输协议,通过该协议可以把文件从一个地方传到另一个地方,实现真正的资源共享
发布 将制作好的网页传到网上的过程
站点 是一个网站所有内容所存放的文件夹
超链接 从一个网页指向一个目标的连接关系
客户机和服务器 浏览网页是由个人计算机向Internet中的计算机发出请求,在Internet中的计算机在接收到请求后响应,将需要的内容发到个人计算机上,这种发送的请求的个人计算机称为客户机和客户端,而Internet中的计算机称为服务器或服务端
1.1.2 静态网页和动态网页
三大核心技术:HTML CSS(静态网页) JavaScript(网页加上JavaScript才能成为动态网页)
1 静态网页:静态网页是指客户端的浏览器发送URL请求给WWW服务器,服务器查找需要的超文本文件并不加处理地直接下载到客户端,运行在客户端的页面已经是事先做好并存放在服务器中的网页。一般用html/css编写
2 动态网页:根据不同浏览者的请求来显示不同的内容,无论网页本身是否具有视觉意义上的动态效果,只要采用动态网站技术的网页都称为动态网页。本质主要体现在交互性方面。
1.2 网页的基本构成元素
1.2.1.文本:
文字,是网页最主要的基本元素也是最主要的信息载体
1.2.2.图片和动画
传递一些文字无法解释的,表达的信息。同时使网页更加生动
1.2.3.超链接
用于页面跳转,引流
1.2.4.音频视频
让网页更加生动,使网页多样化,常见格式有MP3和mid
1.2.5.交互表单
用于信息收集
1.2.6.其他常见元素
例如:悬停按钮,JavaScript和ActiveX等各种特效
1.3 网页布局结构
1.3.1 网页页面布局
1.3.2 网页色彩搭配
网页安全色:在不同硬件环境,不同系统,不同浏览器中都能够正常显示的颜色集合
网页色彩的表达:在网页设计中,颜色值通常的表达方式是十六进制
常见色彩搭配:相近色配色与近似色配色
1.4 Web前端技术简介
1.4.1 初识WEB前端
nginx - 《编程时间简史系列》Web Server 编年史 - 编程时间简史 - SegmentFault 思否
1.4.2 WEB前端开发的三大核心技术
HTML CSS(静态网页) JavaScript(网页加上JavaScript才能成为动态网页)
1.4.3 前端开发工具
浏览器:网页运行平台,例如:IE浏览器,Chrome浏览器,Firefox浏览器,Safari浏览器,Opera浏览器等等
网页编辑器:打开和编辑网页源代码的工具,例如:Adobe Dreamweaver,Sublime Text,NotePad++,EdlitPlus,HBuilder等等