La Estructura Básica de Una Página Web

La estructura bsica de una pgina web es la siguiente:
<html> <head></head> <body> </body> </html>
Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que est en medio ser la pgina web. Dentro de <html></html> se encuentran 2 partes diferenciadas. La primera <head></head> es la cabecera de la pgina. Aqu irn cierta informacin que no es directamente el contenido de la pgina. Aqu se pone el ttulo de la pgina, los metadatos, estilos, cdigo javascript (todo esto se estudiar en captulos venideros). La primera que se suele estudiar es <title></title>, que indica el ttulo de la pgina (lo que el navegador pone en la parte superior izquierda). La segunda parte es <body></body>. Aqu va propiamente el contenido de la pgina: fotos, prrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la pgina anterior, el siguiente cdigo
<html> <head> <title>Esto es el título de la página.</title> </head> <body> Hola mundo! Esto es negrita. Y esto itálica. </body> </html>
generar el siguiente resultado (abre la pgina en otra ventana, dale al botn derecho => ver cdigo fuente, y vers as el cdigo HTML de la pgina):
Observad el ttulo en la parte superior izquierda de la pgina. Adems, dentro de <body></body> distinguimos varias etiquetas: => Indica salto de lnea. En HTML un salto de lnea normal (pulsando la tecla Enter) no produce un salto de lnea en el resultado. Es necesario escribir (u otra etiqueta similar). => Indica comienzo y fin de negrita. => Itlica. Tambin observamos el cdigo &iaacute; => Esto indica que queremos poner una "i" con acento, es decir, "". Esto se explicar en un captulo posterior. Es importante mencionar que las etiquetas se pueden escribir indistintamente en maysculas o minsculas, es decir Esto es negrita. y Esto es negrita. produce el mismo resultado. Por otro lado, toda etiqueta que se abre (es decir, se pone la etiqueta sin la barra /) debe cerrarse (es decir, poner su equivalente con el smbolo /), si no, el navegador podra dar resultados inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como o <hr>.
PALABRAS RESERVADAS DE HTML.
* ADDRESS - Direccion * APPLET - Applet de java * AREA - Zona o Figura del mapa de imagen * A - Ancla * BASE - Lugar donde se encuentra el documento * BASEFONT - Tamao de dafault del font * BIG - Texto grande * BLOCKQUOTE - Cita Grande * BODY - Cuerpo del documento * BR - Nuevo renglon * B - Negritas * CAPTION - Titulo de la tabla * CENTER - Centrar * CITE - Citar * CODE - Fragmento de un codigo * DD - Definicin * DFN - Definir un concepto * DIR - Directorio * DIV - Divison logica * DL - Definicion de lista * DT - Definicion concepto * EM - Texto enfatizado * FONT - Font * FORM - Forma o Formulario * H1 - Encabezado 1
* H2 - Encabezado 2 * H3 - Encabezado 3 * H4 - Encabezado 4 * H5 - Encabezado 5 * H6 - Encabezado 6 * HEAD - Cabezera Documento * HR - Linea Horizontal * HTML - Documento * IMG - Imagen * INPUT - Objeto Html * ISINDEX - Busqueda Primaria * I - Italicas * KBD - Teclado * LINK - Enlace o liga * LI - Elemento de una lista * MAP - MAPA * MENU - Menu * META - Meta Informacion * OL - Lista Ordenada * OPTION - Opcion para objeto Select Html * PARAM - Parametro de un applet java * PRE - Tetxo preformateado * P - Parrafo * SAMP - Texto Ejemplo * SCRIPT - Programa Embebido o incorporado * SELECT - Objeto Html * SMALL - Texto Pequeo
* STRIKE - Texto tachado * STRONG - Texto en negritas fuertes * STYLE - Estilo * SUB - Subscript * SUP - Superscript * TABLE - Tabla * TD - Celda de una Tabla * TEXTAREA - Area de Captura * TH - Celda de encabezado en TABLA * TITLE - Titulo del documento * TR - Renglon de una tabla * TT - Teletipo * UL - Lista sin ordenar * U - Subrayado * VAR - Variable
PERSONALIZAR UNA PAGINA WEB
TIPO DE LETRA
El atributo face define el tipo de letra. Texto En Tipo de letra van algunas de las siguientes:
Arial Comic Sans MS Verdana Helvetica Courier Courier New MS Serif Times Times New Roman MS Sans Serif Geneva Trebuchet MS
Ejemplo: Texto en Comic Sans MS
TAMAO
El atributo size define el tamao de letra. Si hablamos en trminos absolutos, existen 7 niveles de tamao distintos numerados de 1 a 7 por orden creciente. Elegiremos por tanto un valor size="1" para la letra ms pequea o size="7" para la ms grande.
Este texto es ms grande
COLOR
Es posible definir de una manera inmediata algunos de los colores ms frecuentemente usados para los que se ha creado un nombre ms mnemotcnico:
Por otra parte, cada color es a su vez definido por un nmero hexadecimal que est compuesto a su vez de tres partes. Ejemplo:
Este texto est en rojo
Otro ejemplo:
Este texto est en color naranja
ALINEACIN DEL TEXTO
As, si desesemos introducir un texto alineado a la izquierda escribiramos:

Texto alineado a la izquierda
Para una justificacin al centro:

Texto alineado al centro
Para justificar a la derecha:

Texto alineado a la derecha
Imaginemos un texto relativamente largo donde todos los prrafos estn alineados a la izquierda (por ejemplo). Una forma de simplificar nuestro cdigo y de evitar introducir continuamente el atributo align sobre cada una de nuestras etiquetas es utilizando la etiqueta <div>. As, el cdigo:
Parrafo1 Parrafo3 Parrafo2
Es equivalente a:
<div align="left"> Parrafo1 Parrafo2 Parrafo3 </div> -----------------------
Texto en negrita
Texto en negrita
Texto en Itlica
Texto en itlica
Texto subrayado
Texto subrayado
COMO INSERTAR UNA IMAGEN,UN VIDEO Y UN DOCUMENTO DE WORD.
IMAGEN
La etiqueta que utilizaremos para insertar una imagen es <img> (image). Esta etiqueta no posee su cierre correspondiente y en ella hemos de especificar obligatoriamente el paradero de nuestro archivo grfico mediante el atributo src (source). La sintaxis queda entonces de la siguiente forma: <img src="Direccin de la imagen">
VIDEO
<embed src="video.avi" width=352 height=240>
src -> ruta y nombre del archivo width -> ancho del video height -> altura del video
DOCUMENTO DE WORD
Una forma es esta: <object type="application/msword" data="Direccin del documento de word" width="300" height="200"> alt : <a href=" Direccin del documento de word </a> </object> Otra forma es subirla a una pgina como Google docs, Scribd o similar y ah copiar el cdigo que nos genere, y pegarlo entre <body> y </body> En Google docs, nos genera un cdigo como ste: <iframe height="500" src="https://docs.google.com/document/pub?id=1L4WKBtIKFjJ1xcv3DR qbcluwX2do1trlCra0zo4gTF4&embedded=true" width="600"></iframe> Ya completo sera <html> <head> <title>Mi pgina web</title> </head> <body> <iframe height="500" src="https://docs.google.com/document/pu b? id=1L4WKBtIKFjJ1xcv3DRqbcluwX2do1trlCra0 zo4gTF4&embedded=true" width="600"></iframe> </body> </html>
COMO SUBIR LA PAGINA WEB A UN SERVIDOR GRATUITO.

Para empezar debemos de tener un servidor, si no queremos invertir ni un centavo en nuestro sitio podemos darnos de alta en algun servidor gratuito como pueden se000webhost.com o byethost.com. Existen muchismos ms pero ester par de servidores son los que yo uso cuando solo quiero deviertirme un rato. Bueno una vez que te has dado de alta te da una serie de datos que son

Nombre del server Nombre del server de la bd espacio disponible entre otras varias cosas Ya que tenemos esos datos nos vamos a concentrar unicamente en el nombre del server, que es vital para subir nuestro sitio (al igual que el nombre de usuario y contrasea). Ya que tenemos listo el nombre del server ahora sigue el nombre de usuario y contrasea, que son los mismo con los que te registraste es decir cuando diste de alta tu cuenta te pidio un nombre de usuari y una contrasea esos son los que deberas poner en el cliente FTP (un momento ms contare sobre esto). En caso que la contrasea o nombre de usuario sean diferentes el mismo host te lo dara. Bueno ahora sigue descargarte un cliente FTP, yo en lo personal uso FileZilla (les pongo el link a google para que ecogan de donde lo quieren descargar) ya que descargaste el programa y ya que lo instalaste sigue llenar los datos. Ya que tengas los datos correctos el cliente FTP se conectara al server y te desplegara las carpetas y archivos que tiene tu server, ahi existe una carpeta public_html que es donde deberas subir tus archivos

La Estructura Básica de Una Página Web

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

La Estructura Básica de Una Página Web

Uploaded by

Copyright:

Available Formats

La estructura bsica de una pgina web es la siguiente:

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

PALABRAS RESERVADAS DE HTML.

PERSONALIZAR UNA PAGINA WEB

Ejemplo: <font face="Comic Sans MS">Texto en Comic Sans MS</font>

ALINEACIN DEL TEXTO

As, si desesemos introducir un texto alineado a la izquierda escribiramos:

Para una justificacin al centro:

Para justificar a la derecha:

COMO INSERTAR UNA IMAGEN,UN VIDEO Y UN DOCUMENTO DE WORD.

<embed src="video.avi" width=352 height=240>

COMO SUBIR LA PAGINA WEB A UN SERVIDOR GRATUITO.

You might also like