Blog del Torturo


Si desean ver una lista completa de post lo pueden hacer en: esta lista.

Pasos Básicos para la Creación de una Página web

7-11-2011 Por: Torturo

Pasos Básicos para la Creación de una Página web

en este pequeño pero amplio tutorial, empezaremos con algo que es simple llamado HTML
primero empezaremos con lo que HTML significa: HyperText Markup Language (Lenguaje de Etiquetas de Hipertexto)
en realidad la traducción es lo de menos, simplemente es saber para que sirve, y como eso es practicamente pura teoría entonces es algo que en este momento no interesa… pero claro, es bueno tener un breve conocimiento.
empezaremos con el nombre de los archivos; para el HTML se tienen 2 tipos e extensiones…
.html y .htm, en donde la más usada es la primera (.html) aunque no hay diferencia entre el primero y el segundo.

otro dato curioso es: cuando tenemos un servidor web se ha estandarizado que para nombrar la primera página web se llame: index y como en este caso queremos usar HTML entonces será: index.html

Lo que queremos en este momento es SABER como crear páginas web, y para eso tenemos que saber la estructura para la programación, hagamos una prueba primero, vamos a crear un archivo con terminación .html que se llame index.html, y escribamos una letra en cada renglon, de ese modo, si escribimos Citlali tendremos 7 Lineas, lo guardamos y lo intentamos visualizar en nuestro navegador web de preferencia (Internet explorer, Mozilla Firefox, Chrome, Netscape, etc…).

nos daremos cuenta de las 7 lineas que hemos creado se están viendo en linea recta, eso quiere decirnos que el HTML no distingue los saltos de linea, pr lo que necesitamos ESTRICTAMENTE una estructura, esta es la siguiente:

<html>
<head>
<title></title>
</head>
<body>

</body>

</html>

en primera instancia le estamos diciendo a nuestro código que empezamos con la etiqueta HTML y seguidamentecon la cabecera de éste, seguidamente tenemos nuestro título, después tenemos nuestro cuerpo (body) en donde comenzaremos a escribir nuestro código para poder crear una página web,existen diferentes tipos de versiones HTML, podemos ocupar cualquier versión pues en teoría, todas deberian de funciona, pero con diferentes técnicas, encontraremos más información aquí: http://aprendiendoweb.com/2008/08/la-historia-del-html-%281989-2008%29

aunasdo a esto, podremos encontrar que existen MUCHAS etiquedas más en donde mencionaré unas de ellas:

<b>Hola  Mundo</b>
<strong>Hola  Mundo</strong>
en este ejemplo, estoy poniendo un Hola Mundo en negritas en cualquir de las dos formas

<table>
<tr>
<td>Primera Columna</td>
<td>Segunda Coluna</td>
<td>Tercera Coluna/td>
<td>Cuarta Coluna</td>
</tr>
</table>
antiguamente (y aún ahora) de utilizan las tablas que si nos ponemos a pensar un poco más detenidamente es algo muy “fácil” de usar, hacer, y comprender… inicialmente, si pensamos en que NO hay algo más, pues sí… es algo relativamente fácil de utilizar, pero ya tenemos una nueva etiqueta que podría e incluso que suple en muchas casos a las tablas, que son los DIV que signidican DIVisiones:

<div>División</div>
<div>División</div>
<div>División</div>
<div>División</div>

aquí tenemos una leve diferencia, en el primer ejemplo se ponen en horizontal y en el seguro está en vertical, diriamos, que preferimos las tablas por poder tener la opción de hacerlo vertical u horizontal.
para esto tenemos una solución simple, agregar Cascadas de Estilos que nos permitiría poner todo de manear horizontal como a continuación de presenta:

<div style=”float:left;”>División</div>
<div style=”float:left;”>División</div>
<div style=”float:left;”>División</div>
<div style=”float:left;”>División</div>

de esta manera podremos poner todas las divisiones pegadas una con otra.
las cascadas de estilos (CSS) existen de diferentes formas, Internas, externas o en linea (aunque para usar una sóla palabra me animo a decirles EMBABIDAS) esta última es como lo pusimos en el ejemplo anterior
en donde podremos encontrar ejemplos (a mi consideración, el ejemplo es la mejor opción):
http://www.w3.org/Style/Examples/011/firstcss.es.html

en la actualidad tenemos muchos programas que nos ayudarán a hacer páginas web que nos ayudaran a hacer páginas simples de HTML con CSS pero, si dejamos que estos programas lo hagan todo, tendremos un ILO de código tanto en CSS como en HTML,
estos programas llamados WYSISYG (What You See Is What You Get) podrían ser: FrontPage, SharePoint, Expression web de Microsoft, DreamWeaver de Adobe, Mozilla Composer, Amaya, u muchos más
http://es.wikipedia.org/wiki/Editor_de_p%C3%A1ginas_web#Editores_WYSIWYG


Dejar Comentario

Leave a Reply

Your email address will not be published. Required fields are marked *

captcha

Please enter the CAPTCHA text