lunes, 23 de noviembre de 2015
viernes, 30 de octubre de 2015
TERMINOS MAS USADOS EN LA WEB
ADSL: (Asymmetric Digital Subscriber Line): Método de transmisión de datos a través de líneas telefónicas de cobre, que permiten velocidades de transferencia muy superiores. La transferencia de datos es asimétrica, ya que la velocidad para transferir datos desde el servidor a nuestro ordenador es mucho más rápida (1.544 Megabits/seg), que si transferimos datos desde nuestro ordenador a un servidor (128 Kilobits/seg). Mejora el rendimiento de la navegación WWW y la transferencia de ficheros desde un servidor.
Avatar: Es una representación gráfica, generalmente humana, que se asocia a un usuario (de videojuego, …) para su identificación
Banner: Anuncios publicitarios con enlaces al sitio de Internet al que se refieren.
Blog o Bitácora: Publicación on line, periódicamente actualizada, que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. Es propio de los blogs hacer un uso intensivo de los enlaces a otros blogs y páginas para ampliar información o citar fuentes. Suelen disponer de un sistema de comentarios que permiten a los lectores establecer una conversación con el autor y entre ellos acerca de lo publicado
Boletín: Comunicaciones regulares vía e-mail dedicadas a un tema específico que requieren el consentimiento del destinatario para ser enviado. Algunos Newsletter permiten la inclusión de publicidad.
Bot Bot: Herramientas que acceden a los sitios web y reúnen referencias de su contenido para los índices de los buscadores.
Buscadores Programas que permiten a los usuarios buscar información a través de Internet. En la
WWW algunas de los más famosos son Google,Yahoo, etc.
Caché Memoria volátil que permite mantener información duplicada de datos originales que puede ser requerida en otro momento. Con esta memoria se evita repetir procesos y se acelera cada petición.
Chat Es una comunicación escrita realizada de manera instantánea a través de Internet entre dos o más personas.
Cliente/Servidor Concepto que, en informática de redes, sirve para clasificar los ordenadores: los servidores almacenan información y la entregan a los clientes, que la solicitan.
Codec Se utilizan para comprimir el tamaño de archivos de audio,vídeo o de imágenes. Debido a que el tamaño de estos archivos comprimidos es menor, no requieren tanto ancho de banda cuando se envían o almacenanen un ordenador. El mismo codec que originalmente comprime un archivo debe utilizarse para descomprimirlo y abrirlo.
Cookie Fragmento de información que se almacena en el disco duro del visitante de una página web a través de su navegador, a petición del servidor de la página. .. Suelen utilizarse para conocer las preferencias de los usuarios y para acceder a servidores que requieren de autenticación.
Correo electrónico
(e-mail) Servicio de red que permite a los usuarios enviar y recibir mensajes rápidamente mediante sistemas de comunicación electrónicos
Cortafuegos (Firewall). Mecanismo de seguridad en Internet frente a accesos no autorizados. Un firewall asegura que todas las comunicaciones entre los usuarios de dicha red e Internet se realicen conforme a las normas de seguridad de la organización o empresa que lo instala.
Cracker Intruso. Persona que intenta acceder a un sistema informático sin autorización. A menudo tienen malas intenciones.
Crawler Programa diseñado para recorrer la web siguiendo los enlaces entre páginas. Esta es la forma habitual empleada por los principales buscadores para encontrar las páginas que posteriormente forman parte de sus bases de datos.
Dirección IP Dirección única o número que indentifica nuestro ordenador en la red. Consta de cuatro números entre 0 y 255 separados por puntos (por ejemplo 200.132.5.45).
Dirección URL Dirección que identifica sitios web. Por ejemplo, www.rtve.es es la url del sitio web de RTVE.
Dominio Es el sistema de identificación de direcciones en Internet. Existen dominios de organizaciones como los .com; dominios geográficos como .es que identifican el país de origen de la página; dominios de organizaciones no lucrativas como .org, etc.
FAQS (Frequentry Asked Question): Preguntas y respuestas realizadas con mayor frecuencia, generalmente referidas a un tema específico.
Feed (RSS) Medio de redifusión de contenidos de distintas webs, que se utiliza para suministrar información actualizada frecuentemente a sus suscriptores a través de los agregadores RSS.
Firmware Es el sistema operativo que incluye un dispositivo electrónico como un router, grabadoras de CD y DVD, reproductores de salón, etc. Contiene las diferentes funciones que hacen posible su funcionamiento.
Freeware Software puesto a disposición de la comunidad por sus autores. Este tipo de programas pueden ser libremente distribuidos y utilizados sin necesidad de pago alguno.
FTP Siglas de File Transfer Protocol, o protocolo de transferencia de ficheros, utilizado para tranferir éstos en redes que utilizan TCP/IP. Muy usado, por tanto, en Internet.
GPRS (GPRS = General Packet Radio Service)Transmite y recibe datos en paquetes y ofrece una conexión permanente entre el dispositivo inalámbrico y la red.
Grupo de noticias Son un medio de comunicación en el cual los usuarios leen y envían mensajes textuales a distintos tablones distribuidos entre servidores con la posibilidad de enviar y contestar a los mensajes.
GSM Estándar paneuropeo del servicio de telefonía digital y celular.
Gusano (worm): Programa informático que se autoduplica y autopropaga, arrastrándose de un equipo a otro a través de las conexiones de red
Hacker Experto en redes y seguridad informática que accede a sistemas en los que no está autorizado. Aunque su definición es controvertida, la mayoría de las voces defienden que el acceso se realiza sin ánimo de causar daño y generalmente para aprender más y superarse a sí mismo.
Hipertexto Concepto consistente en vincular varios documentos a través de palabras o frases comunes.
Hipervínculo Es un elemento de un documento electrónico que hace referencia a otro recurso. Por ejemplo, otro documento o un punto específico del mismo o de otro documento.
Home Page Es la página inicial de un sitio web, a través de la cual se puede acceder al resto de la información.
HTML (HyperText Markup Language) Lenguaje estándar usado en internet, utilizado para la creación de documentos de hipertexto e hipermedia. Este lenguaje determina el modo en que el navegador recupera y muestra la información. Su sucesor es el lenguaje XML.
HTTP (HyperText Transmission Protocol) Protocolo para transferir archivos o documentos hipertexto a través de la red. Se basa en una arquitectura cliente/servidor.
Interactividad Tipo de relación que hace que el comportamiento de un sistema modifique el comportamiento del otro.
Interfaz Conjunto de especificaciones permiten la conexión del ordenador con los periféricos de entrada y salida.
Intranet Red de uso privado que emplea los mismos estándares y herramientas de Internet.
IPTV Sistemas de distribución por subscripción de señales de televisión y/o vídeo usando conexiones de banda ancha sobre el protocolo IP.
IRC (Internet Relay Chat). Sistema de conversación multiusuario, en el que la gente se comunica por texto en grupo o en privado, de forma instantánea.
ISP (Internet Service Provider) Proveedor de servicio de internet.
LAN (Local Area Network). Grupo de ordenadores conectados entre sí (red) que se encuentran ubicados en un mismo lugar físico.
Layer Formato publicitario flotante que se superpone al contenido de la página y que se mueve por la pantalla.
Link Conexión electrónica entre dos sitios web. También conocido como enlace dinámico o hipervínculo.
Lista de correo Lista de usuarios que reciben mensajes de correo electrónico sobre un tema específico con cierta regularidad y por voluntad propia
Log o Registro Archivo que hace un seguimiento de las conexiones de red.
Medición interna Es la medición de tráfico de webs propias mediante un software prepararado para tales funciones.
Navegador Programa empleado para acceder a la información contenida en la World Wide Web. A menudo se le llama por su nombre en inglés, browser.
Packet Paquetes de datos que se envían a travésde una red, que se reagrupan en el destino para ser visualizados.
Página vista Número de veces que una página es totalmente descargada en el ordenador de un usuario.
Palabra clave (Keyword). Palabra(s) específica(s) que el usuario introduce en un motor de búsqueda y que tiene como resultado una lista de sitios web relacionados con la palabra clave.
Pasarela Dispositivo que conecta dos o más redes permitiendo que la información de una pase a otra según criterios predeterminados.
Peer to Peer (P2P) Comunicación bilateral exclusiva entre dos personas a través de Internet para compartir información entre iguales
Ping Herramienta para la verificación de direcciones de Internet. Se utiliza para comprobar si un equipo está activo en la red.
Plug-in Programa de fácil instalación cuyo objetivo es ampliar las posibilidadesde visualización de una página web o un anuncio interactivo. Son muy utilizados en los navegadores para ampliar sus funcionalidades.
Pop (Post Office Protocol o Protocolo de oficina postal). Protocolo empleado por el software de correo electrónico para extraer o recibir los mensajes de los servidores de correo en nuestro ordenador.
Pop-up Tipo de formato publicitario flotante que aparece en la pantalla del usuario a través de una ventana independiente o sobre los contenidos de un sitio web. Los pop ups pueden resultar extremadamente eficaces para llamarla atención del usuario cuando carga una página. Se muestran en una ventana independiente y puede contener gráficos, lenguaje HTML, animaciones,audio, o una combinación de dichos tipos de archivos.
Protocolo Conjunto de reglas uniformes que permiten la conexión entre dos ordenadores o sistemas de telecomunicaciones y la transmisiónde datos entre ellos. Los protocolos determinan la manera en que se transmite la información entre aparatos informáticos y redes; definen cuestiones como el control de errores y el método de compresión de datos, la manera en que el aparato emisor indica si ha enviado un mensaje y la forma en que el aparato receptor indica que ha recibido el mensaje. Algunos protocolos de Internet son TCP/IP, HTTP,FTP, y SMTP
RDSI (Red Digital de Servicios Integrados) Sistema de transmisión de datos de gran éxito por la gran velocidad que permite (alrededor de los 64.000 bps).
Red Social en Internet Servicio dirigido a comunidades de usuarios en los que se pueden intercambiar fotos, archivos, aplicaciones, mensajes de texto y otro tipo de contenidos online. Las redes sociales son cada vez más populares y se han convertido en un excelente soporte publicitario y de marketing viral.
Rich Media Son anuncios con los que los usuarios pueden interactuar (como oposición a los solamente animados) en un formato de página web. Pueden aparecer en formatos publicitarios tales como banners o botones, así como de transición (intersticiales) y en otras unidades “sobre la página” como anuncios flotantes.
Sesión Secuencia de actividad en Internet realizada en un sitio por un usuario. En el caso de que éste no realice ninguna petición a un sitio durante un periodo concreto, el siguiente contenido o petición publicitaria se consideraría como el inicio de una nueva sesión.
Shareware Software de distribución pública y gratuita pero no de uso gratuito. El autor establece un período de prueba después del cual pide una cuota de recuperación.
Streaming Tecnología que permite el envío de secuencias de audio y vídeo a un ordenador desde un sitio web remoto, de modo que el usuario pueda ver y oir dichos archivos.
T-commerce Comercio electrónico ejecutable a travésde la televisión interactiva.
UMTS (Sistema Universal de Telecomunicaciones Móviles) Transmisión de datos (texto, voz digitalizada, vídeo, o combinación multimedia deéstos), mediante un ancho de banda amplio, que ofrece una serie de servicios a los usuarios de ordenadores y teléfonos móviles independientemente de su ubicación en el mundo.
Usuario único Usuario o navegador único que accede a un sitio web o que recibe contenido único como correo electrónico, boletines, interstitials y anuncios emergentes.
Visita Cada navegante que visite unapágina web
VOD (Vídeo on Demand) Servicio que permite a los usuarios seleccionar y ver contenidos de vídeo
WAP (Wireless Application Protocol o protocolo de aplicaciones inalámbricas) Es un estándar abierto internacional para aplicaciones que utilizan las comunicaciones inalámbricas, p.ej. acceso a servicios de Internet desde un teléfono móvil.
Webhosting Servicio que provee a los usuarios de Internet un sistema de almacenamiento de información, imágenes, vídeo, o cualquier contenido accesible vía Web.
Wikipedia Enciclopedia de contenido gratuito, multilenguaje, escrita por miles de voluntarios sin fines de lucro.
WWW (World Wide Web o telaraña mundial). Conjunto de sitios Web que se encuentran en Internet y a los que se accede a través de una dirección URL.
XML (Extensible Markup Language) Sucesor más completo y dinámico del lenguaje estándar usado en internet, HTML.
Tomado de: http://manualdeestilo.rtve.es/anexos/7-6-glosario-de-terminos-utilizados-en-medios-interactivos/
autor: laura camila gutierrez rodriguez
ADSL: (Asymmetric Digital Subscriber Line): Método de transmisión de datos a través de líneas telefónicas de cobre, que permiten velocidades de transferencia muy superiores. La transferencia de datos es asimétrica, ya que la velocidad para transferir datos desde el servidor a nuestro ordenador es mucho más rápida (1.544 Megabits/seg), que si transferimos datos desde nuestro ordenador a un servidor (128 Kilobits/seg). Mejora el rendimiento de la navegación WWW y la transferencia de ficheros desde un servidor.
Avatar: Es una representación gráfica, generalmente humana, que se asocia a un usuario (de videojuego, …) para su identificación
Banner: Anuncios publicitarios con enlaces al sitio de Internet al que se refieren.
Blog o Bitácora: Publicación on line, periódicamente actualizada, que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. Es propio de los blogs hacer un uso intensivo de los enlaces a otros blogs y páginas para ampliar información o citar fuentes. Suelen disponer de un sistema de comentarios que permiten a los lectores establecer una conversación con el autor y entre ellos acerca de lo publicado
Boletín: Comunicaciones regulares vía e-mail dedicadas a un tema específico que requieren el consentimiento del destinatario para ser enviado. Algunos Newsletter permiten la inclusión de publicidad.
Bot Bot: Herramientas que acceden a los sitios web y reúnen referencias de su contenido para los índices de los buscadores.
Buscadores Programas que permiten a los usuarios buscar información a través de Internet. En la
WWW algunas de los más famosos son Google,Yahoo, etc.
Caché Memoria volátil que permite mantener información duplicada de datos originales que puede ser requerida en otro momento. Con esta memoria se evita repetir procesos y se acelera cada petición.
Chat Es una comunicación escrita realizada de manera instantánea a través de Internet entre dos o más personas.
Cliente/Servidor Concepto que, en informática de redes, sirve para clasificar los ordenadores: los servidores almacenan información y la entregan a los clientes, que la solicitan.
Codec Se utilizan para comprimir el tamaño de archivos de audio,vídeo o de imágenes. Debido a que el tamaño de estos archivos comprimidos es menor, no requieren tanto ancho de banda cuando se envían o almacenanen un ordenador. El mismo codec que originalmente comprime un archivo debe utilizarse para descomprimirlo y abrirlo.
Cookie Fragmento de información que se almacena en el disco duro del visitante de una página web a través de su navegador, a petición del servidor de la página. .. Suelen utilizarse para conocer las preferencias de los usuarios y para acceder a servidores que requieren de autenticación.
Correo electrónico
(e-mail) Servicio de red que permite a los usuarios enviar y recibir mensajes rápidamente mediante sistemas de comunicación electrónicos
Cortafuegos (Firewall). Mecanismo de seguridad en Internet frente a accesos no autorizados. Un firewall asegura que todas las comunicaciones entre los usuarios de dicha red e Internet se realicen conforme a las normas de seguridad de la organización o empresa que lo instala.
Cracker Intruso. Persona que intenta acceder a un sistema informático sin autorización. A menudo tienen malas intenciones.
Crawler Programa diseñado para recorrer la web siguiendo los enlaces entre páginas. Esta es la forma habitual empleada por los principales buscadores para encontrar las páginas que posteriormente forman parte de sus bases de datos.
Dirección IP Dirección única o número que indentifica nuestro ordenador en la red. Consta de cuatro números entre 0 y 255 separados por puntos (por ejemplo 200.132.5.45).
Dirección URL Dirección que identifica sitios web. Por ejemplo, www.rtve.es es la url del sitio web de RTVE.
Dominio Es el sistema de identificación de direcciones en Internet. Existen dominios de organizaciones como los .com; dominios geográficos como .es que identifican el país de origen de la página; dominios de organizaciones no lucrativas como .org, etc.
FAQS (Frequentry Asked Question): Preguntas y respuestas realizadas con mayor frecuencia, generalmente referidas a un tema específico.
Feed (RSS) Medio de redifusión de contenidos de distintas webs, que se utiliza para suministrar información actualizada frecuentemente a sus suscriptores a través de los agregadores RSS.
Firmware Es el sistema operativo que incluye un dispositivo electrónico como un router, grabadoras de CD y DVD, reproductores de salón, etc. Contiene las diferentes funciones que hacen posible su funcionamiento.
Freeware Software puesto a disposición de la comunidad por sus autores. Este tipo de programas pueden ser libremente distribuidos y utilizados sin necesidad de pago alguno.
FTP Siglas de File Transfer Protocol, o protocolo de transferencia de ficheros, utilizado para tranferir éstos en redes que utilizan TCP/IP. Muy usado, por tanto, en Internet.
GPRS (GPRS = General Packet Radio Service)Transmite y recibe datos en paquetes y ofrece una conexión permanente entre el dispositivo inalámbrico y la red.
Grupo de noticias Son un medio de comunicación en el cual los usuarios leen y envían mensajes textuales a distintos tablones distribuidos entre servidores con la posibilidad de enviar y contestar a los mensajes.
GSM Estándar paneuropeo del servicio de telefonía digital y celular.
Gusano (worm): Programa informático que se autoduplica y autopropaga, arrastrándose de un equipo a otro a través de las conexiones de red
Hacker Experto en redes y seguridad informática que accede a sistemas en los que no está autorizado. Aunque su definición es controvertida, la mayoría de las voces defienden que el acceso se realiza sin ánimo de causar daño y generalmente para aprender más y superarse a sí mismo.
Hipertexto Concepto consistente en vincular varios documentos a través de palabras o frases comunes.
Hipervínculo Es un elemento de un documento electrónico que hace referencia a otro recurso. Por ejemplo, otro documento o un punto específico del mismo o de otro documento.
Home Page Es la página inicial de un sitio web, a través de la cual se puede acceder al resto de la información.
HTML (HyperText Markup Language) Lenguaje estándar usado en internet, utilizado para la creación de documentos de hipertexto e hipermedia. Este lenguaje determina el modo en que el navegador recupera y muestra la información. Su sucesor es el lenguaje XML.
HTTP (HyperText Transmission Protocol) Protocolo para transferir archivos o documentos hipertexto a través de la red. Se basa en una arquitectura cliente/servidor.
Interactividad Tipo de relación que hace que el comportamiento de un sistema modifique el comportamiento del otro.
Interfaz Conjunto de especificaciones permiten la conexión del ordenador con los periféricos de entrada y salida.
Intranet Red de uso privado que emplea los mismos estándares y herramientas de Internet.
IPTV Sistemas de distribución por subscripción de señales de televisión y/o vídeo usando conexiones de banda ancha sobre el protocolo IP.
IRC (Internet Relay Chat). Sistema de conversación multiusuario, en el que la gente se comunica por texto en grupo o en privado, de forma instantánea.
ISP (Internet Service Provider) Proveedor de servicio de internet.
LAN (Local Area Network). Grupo de ordenadores conectados entre sí (red) que se encuentran ubicados en un mismo lugar físico.
Layer Formato publicitario flotante que se superpone al contenido de la página y que se mueve por la pantalla.
Link Conexión electrónica entre dos sitios web. También conocido como enlace dinámico o hipervínculo.
Lista de correo Lista de usuarios que reciben mensajes de correo electrónico sobre un tema específico con cierta regularidad y por voluntad propia
Log o Registro Archivo que hace un seguimiento de las conexiones de red.
Medición interna Es la medición de tráfico de webs propias mediante un software prepararado para tales funciones.
Navegador Programa empleado para acceder a la información contenida en la World Wide Web. A menudo se le llama por su nombre en inglés, browser.
Packet Paquetes de datos que se envían a travésde una red, que se reagrupan en el destino para ser visualizados.
Página vista Número de veces que una página es totalmente descargada en el ordenador de un usuario.
Palabra clave (Keyword). Palabra(s) específica(s) que el usuario introduce en un motor de búsqueda y que tiene como resultado una lista de sitios web relacionados con la palabra clave.
Pasarela Dispositivo que conecta dos o más redes permitiendo que la información de una pase a otra según criterios predeterminados.
Peer to Peer (P2P) Comunicación bilateral exclusiva entre dos personas a través de Internet para compartir información entre iguales
Ping Herramienta para la verificación de direcciones de Internet. Se utiliza para comprobar si un equipo está activo en la red.
Plug-in Programa de fácil instalación cuyo objetivo es ampliar las posibilidadesde visualización de una página web o un anuncio interactivo. Son muy utilizados en los navegadores para ampliar sus funcionalidades.
Pop (Post Office Protocol o Protocolo de oficina postal). Protocolo empleado por el software de correo electrónico para extraer o recibir los mensajes de los servidores de correo en nuestro ordenador.
Pop-up Tipo de formato publicitario flotante que aparece en la pantalla del usuario a través de una ventana independiente o sobre los contenidos de un sitio web. Los pop ups pueden resultar extremadamente eficaces para llamarla atención del usuario cuando carga una página. Se muestran en una ventana independiente y puede contener gráficos, lenguaje HTML, animaciones,audio, o una combinación de dichos tipos de archivos.
Protocolo Conjunto de reglas uniformes que permiten la conexión entre dos ordenadores o sistemas de telecomunicaciones y la transmisiónde datos entre ellos. Los protocolos determinan la manera en que se transmite la información entre aparatos informáticos y redes; definen cuestiones como el control de errores y el método de compresión de datos, la manera en que el aparato emisor indica si ha enviado un mensaje y la forma en que el aparato receptor indica que ha recibido el mensaje. Algunos protocolos de Internet son TCP/IP, HTTP,FTP, y SMTP
RDSI (Red Digital de Servicios Integrados) Sistema de transmisión de datos de gran éxito por la gran velocidad que permite (alrededor de los 64.000 bps).
Red Social en Internet Servicio dirigido a comunidades de usuarios en los que se pueden intercambiar fotos, archivos, aplicaciones, mensajes de texto y otro tipo de contenidos online. Las redes sociales son cada vez más populares y se han convertido en un excelente soporte publicitario y de marketing viral.
Rich Media Son anuncios con los que los usuarios pueden interactuar (como oposición a los solamente animados) en un formato de página web. Pueden aparecer en formatos publicitarios tales como banners o botones, así como de transición (intersticiales) y en otras unidades “sobre la página” como anuncios flotantes.
Sesión Secuencia de actividad en Internet realizada en un sitio por un usuario. En el caso de que éste no realice ninguna petición a un sitio durante un periodo concreto, el siguiente contenido o petición publicitaria se consideraría como el inicio de una nueva sesión.
Shareware Software de distribución pública y gratuita pero no de uso gratuito. El autor establece un período de prueba después del cual pide una cuota de recuperación.
Streaming Tecnología que permite el envío de secuencias de audio y vídeo a un ordenador desde un sitio web remoto, de modo que el usuario pueda ver y oir dichos archivos.
T-commerce Comercio electrónico ejecutable a travésde la televisión interactiva.
UMTS (Sistema Universal de Telecomunicaciones Móviles) Transmisión de datos (texto, voz digitalizada, vídeo, o combinación multimedia deéstos), mediante un ancho de banda amplio, que ofrece una serie de servicios a los usuarios de ordenadores y teléfonos móviles independientemente de su ubicación en el mundo.
Usuario único Usuario o navegador único que accede a un sitio web o que recibe contenido único como correo electrónico, boletines, interstitials y anuncios emergentes.
Visita Cada navegante que visite unapágina web
VOD (Vídeo on Demand) Servicio que permite a los usuarios seleccionar y ver contenidos de vídeo
WAP (Wireless Application Protocol o protocolo de aplicaciones inalámbricas) Es un estándar abierto internacional para aplicaciones que utilizan las comunicaciones inalámbricas, p.ej. acceso a servicios de Internet desde un teléfono móvil.
Webhosting Servicio que provee a los usuarios de Internet un sistema de almacenamiento de información, imágenes, vídeo, o cualquier contenido accesible vía Web.
Wikipedia Enciclopedia de contenido gratuito, multilenguaje, escrita por miles de voluntarios sin fines de lucro.
WWW (World Wide Web o telaraña mundial). Conjunto de sitios Web que se encuentran en Internet y a los que se accede a través de una dirección URL.
XML (Extensible Markup Language) Sucesor más completo y dinámico del lenguaje estándar usado en internet, HTML.
Tomado de: http://manualdeestilo.rtve.es/anexos/7-6-glosario-de-terminos-utilizados-en-medios-interactivos/
autor: laura camila gutierrez rodriguez
VENTAJAS Y DESVENTAJAS DE CREAR UNA PAGINA WEB
Vetajas:
Fácil de usar, casi como usar Word; no se necesita saber de HTML.
Permite muchas cosas, es muy flexible, sobre todo para el diseño.
Tiene muchas opciones como botones flash, botones normales y formularios.
Todas las herramientas se encuentras rápidamente.
La inclusión de html editor y también de WYSIWYG
Desventajas:
Es muy básico, no ofrece demasiadas opciones; como programa para crear paginas Web, no es el más completo; al realizar acciones complejas se complica todo.
Las nuevas versiones no facilitan nada respecto a las anteriores.
Se necesita de alta resolución para manejar todas las barras.
Le falta implementación de DHTML; su precio es considerable y carga muy lentamente.
Los botones de OK y CANCEL fueron cambiados por “Cool” y “No way”, esto puede generar confusión en el manejo de la aplicación.
Es más flexible si se sabe lo básico de HTML para empezar
Tomado de: http://macstars.blogspot.com.co/2009/01/ventajas-y-desventajas-de-la-pagina-web.html
Las Mejores Herramientas de Diseño de Sitios Web
No hay modo de obviarlo: el diseño efectivo de sitios web puede ser una tarea compleja, difícil y larga. Afortunadamente, las herramientas de software de diseño de sitios web pueden hacer el proceso mucho más fácil. Cuando se trata de diseño de sitios web, incluso los expertos utilizan software de diseño web, en lugar de diseñar desde cero. Es más fácil, uno se ahorra tiempo y lo típico es que así se logre un mejor resultado.
Pero si no eres un experto en diseño de sitios web, no te preocupes. Por fortuna, hay un buen número de programas de diseño de sitios web de WYSIWYG (What You See Is What You Get) que pueden hacer que el diseño de un sitio sencillo sea un trabajo increíblemente fácil. Sin embargo, incluso con los programas de WYSIWYG, es una buena idea tener al menos un conocimiento básico de programación. Si tus habilidades de programación son muy flacas, vale la pena aprender un poco sobre el tema, especialmente HTML.
En todo caso, hay una variedad de herramientas disponibles, que han sido diseñadas para adaptarse a varios niveles diferentes niveles de habilidad. Echemos un vistazo a algunas de las mejores herramientas de software para el diseño de sitios web.
1. Adobe Dreamweaver
Dreamweaver tiende a ser el software de diseño de sitios web elegido por muchos diseñadores con experiencia moderada y también por expertos. Definitivamente, es mucho más que un editor de HTML, Dreamweaver logra integrar completamente el diseño visual con las herramientas de codificación. También es compatible con una variedad de diferentes lenguajes de scripting, incluyendo PHP, ASP y CSS.
Dreamweaver proporciona a los usuarios un alto nivel de control a lo largo de todo el proceso de diseño. El nivel de personalización que ofrece el software es prácticamente inigualable. Dreamweaver te permite crear funciones interactivas avanzadas, como menús desplegables, imágenes de sustitución, diseños de la red de fluidos, aplicaciones sencillas para dispositivos móviles y paneles plegables.
Gracias a la avanzada capacidad de WYSIWYG, la creación de un sitio web sencillo con Dreamweaver es, en realidad, bastante fácil. Dreamwaver desarrollará código HTML por ti; también otros programas de software WYSIWYG lo harán por ti, por lo que no tienes que ser un genio de la codificación para crear un sitio web. El Design View de Dreamweaver te proporcionará el editor de WYSIWYG más avanzado disponible en el mercado hoy.
Debido a que Dreamweaver ofrece edición híbrida, si tienes conocimientos de codificación, puedes trabajar en un entorno de doble panel y así aprovechar la codificación de WYSIWYG y la codificación manual al mismo tiempo. Y si ya eres un experto en codificación, puedes trabajar exclusivamente en código, sólo haciendo el cambio a modo visual para ver el producto final. Para terminar, Dreamweaver es compatible con docenas de plug-ins, por lo que el diseño web resulta aún más fácil.
Pero, por favor, ten en cuenta que Dreamweaver es un programa muy complejo, sobre todo si apenas estás empezando con el diseño de sitios web. Si eres un principiante, te convendría tomar un curso acerca de Dreamweaver. También puedes instruirte en otras herramientas de diseño de Adobe en este curso acerca de Adobe Muse.
2. Microsoft Expressions Web
Igual que Dreamweaver, el ‘Microsoft Expressions Web program’ tiene funciones de edición híbrida en una configuración de doble panel, lo que permite a los usuarios trabajar en WYSIWYG y con el código manual al mismo tiempo. ‘Microsoft Web Expressions’ viene con plantillas web integradas que hacen el diseño web más fácil. Pero esto no significa necesariamente que el programa es para principiantes, ya que no existen herramientas de dibujo, ni colocación a través de la herramienta de “arrastrar y soltar”. Así que si estás luchando con los conceptos básicos de diseño de páginas web, asegúrate de revisar un curso como este y así poner al día tus habilidades.
Microsoft Expressions Web es también notable por sus funciones de SEO, cosa que resulta de gran valor cuando se trata de crear un sitio web efectivo. El programa ofrece consejos e ideas sobre cómo optimizar tu sitio para obtener mejor rastreo y mejor posición en el ranking de los motores de búsqueda.
3. Coda 2
Coda es un programa de software de diseño web exclusivo para Mac. Fue lanzado por primera vez en 2007 y una versión actualizada se publicó en 2012. El programa cuenta con una interfaz de usuario increíblemente conveniente. Toda la idea de Coda es “el diseño web de una sola ventana,” lo que significa que no tendrá que cambiar entre programas o aplicaciones durante el proceso de diseño. Y la interfaz Coda 2 es aún más fácil de usar que la versión original. Cuenta con una “Súper Barra lateral”, que tiene una serie de herramientas básicas para facilitar el acceso.
Coda podrá no tener las características de diseño visual que ofrece Dreamweaver, pero ofrece un entorno de codificación de primer nivel para HTML y CSS, incluyendo sugerencias para el código, validación y depuración. Las herramientas de creación CSS son especialmente notables pues permiten a los diseñadores de sitios web controlar las hojas de estilo desde una interfaz visual.
4. Amaya
Amaya es una herramienta gratuita y de código abierto de WYSIWYG. Su propósito es una creación de sitios web que es ejecutable en Linux, en Mac y en Windows. Amaya ha existido entre las opciones disponibles por un buen tiempo; apareció por primera vez en 1996 y fue actualizada por última vez en enero de 2012. Es ideal para principiantes sin mucha experiencia de codificación, esta herramienta de WYSIWYG es compatible con HTML, CSS y XML.
5. Bluefish
Bluefish es un editor de texto avanzado gratuito y de código abierto. Es compatible con múltiples plataformas, incluyendo Linux, Solaris y Mac OS X y Windows. Es muy versátil y flexible; ofrece una variedad de herramientas para la programación en general y permite el desarrollo de HTML, XHTML, CSS, XML, PHP, C, C + +, JavaScript, Java, Google Go, Vala, Ada, C, SQL, Perl, ColdFusion, JSP, Python, Ruby y concha, entre otros. Sin embargo, es un programa de software “codificación inteligente”, no es un WYSIWYG; así que sí hace falta saber codificar.
Bluefish es una de las mejores herramientas gratuitas de diseño de sitios web que se encuentran disponibles para todos. Y, entre las herramientas gratuitas, esta es una que es especialmente útil para el diseño web dinámico. Una página web dinámica es una página con contenido que cambia para adaptarse a los parámetros proporcionados por un usuario específico, o por un programa. Es especialmente útil cuando se trata de diseño web para móviles, que se está haciendo cada vez más importante, a medida que más y más personas utilizan sus dispositivos móviles para acceder a Internet. ¡Aprende más sobre el diseño de página web dinámica en este curso!
Tomado de : https://blog.udemy.com/las-5-mejores-herramientas-de-diseno-de-sitios-web/
autor :Laura Camila Gutierrez Rodriguez
Vetajas:
Fácil de usar, casi como usar Word; no se necesita saber de HTML.
Permite muchas cosas, es muy flexible, sobre todo para el diseño.
Tiene muchas opciones como botones flash, botones normales y formularios.
Todas las herramientas se encuentras rápidamente.
La inclusión de html editor y también de WYSIWYG
Desventajas:
Es muy básico, no ofrece demasiadas opciones; como programa para crear paginas Web, no es el más completo; al realizar acciones complejas se complica todo.
Las nuevas versiones no facilitan nada respecto a las anteriores.
Se necesita de alta resolución para manejar todas las barras.
Le falta implementación de DHTML; su precio es considerable y carga muy lentamente.
Los botones de OK y CANCEL fueron cambiados por “Cool” y “No way”, esto puede generar confusión en el manejo de la aplicación.
Es más flexible si se sabe lo básico de HTML para empezar
Tomado de: http://macstars.blogspot.com.co/2009/01/ventajas-y-desventajas-de-la-pagina-web.html
Las Mejores Herramientas de Diseño de Sitios Web
No hay modo de obviarlo: el diseño efectivo de sitios web puede ser una tarea compleja, difícil y larga. Afortunadamente, las herramientas de software de diseño de sitios web pueden hacer el proceso mucho más fácil. Cuando se trata de diseño de sitios web, incluso los expertos utilizan software de diseño web, en lugar de diseñar desde cero. Es más fácil, uno se ahorra tiempo y lo típico es que así se logre un mejor resultado.
Pero si no eres un experto en diseño de sitios web, no te preocupes. Por fortuna, hay un buen número de programas de diseño de sitios web de WYSIWYG (What You See Is What You Get) que pueden hacer que el diseño de un sitio sencillo sea un trabajo increíblemente fácil. Sin embargo, incluso con los programas de WYSIWYG, es una buena idea tener al menos un conocimiento básico de programación. Si tus habilidades de programación son muy flacas, vale la pena aprender un poco sobre el tema, especialmente HTML.
En todo caso, hay una variedad de herramientas disponibles, que han sido diseñadas para adaptarse a varios niveles diferentes niveles de habilidad. Echemos un vistazo a algunas de las mejores herramientas de software para el diseño de sitios web.
1. Adobe Dreamweaver
Dreamweaver tiende a ser el software de diseño de sitios web elegido por muchos diseñadores con experiencia moderada y también por expertos. Definitivamente, es mucho más que un editor de HTML, Dreamweaver logra integrar completamente el diseño visual con las herramientas de codificación. También es compatible con una variedad de diferentes lenguajes de scripting, incluyendo PHP, ASP y CSS.
Dreamweaver proporciona a los usuarios un alto nivel de control a lo largo de todo el proceso de diseño. El nivel de personalización que ofrece el software es prácticamente inigualable. Dreamweaver te permite crear funciones interactivas avanzadas, como menús desplegables, imágenes de sustitución, diseños de la red de fluidos, aplicaciones sencillas para dispositivos móviles y paneles plegables.
Gracias a la avanzada capacidad de WYSIWYG, la creación de un sitio web sencillo con Dreamweaver es, en realidad, bastante fácil. Dreamwaver desarrollará código HTML por ti; también otros programas de software WYSIWYG lo harán por ti, por lo que no tienes que ser un genio de la codificación para crear un sitio web. El Design View de Dreamweaver te proporcionará el editor de WYSIWYG más avanzado disponible en el mercado hoy.
Debido a que Dreamweaver ofrece edición híbrida, si tienes conocimientos de codificación, puedes trabajar en un entorno de doble panel y así aprovechar la codificación de WYSIWYG y la codificación manual al mismo tiempo. Y si ya eres un experto en codificación, puedes trabajar exclusivamente en código, sólo haciendo el cambio a modo visual para ver el producto final. Para terminar, Dreamweaver es compatible con docenas de plug-ins, por lo que el diseño web resulta aún más fácil.
Pero, por favor, ten en cuenta que Dreamweaver es un programa muy complejo, sobre todo si apenas estás empezando con el diseño de sitios web. Si eres un principiante, te convendría tomar un curso acerca de Dreamweaver. También puedes instruirte en otras herramientas de diseño de Adobe en este curso acerca de Adobe Muse.
2. Microsoft Expressions Web
Igual que Dreamweaver, el ‘Microsoft Expressions Web program’ tiene funciones de edición híbrida en una configuración de doble panel, lo que permite a los usuarios trabajar en WYSIWYG y con el código manual al mismo tiempo. ‘Microsoft Web Expressions’ viene con plantillas web integradas que hacen el diseño web más fácil. Pero esto no significa necesariamente que el programa es para principiantes, ya que no existen herramientas de dibujo, ni colocación a través de la herramienta de “arrastrar y soltar”. Así que si estás luchando con los conceptos básicos de diseño de páginas web, asegúrate de revisar un curso como este y así poner al día tus habilidades.
Microsoft Expressions Web es también notable por sus funciones de SEO, cosa que resulta de gran valor cuando se trata de crear un sitio web efectivo. El programa ofrece consejos e ideas sobre cómo optimizar tu sitio para obtener mejor rastreo y mejor posición en el ranking de los motores de búsqueda.
3. Coda 2
Coda es un programa de software de diseño web exclusivo para Mac. Fue lanzado por primera vez en 2007 y una versión actualizada se publicó en 2012. El programa cuenta con una interfaz de usuario increíblemente conveniente. Toda la idea de Coda es “el diseño web de una sola ventana,” lo que significa que no tendrá que cambiar entre programas o aplicaciones durante el proceso de diseño. Y la interfaz Coda 2 es aún más fácil de usar que la versión original. Cuenta con una “Súper Barra lateral”, que tiene una serie de herramientas básicas para facilitar el acceso.
Coda podrá no tener las características de diseño visual que ofrece Dreamweaver, pero ofrece un entorno de codificación de primer nivel para HTML y CSS, incluyendo sugerencias para el código, validación y depuración. Las herramientas de creación CSS son especialmente notables pues permiten a los diseñadores de sitios web controlar las hojas de estilo desde una interfaz visual.
4. Amaya
Amaya es una herramienta gratuita y de código abierto de WYSIWYG. Su propósito es una creación de sitios web que es ejecutable en Linux, en Mac y en Windows. Amaya ha existido entre las opciones disponibles por un buen tiempo; apareció por primera vez en 1996 y fue actualizada por última vez en enero de 2012. Es ideal para principiantes sin mucha experiencia de codificación, esta herramienta de WYSIWYG es compatible con HTML, CSS y XML.
5. Bluefish
Bluefish es un editor de texto avanzado gratuito y de código abierto. Es compatible con múltiples plataformas, incluyendo Linux, Solaris y Mac OS X y Windows. Es muy versátil y flexible; ofrece una variedad de herramientas para la programación en general y permite el desarrollo de HTML, XHTML, CSS, XML, PHP, C, C + +, JavaScript, Java, Google Go, Vala, Ada, C, SQL, Perl, ColdFusion, JSP, Python, Ruby y concha, entre otros. Sin embargo, es un programa de software “codificación inteligente”, no es un WYSIWYG; así que sí hace falta saber codificar.
Bluefish es una de las mejores herramientas gratuitas de diseño de sitios web que se encuentran disponibles para todos. Y, entre las herramientas gratuitas, esta es una que es especialmente útil para el diseño web dinámico. Una página web dinámica es una página con contenido que cambia para adaptarse a los parámetros proporcionados por un usuario específico, o por un programa. Es especialmente útil cuando se trata de diseño web para móviles, que se está haciendo cada vez más importante, a medida que más y más personas utilizan sus dispositivos móviles para acceder a Internet. ¡Aprende más sobre el diseño de página web dinámica en este curso!
Tomado de : https://blog.udemy.com/las-5-mejores-herramientas-de-diseno-de-sitios-web/
autor :Laura Camila Gutierrez Rodriguez
LENGUAJE DE PROGRAMACIÓN
1. Principales lenguajes de programación para la creación de una pagina web:
El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.
A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet no solamente se puede ver la información sino que también se puede publicar. ¿y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo.
Para que varias personas se comuniquen es necesarios que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML. A través de esta monografía explicaremos que es HTML, sus orígenes y el proceso de creación de una página web.
2. Que es el HTML
El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda.
El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html
Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.
También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.
Leer más: http://www.monografias.com/trabajos7/html/html.shtml#ixzz3q5ernlsy
4. Creación de páginas web con lenguaje HTML
Para crear una página web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje.
A continuación les mostraremos las etiquetas mas comunes que deben aprenderse para hacer una pagina Web.
Estructura de los documentos de HTML
Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en común. Un documento de HTML empieza con la etiqueta <HTML>, que es la que encerrará el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos <HEAD> cabeza y <BODY> cuerpo.
La cabecera puede contener información y siempre contiene el titulo del documento encerrado por el elemento <TITLE>.
En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imágenes, sonidos, hipervínculos, etc.
Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden:
Ejemplo:
<HTML>
<HEAD>
<TITLE> Título de mi página de Internet </TITLE>
</HEAD>
<BODY>
<H1> <CENTER> Primera pagina </CENTER> </H1>
<HR>
Esta es mi primera pagina, aunque todavía es muy sencilla. Como el lenguaje HTML no es difícil, pronto estaremos en condiciones de hacer cosas mas interesantes.
<P> Aquí va un segundo párrafo.
</BODY>
</HTML>
Para escribir títulos se usa la etiqueta <Hx></Hx> en donde x es un número.
Ejemplo:
<h1>Titulo principal</h1>
<h2>Titulo secundario</h2>
<h3>Titulo terciario</h3>
<h4>Titulo cuarto nivel</h4>
<h5>Titulo quinto</h5>
<h6>Titulo sexto</h6>
Quedaría mas o menos así:
Titulo principal
Titulo secundario
Titulo terciario
Titulo cuarto nivel
Titulo quinto
Titulo sexto
5. Etiquetas de párrafo
Para esto se utiliza la etiqueta <P> y </P>. Este comando es muy útil debido a que si uno escribe algo (en el editor que se este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea.
Para alinear un párrafo se utiliza el comando <ALING> y </ALING>, utilizado dentro de la etiqueta <P>. Se puede alinear de tres formas diferentes:
<p align="left"> Párrafo... </p> Alinea a la izquierda.
<p align="center"> Párrafo... </p> Realiza un centrado.
<p align="right"> Párrafo... </p> Alinea a la derecha.
Cuando nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando <BR>.
Al terminar de escribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es <HR>
Etiquetas para darle formato al texto:
Para el tamaño y tipo de letra se usa la etiqueta <FONT> y </FONT>, que posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color
Formato:
<B> y </B> Sirve para colocar un texto en Negrita.
<U> y < /U> Sirve para subrayar un texto
<STRIKE> y </STRIKE> Sirve para tachar un texto.
<STRONG> y </STRONG> Cumple la misma función que <B>
<I> y <I> Para colocar un texto en cursiva.
<EM>texto con énfasis</EM> texto con énfasis
<CITE>citación</CITE> citación
<DFN>definición</DFN> definición
<KBD>teclado</KBD> teclado
<SAMP>ejemplo</SAMP> ejemplo
SIZE: Regula el tamaño de los caracteres.
Ejemplo:<font> texto... </FONT>.
FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.
Ejemplo:
<FONT> texto…</FACE>
Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML:
1. Mediante la especificación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul)
2. Mediante la especificación del nombre del color en ingles
Ejemplos:
<FONT COLOR="WHITE">Blanco</FONT>
Blanco
#FFFFFF
<FONT COLOR="BLACK">Negro</FONT>
Negro
#000000
<FONT COLOR="RED">Rojo</FONT>
Rojo
#FF0000
<FONT COLOR="GREEN">Verde</FONT>
Verde
#00FF00
<FONT COLOR="BLUE">Azul</FONT>
Azul
#0000FF
<FONT COLOR="YELLOW">Amarillo</FONT>
Amarillo
#FFFF00
<FONT COLOR="CYAN">Cyan</FONT>
Cyan
#00FFFF
<FONT COLOR="MAGENTA">Magenta</FONT>
Magenta
#FF00FF
Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente de los navegadores Web.
Si especificamos el nombre del color, podemos evitar la definición del color en forma hexadecimal que es un poco más difícil. Actualmente están estandarizados tan sólo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web.
Primero que todo debe escribir un símbolo #. A continuación siguen las 6 cifras para la definición del color. Las primeras 2 cifras definen el valor rojo, las siguientes 2 el valor verde y las 2 últimas el valor azul.
Las cifras hexadecimales son:
0 (corresponde al decimal 0)
1 (corresponde al decimal 1)
2 (corresponde al decimal 2)
3 (corresponde al decimal 3)
4 (corresponde al decimal 4)
5 (corresponde al decimal 5)
6 (corresponde al decimal 6)
7 (corresponde al decimal 7)
8 (corresponde al decimal 8)
9 (corresponde al decimal 9)
A (corresponde al decimal 10)
B (corresponde al decimal 11)
C (corresponde al decimal 12)
D (corresponde al decimal 13)
E (corresponde al decimal 14)
F (corresponde al decimal 15)
(mirar el cuadro de la página anterior)
Para ponerle color de fondo a la página escribir:
<body bgcolor=#808080></body> con el cual obtendremos un color de fondo gris oscuro.
Colocar mal los colores de fondo en nuestras páginas puede provocar problemas. ¿Qué ocurría con los links o enlaces si colocáramos un fondo de color azul?. Puesto que los links son azules cuando todavía no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo.
Se puede imaginar todavía un caso peor si decidiéramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la información que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes:
text="#número" Para el color del texto.
link="#número" Para el color de los enlaces.
vlink="#número" El color con que aparecerán los enlaces ya visitados.
alink="#número" Color del enlace cuando lo pulsamos.
Por lo tanto la etiqueta <body> puede quedar del siguiente modo:
<body bgcolor="#num" text="#num" link="#num" vlink="#num" alink="#num">
Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta:
background="localización de la imagen" Esta etiqueta va dentro de la etiqueta <body>.
Ejemplo:
<body background="/documentos/html/gifs/dragonball.gif">
Con esto lograremos que la imagen dragonball.gif aparezca como fondo en nuestra pagina.
Etiquetas META
Son usadas para poner meta-información del documento. Esta "directiva" indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos.
Ejemplo:
<META NAME = "Pagina de Pablo" content = "Mi pagina personal de Sailor Moon">
Indica al visor el nombre de la página y sus contenidos principales.
<META NAME="Author" content="Pablo Ravioli">
Indica el nombre de la persona que elabora la pagina WEB
<META NAME = "keywords" content = "Información de Sailor Moon">
Indica al visor las palabras clave para los buscadores de Internet.
Para hacer listas:
Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de línea, o al menos sin texto por delante (sólo espacios o tabulaciones).
Las listas pueden ser: Lista desordenada, <UL> (Unordered List).
Lista ordenada, <OL> (Ordered List).
Ejemplos de diferentes tipos de listas:
Lista con números romanos:
<ol>
<li type=I>Manzana
<li type=I>Zanahoria
<li type=I>Lechuga
<li type=I>Tomate
</ol>
Manzana
Zanahoria
Lechuga
Tomate
Lista numerada:
<ol>
<li>Manzana
<li>Zanahoria
<li>Lechuga
<li>Tomate
</ol>
Manzana
Zanahoria
Lechuga
Tomate
Lista con puntos:
<ul>
<li> Manzana
<li> Zanahoria
<li> Lechuga
<li>Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
Lista con círculos:
<ul>
<li type=circle> Manzana
<li type=circle> Zanahoria
<li type=circle> Lechuga
<li type=circle> Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
Lista con cuadrados:
<ul>
<li type=square> Manzana
<li type=square> Zanahoria
<li type=square> Lechuga
<li type=square> Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
6. Como insertar una imagen
A la hora de crear una página Web podemos introducir gráficos de forma muy sencilla, sólo hay que tener en cuenta que las imágenes deben tener formato Gif o JPEG.
La etiqueta utilizada para agregar imágenes a una página Web es <IMG> y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar.
Es decir:
<IMG SRC="lugar donde guardo la imagen">
Supongamos que tenemos la imagen dragonball.gif, que está presente en el mismo directorio en donde está la página y que la queremos insertar. La etiqueta apropiada sería:
<IMG SRC="dragonball.gif">
Y el usuario verá en el browser:
Para poner la imagen en la izquierda escribir:
<IMG ALIGN=LEFT SRC=" dragonball.gif ">
A la derecha: <IMG ALIGN=RIGHT SRC=" dragonball.gif">
Y si se quiere poner la imagen en el centro:
<P ALIGN=CENTER> <IMG SRC=" dragonball.gif"> </P>
Hiperenlaces, Hyperlinks, Anclas o Links
Para definir un enlace es necesario marcar con la etiqueta <a> el objeto del cual va a partir dicho enlace. Dicha directiva debe incluir el parámetro href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con <a href="URL">, y después cerrar con </a>. Por ejemplo, si queremos que el texto "pulse aquí para visitar la NASA" nos conduzca a la "home page" de la NASA, debemos escribir en nuestro texto HTML:
<a href="http://www.nasa.gov/">Pulse aquí para visitar a la NASA</a>
Que se vería de esta forma: Pulse aquí para visitar a la NASA
Si queremos que el texto "Foto" nos lleve a una imagen tenemos que escribir:
<a href="imagen.gif">Foto</a> entonces al hacer clic en el texto Foto nos abrirá la imagen.gif.
También se puede ir a otro enlace por medio de una imagen. Lo único que se debe hacer es cambiar el texto por una imagen:
<a href="http://www.altavista.com"><img src="Logo.jpg"></a>
Con esto tendremos por resultado que cuando se pase el puntero del mouse por arriba del Logo.jpg (que podría ser el logo del Altavista) y se convierta en una "manito", al hacer clic nos envíe al buscador Altavista.
Si se quiere hacer un link para que nos manden un E-Mail se debe hacer de la siguiente manera:
<a href="mailto:pfravioli[arroba]fibertel.com.ar">Mandame un Email</a>
Entonces cuando se haga clic sobre esta palabra Mandame un Email se abrirá (por defecto) el Microsoft Outlook Express con la dirección del destinatario ya escrita.
Caracteres especiales
Existe una razón evidente que impide que podamos escribir ciertos símbolos directamente en un texto HTML, como por ejemplo el <: dichos símbolos tienen un significado en HTML, y es necesario diferenciar claramente cuándo poseen ese significado y cuándo queremos que aparezcan literalmente en el documento final. Por ejemplo, como ya sabemos, < indica el comienzo de una directiva, y, por ello, si queremos que aparezca en el texto como tal tendremos que dar un rodeo escribiendo algo que no de lugar a confusión, en este caso <. Los símbolos afectados por esta limitación, y la forma de escribirlos, se detallan a continuación:
< (Menor que): <
>(Mayor que): >
& (símbolo de and, o ampersand): &
" (comillas dobles): "
Es decir, que para escribir <"hola"> en nuestro texto HTML original debemos poner <"hola">.
El otro caso especial se da cuando en un texto HTML se quiere escribir una eñe, por ejemplo. Existe una forma fácil de hacerlo, que consiste en utilizar códigos como las que antes se presentaron para escribir ciertos símbolos. Los códigos comienzan siempre con el símbolo &, y terminan con un punto y coma (;). Entre medias va un identificador del carácter que queremos que se escriba. Los códigos necesarias en nuestro idioma son:
á: á
é: é
í: í
ó: ó
ú: ú
Á: Á
É: É
Í: Í
Ó: Ó
Ú: Ú
ü: ü
Ü: Ü
ñ: ñ
Ñ: Ñ
¿: ¿
¡: ¡
?: ?
!: !
@: @
Por lo tanto la palabra página la podríamos escribir como :
página
página
Otro ejemplo: ¿En qué año estamos?
Sería: ¿En qué año estamos?
Es por ello que si deseamos que cualquier visor de páginas Web pueda visualizar las letras acentuadas de nuestro documento debemos utilizar sus correspondientes códigos para representarlas.
Recuerden que las etiquetas se pueden escribir en mayúsculas o en minúsculas, es lo mismo poner <HTML>, <html> o <HtmL>.
Una vez que terminamos de escribir todo nuestro documento, lo guardamos poniéndole un nombre, y necesariamente lo debemos guardar con la extensión .HTM o .HTML.
Para ir visualizando lo que hemos estado haciendo tendríamos que abrir nuestro browser (Netscape o Internet Explorer), hacemos click en la opción FILE o ARCHIVO, estando allí seleccionamos OPEN o ABRIR, le damos BROWSE o EXAMINAR, seleccionamos el archivo y le damos OPEN. Luego le damos ACEPTAR, e inmediatamente se abrirá nuestra pagina.
7. Conclusión
Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una página llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante información y archivos.
El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países.
Con el HTML se logró un gran movimiento económico ya que muchísimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. También gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc.
Infinitas son las posibilidades que te brindan las páginas WEB ya que no solo te dan la posibilidad de pasar el tiempo navegando, sino que también hasta se puede comprar un auto por Internet, solo basta con llenar un formulario con los datos personales y el número de tarjeta de crédito y en ocho días lo tenemos en nuestra casa.
Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación HTML.
8. Bibliografía
Clarín
Guía práctica de Internet
Buenos Aires
Editorial Sol 90 Barcelona
1999
Volumen 14
Páginas 316 a 323
Masanti Luis Alejandro
Diseño WEB
Ciudad de Buenos Aires
Ñ Ediciones
Abril de 2000
Fascículo 01
Páginas 1 a 9
Sergio Talens Oliag - José Hernández Orallo
HTML. Manual de Referencia
Editorial Paraninfo
1996
Thomas A. Powell – Mc Craw Hill
Manual de Referencia HTML
Buenos Aires
Osborne
1999
Capitulo 2
Autor:
Pablo Ravioli
18 años y este año termino 5° año de la secundaria.
Leer más: http://www.monografias.com/trabajos7/html/html.shtml#ixzz3q5fgR3Ft
Tomado de: http://www.monografias.com/trabajos7/html/html.shtml
Son cinco los pasos que usted debe seguir para la operación de una página web en su empresa: registro de dominio, hospedaje, diseño, mantenimiento y difusión.
Si usted está por implementar una página web para promover su negocio en Internet, es muy importante que conozca desde un principio cuáles son los distintos pasos que deberá realizar para que su página web opere eficazmente y su empresa pueda alcanzar los resultados esperados.
1. Registro de dominio
El primer paso para tener presencia en Internet es registrar un dominio. El nombre de dominio es como su dirección en Internet (www.mabelgiordano.com.bo), a través de la cual los clientes potenciales visitarán su página web para conocer su oferta de productos y servicios. Aunque parezca una actividad muy simple, la definición del nombre, la categoría del dominio (.com, .net, .org, info, .name, .biz, .tv, .gov, .edu) y el código de país (.com.bo, .com.br, .com.co, .com.cl) es crítica y deben ser cuidadosamente establecidos en base al giro de la empresa, mercado destino y disponibilidad de nombres de dominio.
Es muy importante que alguien dentro de su empresa adquiera la titularidad del dominio para que ustedes tengan el control total sobre el mismo. Si usted adquiere un paquete de servicios y no se encarga personalmente de registrar su dominio, es muy probable que éste quede bajo el control de una tercera persona ajena a su empresa. Muchos de los problemas en la administración de dominios se deben a que las empresas no adquieren esa responsabilidad desde un principio.
2. Hospedaje del dominio
Para que su página web pueda ser visitada por los usuarios de Internet, adicional al nombre de dominio, usted debe contratar un servicio de hospedaje (web hosting) a través del cual su empresa contará con un espacio en disco dentro de un servidor web conectado a Internet y además un número determinado de cuentas de correo electrónico personalizadas con el nombre de su dominio (juan.perez@miempresa.com.mx), las cuales podrá usted asignar a los empleados que las requieran. Actualmente, la mayoría de los proveedores de web hosting ofrecen en su paquete básico 250 Mb de almacenamiento, 8,000 Mb de transferencia y 10 cuentas de e-mail.
3. Diseño del sitio web
El diseño es la comunicación textual (contenidos) existente en Internet una faceta visual, sino que obliga a pensar una mejor estructuración de los mismos en este soporte. La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio Internet.
4. Mantenimiento del sitio web
Todo evoluciona en el tiempo y su empresa no es la excepción. Es muy probable que usted tenga que hacer algunos ajustes a su página web cada determinado tiempo debido a cambios de productos, altas y bajas de personal de contacto, nuevos distribuidores, noticias, eventos, actualización de información técnica, nuevos artículos, entre otros conceptos. La frecuencia del mantenimiento varía de empresa en empresa, ya que existen compañías que requieren cambios semana tras semana y otras que revisan el contenido de su página web una vez al año.
Si su empresa cuenta con un sitio web extenso y participan varias personas en el mantenimiento del mismo, es conveniente que usted evalúe la posibilidad de que su sitio web sea desarrollado empleando un administrador de contenido CMS (content management system), de tal forma que la labor de mantenimiento sea más sencilla y expedita y no tenga usted que depender de una agencia de diseño web para mantener actualizado su sitio.
5. Difusión del sitio web
Por lo general este es el tema en el que existe mayor confusión entre las empresas que implementan una página web por vez primera. La mayoría de las personas piensan que para poder promocionar eficazmente sus productos y servicios en Internet, es suficiente con tener la página web y desconocen que ésta debe contar con un medio de difusión o promoción, como quiera usted llamarle, para que las visitas lleguen.
No sólo es necesario que su página web tenga un diseño agradable. Para que su sitio sea visitado con frecuencia y se generen las oportunidades de negocio (Internet generated leads), los clientes potenciales deben saber que su página web existe y debe haber alguna forma de localizarla fácilmente. Aun cuando existen diversas formas de difusión, actualmente el método más efectivo es el posicionamiento de páginas web en buscadores, ya que es precisamente por medio de los motores de búsqueda que los usuarios de Internet localizan los productos y servicios que ellos y ellas requieren.
¡No se olvide de la difusión! Es muy importante para promover sus productos y servicios dentro y fuera del país.
Tomado de: http://www.deltaasesores.com/articulos/autores-invitados/otros/2976-pasos-para-creacion-de-pagina-web
Autor: Laura Camila Gutierrez Rodriguez
1. Principales lenguajes de programación para la creación de una pagina web:
El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.
A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet no solamente se puede ver la información sino que también se puede publicar. ¿y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo.
Para que varias personas se comuniquen es necesarios que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML. A través de esta monografía explicaremos que es HTML, sus orígenes y el proceso de creación de una página web.
2. Que es el HTML
El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda.
El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html
Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.
También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.
Leer más: http://www.monografias.com/trabajos7/html/html.shtml#ixzz3q5ernlsy
4. Creación de páginas web con lenguaje HTML
Para crear una página web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje.
A continuación les mostraremos las etiquetas mas comunes que deben aprenderse para hacer una pagina Web.
Estructura de los documentos de HTML
Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en común. Un documento de HTML empieza con la etiqueta <HTML>, que es la que encerrará el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos <HEAD> cabeza y <BODY> cuerpo.
La cabecera puede contener información y siempre contiene el titulo del documento encerrado por el elemento <TITLE>.
En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imágenes, sonidos, hipervínculos, etc.
Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden:
Ejemplo:
<HTML>
<HEAD>
<TITLE> Título de mi página de Internet </TITLE>
</HEAD>
<BODY>
<H1> <CENTER> Primera pagina </CENTER> </H1>
<HR>
Esta es mi primera pagina, aunque todavía es muy sencilla. Como el lenguaje HTML no es difícil, pronto estaremos en condiciones de hacer cosas mas interesantes.
<P> Aquí va un segundo párrafo.
</BODY>
</HTML>
Para escribir títulos se usa la etiqueta <Hx></Hx> en donde x es un número.
Ejemplo:
<h1>Titulo principal</h1>
<h2>Titulo secundario</h2>
<h3>Titulo terciario</h3>
<h4>Titulo cuarto nivel</h4>
<h5>Titulo quinto</h5>
<h6>Titulo sexto</h6>
Quedaría mas o menos así:
Titulo principal
Titulo secundario
Titulo terciario
Titulo cuarto nivel
Titulo quinto
Titulo sexto
5. Etiquetas de párrafo
Para esto se utiliza la etiqueta <P> y </P>. Este comando es muy útil debido a que si uno escribe algo (en el editor que se este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea.
Para alinear un párrafo se utiliza el comando <ALING> y </ALING>, utilizado dentro de la etiqueta <P>. Se puede alinear de tres formas diferentes:
<p align="left"> Párrafo... </p> Alinea a la izquierda.
<p align="center"> Párrafo... </p> Realiza un centrado.
<p align="right"> Párrafo... </p> Alinea a la derecha.
Cuando nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando <BR>.
Al terminar de escribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es <HR>
Etiquetas para darle formato al texto:
Para el tamaño y tipo de letra se usa la etiqueta <FONT> y </FONT>, que posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color
Formato:
<B> y </B> Sirve para colocar un texto en Negrita.
<U> y < /U> Sirve para subrayar un texto
<STRIKE> y </STRIKE> Sirve para tachar un texto.
<STRONG> y </STRONG> Cumple la misma función que <B>
<I> y <I> Para colocar un texto en cursiva.
<EM>texto con énfasis</EM> texto con énfasis
<CITE>citación</CITE> citación
<DFN>definición</DFN> definición
<KBD>teclado</KBD> teclado
<SAMP>ejemplo</SAMP> ejemplo
SIZE: Regula el tamaño de los caracteres.
Ejemplo:<font> texto... </FONT>.
FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.
Ejemplo:
<FONT> texto…</FACE>
Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML:
1. Mediante la especificación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul)
2. Mediante la especificación del nombre del color en ingles
Ejemplos:
<FONT COLOR="WHITE">Blanco</FONT>
Blanco
#FFFFFF
<FONT COLOR="BLACK">Negro</FONT>
Negro
#000000
<FONT COLOR="RED">Rojo</FONT>
Rojo
#FF0000
<FONT COLOR="GREEN">Verde</FONT>
Verde
#00FF00
<FONT COLOR="BLUE">Azul</FONT>
Azul
#0000FF
<FONT COLOR="YELLOW">Amarillo</FONT>
Amarillo
#FFFF00
<FONT COLOR="CYAN">Cyan</FONT>
Cyan
#00FFFF
<FONT COLOR="MAGENTA">Magenta</FONT>
Magenta
#FF00FF
Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente de los navegadores Web.
Si especificamos el nombre del color, podemos evitar la definición del color en forma hexadecimal que es un poco más difícil. Actualmente están estandarizados tan sólo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web.
Primero que todo debe escribir un símbolo #. A continuación siguen las 6 cifras para la definición del color. Las primeras 2 cifras definen el valor rojo, las siguientes 2 el valor verde y las 2 últimas el valor azul.
Las cifras hexadecimales son:
0 (corresponde al decimal 0)
1 (corresponde al decimal 1)
2 (corresponde al decimal 2)
3 (corresponde al decimal 3)
4 (corresponde al decimal 4)
5 (corresponde al decimal 5)
6 (corresponde al decimal 6)
7 (corresponde al decimal 7)
8 (corresponde al decimal 8)
9 (corresponde al decimal 9)
A (corresponde al decimal 10)
B (corresponde al decimal 11)
C (corresponde al decimal 12)
D (corresponde al decimal 13)
E (corresponde al decimal 14)
F (corresponde al decimal 15)
(mirar el cuadro de la página anterior)
Para ponerle color de fondo a la página escribir:
<body bgcolor=#808080></body> con el cual obtendremos un color de fondo gris oscuro.
Colocar mal los colores de fondo en nuestras páginas puede provocar problemas. ¿Qué ocurría con los links o enlaces si colocáramos un fondo de color azul?. Puesto que los links son azules cuando todavía no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo.
Se puede imaginar todavía un caso peor si decidiéramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la información que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes:
text="#número" Para el color del texto.
link="#número" Para el color de los enlaces.
vlink="#número" El color con que aparecerán los enlaces ya visitados.
alink="#número" Color del enlace cuando lo pulsamos.
Por lo tanto la etiqueta <body> puede quedar del siguiente modo:
<body bgcolor="#num" text="#num" link="#num" vlink="#num" alink="#num">
Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta:
background="localización de la imagen" Esta etiqueta va dentro de la etiqueta <body>.
Ejemplo:
<body background="/documentos/html/gifs/dragonball.gif">
Con esto lograremos que la imagen dragonball.gif aparezca como fondo en nuestra pagina.
Etiquetas META
Son usadas para poner meta-información del documento. Esta "directiva" indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos.
Ejemplo:
<META NAME = "Pagina de Pablo" content = "Mi pagina personal de Sailor Moon">
Indica al visor el nombre de la página y sus contenidos principales.
<META NAME="Author" content="Pablo Ravioli">
Indica el nombre de la persona que elabora la pagina WEB
<META NAME = "keywords" content = "Información de Sailor Moon">
Indica al visor las palabras clave para los buscadores de Internet.
Para hacer listas:
Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de línea, o al menos sin texto por delante (sólo espacios o tabulaciones).
Las listas pueden ser: Lista desordenada, <UL> (Unordered List).
Lista ordenada, <OL> (Ordered List).
Ejemplos de diferentes tipos de listas:
Lista con números romanos:
<ol>
<li type=I>Manzana
<li type=I>Zanahoria
<li type=I>Lechuga
<li type=I>Tomate
</ol>
Manzana
Zanahoria
Lechuga
Tomate
Lista numerada:
<ol>
<li>Manzana
<li>Zanahoria
<li>Lechuga
<li>Tomate
</ol>
Manzana
Zanahoria
Lechuga
Tomate
Lista con puntos:
<ul>
<li> Manzana
<li> Zanahoria
<li> Lechuga
<li>Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
Lista con círculos:
<ul>
<li type=circle> Manzana
<li type=circle> Zanahoria
<li type=circle> Lechuga
<li type=circle> Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
Lista con cuadrados:
<ul>
<li type=square> Manzana
<li type=square> Zanahoria
<li type=square> Lechuga
<li type=square> Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
6. Como insertar una imagen
A la hora de crear una página Web podemos introducir gráficos de forma muy sencilla, sólo hay que tener en cuenta que las imágenes deben tener formato Gif o JPEG.
La etiqueta utilizada para agregar imágenes a una página Web es <IMG> y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar.
Es decir:
<IMG SRC="lugar donde guardo la imagen">
Supongamos que tenemos la imagen dragonball.gif, que está presente en el mismo directorio en donde está la página y que la queremos insertar. La etiqueta apropiada sería:
<IMG SRC="dragonball.gif">
Y el usuario verá en el browser:
Para poner la imagen en la izquierda escribir:
<IMG ALIGN=LEFT SRC=" dragonball.gif ">
A la derecha: <IMG ALIGN=RIGHT SRC=" dragonball.gif">
Y si se quiere poner la imagen en el centro:
<P ALIGN=CENTER> <IMG SRC=" dragonball.gif"> </P>
Hiperenlaces, Hyperlinks, Anclas o Links
Para definir un enlace es necesario marcar con la etiqueta <a> el objeto del cual va a partir dicho enlace. Dicha directiva debe incluir el parámetro href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con <a href="URL">, y después cerrar con </a>. Por ejemplo, si queremos que el texto "pulse aquí para visitar la NASA" nos conduzca a la "home page" de la NASA, debemos escribir en nuestro texto HTML:
<a href="http://www.nasa.gov/">Pulse aquí para visitar a la NASA</a>
Que se vería de esta forma: Pulse aquí para visitar a la NASA
Si queremos que el texto "Foto" nos lleve a una imagen tenemos que escribir:
<a href="imagen.gif">Foto</a> entonces al hacer clic en el texto Foto nos abrirá la imagen.gif.
También se puede ir a otro enlace por medio de una imagen. Lo único que se debe hacer es cambiar el texto por una imagen:
<a href="http://www.altavista.com"><img src="Logo.jpg"></a>
Con esto tendremos por resultado que cuando se pase el puntero del mouse por arriba del Logo.jpg (que podría ser el logo del Altavista) y se convierta en una "manito", al hacer clic nos envíe al buscador Altavista.
Si se quiere hacer un link para que nos manden un E-Mail se debe hacer de la siguiente manera:
<a href="mailto:pfravioli[arroba]fibertel.com.ar">Mandame un Email</a>
Entonces cuando se haga clic sobre esta palabra Mandame un Email se abrirá (por defecto) el Microsoft Outlook Express con la dirección del destinatario ya escrita.
Caracteres especiales
Existe una razón evidente que impide que podamos escribir ciertos símbolos directamente en un texto HTML, como por ejemplo el <: dichos símbolos tienen un significado en HTML, y es necesario diferenciar claramente cuándo poseen ese significado y cuándo queremos que aparezcan literalmente en el documento final. Por ejemplo, como ya sabemos, < indica el comienzo de una directiva, y, por ello, si queremos que aparezca en el texto como tal tendremos que dar un rodeo escribiendo algo que no de lugar a confusión, en este caso <. Los símbolos afectados por esta limitación, y la forma de escribirlos, se detallan a continuación:
< (Menor que): <
>(Mayor que): >
& (símbolo de and, o ampersand): &
" (comillas dobles): "
Es decir, que para escribir <"hola"> en nuestro texto HTML original debemos poner <"hola">.
El otro caso especial se da cuando en un texto HTML se quiere escribir una eñe, por ejemplo. Existe una forma fácil de hacerlo, que consiste en utilizar códigos como las que antes se presentaron para escribir ciertos símbolos. Los códigos comienzan siempre con el símbolo &, y terminan con un punto y coma (;). Entre medias va un identificador del carácter que queremos que se escriba. Los códigos necesarias en nuestro idioma son:
á: á
é: é
í: í
ó: ó
ú: ú
Á: Á
É: É
Í: Í
Ó: Ó
Ú: Ú
ü: ü
Ü: Ü
ñ: ñ
Ñ: Ñ
¿: ¿
¡: ¡
?: ?
!: !
@: @
Por lo tanto la palabra página la podríamos escribir como :
página
página
Otro ejemplo: ¿En qué año estamos?
Sería: ¿En qué año estamos?
Es por ello que si deseamos que cualquier visor de páginas Web pueda visualizar las letras acentuadas de nuestro documento debemos utilizar sus correspondientes códigos para representarlas.
Recuerden que las etiquetas se pueden escribir en mayúsculas o en minúsculas, es lo mismo poner <HTML>, <html> o <HtmL>.
Una vez que terminamos de escribir todo nuestro documento, lo guardamos poniéndole un nombre, y necesariamente lo debemos guardar con la extensión .HTM o .HTML.
Para ir visualizando lo que hemos estado haciendo tendríamos que abrir nuestro browser (Netscape o Internet Explorer), hacemos click en la opción FILE o ARCHIVO, estando allí seleccionamos OPEN o ABRIR, le damos BROWSE o EXAMINAR, seleccionamos el archivo y le damos OPEN. Luego le damos ACEPTAR, e inmediatamente se abrirá nuestra pagina.
7. Conclusión
Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una página llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante información y archivos.
El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países.
Con el HTML se logró un gran movimiento económico ya que muchísimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. También gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc.
Infinitas son las posibilidades que te brindan las páginas WEB ya que no solo te dan la posibilidad de pasar el tiempo navegando, sino que también hasta se puede comprar un auto por Internet, solo basta con llenar un formulario con los datos personales y el número de tarjeta de crédito y en ocho días lo tenemos en nuestra casa.
Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación HTML.
8. Bibliografía
Clarín
Guía práctica de Internet
Buenos Aires
Editorial Sol 90 Barcelona
1999
Volumen 14
Páginas 316 a 323
Masanti Luis Alejandro
Diseño WEB
Ciudad de Buenos Aires
Ñ Ediciones
Abril de 2000
Fascículo 01
Páginas 1 a 9
Sergio Talens Oliag - José Hernández Orallo
HTML. Manual de Referencia
Editorial Paraninfo
1996
Thomas A. Powell – Mc Craw Hill
Manual de Referencia HTML
Buenos Aires
Osborne
1999
Capitulo 2
Autor:
Pablo Ravioli
18 años y este año termino 5° año de la secundaria.
Leer más: http://www.monografias.com/trabajos7/html/html.shtml#ixzz3q5fgR3Ft
Tomado de: http://www.monografias.com/trabajos7/html/html.shtml
Son cinco los pasos que usted debe seguir para la operación de una página web en su empresa: registro de dominio, hospedaje, diseño, mantenimiento y difusión.
Si usted está por implementar una página web para promover su negocio en Internet, es muy importante que conozca desde un principio cuáles son los distintos pasos que deberá realizar para que su página web opere eficazmente y su empresa pueda alcanzar los resultados esperados.
1. Registro de dominio
El primer paso para tener presencia en Internet es registrar un dominio. El nombre de dominio es como su dirección en Internet (www.mabelgiordano.com.bo), a través de la cual los clientes potenciales visitarán su página web para conocer su oferta de productos y servicios. Aunque parezca una actividad muy simple, la definición del nombre, la categoría del dominio (.com, .net, .org, info, .name, .biz, .tv, .gov, .edu) y el código de país (.com.bo, .com.br, .com.co, .com.cl) es crítica y deben ser cuidadosamente establecidos en base al giro de la empresa, mercado destino y disponibilidad de nombres de dominio.
Es muy importante que alguien dentro de su empresa adquiera la titularidad del dominio para que ustedes tengan el control total sobre el mismo. Si usted adquiere un paquete de servicios y no se encarga personalmente de registrar su dominio, es muy probable que éste quede bajo el control de una tercera persona ajena a su empresa. Muchos de los problemas en la administración de dominios se deben a que las empresas no adquieren esa responsabilidad desde un principio.
2. Hospedaje del dominio
Para que su página web pueda ser visitada por los usuarios de Internet, adicional al nombre de dominio, usted debe contratar un servicio de hospedaje (web hosting) a través del cual su empresa contará con un espacio en disco dentro de un servidor web conectado a Internet y además un número determinado de cuentas de correo electrónico personalizadas con el nombre de su dominio (juan.perez@miempresa.com.mx), las cuales podrá usted asignar a los empleados que las requieran. Actualmente, la mayoría de los proveedores de web hosting ofrecen en su paquete básico 250 Mb de almacenamiento, 8,000 Mb de transferencia y 10 cuentas de e-mail.
3. Diseño del sitio web
El diseño es la comunicación textual (contenidos) existente en Internet una faceta visual, sino que obliga a pensar una mejor estructuración de los mismos en este soporte. La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio Internet.
4. Mantenimiento del sitio web
Todo evoluciona en el tiempo y su empresa no es la excepción. Es muy probable que usted tenga que hacer algunos ajustes a su página web cada determinado tiempo debido a cambios de productos, altas y bajas de personal de contacto, nuevos distribuidores, noticias, eventos, actualización de información técnica, nuevos artículos, entre otros conceptos. La frecuencia del mantenimiento varía de empresa en empresa, ya que existen compañías que requieren cambios semana tras semana y otras que revisan el contenido de su página web una vez al año.
Si su empresa cuenta con un sitio web extenso y participan varias personas en el mantenimiento del mismo, es conveniente que usted evalúe la posibilidad de que su sitio web sea desarrollado empleando un administrador de contenido CMS (content management system), de tal forma que la labor de mantenimiento sea más sencilla y expedita y no tenga usted que depender de una agencia de diseño web para mantener actualizado su sitio.
5. Difusión del sitio web
Por lo general este es el tema en el que existe mayor confusión entre las empresas que implementan una página web por vez primera. La mayoría de las personas piensan que para poder promocionar eficazmente sus productos y servicios en Internet, es suficiente con tener la página web y desconocen que ésta debe contar con un medio de difusión o promoción, como quiera usted llamarle, para que las visitas lleguen.
No sólo es necesario que su página web tenga un diseño agradable. Para que su sitio sea visitado con frecuencia y se generen las oportunidades de negocio (Internet generated leads), los clientes potenciales deben saber que su página web existe y debe haber alguna forma de localizarla fácilmente. Aun cuando existen diversas formas de difusión, actualmente el método más efectivo es el posicionamiento de páginas web en buscadores, ya que es precisamente por medio de los motores de búsqueda que los usuarios de Internet localizan los productos y servicios que ellos y ellas requieren.
¡No se olvide de la difusión! Es muy importante para promover sus productos y servicios dentro y fuera del país.
Autor: Laura Camila Gutierrez Rodriguez
Suscribirse a:
Comentarios (Atom)