-
Notifications
You must be signed in to change notification settings - Fork 0
/
ventajasDesventajas.html
99 lines (82 loc) · 5.44 KB
/
ventajasDesventajas.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
<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name ="author" content ="Paula Suárez Prieto" />
<meta name ="description" content ="Ventajas e inconvenientes de la utilización del framework Bootstrap" />
<meta name ="keywords" content ="Bootstrap, css, html, web, diseño, JS, javascript, ventajas, inconvenientes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Bootstrap - Ventajas y desventajas</title>
<link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
<link rel="stylesheet" type="text/css" href="estilo/layout.css" />
</head>
<body>
<header>
<h1>Bootstrap</h1>
</header>
<nav>
<a title="Inicio" accesskey="I" tabindex="1" href= "index.html">Inicio</a>
<a title="Historia y versiones" accesskey="H" tabindex="2" href= "versiones.html">Versiones</a>
<a title="Contenido y primeros pasos" accesskey="C" tabindex="3" href= "contenido.html">Contenido</a>
<a title="Ventajas y desventajas" accesskey="V" tabindex="4" href= "ventajasDesventajas.html">Ventajas/Desventajas</a>
<a title="Experiencia y opinión personal" accesskey="O" tabindex="5" href= "opinion.html">Opinión</a>
</nav>
<main>
<h2>Ventajas y desventajas de usar Bootstrap</h2>
<section>
<h3>¿Por qué usar Bootstrap?</h3>
<ul>
<li>
Facilidad de uso. Sus archivos están compilados para facilitar el acceso y sólo se requieren conocimientos básicos de HTML, CSS y JS para modificarlos.
</li>
<li>
Rejilla responsible. Bootstrap viene con un sistema de rejilla predefinido, lo que te ahorra crear uno desde cero.
</li>
<li>
Compatibilidad con los navegadores. Hacer que tu sitio web sea accesible a través de diferentes navegadores ayuda a reducir la tasa de rebote y a posicionarse mejor en los resultados de búsqueda.
</li>
<li>
Sistema de imágenes de Bootstrap. Bootstrap gestiona la visualización de imágenes y la capacidad de respuesta con sus reglas HTML y CSS predefinidas.
</li>
<li>
Documentación de Bootstrap. Bootstrap proporciona documentación para los desarrolladores que quieran aprender a utilizar este framework por primera vez.
La documentación también incluye ejemplos de código para las prácticas básicas.
</li>
</ul>
</section>
<section>
<h3>¿Por qué no usar Bootstrap?</h3>
<ul>
<li>Fuerte personalización. De lo contrario, todos los sitios web construidos con este framework tendrán los mismos componentes de navegación, estructura y diseño, lo que les dará un aspecto poco profesional.</li>
<li>Ancho de banda. El hecho de tener un gran número de funciones implica que los archivos son de gran tamaño. El uso de Bootstrap en tu proyecto puede ralentizar el tiempo de carga del sitio web y sobrecargar tu servidor.</li>
<li>Compatibilidad con los navegadores. Aunque Bootstrap es compatible con la última versión de los navegadores más populares, no ocurre
lo mismo con las versiones más antiguas. Esto significa que el aspecto de tu sitio web dependerá totalmente de la voluntad de los usuarios de actualizar sus navegadores.</li>
<li>Ensucia el código. Se usan etiquetas con demasiadas clases o con clases que no son semánticas, lo que complica la legibilidad.</li>
<li>Curva de aprendizaje. Aunque es fácil de usar, Bootstrap tiene una pequeña curva de aprendizaje al principio. Se necesita tiempo
para aprender las clases y componentes disponibles, lo que puede resultar complicado para alguien sin conocimientos técnicos.</li>
</ul>
</section>
<section>
<h3>Conclusión</h3>
<p>
Bootstrap es un framework front-end popular entre los desarrolladores hoy. Es fácil de usar y ahorra a los desarrolladores tener que escribir código HTML, CSS y JavaScript manualmente.
</p>
<p>
El framework es muy flexible y puede adaptarse a casi todas las necesidades de desarrollo web front-end. Su mejor característica es las plantillas de diseño que hacen que las páginas web funcionen de forma óptima en todos los tamaños de pantalla.
</p>
<p>
A pesar de tener una ligera curva de aprendizaje, viene con un montón de recursos para ayudarte a empezar. Algunas de las mejores plataformas de aprendizaje son la página de documentación de Bootstrap y los foros centrados en IT como Stack Overflow.
Esto hace que sea una buena herramienta para las personas que no tienen un alto conocimiento en HTML, CSS y JavaScript. Los desarrolladores especializados en estos lenguajes no lo suelen utilizar debido a alguna de las desventajas comentadas como el ancho de banda y el código menos legible.
</p>
<picture>
<source media="(max-width:799px)" srcset="multimedia/imagenes/conclusion-p.png" />
<source media="(min-width:800px)" srcset="multimedia/imagenes/conclusion.png" />
<img alt="Imagen que muestra a un hombre pensativo" src="multimedia/imagenes/conclusion.png" />
</picture>
</section>
</main>
<footer>
<p>Paula Suárez Prieto, UO269745</p>
</footer>
</body>
</html>