前端介绍

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定义鼠标行为,鼠标移到图标上时,背景颜色变为深绿色:

    

 

posted @ 2018-05-24 14:25  休耕  阅读(788)  评论(0编辑  收藏  举报