前端介绍
1、web1.0时代的网页制作
网页制作是web1.0时代的产物,那个时候的网页主要是静态网页。
静态网页就是没有与用户进行交互仅供读者浏览的网页,当时称为"牛皮癣"网页。类似:QQ日志、博文。
在web1.0时代,用户能做的唯一事情就是浏览这个网站的文字图片内容,这时用户也不能像现在在大多数网站都可以评论交流(缺乏交互性)
常常有人提起的“网页三剑客 Dreamweaver+Fireworks+Flash”,这个组合就是web1.0时代的产物。
2、web2.0时代的前端开发
在web 2.0时代,网页有静态网页和动态网页。
所谓动态网页,就是用户不仅仅可以浏览网页,还可以与服务器进行交互。
web2.0时代的网页不仅包含炫丽的动画、音频和视频,还可以让用户在网页中进行评论交流、上传和下载文件等(交互性)。
现在网站开发无论是开发难度,还是开发方式上,都更接近传统的网站后台开发,所以现在不再叫“网页制作”,而是叫“web前端开发”。
3、web前端能做什么?
公司官网、移动端网页、移动APP、微信小程序等。
4、为什么要学习前端开发?
Python全栈开发,不仅要掌握后端开发的技术还要掌握一定程度的前端开发技术。掌握了Python基础语法、函数、面向对象、网络编程及数据库相关的内容。上面说的那些内容都是属于后端开发范畴,前端的核心内容有三部分。
5、前端开发有哪些内容?
网页最主要由3部分组成:结构、表现和行为。网页现在新的标准是W3C,目前模式是HTML、CSS和JavaScript。
结构对应html;
表现对应CSS;
行为对应JavaScript
6、上面这三部分都是做什么的?
(1)HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。
HTML是一门描述性语言,是一门非常容易入门的语言。
(2)CSS,全称"层叠样式表",只要提到说"层叠样式表"、"css样式",都是指的CSS。
(3)JavaScript是一门脚本语言。
(4)HTML、CSS和JavaScript的区别,HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为。
把前端开发的过程比喻成“建房子”,做一个网页就像盖一栋房子,先把房子结构建好(HTML)。
建好房子之后给房子装修(CSS),例如往窗户安上窗帘、往地板铺上漂亮的瓷砖。
最后呢,装修完了之后,当夜幕降临的时候,我们要开灯(JavaScript),这样才能看得见里面。
7、以路飞学城官网为例分析导航条,“前端技术”这个栏目具有以下基本特点
导航条文件颜色是灰色;大小是12px;背景颜色是白色;鼠标移到登录人头像时会展示你的个人信息。
首先用HTML搭建网页结构,内容仅仅是使用HTML文字,得到效果如下图:
然后用CSS修饰,改变其字体、字体大小、字体颜色、背景颜色,得到效果如下图:
最后用JavaScript定义鼠标行为,鼠标移到图标上时,背景颜色变为深绿色: