GvbvdxxScriptMaker/Students.html at main · gvbvdxxalt2/GvbvdxxScriptMaker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<title>Gvbvdxx's Script Maker | For Students</title>
<link id="favicon" rel="shortcut icon" type="image/png" href="Icon/Gvbvdxx.png" />
<body style="background-color:#949494; font-family:Arial;" id="HTML">
<center>


        <!--Links-->
    <div id="Links" name="Links" style="font-famliy:Arial;">

        <a style="font-famliy:Arial;">Links:</a>
        <a href="index.html" style="font-famliy:Arial;">Home</a>
        <a href="Editor/index.html" style="font-famliy:Arial;">Editor</a>
        <a href="HTMLLearners.html">Set Up HTML</a>
        <a style="color:#00ffff;">For Students</a>


    </div>


    <!--Main Page-->


    <center>
    <h1 style="font-size: 50px; font-family:Arial;">Gvbvdxx's Script Maker</h1>
    <br>
    <h1 style="font-size: 30px; font-family:Arial;">For Students</h1>
    <div style="font-size: 18px; height: 100px; width: 700px; font-family:Arial;">
        <p>
    This Is Only For Teachers.
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
    <br>
    Teacher:show the videos and images to the students
        <br>
        <br>
        <br>
    <br>
    We Will Start Out With Simple Stuff And Have A Look Around Of What The Stuff Does:
    <br>
    Starting Out:
    <br>
    Welcome To Gvbvdxx's Script Maker!
    <br>
    A Script Stands For Code.
    <br>
    Lets Look Around The Editor
    <br>
    <br>
    This is our work space, this is were we right out our code.
    </p>
    <img src="Image/workspace.png" style="width:760px;"></img>
    <p>This Is The Function Buttons, The Run Button Runs Our Program.</p>
    <img src="Image/function-buttons.png" style="width:760px;"></img>
    <p>This Is The Toolbox, Its Where We Get Our Blocks, Click On A Category And Drag Out A Block To The Work Space.</p>
    <img src="Image/toolbox.png" style="width:500px;"></img>
    <p>This Is Our Generated Code, This Is Used For Pepole That Want To Make Stuff, But On The Top Is A Debugger,Debuggers Are Things That We Can Use To Test The Code, On The Bottom Is The Generated Code.</p>
    <img src="Image/DebuggerAndCode.png" style="width:760px;"></img>
        <p>Now Shall We?
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        We Are Going To Make A Program, For This We Will Make A Simple "Hello World!" Program
       <br>
       Do The Following
       </p>
       <video width="320" height="240" controls>
       <source src="Video/SimpleHelloWorld.webm" style="width:760px; height:300px;">
       Your Browser Is OutDated And Does Not Support Videos
      </video>
     <p>Click Run And See What Happens!</p>
    <p>Did It Say "Hello World!!"?
    <br>
    Now Lets Do Another One
    </p>
       <video width="320" height="240" controls>
       <source src="Video/SimpleSound.webm" style="width:760px; height:300px;">
       Your Browser Is OutDated And Does Not Support Videos
      </video>
    <br>
    Turn Your Volume Up, But Not To Mutch!! And Click Run.
    <br>
    Now You Understand How This App Works Its, Time That You Get To Make Your Own Program;, If You Need Help, Tell The Teacher
    <br>
    <br>
    <br>
    Teacher: Let Students Do What Ever They Like In This App And Let Students Share There Program To Others Until Time Is Up
    </p>
    </div>
   </center>
</center>
</body>