-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtarea2.html
296 lines (265 loc) · 17.3 KB
/
tarea2.html
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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Lenguajes de Programación de Multimedia</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/carousel2.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
<link rel="stylesheet" href="assets/css/style-good.css">
<style>
.page-section {
margin-top: 5rem;
margin-bottom: 5rem
}
.rounded {
border-radius: .25rem!important
}
.mr-auto,
.mx-auto {
margin-right: auto!important
}
.img-fluid,
.img-thumbnail {
max-width: 100%;
height: auto
}
@media (min-width:992px) {
.about-heading .about-heading-img {
position: relative;
z-index: 0
}
.about-heading .about-heading-content {
margin-top: -5rem;
position: relative;
z-index: 1
}
}
.bg-faded {
background-color: hsla(0, 0%, 100%, .85)
}
.section-heading {
text-transform: uppercase
}
.section-heading .section-heading-upper {
display: block;
font-size: 1rem;
font-weight: 800
}
.section-heading .section-heading-lower {
display: block;
font-size: 3rem;
font-weight: 100
}
@media (min-width:992px) {
.product-item .product-item-title {
position: relative;
z-index: 1;
margin-bottom: -3rem
}
.product-item .product-item-img {
position: relative;
z-index: 0;
max-width: 60vw
}
.product-item .product-item-description {
position: relative;
z-index: 1;
margin-top: -3rem;
max-width: 50vw
}
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important
}
</style>
</head>
<body>
<!--Barra-->
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-white portfolio-navbar gradient">
<div class="container"><a class="navbar-brand logo" href="index.html">Aplicaciones Multimedia 4CV61</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown">
Tecnologías Multimedia
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="tarea1.html">Tecnologías de desarrollo multimedia </a>
<a class="dropdown-item" href="#">Lenguajes de programacion de multimedia</a>
<a class="dropdown-item" href="tarea3.html">Plataformas y herramientas de programación</a>
<a class="dropdown-item" href="tarea4.html">Diferencia entre lenguajes de programación multimedia y
</br>plataformas y herramientas de programación de multimedia</a>
<a class="dropdown-item" href="tarea5.html">Multimedia en dispositivos móviles</a>
</div>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown">
Aplicaciones Multimedia
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="./tercerParcial/parte1.html">Elementos que conforman una aplicación multimedia Parte 1</a>
<a class="dropdown-item" href="./tercerParcial/parte2.html">Elementos que conforman una aplicación multimedia Parte 2</a>
<a class="dropdown-item" href="./tercerParcial/parte3.html">Elementos que conforman una aplicación multimedia Parte 3</a>
</div>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" data-toggle="dropdown">
Tareas
</a>
<div class="dropdown-menu"><a class="dropdown-item" href="parcial1.html">Primer Departamental</a><a class="dropdown-item" href="parcial2.html">Segundo Departamental</a><a class="dropdown-item" href="parcial3.html">Tercer Departamental</a></div>
</li>
<li class="nav-item">
<a class="nav-link" href="info.html">Acerca de:</a>
</li>
</ul>
</div>
</div>
</nav>
<main class="page projets-page" style="background:linear-gradient(to right, #536976, #292e49);">
<!--background:linear-gradient(to right, #000000, #434343),-->
<section class="portfolio-block project-no-images">
<div class="container">
<div class="heading">
<h2 style="color: white;">Lenguajes de Programación de Multimedia</h2>
</div>
<section class="page-section about-heading">
<div class="container"><img class="img-fluid rounded about-heading-img mb-3 mb-lg-0" src="assets/img/Tecnologias/4.jpg">
<div class="about-heading-content">
<div class="row">
<div class="col-lg-10 col-xl-9 mx-auto">
<div class="bg-faded rounded p-5">
<h2 class="section-heading mb-4"><span class="section-heading-upper">Creado por Netscape</span><span class="section-heading-lower"> JAVASCRIPT</span></h2>
<p class="text-justify">JavaScript es un lenguaje de programación que permite implementar características complejas en páginas web además de permitirle al desarrollador crear contenido de actualización dinámica, desde el uso de imágenes
animadas, controlar elementos multimedia, videojuegos, realidad virtual, realidad aumentada incluso robótica son tan solo algunas de la utilidades que se pueden realizar con JavaScript. </span>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="page-section">
<div class="container">
<div class="product-item">
<div class="d-flex product-item-title">
<div class="d-flex mx-auto bg-faded p-5 rounded">
<h2 class="section-heading mb-0"><span class="section-heading-upper">Propiedad de Oracle</span><span class="section-heading-lower">JAVA</span></h2>
</div>
</div><img class="img-fluid d-flex mx-auto product-item-img mb-3 mb-lg-0 rounded" src="assets/img/Tecnologias/3.jpg">
<div class="bg-faded p-5 rounded">
<p class="mb-0 text-justify">Java es un lenguaje de programación y una plataforma informática comercializada por primera vez en 1995 por Sun Microsystems. Nació con el objetivo de ser un lenguaje de programación de estructura sencilla que pudiera ser
ejecutado en diversos sistemas operativos. Su gran utilidad radica en que permite ejecutar un mismo programa en diversos sistemas operativos y ejecutar el código en sistemas remotos de manera segura. Con Java puedes
programar para web, escritorio, aplicaciones móviles nativas, realidad virtual, videojuegos.
</p>
</div>
</div>
</div>
</section>
<section class="page-section">
<div class="container">
<div class="product-item">
<div class="d-flex product-item-title">
<div class="d-flex mr-auto bg-faded p-5 rounded">
<h2 class="section-heading mb-0"><span class="section-heading-upper">HTML versión 5 o solo</span><span class="section-heading-lower">HTML</span></h2>
</div>
</div><img class="img-fluid d-flex mx-auto product-item-img mb-3 mb-lg-0 rounded" src="assets/img/Tecnologias/2.jpeg">
<div class="bg-faded p-5 rounded">
<p class="mb-0 text-justify">HTML es un lenguaje formado por elementos, los elementos nos ayudan a estructurar y dar significado a las partes de un documento HTML, estos elementos a su vez están conformados por contenido, etiquetas y atributos, las
etiquetas nos sirven para delimitar el inicio y el fin de un elemento el contenido de un elemento puediendon ser carácteres, comentarios o cualquier otro elemento delimitado dentro de las etiquetas de inicio y de cierre.
Esta nueva version de HTML5 soluciona algunos problemas que el lenguaje tenia para aplicaciones complejas ademas de traer nuevas caracteristicas como la simplficacion de etiquetas o la mejora del uso de formularios.
</p>
</div>
</div>
</div>
</section>
<section class="page-section">
<div class="container">
<div class="product-item">
<div class="d-flex product-item-title">
<div class="d-flex ml-auto bg-faded p-5 rounded">
<h2 class="section-heading mb-0"><span class="section-heading-upper">desarrollado por Guido Van Rossum</span><span class="section-heading-lower">PYTHON</span></h2>
</div>
</div><img class="img-fluid d-flex mx-auto product-item-img mb-3 mb-lg-0 rounded" src="assets/img/Tecnologias/5.jpg">
<div class="bg-faded p-5 rounded">
<p class="mb-0 text-justify">Python es un lenguaje de programación de código abierto, orientado a objetos, muy simple y fácil de entender con una sintaxis sencilla que cuenta con una vasta biblioteca de herramientas, que hacen de Python un lenguaje
de programación practico. Una de las ventajas principales de aprender Python es la posibilidad de crear un código con gran legibilidad, que ahorra tiempo y recursos, lo que facilita su comprensión e implementación.
<P></P>
Estos y otros factores son los que han hecho que Python se convierta en uno de los idiomas de programación más utilizados desde aplicaciones web hasta e inteligencia artificial.
</p>
</div>
</div>
</div>
</section>
<section class="page-section">
<div class="container">
<div class="product-item">
<div class="d-flex product-item-title">
<div class="d-flex mr-auto bg-faded p-5 rounded">
<h2 class="section-heading mb-0"><span class="section-heading-upper">Desarrollado por Microsoft</span><span class="section-heading-lower">C#</span></h2>
</div>
</div><img class="img-fluid d-flex mx-auto product-item-img mb-3 mb-lg-0 rounded" src="assets/img/Tecnologias/csharp.png">
<div class="bg-faded p-5 rounded">
<p class="mb-0 text-justify">C# es un lenguaje de programación desarrollado por Microsoft, orientado a objetos, que ha sido diseñado para compilar diversas aplicaciones que se ejecutan en .NET Framework. Se trata de un lenguaje simple, eficaz y con
seguridad de tipos . Las numerosas innovaciones de C# permiten desarrollar aplicaciones rápidamente y mantener la expresividad y elegancia de los lenguajes de estilo de C.</P>
<P></P>
<p class="mb-0 text-justify"> La sintaxis viene derivada de C y C+ + y utiliza el modelo de objetos de la plataforma .NET, muy parecido al de Java, aunque incluye mejoras propias de otros lenguajes . Como curiosidad, el nombre de este lenguaje fue inspirado
por la escala musical. En ella, la letra C equivale a la nota musical do y el símbolo # significa sostenido, lo que indica que es un semitono más alta. Así, C# sugiere que es superior a C y C++.</p>
</div>
</div>
</div>
</section>
<section class="page-section">
<div class="container">
<div class="product-item">
<div class="d-flex product-item-title">
<div class="d-flex mx-auto bg-faded p-5 rounded">
<h2 class="section-heading mb-0"><span class="section-heading-upper"></span><span class="section-heading-lower">Conclusiones</span></h2>
</div>
</div>
</div>
</div>
</section>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/2ICLI7kYWlw" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<section class="page-section bg-white">
<div class="container">
<div class="bg-faded p-5 rounded">
<div class="col-xl-9 mx-auto">
<div class="text-justify rounded">
<h2 class="section-heading mb-4"><span class="section-heading-upper"></span><span class="section-heading-lower">Bibliografía</span></h2>
<li style="text-align: justify;">https://www.unocero.com/noticias/una-entrevista-con-el-creador-de-python-guido-van-rossum/</li>
<li style="text-align: justify;">https://www.mclibre.org/consultar/python/otros/historia.html</li>
<li style="text-align: justify;">https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript</li>
<li style="text-align: justify;">https://www.tokioschool.com/noticias/java-significado-que-es-java/</li>
<li style="text-align: justify;">https://devcode.la/blog/que-es-html/</li>
</div>
</div>
</div>
</div>
</section>
</div>
</section>
</main>
<footer class="page-footer">
<div class="container ">
<div class="links ">
<div><a>Realizado con ♥ por estudiantes de la UPIICSA</a><br />♦De la carrera Lic. en Ciencias de la Informática♦</div>
<br/>En un futuro podrás contactarnos en nuestras redes sociales
</div>
<div class="social-icons "><a><i class="icon ion-social-facebook "></i></a><a><i class="icon ion-social-instagram-outline "></i></a><a><i class="icon ion-social-twitter "></i></a>
</div>
</div>
</footer>
<script src="assets/js/jquery.min.js "></script>
<script src="assets/bootstrap/js/bootstrap.min.js "></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js "></script>
<script src="assets/js/theme.js "></script>
<script src="./instanciaVue.js"></script>
</body>
</html>