-
Notifications
You must be signed in to change notification settings - Fork 0
/
tecnologias.html
103 lines (100 loc) · 7.11 KB
/
tecnologias.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
<!DOCTYPE html>
<html>
<head>
<title>Tecnológias</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="css/ed-grid.css"/>
<link rel="stylesheet" href="css/ed-grid.min.css"/>
<link rel="stylesheet" href="css/estilo.css"/>
<link rel="stylesheet" href="css/buscador.css"/>
<script type="text/javascript" src="js/buscar.js"></script>
</head>
<body class="cuerpo">
<header class="ed-container">
<div class="ed-item s-100"><img src="img/foto1.jpg"/></div>
<nav>
<div class="ed-item l-offset-100">
<ul class="ed-menu l-horizontal s-60 expand-submenu">
<li><a href="index.html">inicio</a></li>
<li><a href="unidad1.html">Unidad_1
<ul>
<li><a href="evolucion.html">Evolución
<ul>
<li><a href="evolucion.html#web1">WEB 1.0</a></li>
<li><a href="evolucion.html#web2">WEB 2.0</a></li>
<li><a href="evolucion.html#web3">WEB 3.0</a></li>
<li><a href="evolucion.html#web4">WEB 4.0</a></li>
</ul>
</a></li>
<li><a href="Arquitectura.html">Arquitectura</a></li>
<li><a href="Tecnologias.html">Tecnologias</a></li>
<li><a href="Planificacion.html">Planificacion</a></li>
</ul>
</ul>
</div>
</nav>
<div class="flexsearch">
<div class="flexsearch--wrapper">
<form class="flexsearch--form" action="#" id="pagina" method="post">
<div class="flexsearch--input-wrapper">
<input class="flexsearch--input" type="search" id="texto" placeholder="Buscar">
</div>
<input class="flexsearch--submit" type="submit" onclick="JavaScript: buscador();" value="➜"/>
</form>
</div>
</div>
</header>
<div class="ed-container" id="imagen">
<div class="ed-item">
<div class="img_evo"><img Src="img/html.png"/></div>
<h1>1.3 Tecnologías para el desarrollo de aplicaciones web</h1>
<p>Las fases de un desarrollo web, así como los lenguajes de programación usados, son muy extensos y variados, y por ello necesitamos herramientas específicas para cada una de ellas. Conoceremos a continuación las principales herramientas existentes para poder desarrollar fácilmente un proyecto web.</p>
<p>En el desarrollo web tenemos unas herramientas para el diseño, otras para la maquetación, otras para la programación, y para la depuración. Todas las herramientas que usemos son muy importantes, desde el Sistema Operativo hasta el comando más insignificante, y por ello debemos elegir la más adecuada a nuestras necesidades y capacidades.</p>
<p>Para desarrollar una web, lo primero que necesitamos es un Sistema Operativo, como es lógico, y su elección no es tan trivial. Hay que tener en cuenta las aplicaciones de las que dispone el Sistema Operativo y sus costes.</p>
<p>Por ejemplo, tenemos Microsoft Windows, cuyas aplicaciones son muy caras, como Photoshop, Dreamweaver, Fireworks, ASP .NET… Y por otro lado tenemos GNU/Linux, con GIMP, Inkscape, Amaya, Aptana, PHP (aunque todos ellos también están disponibles en Windows).</p>
<p>Otra característica a tener en cuenta es las facilidades que el Sistema Operativo aporta al desarrollador, y en este sentido GNU/Linux se lleva de calle a Windows. Y esto es porque Windows no fue diseñado para los desarrolladores, sino para personas que no tienen muchos conocimientos sobre informática.</p>
<p>Y por el contrario GNU/Linux fue creado por desarrolladores, y para desarrolladores; y por lo tanto en GNU/Linux podemos encontrar infinidad de herramientas que nos harán la vida mucho más fácil, que además son libres.</p><br/>
<h3>Fases de desarrollo de una web</h3>
<p>Para elegir las herramientas a utilizar, antes debemos identificar las fases del proceso que forman el ciclo de vida de un desarrollo web.</p>
<ul>
<li>Diseño:</li>
</ul>
<p>El diseño consiste en crear esbozos de la web final mediante una herramienta gráfica, como Photoshop, GIMP o Inkscape.</p>
<ul>
<li>Maquetación HTML/CSS:</li>
</ul>
<p>La maquetación consiste en convertir los esbozos creados en la fase anterior en plantillas HTML, su respectiva hoja de estilos, y las imágenes usadas. Es posible saltarse la fase anterior para comenzar directamente con esta fase, dependiendo de si dominamos herramientas como Photoshop o no.</p>
<ul>
<li>Programación cliente:</li>
</ul>
<p>La programación cliente consiste básicamente en Javascript. Una web puede no tener necesidad de hacer programación cliente, como puede ser una pequeña web corporativa con poca información estática, o puede que requiera enormes esfuerzos en esta fase, como ocurre con los proyectos Web 2.0.</p>
<ul>
<li>Programación servidor:</li>
</ul>
<p>En esta fase, que se desarrolla junto con la anterior, crearemos la aplicación web en un lenguaje de servidor, como puede ser PHP, ASP .NET, Python, Perl, etc.</p>
<ul>
<li>Depuración:</li>
</ul>
<p>Esta fase enlaza la anterior con la siguiente, y es donde haremos las pruebas unitarias, aserciones, trazas, etc.</p>
<ul>
<li>Pruebas en local:</li>
</ul>
<p>En nuestro servidor local haremos todas las pruebas posibles.</p>
<ul>
<li>Subir ficheros al hosting:</li>
</ul>
<p>Una vez nuestra web esté completada y bien testeada en nuestro servidor local (desarrollo), la subiremos al servidor del hosting elegido (producción). Dependiendo del hosting, podremos usar FTP, SFTP (SSH), WebDAV, o incluso Subversión.</p>
<ul>
<li>Pruebas en hosting:</li>
</ul>
<p>Realizaremos las últimas pruebas en el servidor del hosting para comprobar que el cambio de servidor no ha afectado a nada. Para evitar problemas, nuestro servidor local debe tener exactamente la misma configuración que el servidor del hosting.</p>
<div class="img_evo"><img Src="img/css.png"/></div>
</div>
</div>
<footer class="ed-container" id="abajo">
<div class="ed-item">
<p>Aracely Hernandez de la Rosa</p>
</div>
</footer>
</body>
</html>