Practica 1.2 introducción del HTML
1-¿Que
entiende por HTML?
Define cada una de las letras que
conforman la palabra HTML? * Hyper
Text MarkupLanguage
H: Hyper
T: Text
M: Markup
L: Language
2-¿Quien
invento el HTML?
*En
1989 por Tim Berners-Lee
3-¿Cual era
el objetivo al crear el lenguaje HTML?
Para la creación de sitios web
http://es.html.net/tutorials/html/lesson2.php
4-¿Menciona cuatrocaracterísticas
del lenguaje HTML?
Elementos
Cada elemento de un documento HTML consta de una marca de
comienzo, un bloque de texto y una marca de fin. <MARCA>bloque de
texto</MARCA>. Por ejemplo, <H1>Titular de nivel 1</H1>
Estos elementos se denominan contenedores, porque contienen
un bloque de texto entre las dos marcas. También existen elementos vacíos, que
no afectan a bloques de texto y, por tanto, no contienen marca de fin.
Por ejemplo, línea 1 <BR> línea 2
Atributos
Muchos elementos tienen atributos que definen propiedades
del elemento: <MARCA ATRIBUTO="VALOR"> bloque de texto
</MARCA>. Por ejemplo, <H1 ALIGN="CENTER">Titular de nivel
1 centrado</H1>
Es recomendable encerrar los valores de los atributos entre
comillas dobles. En algunos casos es además obligatorio (por ejemplo, si
contienen espacios en blanco).
Distinción
entre mayúsculas y minúsculas
HTML no distingue entre mayúsculas y minúsculas. Cuando es
importante hacerlo, cosa que puede ocurrir con los valores de algunos atributos
(por ejemplo, nombres de ficheros), es preciso encerrar el valor entre comillas
dobles. Por ejemplo, <IMG ALT="" SRC="BolaRoja.gif">
Comentarios
Los comentarios se escriben en HTML de la siguiente forma:
<!-- Esto es un comentario -- >. Los caracteres de inicio del comentario,
<!-- deben ir juntos, pero se permiten espacios entre los -- y el > del
final. Los comentarios pueden expandirse varias líneas, aunque no es
conveniente porque algunos visualizadores pueden no interpretarlos.
Interpretación
de espacios, tabulaciones y retornos de carro
Los espacios, tabulaciones, líneas en blanco y retornos de
carro del documento HTML se ignoran, tomándose como un único espacio en blanco.
Esto permite añadir espacios para aumentar la claridad del documento. Cuando se
quiere forzar un espacio en blanco, se hace de la siguiente forma:
Estructuración
HTML es un lenguaje estructurado. Existen unas reglas
estructurales sobre dónde pueden y no pueden ir los elementos. Por ejemplo,
Ciertos elementos
no pueden contener otros elementos. Por ejemplo, no es correcto colocar un
titular dentro de otro. Además, tampoco tiene sentido hacerlo.
<H1><H2>Texto</H2></H1>
Los elementos no
se pueden solapar. No es correcto escribir
<EM><H1>Texto</EM></H1>
Estructura
de un documento HTML
<HTML>
<HEAD> ... Encabezamiento del documento </HEAD>
<BODY> ... Cuerpo del documento </BODY>
</HTML>
Elementos más importantes del encabezamiento: TITLE y META.
<TITLE>Título de la página</TITLE>
<META NAME="descripción" CONTENT="Página
dedicada al diseño eficiente de páginas web para internet mediante el lenguaje
HTML y otras herramientas auxiliares">
<META
NAME="keywords" CONTENT="web diseño HTML hipermedia">
<META
HTTP-EQUIV="refresh" CONTENT="5;
URL=http://dominio/pagina2.html">
<META
HTTP-EQUIV="expires" CONTENT="Fri, 05 Jan 2001 13:00:00
GMT">
El cuerpo
del documento viene a continuación del encabezamiento, y contiene todo el texto
y material del documento que se va a mostrar.
<BODY
BGCOLOR="color" BACKGROUND="fichero imagen"
TEXT="color"
LINK="color" VLINK="color" ALINK="color">
...
</BODY>
El formato de los colores se puede especificar de dos
maneras distintas:
·
Mediante
el nombre del color. Por ejemplo, aqua, black, blue, fuchsia, gray, green,
lime, maroon, navy, olive, purple, red, silver, teal, white, yellow (y otros
124 colores extendidos).
·
Mediante
la intensidad, en hexadecimal, de los componentes RGB (rojo, verde, azul) del
color: #RRGGBB (siendo 00 la intensidad nula y FF el máximo brillo).
5-¿Menciona
siete reglas básicas que debes seguir para el diseño de una página web?
1.- Trazar un esquema de apartados y secciones de la web,
con todo aquello que se te ocurra (con papel y lápiz). Luego ordenarlo todo
para elaborar el esquema final (aunque podrá cambiar ir cambiando después).
2.- Hacer un "boceto" de la página que deseas, a lápiz!
Usa colores para darle forma y buen aspecto.
3.- Obtener un espacio para la página web en algún
"Servidor", ya sea de pago o gratuito.
4.- Crear una "carpeta" en el disco duro, donde
guardar los archivos de la nueva página web.
6.- "Instalar" el programa de diseño y
"configurar" el sitio web en él.
1.-Tu página
tiene que cargar rápido
Tan solo tienes 10 preciosos y escasos segundos para
despertar su interés antes de que se marchen. Tus visitantes y probablemente tu
tampoco esperarías 30, 40, ni 50 segundos hasta que el sitio cargue, en
Internet el tiempo pesa y mucho, cuando navegamos en la red se pierde la
paciencia rápidamente, así que lo mejor es asegurarse que tus paginas sean
gráficamente ligeras para que no convierta tu sitio web en un sitio “pesado”.
2.-Despierta
su Interés dándole lo que está buscando
Tu visitante antes de comprar va primero que todo en busca
de información, el “Que Hay Aquí Para Mi”, dales precisamente eso información,
pero no cualquier información dales contenido que no pueda conseguir en tu
competencia, es por eso que tus contenidos no pueden ser mas de lo mismo que tienen
los demás, debes enfocarlo desde un punto de vista novedoso, que lo haga fresco
y original. De esta manera sentirán que tu sitio tiene eso que están buscando y
que solo tú puedes ofrecerle.
3.-Pon a la
vista lo que ofreces
Enséñales claramente y desde un primer momento los productos
o servicios que vendes, si tus prospectos no están seguros de que va tu sitio
web, se confundirán se marcharan y es muy poco probables que les recuperes.
4.-Atrápalo
con un titulo poderoso
Si pones un titulo que llame poderosamente su atención,
atraerás su interés por ver que es lo que tienes para el, y permanecerá mas
tiempo lo que aumenta la posibilidad de que puedas venderle tus productos o
servicios.
5.-Da para
recibir
¿Quieres que tus Prospectos se Suscriban a tu Boletín?,
entonces ofréceles contenido gratis y relevante, es la mejor manera de ganarte
su confianza, la confianza es un paso previo muy importante antes de que
decidan comprar tus productos o servicios. Posterior a la suscripción también
puedes enviarle información periódicamente, bien sea cursos, seminarios e
incluso software gratis que apoye y le sirva como una herramienta de
complemento a la información relevante de su interés.
6.-Diseño
sencillo pero elegante
Un sitio web sencillo no tiene por que ser poco atractivo,
al contrario de los que mucha gente piensa, los sitios web que más
oportunidades de negocios tiene y que mas venden actualmente en la red son
precisamente aquellos que son sencillos pero elegantes. Muy importante sin
errores gramaticales, un lugar con errores ortográficos denota poca
profesionalidad y genera rechazo y desconfianza en los usuarios. No debe tener
colores de fondo chillones, debe ser agradable a la vista y sus textos con un
tamaño adecuado y fácil de leer para todo el mundo.
7.-Ponle un
mapa a tu sitio
Si tu sitio web es muy grande lo mejor es tener un mapa del
sitio para facilitarle conseguir a tus usuarios lo que están buscando.
8.-Información
Básica
Siempre, hay que incluir el nombre, la dirección, y
teléfonos en nuestro sitio web. Resulta asombrosa la cantidad de negocios que
circulan por la red que dan la impresión de estar huérfanos o acéfalos, carecen
de información básica del responsable, lo cual genera sin duda desconfianza y
poca credibilidad para el usuario, también hay que un e-mail de contacto de ser
posible en todas y cada una de las paginas que componen el sitio.
9.-FAQs
Si tienes que responder a las mismas preguntas una y otra
vez, lo mejor es hacer una página con las respuestas a esas preguntas frecuentes,
tus visitantes solo tienen que consultarlas para despejar rápidamente sus dudas
relacionadas con tus productos o servicios.
10.-Ofréceles
un Glosario de Términos
Una excelente manera de que tus prospectos vuelvan una y
otra vez a tu negocio es poner a su disposición, un glosario de términos con la
información que necesitan, volverán una y otra vez a consultar sus dudas y
tendrás más posibilidades de ofrecerles tus productos o servicios.
Conclusión
El sitio web debe estar diseñado para atrapar y despertar el
interés del usuario desde un primer momento, y de esta manera el prospecto pase
el mayor tiempo posible dentro del sitio web, de cara a que logres que pueda
ver tus productos o servicios, y antes de que piense que lo que esta buscando
esta en otra parte y se marche.
Fuente:
Omar Jareño.
8/2/2014
Luis armando Monroy
632
No hay comentarios:
Publicar un comentario