Las explicaciones que aquí exponemos no son
muy técnicas para que puedan ser entendidas mejor por los iniciados
en este tema. De todos modos -como anteriormente comenté- no soy
informático ni programador ni pretendo dar lecciones de nada,
simplemente expongo información recopilada de la Red gratuitamente y
mis propias experiencias a todos aquellos que inician este mundo del
diseño Web.
HTML son las siglas en inglés (faltaría más) de HiperText Markup Language. Más
en cristiano: lenguaje de marcas de hipertexto. Es lo que se utiliza en Internet
para programar páginas Web
JAVASCRIPT.- Programa escrito en el lenguaje script
de Java. Este lenguaje se utiliza en las páginas Web para la auto carga y
ejecución de programas denominados javascripts. Estos programas son
interpretados o "leídos" directamente por un navegador o 'browser' sin necesidad
de archivos complementarios o externos.
JavaScript es un lenguaje
de scripts desarrollado por Netscape para incrementar las funcionalidades del
lenguaje HTML. Sus características más importantes son:
JavaScript es un lenguaje
interpretado, es decir, no requiere compilación. El navegador del usuario
se encarga de interpretar las sentencias JavaScript contenidas en una
página HTML y ejecutarlas adecuadamente.
JavaScript es un lenguaje
orientado a eventos. Cuando un usuario pincha sobre un enlace o mueve el
puntero sobre una imagen se produce un evento. Mediante JavaScript se
pueden desarrollar scripts que ejecuten acciones en respuesta a
estos eventos.
JavaScript es un lenguaje
orientado a objetos. El modelo de objetos de JavaScript está reducido y
simplificado, pero incluye los elementos necesarios para que los
scripts puedan acceder a la información de una página y puedan actuar
sobre la interfaz del navegador.
¿Que es una página Web?
Una página Web no es más que un fichero de
texto en el que se incluyen unas palabrejas bastante raras entre símbolos de
menor y mayor. A éstas palabras (símbolos incluidos), es a lo que llamamos
etiquetas o instrucciones; por ejemplo: <BR> esto es una etiqueta que inserta un
salto de línea.
¿Puedo hacer una página sin saber
programar HTML?
Si, puedes. En la red hay montones de
programas que evitan que para hacer una página, tengas que aprender HTML (y
soportarme a mí y a este manual). Según mi punto de vista, estos programas son
una buena(?) solución, si lo que quieres es hacer una página YA o si no quieres
tener que escribir una sola letra de más. Pero ALTO!!, no echéis a correr
todavía, hay varios inconvenientes cuando utilizas estos asistentes:
No
controlas lo que aparece en tu página tanto como si la programaras tu mismo
(debes limitarte a las opciones que el fabricante del asistente haya incluido)
El
lenguaje está en constante evolución y puede que, en el futuro, tu "gran
amigo" no te permita hacer uso de las últimas novedades; o incluso peor: es
posible que algunas instrucciones se eliminen del lenguaje (o se cambie su
formato) y tu programa cree páginas que no funcionarían correctamente
entonces.
Pero
esos programas se actualizarán ¿no?. Si claro, pero tendrías que estar
pendiente de ello y bajarlos de nuevo cada vez, con la consiguiente pérdida de
tiempo (y de dinero... por que ya se sabe, el tiempo es oro; y más aún cuando
estás conectado!).
Si lo
que quieres es saber HTML, un "hágalo usted mismo" mal entendido (llámese
programilla de esos), no es la mejor manera de aprender.
Hacer
una página al modo tradicional es mucho más gratificante!.
Además, no hace falta ser un experto en HTML o
conocer todas, toditas las instrucciones del lenguaje, para hacer páginas
bonitas (y no estoy pensando en ninguna en especial.... ;).
¿Y si hago una página con
un programa y después le agrego cosillas por mi cuenta? Como solución de
compromiso no está mal, pero creo que puede llegar a ser un engorro; tendrías
que aprender a manear el programa y también a programar en HTML
¿De que se compone fundamentalmente
una página Web?
Normalmente, una página Web se inicia con la
etiqueta <HTML> y se termina con su finalizador correspondiente: </HTML>.
Entre estas dos etiquetas se escribe la página propiamente dicha; página
que se divide en dos partes principales: la cabeza (o cabecera) y el "cuerpo"
(como veis son muy "humanas" ellas).
La cabecera se identifica porque está entre la etiqueta <HEAD> y su
finalizador </HEAD>. En ella se suelen incluir el título de la página y se
especifican las características generales de nuestra página (esto último lo
dejaremos a un lado, por ahora).
El cuerpo (no seáis mal pensados/as!), se encuentra inmediatamente
después de la cabecera. Se incluye entre las etiquetas <BODY> y </BODY>. En él
se desarrolla el grueso del contenido de nuestra página: párrafos de texto,
títulos, tablas, formularios, imágenes, sonidos y casi de todo!
¿Como
puedo insertar los códigos en mis páginas Web?
Algunos códigos o efectos los crea el asistente del programa que utilizas para
crear páginas Web. Sin embargo existen muchos mas que no los crean los
asistentes y si no sabes HTML o similares, los puedes conseguir en algunas
páginas Web que existen por la Red, por ejemplo la nuestra. En ella se explica
como y donde insertar los códigos y con ejemplos visuales. Incluso te ayudamos
con tus dudas o problemas y disponéis de un Foro para publicarlas para que
otros usuarios como tu te las puedan responder (quien sepa la respuesta claro).
¿Que
es Pegar como "Pegado especial" como "Tratar como HTML"?
Algunos códigos se pueden insertar dentro del código HTML desde la vista
normal donde insertamos el texto y las imágenes. En la barra de herramientas
del programa que utilizamos para crear las páginas Web, hay una opción
"Edición" si pinchamos en el se despliega una lista de comandos y
entre ellas está "Pegado especial" que a su vez emerge un recuadro
con varias opciones y seleccionamos "Tratar como HTML" una vez
seleccionamos esta opción, se inserta el código dentro del HTML de la página.
Algunos códigos no se ven en la vista normal una vez pegados, por ello
aconsejamos pegarlo dentro de una celda para posteriormente localizarlo con
facilidad y poder modificarlo o eliminarlo.
¿Por
que no veo nada en la página al insertar el código?
Algunos códigos solo se visualizan o se ejecutan en el momento que se ven en el
Explorador Web (Internet Explorer y otros). Incluso los archivos GIF animados
solo se ven en movimiento en dichos programas.
Por ejemplo: si el código acciona una nueva ventana
o un mensaje al entrar en la página, este no se verá en el diseño. Por ello
recomendamos insertar los códigos dentro de una celda siempre que sea posible,
para localizarlos
fácilmente y poder modificarlos o eliminarlos sin rebuscar
en el HTML.
¿Por
que no funciona el código?
Algunos códigos no funcionan bien cuando la página contiene otros que no son
compatibles entre si.
También existen otros tipos de problemas mas comunes:
- Mal
insertado.
- Alguna
parte del código falta.
- Un
símbolo no permitido como: una palabra con acento, una ñ, un guión, una
separación en el nombre de un archivo.
- Falla
la ruta del vínculo.
- Falla
el archivo o la página por no subirlo al servidor para que se actualice.
- Falta
actualizar la página en Internet Explorer (F5).
- Lo
bloquea o impide que se ejecute el antivirus o algún programa de bloqueo
(bloqueo banner, pop ups).
- Carpeta
de temporales de Internet muy llena (vaciarla, eliminar temporales).
- Etc,
etc...
¿Por
que no veo las imágenes y aparecen recuadros con una equis (x)?
Las imágenes no se visualizan por que la ruta no es correcta en el código o en
las propiedades de la imagen. También puede ser motivo de que no se subió la
nueva imagen al servidor (por olvido) y por ello el Navegador de Internet
muestra un recuadro con una X. Puede que también fallara la carga de la
página y actualizándola de nuevo se cargue bien.
¿Como
puedo subir los archivos a la Red para que se vean en Internet?
Acerca
de la publicación
Cuando esté preparado para mostrar su Web en el World Wide Web o en la intranet
de su organización, debe publicarlo. La publicación de un Web consiste básicamente
en copiar los archivos del Web en el punto de destino, un servidor Web por
ejemplo, donde otras personas podrán explorarlos.
Antes
de publicar el Web
Antes de publicar su Web, debe asegurarse de que funciona correctamente:
compruebe los hipervínculos rotos, asegúrese de que las páginas tienen el
aspecto adecuado y pruebe el Web para asegurarse de que todo funciona. Si desea
asegurarse de que el Web está preparado, obtenga una vista previa en un
explorador de Web, explore el sitio y compruebe el estado de los archivos en la
vista Informes.
Si va a
publicar el Web en el World Wide Web, necesitará un Proveedor de servicios
Internet (ISP), especialmente uno que tenga un servidor Web con las Extensiones
de servidor de FrontPage instaladas. También necesitará conocer la ubicación
del servidor Web del ISP para publicar el Web, y su nombre de usuario y contraseña
si es necesario.
Si
está publicando un Web en un servidor Web que tiene las Extensiones de servidor
de Microsoft FrontPage instaladas, puede publicar mediante HTTP (Protocolo de
transferencia de hipertexto). En caso contrario, tendrá que publicar el Web
utilizando FTP (Protocolo de transferencia de archivos). Por ejemplo, si intenta
publicar mediante HTTP y ve un mensaje que le indica que su servidor Web no es
compatible con FrontPage, debe publicar con FTP.
(Un
programa de FTP es una especie de Explorador de Windows que en una parte se
visualiza la carpeta Web de tu PC y en la otra parte se visualiza la Web que
está en el servidor. Se selecciona los archivos a subir al Server y se
actualizan en el.)
¿Por
que no se abre la ventana o archivo al hacer clic en el vínculo?
Puede que el vínculo no tenga la ruta correcta o
esté mal insertada o dicha página o archivo no exista. Comprobar si dicho
archivo se subió al servidor y si está bien escrito el nombre y corresponde
al del vínculo.
¿Que
es un vínculo, hipervínculo, enlace?
Un
vínculo, hipervínculo o enlace es un código que te traslada a dicho archivo (HTML,
HTM, imagen, sonido, flash, etc...).
¿Que
es un Pop Up?
Un
Pop Up es código que carga una nueva ventana al entrar en una página. A veces
queda en primer plano y otras en segundo o último.
¿Que
son los Meta Tags?
Los Meta Tags es la zona donde se
introduce la información sobre la página: título de la página, su
descripción, autor, palabras clave, revisión de los robots, idioma,
etc.... Normalmente se sitúan al principio de la página entre las
etiquetas <head> y </head>..
¿Por
que se usan tanto las imágenes con formato JPG y GIF?
Las imágenes JPG son un tipo de archivo comprimido y se utilizan mucho en las
páginas Web por la rapidez con que se cargan por contener menos KB que una
imagen normal. A mas compresión, menor calidad.
Las imágenes GIF son un tipo de archivo que reduce su tamaño en KB por la
menor cantidad de colores que se le pueden aplicar. Se utilizan mucho en los GIF
animados y se les puede aplicar el fondo transparente. A menor cantidad de
colores, peor calidad.
¿Por
que tarda tanto en abrirse la página?
Las página tardan mucho en cargar por varias causas:
- El
servidor donde se hospedan las páginas es muy lento.
- El
contenido de la página es elevado, (muchas imágenes y pesadas).
-
Saturación en la Red por mucho tráfico.
- MODEM
de escasa velocidad.
- PC
procesando algún tipo de ejecución como recibiendo correo, actualizando
programas, etc...
- Memoria
saturada del PC, (liberarla).
¿Por
que no salen los cambios que realice en mi página cuando las veo en la Red?
Los nuevos cambios que realices en tus páginas los debes de actualizar en el
servidor donde las hospedas para que estos se visualicen en la Red. En
ocasiones, algunos servidores (no se cuales) no las actualizan en el mismo día.
También
es conveniente refrescar o actualizar las páginas (F5) para que los nuevos
cambios se vean. Ten en cuenta que los ínter nautas cuando ven tu página, se
les quedan en los temporales de Windows y por ello se les carga mas rápidas las
próximas veces que las visitan. Estos temporales no contiene los nuevos cambios
que realizaste y por ello es recomendable actualizarlas o poner un código que
las actualice al cargarse dichas páginas..
¿Como
puedo conseguir mas visitas?
Puedes conseguir mas visitas de diversas maneras:
-
Contenidos mas interesantes y actualizarlos más a menudo.
-
Intercambiar links con otras Webs.
-
Anunciarte en Portales, páginas Web, Buscadores importantes como puede ser
www.google.com
- Y si
eres mas atrevido y lanzado, puedes hacer camisetas con tu logo Web y cosas
similares.....Anunciarla a los cuatro vientos...etc, etc..
¿Que
es un Dominio?
Un
dominio es la dirección Web (URL) donde se visualizarán tus páginas. Algunos
portales te ceden gratuitamente un subdominio para que pongas tus archivos en el
y ellos a cambio se ponen publicidad en tus páginas, o bien se abren ventanas
Pop Up o bien te insertan en un espacio de tu página su publicidad.
Normalmente los Dominios se pagan cada Año y puedes crearte subdominios también.
¿Que
es un Server?
Un
Server o Servidor es una empresa que te alquila o contrata una cantidad de MB
para que alojes tus archivos Web y se puedan ver en la Red las 24 Horas.
El
precio oscila según los MB de espacio para tus archivos y MB de transferencia.
La transferencia es la cantidad de MB que descarga en la Red para que los Inter.
nautas vean los archivos que alojas en ellos. Cuantas mas imágenes tengas, mas
transferencia utilizara y mayor será el coste.
Disponen también de utilidades para sus clientes
como formularios, foros, contadores,
estadísticas, carrito de compras, encuestas, etc...
¿Que son los Frames o Marcos
(en Castellano)?
Una de las más modernas características de
HTML son los frames, que se añadieron, tanto en Netscape Navigator como en
Internet Explorer, a partir de sus versiones 2.0. Los frames -que significan en
castellano marcos- son una manera de partir la página en distintos espacios
independientes los unos de los otros, de modo que en cada espacio se coloca una
página distinta que se codifica en un fichero HTML distinto.
Al principio se crearon como etiquetas propietarias del navegador Netscape y
rápidamente la potencia del recurso hizo que el uso de frames se extendiera por
toda la Web. Poco tardaría Internet Explorer en incluirlos, para que no se le
escapase una novedad tan popular de su competidor. Finalmente, como respuesta a
la popularidad entre los desarrolladores de los frames, el estándar HTML 4.0
incluyó estas etiquetas dentro de las permitidas.
Los frames, como decíamos, nos permiten partir la ventana del navegador en
diferentes áreas. Cada una de estas áreas son independientes y han de ser
codificadas con archivos HTML también independientes. Como resultado, cada frame
o marco contiene las propiedades específicas que le indiquemos en el código HTML
a presentar en ese espacio. Así mismo, y dado que cada marco es independiente,
tendrán sus propias barras de desplazamiento, horizontales y verticales, por
separado.
Existen en la Web muchas páginas que contienen frames y seguro que todos hemos
tenido la ocasión de conocer algunas. Se suelen utilizar para colocar en una
parte de la ventana una barra de navegación, que generalmente se encuentra fija
y permite el acceso a cualquier zona de la página Web. Una de las principales
ventajas de la programación con frames viene derivada de la independencia de los
distintos frames, pues podemos navegar por los contenidos de nuestro Web con la
barra de navegación siempre visible, y sin que se tenga que recargar en cada una
de las páginas que vamos visitando.
continuará........
Perdonar por
los términos que utilizo o si la información no es correcta 100%.
Si alguno de
vosotros tenéis mas información sobre estos temas,
por favor
mándamelos vía mail para exponerlos aquí para todos vosotros, GRACIAS.
CÓDIGOS
aquí
