认识网页开发

20200226培训-网页开发培训

认识网页开发

网页开发的优点

  • 快速迭代(能够快速实时的更新你的网站内容,系统功能)
  • 多端融合(支撑PC,手机,大屏,PDA),开发比较简单,一次开发可以快速移植到各个平台

网页开发需要用到的软件

(1) 服务器软件
(2) 数据库软件
(3) 浏览器
(4)IDE(写代码的工具)

服务器

  • 本身就是一个电脑,与本地电脑(单项)不同的是它可以互联网访问(双向)
  • 常用的服务器软件有:Apache(PHP)、IIS(C#,ASP.NET)、Tomcat(JAVA),都支持前端代码解析(HTML——CSS——JavaScript)

数据库

  • 存储数据的(http://localhost/phpmyadmin)

浏览器

  • 解析网页的容器,是访问远程网页程序的工具(B/S)

IDE

  • 写代码的工具,有什么都可以根据个人喜好

网页开发用到的程序语言

(1)前端(你能看得到的网页内容) (2)后台(需要程序处理的,你是看不到的)

前端

  • HTML

    用来放置文本,图片,视频

  • CSS

用来修饰HTML文本的

  • JavaScript

    是一种编程语言,用于动态的更改网页元素和样式,是用户与网页交互的媒介

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML测试</title>
    <script>
        function hellow() {
            alert("欢迎你!");
            document.getElementById("txt").innerText = "欢迎您,姜建武!";
        }
    </script>
    </head>
    <body>
    <h3 id="txt" style="text-align: center;color: red;">HTML测试的代码</h3>
    <br>
    <div style="text-align: center;"><img onclick="hellow()" src="http://hj.coohelp.vip/Public/img/company-img.jpg"
            alt=""></div>
    <br>
    <video width="100%" height="500px" controls="" style="background-color: black;">
        <source src="https://qiniu-xpc11.vmoviercdn.com/5c49675f1a9d6.mp4" type="video/mp4">
        您的浏览器不支持 HTML5 video 标签。
    </video>
    </body>
    </html>
    

    后台

  • 用于处理用户的输入,管理数据库数据,查询显示结果
    $username = $_POST['username'];
    $password = $_POST['password'];
    echo '您的用户名是:【'.$username.'】密码是:【'.$password.'】';
    

怎样学习前端和后台技术

  • 一个原则,有简到难【https://www.w3school.com.cn/】【https://www.runoob.com】
  • 看视频【https://b23.tv/av48246596/p1】
阅读剩余
THE END