-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLectura1.html
110 lines (94 loc) · 4.25 KB
/
Lectura1.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
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="/css/materialize.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<!-- Dropdown Structure -->
<ul id="dropdown1" class="dropdown-content">
<li><a href="Lecturas1.html">1</a></li>
<li><a href="#!">2</a></li>
<li class="divider"></li>
<li><a href="#!">3</a></li>
<li><a href="#!">4</a></li>
<li><a href="#!">5</a></li>
</ul>
<ul id="dropdown2" class="dropdown-content">
<li><a href="#!">1</a></li>
<li><a href="#!">2</a></li>
</ul>
<ul id="dropdown3" class="dropdown-content">
<li><a href="#!">1</a></li>
<li><a href="#!">2</a></li>
<li class="divider"></li>
<li><a href="#!">3</a></li>
</ul>
<nav style="background-color: #005883;">
<div class="nav-wrapper" style="margin-left: 20px; ">
<a href="index.html" class="brand-logo" ><b>ECBTI</b></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="index.html">Inicio</a></li>
<li><a class="dropdown-trigger" href="Lecturas1.html" data-target="dropdown1">Lecturas<i class="material-icons right">arrow_drop_down</i></a></li>
<li><a class="dropdown-trigger" href="#!" data-target="dropdown2">Multimedia<i class="material-icons right">arrow_drop_down</i></a></li>
<li><a class="dropdown-trigger" href="#!" data-target="dropdown3">Actividades<i class="material-icons right">arrow_drop_down</i></a></li>
<li><a href="sass.html">Autor</a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col s9">
<!-- Grey navigation panel
<h2 style="color: #F47920;" >PROGRAMACIÓN WEB 1</h2>
<div class="col s6"><img src="/img/php.jpg"></div>
<div class="col s6"><img src="/img/mysql.jpg"></div>-->
<div class="col s12">
<h4 style="color: #F47920;">My SQL</h4>
<p>Es el sistema gestor de bases de datos de código abierto más popular en la actualidad. MySQL está disponible para distintos sistemas operativos, como Linux, Mac OS X, Solaris, Windows y otros más. MySQL es muy popular en el desarrollo de aplicaciones web, ya que forma parte como sistema gestor de bases de datos de las plataformas LAMP, BAMP, MAMP y WAMP.</p>
<h5 style="color: #F47920;">Creación de base de datos con phpMyAdmin</h5>
<p>Se creará una base de datos llamada ecbti para almacenar los datos que emplea el sitio web. la cual tendra una tabla llamada estudiantes con las columnas nombre, fechaNac, carrera, telefono, email.</p>
<h6>Creación base de datos ecbti</h6>
<img class="materialboxed responsive-img" src="/img/1.png">
<h6>Creación de la tabla estudiantes</h6>
<img class="materialboxed responsive-img" src="/img/2.png">
<h6>Columnas con tipo de dato más apropiado para cada columna</h6>
<img class="materialboxed responsive-img" src="/img/3.png">
<p>Con esto tendriamos la base de datos lista</p>
</div>
</div>
<!--menu sidebar-->
<div class="col s3">
<h2><img src="/img/logo_vertical.png"></h2>
</div>
</div>
</div>
<!-- pie de pagina-->
<footer class="page-footer" style="background-color: #005883;">
<div class="container">
<div class="row">
<div class="col s12">
<h5 class="white-text" style="color: #F47920;">Universidad Nacional Abierta y a Distancia</h5>
<p class="grey-text text-lighten-4">Escuela de Ciencias Básicas, Tecnología e Ingeniería</p>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">© 2014 Copyright Text
<a class="grey-text text-lighten-4 right" href="https://www.unad.edu.co/">Visitenos</a>
</div>
</div>
</footer>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript" src="/js/materialize.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.sidenav').sidenav();
$('.dropdown-trigger').dropdown();
$('.materialboxed').materialbox();
});
</script>
</body>
</html>