m4/Cursos.html at main · jriscos/m4 · 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>

<html lang="es">

<head>

    <title> CURSOS </title>
    <meta charset="UTF-8">
    <meta name="description" content="Cursos de programación para todos los niveles"> <!-- decripción de la página-->
    <meta name="keywords" content="cursos, java, python, c++, programación"> <!-- palabras clave-->
    <meta name="author" content="J&D"> <!-- autor de la pagina-->
    <meta name="copyright" content="J&D"> <!-- propietario del copyright-->
    <link href="css_proyecto.css" rel="stylesheet" type="text/css">
    <!-- HAREMOS UN LINK HACIA NUESTRO DOCUMENTO CSS DESDE EL CUAL APLICAREMOS ESTILOS A NUESTRO DOCUMENTO. -->
    <link rel="shortcut icon" href="imagenes/favicon.png" type="image/ico">
    <!-- HAREMOS UN LINK HACIA NUESTRO LOGO PARA PONERLO DE FAVICON. -->

</head>

<body>

    <div id="nav">
        <!-- CREAREMOS EL PRIMER DIV DONDE POSICIONAREMOS NUESTRA BARRA DE MENÚ SUPERIOR, DONDE INDICAREMOS LAS DISTINTAS PARTES QUE TIENE NUESTRA PÁGINA WEB. -->

        <img src="imagenes/logo.png" alt="logo">
        <!-- PONDREMOS NUESTRO LOGO EN LA PARTE SUPERIOR IZQUIERDA DEL MENÚ. -->

        <!-- INDICAMOS TODOS LOS APARTADOS DE LOS QUE DISPONE NUESTRA PÁGINA. -->

        <a href="Index.html"> <strong> INICIO </strong> </a>
        <a href="Cursos.html"> <strong> CURSOS </strong> </a>
        <a href="Metodos.html"> <strong> CÓMO TRABAJAMOS </strong> </a>
        <a href="Formulario.html"> <strong> ACCESO </strong> </a>
    </div>

    <!-- Título de cursos -->
    <div class= "portada_cursos">
        <h1> CURSOS DISPONIBLES </h1>
    </div>

    <!-- TEXTO DE CURSOS -->
    <div class="texto_intro_cursos1">
        <p class="texto_intro_cursos2"> Con cualquier curso de los mencionados inferiormente te volverás un experto. Al finalizar los cursos se te otorgará este certificado: "(Nombre) ha completado un curso de (curso) en J&D" ¡Este certificado puede ser añadido a tu currículum! <br> <br> Léete los cursos mencionados en la parte inferior y visualiza los capítulos que contiene. </p>
    </div>

    <!-- CREAREMOS UN DIV PRINCIPAL DEL CUAL SALDRÁN 3 COLUMNAS PARA REPRESENTAR NUESTRA PÁGINA. -->
    <div class="row2">

        <!-- CREAREMOS UN SEGUNDO DIV DONDE INCLUIREMOS NUESTROS APARTADOS DE LA PÁGINA. -->
        <div class="col2">
            <h2> Java </h2>
            <img src="imagenes/white_background_java.png" alt="foto java">
            <!-- PONDREMOS LA IMAGEN DEL LENGUAJE DE ESE APARTADO COMO FOTOGRAFÍA PRINCIPAL. -->

            <div class="texto">

                <!-- PONDREMOS LA INFORMACIÓN QUE QUEREMOS DENTRO DE NUESTROS APARTADOS. -->
                <p class="controles2"> Java és un lenguaje orientado a objetos y multiplataforma, muy utilizado en el día a
                    día de los programadores. </p>
                <p class="controles2"> La tecnología JAVA permite acceder a las aplicaciones basadas en la web desde
                    cualquier lugar. </p>
                <p class="controles2"> Los desarrolladores de JAVA prueban estas aplicaciones para todos los
                    navegadores, cosa que facilita bastante el trabajo, ya que permite utilizarlo en todas las plataformas. </p>

                 <form action="#">
                      <select name="lenguajes" id="lang">
                        <option value="selecciona">CAPÍTULOS DEL CURSO: </option>
                        <option value="cap1">1 - Operadores</option>
                        <option value="cap2">2 - Instrucciones</option>
                        <option value="cap3">3 - Operadores lógicos</option>
                        <option value="cap4">4 - Arrays</option>
                        <option value="cap5">5 - Matrices</option>
                        <option value="cap6">6 - Clases</option>
                        <option value="cap7">7 - Objetos</option>
                        <option value="cap8">8 - Herencia</option>
                        <option value="cap9">9 - Polimorfismo</option>
                        <option value="cap10">10 - Control</option>
                        <option value="cap11">11 - Trabajo final</option>
                      </select>
                </form>

            </div>

        </div>

        <!-- CREAREMOS UN SEGUNDO DIV DONDE INCLUIREMOS NUESTROS APARTADOS DE LA PÁGINA. -->
        <div class="col2">
            <h2> Python </h2>
            <img src="imagenes/white_background_pyhton.png" alt="foto python">
            <!-- PONDREMOS LA IMAGEN DEL LENGUAJE DE ESE APARTADO COMO FOTOGRAFÍA PRINCIPAL. -->

            <div class="texto">

                <!-- PONDREMOS LA INFORMACIÓN QUE QUEREMOS DENTRO DE NUESTROS APARTADOS. -->
                <p class="controles2"> Python es un lenguaje de programación ampliamente utilizado en aplicaciones web, en el desarrollo de software y la ciencia de datos. </p>
                <p class="controles2"> Es un lenguaje muy utilizado por los desarrolladores porque es eficiente y es
                    fácil de aprender. </p>
                <p class="controles2"> Además, este lenguaje dispone de muchas bibliotecas estándar que tienen códigos
                    reutilizables, es decir, tienes una base y no hay que escribir el código desde cero.</p>

                 <form action="#">
                      <select name="lenguajes" id="lang1">
                        <option value="selecciona">CAPÍTULOS DEL CURSO: </option>
                        <option value="cap1">1 - Instalación</option>
                        <option value="cap2">2 - Variables</option>
                        <option value="cap3">3 - Strings</option>
                        <option value="cap4">4 - Operadores</option>
                        <option value="cap5">5 - Floats y métodos</option>
                        <option value="cap6">6 - Listas</option>
                        <option value="cap7">7 - Tuplas</option>
                        <option value="cap8">8 - Condicionales</option>
                        <option value="cap9">9 - Bucles</option>
                        <option value="cap10">10 - Diccionarios</option>
                        <option value="cap11">11 - Funciones</option>
                        <option value="cap12">12 - POO</option>
                        <option value="cap13">13 - Módulos y fn.</option>
                        <option value="cap14">14 - Metacaracteres</option>
                        <option value="cap15">15 - Control problemas</option>
                        <option value="cap16">16 - Trabajo final</option>
                      </select>
                </form>
            </div>

        </div>

        <!-- CREAREMOS UN SEGUNDO DIV DONDE INCLUIREMOS NUESTROS APARTADOS DE LA PÁGINA. -->
        <div class="col2">
            <h2> C++ </h2>
            <img src="imagenes/white_background_c++.png" alt="foto c++">
            <!-- PONDREMOS LA IMAGEN DEL LENGUAJE DE ESE APARTADO COMO FOTOGRAFÍA PRINCIPAL. -->

            <div class="texto">

                <!-- PONDREMOS LA INFORMACIÓN QUE QUEREMOS DENTRO DE NUESTROS APARTADOS. -->
                <p class="controles2"> C++ es un ejemplo de lenguaje de programación compilado, también multiparadigma y
                    principalmente de tipo imperativo y orientado a objetos. </p>
                <p class="controles2"> C++ es uno de los lenguajes más complejos de aprender, pero también uno de los
                    más rápidos en cuanto a ejecución. </p>
                <p class="controles2"> Este lenguaje permite reutilizar bloques completos de código para desarrollar
                    nuevos programas en menos tiempo y de una manera más compacta. </p>

                 <form action="#">
                      <select name="lenguajes" id="lang2">
                        <option value="selecciona">CAPÍTULOS DEL CURSO: </option>
                        <option value="cap1">1 - Introducción</option>
                        <option value="cap2">2 - Tipos de variables</option>
                        <option value="cap3">3 - Funciones</option>
                        <option value="cap4">4 - Operadores</option>
                        <option value="cap5">5 - Sentencias</option>
                        <option value="cap6">6 - Arrays</option>
                        <option value="cap7">7 - Estructuras</option>
                        <option value="cap8">8 - Librerías</option>
                        <option value="cap9">9 - Punteros</option>
                        <option value="cap10">10 - Clases</option>
                        <option value="cap11">11 - Constructores</option>
                        <option value="cap12">12 - Destructores</option>
                        <option value="cap13">13 - Herencia</option>
                        <option value="cap14">14 - Streams</option>
                        <option value="cap15">15 - Derivación</option>
                        <option value="cap16">16 - Plantillas</option>
                        <option value="cap16">17 - Proyecto final</option>
                      </select>
                </form>

            </div>

        </div>

    </div>

    <div>

            <h1 class="compra_cursos">¡Suscríbete a un solo curso hasta que lo finalices por solo <span class="compra_cursos" style="color:red;"> 9.99€</span>!</h1>
            <br>
            <h1 class="compra_cursos">¡Vuélvete un experto en la programación y compra todos por <span class="compra_cursos" style="color:red;"> 24.99€</span>!</h1>

    </div>


    <!-- AÑADIREMOS UN FOOTER QUE ESTE LINKEADO A NUESTRA PÁGINA DE FORMULARIO DE REGISTRO. -->
    <footer>
        <h1 class="controles4"> ¿Estás interesado? ¡Regístrate <a href="Formulario.html"> AQUÍ!
            </a> </h1>
    </footer>


</body>

</html>