PERSONALIZACIÒN DE BLOGS
BIENVENIDOS A LA PERSONALIZACIÒN DE BLOGS
Ministerio del deporte
Ambato 2013
CARLOS TAMAYO
Estudiante
... buen trabajo ....
PERSONALIZACIÒN DE BLOGS
Púlsame
.
BIENVENIDOS GRANDES COMPAÑEROS:
En este Blog usted observaa algunas recomendaciones para decorar y personalizar los Blogs mediante plantillas, modificación de código HTML y uso de recursos de la Web 2.0 Esperamos que este trabajo sea de su agrado y a su vez sea compartido y benefactor para que este sea compartido, así tambien realizar la cinergía comunicacional a´prender a aprender, y disfrytar de sus conocimientos como de los nuestros en conjunto.
Su gran compañero Carlos Tamayo
Publicado por Carlos Tamayo
La información en la red debe ser rápida , precisa y consiza, para lo cual se creó el protocolo de comunicación HTTP o
Hyper Text Transport Protocol, el cual fue desarrollado en un laboratorio en Suiza con el fin de dar a conocer las últimas investigaciones de punta a punta y las mas importantes y relevantes en el mundo entero.
Por lo tanto este el comienzo de las redes compuestas
por diferentes servidores o computadores que proveen información de todo tipo social, político y economico cultural a los usuarios del mundo entero.
Inicialmente el WWW o mas conocido como el Worl Wide Web, era poco
interactivo, limitándose a desplegar la información en modo texto . Luego el
permanente avance de tecnológico surgieron los visualizadores gráficos
(browsers) y con ellos el HTML (Hypertext Markup Languaje) lenguaje utilizado
para la presentación de la información en la red.
El HTML es una codificación que un lenguaje de
programació. Su estructura básica es tan simple que cualquier persona sin
principios en programación puede aprenderlo con gran facilidad.
Lo sorprendente de este lenguaje es que proporciona al
usuario la información en una manera interactiva, haciendo uso del hypertexto ,
o texto con enlaces hacia otros lugares del Web, o hacia inserciones de
multimedia (videos, sonidos, gráficos, etc.). Además es universal y no depende
del sistema operativo que se esté utilizando.
Los documentos HTML se escriben en modo ASCII (texto
plano), haciendo uso de cualquier procesador de palabras y en cualquier sistema
operativo.
Este vínculo envía al lector fuera de la página hacia
otro site Web. Generalmente son usados para relacionar al usuario con otros
sitios interesantes en el mundo Web.
TAGS o denominada etiquetas. Mediante estas
etiquetas es posible separar el contenido del documento de su formato.
Los TAGS son comandos , con el fin de darle las características deseadas a la
información.
La estructura de la página web es la siguiente:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY> Esta es mi primera página Web</BODY>
</HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY> Esta es mi primera página Web</BODY>
</HTML>
La etiqueta <HTML> comienzo de lectura siempre el código HTML se debe colocar siempre al comienzo y
al fin del texto.
La etiqueta <HEAD> indica un encabezado,colocamos el título, el cual debe estar contenido
entre la etiqueta <TITLE>
En la etiqueta <BODY> va el cuerpo del
documento, el cual es lo que realmente vemos en el Web.
El lenguaje HTML en la escritura no
distingue mas de un espacio entre caracteres y se olvida de cualquier formato
que se le de al texto como por ejemplo en (negrilla, cursiva, tipo de letra, entre otras).
Recordemos que para esto es que se creó el HTML, toda presentación final debe
ser proporcionada mediante las etiquetas.
Cada etiqueta, con excepción de unas cuantas, le debe
indicar al visualizador cuando finaliza, para lo cual se utiliza </TAG>,
donde TAG es puede ser cualquier etiqueta. De esta manera indicamos cuando
comienza y termina el encabezado, el título, el cuerpo y el documento HTML.
Para editar o crear un documento HTML se puede hacer
uso de cualquier procesador de palabras. Para ello se debe modificar o digitar
la estructura completa del documento y guardarlo como texto simple con
extensión HTML.
Ahora para visualizar nuestros cambios o ver como va
quedando nuestra página, antes de cargarla en nuestro servidor, se puede abrir
el archivo en cualquier visualizador, y este lo desplegará tal como se vería la
página en la black.
Las opciones de que disponen los browser mas comunes,
son :
Nestcape:
Menu
"File", comando "Open file in a browser" (Ctrl O). Para volver a cargar el archivo una vez que este ya
esté abierto en el browser, se dispone del comando "Reload" del menú
"View".
Internet Explorer:
comando "Abrir" del menú "Archivo". Para volver a
cargar se dispone del comando "Actualizar", del menú "Ver".
Para lograr tales características en el
texto del documento HTML , Recordemos que el texto va dentro del cuerpo del
documento entre las etiquetas <BODY> </BODY>, se debe hacer uso de
las etiquetas que explicaremos a continuación.
Etiquetas de formato:
Negrita
|
<B>
Texto en negrita</B>
|
Cursiva
|
<I>
Texto en cursiva</I>
|
Subrayado
|
<U> Texto subrayado</U>
|
Monoespaciado
|
<TT>
Texto como si estuviera escrito en máquina da escribir </TT>
|
Preformateado
|
<PRE>
Texto que conserva todos sus espacios y tabuladores, y aparece en formato
monoespaciado</PRE>
|
Etiquetas para párrafos:
Nuevo párrafo (dos espacios)
|
<P>
|
Línea horizontal
|
<HR>
|
Salto de
línea (un espacio)
|
<BR>
|
Tamaño de la fuente
|
<Hx>
</Hx>. Donde x es un número entre 1 y 6, siendo 1 el tamaño mas grande
y 6 el más pequeño
|
Las listas sirven para desplegar la información que
debe ser enumerada o tabulada de una manera organizada. En el lenguaje HTML se
pueden construir varios tipos de listas :
Numera los párrafos u objetos que se encuentran dentro de la siguiente
estructura :
<OL>
<LI> Primer párrafo u objeto.
<LI> Segundo párrafo u objeto.
Etc...
</OL>
<LI> Primer párrafo u objeto.
<LI> Segundo párrafo u objeto.
Etc...
</OL>
Útiles para
crear tablas de posiciones y enumerar procedimientos.
Inserta un punto negro a los párrafos u objetos que se encuentran dentro
de la siguiente estructura :
<UL>
<LI> Primer párrafo u objeto.
<LI> Segundo párrafo u objeto.
Etc...
</UL>
<LI> Primer párrafo u objeto.
<LI> Segundo párrafo u objeto.
Etc...
</UL>
Son útiles para
enumerar por puntos los comentarios de su página.
Son útiles para las entradas de tipo diccionario o para las secciones de
documentos donde un término es el encabezado de la sección y la definición es
el texto de aquella. La estructura es la siguiente :
<DL>
<DT> Primer término.
<DD> Primera definición.
<DT> Segundo término.
<DD> Segunda definición.
Etc...
</DL>
<DT> Primer término.
<DD> Primera definición.
<DT> Segundo término.
<DD> Segunda definición.
Etc...
</DL>
A cada una de estas listas se les puede crear una
lista dentro de ellas, simplemente agregando la estructura deseada dentro de la
etiqueta correspondiente.
Las etiquetas HTML que se encargan de generar los
vínculos son <A> y </A>. A esta etiqueta se le debe agregar el
"URL" con el que se desea vincular. Esto se realiza de la siguiente
manera :
<A HREF="URL">Texto del vínculo</A>
El URL será entonces la dirección completa de la
página a la que se desea crear el vínculo.
Ejemplo : http
://www.insomnia-group.com
El URL es la ruta completa ,incluyendo el
nombre del archivo,que lleva al visualizador a cargar el documento que se
desea desplegar.
Por ejemplo en mi cuenta he creado una página para que
las personas que visiten al Home Page registren su visita. Si el nombre de
documento es firmas.html y se encuentra en el mismo directorio de la Home Page,
el URL sería firmas.html.
Para marcar el inicio del ancla se utiliza la etiqueta
<A HREF="#sección"> Texto que relaciona al ancla </A> .
Nótese que lo que sería en los otros casos el URL se ha cambiado por el nombre
que se le da al ancla, precedido del signo #.
Para marcar el fin del ancla (a donde debemos llegar)
se hace uso de la etiqueta <A NAME="sección"> Texto del ancla
</A>. Donde "sección" debe coincidir con el nombre designado en
el inicio del ancla.
La estructura adecuada es la siguiente:
<A HREF=mailto :"dirección de correo electrónico" Texto del
vínculo </A>
Ejemplo:
<A HREF=mailto :"edpq148cronos.eafit.edu.co" Sugerencias y
comentarios</A>
Recuerde mantener el URL requerido dentro de la
estructura normal de etiquetas de vínculo.
RECURSO
|
URL
|
FTP (directorio)
|
ftp ://quién/dónde
|
FTP (archivo)
|
ftp ://quién/dónde/que
|
Gopher
|
gobher ://quién
|
UseNet
|
news
://nombre del grupo de noticias
|
Telnet
|
telnet ://quién
|
Toma en cuenta que para colocar una imagen en una página basta con
llamarla desde el documento HTML
Lo primero es diseñar el gráfico deseado en cualquier programa de
dibujo como el Corel Draw o el Adobe Photoshop, luego se debe convertir a
cualquiera de los formatos aceptados por el lenguaje HTML (GIF y JPEG).
La estructura es la siguiente :
<IMG SRC= "Nombre del archivo" >
Donde "Nombre del archivo" es el nombre del
archivo de gráfico que desea desplegar.
Las tablas pueden ser sin borde o con
borde.
Una tabla: es un conjunto rectangular de
filas y columnas que aparecen en su pantalla.
ESTRUCTURA BÁSICA DE LAS
TABLAS
<TABLE BORDER="Número entre 0 y 7">
<CAPTION ALIGN=TOP ó BOTTOM>;Aquí va el texto del título</CAPTION>
<TR>
<TD>Primera fila, primera columna</TD>
<TD>Primera fila, segunda columna</TD>
<TD>Primera fila, tercera columna</TD>
..........
</TR>
<TD>Segunda fila, primera columna</TD>
<TD>Segunda fila, primera columna</TD>
<TD>Segunda fila, primera columna</TD>
..........
</TR>
etc...
</TABLE>
<CAPTION ALIGN=TOP ó BOTTOM>;Aquí va el texto del título</CAPTION>
<TR>
<TD>Primera fila, primera columna</TD>
<TD>Primera fila, segunda columna</TD>
<TD>Primera fila, tercera columna</TD>
..........
</TR>
<TD>Segunda fila, primera columna</TD>
<TD>Segunda fila, primera columna</TD>
<TD>Segunda fila, primera columna</TD>
..........
</TR>
etc...
</TABLE>
El número que se designa en la etiqueta <TABLE BORDER="Número
entre 0 y 7"> determina el ancho del borde de la tabla. Este número
puede estar entre 0 y 7.
Se preguntarán que significa la etiqueta <CAPTION ALIGN=TOP ó
BOTTOM>; Aquí va el texto del título</CAPTION>. Simplemente da la posibilidad
de colocarle un título a la tabla, bien sea en la parte superior (TOP) o en la
parte inferior (BOTTOM).
EJEMPLO DE DOCUMENTO HTML
PASOS
1.- En el procesador WordPad escribimos el siguiente código:
<title>Mi primer titulo en la Web</title>
<h1>BIENVENIDOS A MI PAGINA HTML</h1>
<h2>PUCESA</h2>
<h3>Ambato 2013</h3>
<h4>Fernando Proaño </h4>
<h5>Instructor</h5>
<h6>... buen trabajo ....</h6>
2.- Guardamos en nuestro disco duro, como:
documento2.html
3.- Vamos al navegador y cargamos el archivo antes creado, el resultado debe ser:
607_918028908_n.jpg" height="170" width="100" />-->
