MathType

Курс по PHP /видеоматериали/

В настоящата публикация ще бъдат поставени видеоматериалите от курса "Основи на програмирането с PHP".

Видео 1 - Инсталиране на XAMPP, NetBeans и Composer

Допълнителен материал 1 - Bootstrap

Допълнителен материал 2 - Bootstrap

Ръководство: HTML и Bootstrap

Демонстрация на "акордеон"

bluehypergiant.php

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Демонстрация на Bootstrap</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">

        <!-- Minified jQuery -->
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>

        <!-- Latest compiled and minified JavaScript -->
        <script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
    </head>
    <body>
        <!-- Това е моят контейнер -->
        <div class="container-fluid">
            <!-- Това е моят първи ред от мрежата -->
            <div class="row">
                <!-- Тази колона заема целия ред -->
                <div class="col-md-12">
                    <h1>Херцшпрунг-Ръсел</h1>
                </div>
            </div>
            
            <!-- Това е вторият ред от мрежата -->
            <div class="row">
                <!-- Тази колона е 1/6 от екрана -->
                <div class="col-md-2">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="redhypergiant.php">Червени хипергиганти</a></li>
                        <li><a href="yellowhypergiant.php">Жълти хипергиганти</a></li>
                        <li class="active"><a href="bluehypergiant.php">Сини хипергиганти</a></li>
                        <li><a href="redgiant.php">Червени гиганти</a></li>                    </ul>
                </div>
                
                <!-- Тази колона е 5/6 от екрана -->
                <div class="col-md-10">
                    <h4> Сини хипергиганти </h4>
                </div>
            </div>
        </div>
    </body>
</html>

yellowhypergiant.php 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Демонстрация на Bootstrap</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">

        <!-- Minified jQuery -->
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>

        <!-- Latest compiled and minified JavaScript -->
        <script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
    </head>
    <body>
        <!-- Това е моят контейнер -->
        <div class="container-fluid">
            <!-- Това е моят първи ред от мрежата -->
            <div class="row">
                <!-- Тази колона заема целия ред -->
                <div class="col-md-12">
                    <h1>Херцшпрунг-Ръсел</h1>
                </div>
            </div>
            
            <!-- Това е вторият ред от мрежата -->
            <div class="row">
                <!-- Тази колона е 1/6 от екрана -->
                <div class="col-md-2">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="redhypergiant.php">Червени хипергиганти</a></li>
                        <li class="active"><a href="yellowhypergiant.php">Жълти хипергиганти</a></li>
                        <li><a href="bluehypergiant.php">Сини хипергиганти</a></li>
                        <li><a href="redgiant.php">Червени гиганти</a></li>                    </ul>
                </div>
                
                <!-- Тази колона е 5/6 от екрана -->
                <div class="col-md-10">
                    <h4> Жълти хипергиганти </h4>
                </div>
            </div>
        </div>
    </body>
</html>

redhypergiant.php 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Демонстрация на Bootstrap</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">

        <!-- Minified jQuery -->
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>

        <!-- Latest compiled and minified JavaScript -->
        <script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
    </head>
    <body>
        <!-- Това е моят контейнер -->
        <div class="container-fluid">
            <!-- Това е моят първи ред от мрежата -->
            <div class="row">
                <!-- Тази колона заема целия ред -->
                <div class="col-md-12">
                    <h1>Херцшпрунг-Ръсел</h1>
                </div>
            </div>
            
            <!-- Това е вторият ред от мрежата -->
            <div class="row">
                <!-- Тази колона е 1/6 от екрана -->
                <div class="col-md-2">
                    <ul class="nav nav-pills nav-stacked">
                        <li class="active"><a href="redhypergiant.php">Червени хипергиганти</a></li>
                        <li><a href="yellowhypergiant.php">Жълти хипергиганти</a></li>
                        <li><a href="bluehypergiant.php">Сини хипергиганти</a></li>
                        <li><a href="redgiant.php">Червени гиганти</a></li>                    </ul>
                </div>
                
                <!-- Тази колона е 5/6 от екрана -->
                <div class="col-md-10">
                    <h4> Червени хипергиганти</h4>
                </div>
            </div>
        </div>
    </body>
</html>

redgiant.php 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Демонстрация на Bootstrap</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">

        <!-- Minified jQuery -->
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>

        <!-- Latest compiled and minified JavaScript -->
        <script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
    </head>
    <body>
        <!-- Това е моят контейнер -->
        <div class="container-fluid">
            <!-- Това е моят първи ред от мрежата -->
            <div class="row">
                <!-- Тази колона заема целия ред -->
                <div class="col-md-12">
                    <h1>Херцшпрунг-Ръсел</h1>
                </div>
            </div>
            
            <!-- Това е вторият ред от мрежата -->
            <div class="row">
                <!-- Тази колона е 1/6 от екрана -->
                <div class="col-md-2">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="redhypergiant.php">Червени хипергиганти</a></li>
                        <li><a href="yellowhypergiant.php">Жълти хипергиганти</a></li>
                        <li><a href="bluehypergiant.php">Сини хипергиганти</a></li>
                        <li class="active"><a href="redgiant.php">Червени гиганти</a></li>                    </ul>
                </div>
                
                <!-- Тази колона е 5/6 от екрана -->
                <div class="col-md-10">
                    <h4> Червени гиганти </h4>
                </div>
            </div>
        </div>
    </body>
</html>

index.php

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Демонстрация на Bootstrap</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">

        <!-- Minified jQuery -->
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>

        <!-- Latest compiled and minified JavaScript -->
        <script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
    </head>
    <body>
        <!-- Това е моят контейнер -->
        <div class="container-fluid">
            <!-- Това е моят първи ред от мрежата -->
            <div class="row">
                <!-- Тази колона заема целия ред -->
                <div class="col-md-12">
                    <h1>Херцшпрунг-Ръсел</h1>
                </div>
            </div>
            
            <!-- Това е вторият ред от мрежата -->
            <div class="row">
                <!-- Тази колона е 1/6 от екрана -->
                <div class="col-md-2">
                    <ul class="nav nav-pills nav-stacked">
                        <li><a href="redhypergiant.php">Червени хипергиганти</a></li>
                        <li><a href="yellowhypergiant.php">Жълти хипергиганти</a></li>
                        <li><a href="bluehypergiant.php">Сини хипергиганти</a></li>
                        <li><a href="redgiant.php">Червени гиганти</a></li>
                    </ul>
                </div>
                
                <!-- Тази колона е 5/6 от екрана -->
                <div class="col-md-10">
                    <p> Херцшпрунг-Ръсел диаграмата показва 
                        отношението между температурата и 
                        яркостта на звездите </p>
                    <br>
                    <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/HRDiagram.png">
                </div>
            </div>
        </div>
    </body>
</html>

Няма коментари:

Публикуване на коментар

Абонамент за: Коментари (Atom)