HTML

HTML

HTML significa "Lenguaje de marcas de hipertexto" es el lenguaje utilizado para representar documentos en la Web. Incluyen elementos multimedia:

·         Gráficos.

·         Vídeo.

·         Audio.

·         Enlaces (documentos o sitios de internet).

·         Se pueden crear y visualizar páginas desde cualquier sistema operativo por ser portable.

Ventajas

·         Fácil de usar

·         Permite la comunicación rápida y directa con una o varias personas que se encuentren en cualquier parte del mundo.

·         Desarrollo de diferentes proyectos y propuestas para darlos a conocer a través de la red.

·         Se puede contactar con diferentes personas para realizar negocios, trabajos, proyectos, etc.

Desventajas

·         Es muy básico

·         No ofrece diversidad de opciones

·         No es muy completo

¿Qué necesito para crear una página Web?

·         Contenido de la página.

·         Navegador.

·         Editor HTML.

·         Imágenes u otros archivos.

·         Un programa para subir la página al servidor como: WS_FTP.

·         Mantenimiento de la página.

¿Cómo empiezo a escribir HTML?

·         Se necesita de un editor de texto o Bloc de notas  y un navegador para visualizarlo.

·         Se realiza el código.

·         Se va guardar con extensión .htm o .html.

·         Cuando hagas doble clic sobre él se abrirá el navegador y se mostrará la página.

Etiquetas

Las etiquetas son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.

·         Las etiquetas están encerradas entre los signos "<" y ">".

·         Generalmente vienen en pares <p> y <⁄p>.

·         La primera es de apertura y la segunda de cierre.

·         El texto que se encuentra entre dos etiquetas es el contenido del elemento.

·         Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que <B>.

Atributos

Muchas etiquetas llevan atributos. Los mismos proveen de mayor información a los elementos HTML.

·         Los atributos siempre van con la estructura: nombre="valor".

·         Los atributos siempre van en la etiqueta de apertura.

·         Los valores siempre hay que ponerlos entre comillas.

Complementos

Se le pueden agregar cosas como:

·         Formatos del texto

·         Listas

·         Enlaces

·         Imágenes

·         Multimedia

·         Tablas

·         Mapas sensibles

·         Formularios

·         Frames

Problemas generales de una pagina web

   Problemas generales de una pagina web

          

    

 Para muchos, los problemas en una página no necesariamente tienen que ver con nuestro ordenador, o nuestra conexión a internet, o el navegador que estamos usando, sino simplemente son problemas que nosotros como usuarios y creadores de contenido web tenemos, por ello eh aquí un listado de problemas y soluciones habituales y no tan habituales para que nuestra página web sea agradable a todo público, o por lo menos a la mayoría de los internautas. 

1.- El usuario debe saber qué se trata en el instante: Si un visitante no puede entender lo que es su sitio en un par de segundos, es probable que se vaya a otra parte. Su sitio debe comunicar por qué tengo que invertir mi tiempo allí, y rápido

2.-No requiere de un registro a menos que sea necesario : Vamos a poner esto en claro, cuando navego por Internet que quiere obtener la información, no al revés. No me obligues a registrarse y dejar a mi dirección de correo electrónico y otros detalles, a menos que sea absolutamente necesario

3.- No uso excesivo de Flash : además de aumentar el tiempo de carga de su sitio web, el uso excesivo del flash también puede molestar a los visitantes. Utilícelo sólo si usted debe ofrecer características que no son compatibles con las páginas estáticas.

4.- No reproducir música: en los primeros años de los desarrolladores web de Internet siempre se trató de integrar con éxito a la música en sitios web. ¿Sabes una cosa?, han fallado miserablemente

  5.- Asegúrese de incluir datos de contacto: no hay nada peor que un sitio web que no tiene información de contacto. Esto no es malo sólo para los visitantes, sino también para ti. Es posible que pierda información importante en el camino. 

6.-Evitar el "desplegable" menús: el usuario debe ser capaz de ver todas las opciones de navegación de recta. El uso de "desplegable" menús pueden confundir las cosas y ocultar la información que el lector estaba realmente buscando.

7.- Utilice una estructura de navegación sencilla: a veces menos es más. Esta regla se aplica generalmente a las personas y las opciones. Asegúrese de que su sitio web tiene una estructura única, una navegación clara. La última cosa que quiere es confundir al lector con respecto a dónde debe ir para encontrar la información que está buscando.

8.-Evite "intros": no obligar al usuario a ver o leer algo antes de que pueda acceder al contenido real. Esto es evidente molesto, y se quedará sólo si lo que tiene que ofrecer es realmente único.

9.- No utilice archivos GIF animados: a menos que tenga banners publicitarios que requieren de animación, evitar GIFs animados. Ellos hacen un sitio de aspecto profesional y en detrimento de la atención del contenido.

10.- No utilice colores fuertes: si el usuario es un dolor de cabeza después de visitar su sitio durante 10 minutos consecutivos, probablemente debería conseguir un esquema de color mejor. Diseño de la paleta de colores en torno a sus objetivos

HERRAMIENTAS PROFESIONALES PARA EL DISEÑO DE PAGINAS WEB

Crear una página web nunca ha sido tan fácil. En los últimos años, han surgido un montón de herramientas diversas que nos facilitan el proceso de creación de un sitio web y nos ayudan a hacer cosas que difícilmente podríamos hacer tan rápido si tuviéramos que aprender HTML5, CSS3, PHP o Javascript. En esta entrada, vamos a repasar algunas de las herramientas más populares para que así puedas descubrirlas y empezar a usarlas si estás pensando en crearte tu propia página web.

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

Los mejores programas para diseñar sitios web

O     HTML

O     PHP

O     ASP

O     ASPX

O     JAVA SCRIPT

O     JSP

O     PYTHON

O     FROM PAGE

O     WORD (PAGINA WEB)

Editores HTML

Adobe Dreamweaver: Dreamweaver es el editor web más conocido y más utilizado por los diseñadores. Forma parte de la suite Creative Cloud de Adobe y, por tanto, es perfectamente compatible con otras herramientas de diseño gráfico de la misma suite, como Photoshop o Illustrator, lo que convierte a Dreamweaver en una opción más que recomendable si quieres invertir en una herramienta de pago. Es una herramienta idónea si tienes conocimientos de HTML5, CSS3 o PHP. De lo contrario, quizá lo mejor sería que optaras por una herramienta un poco más asequible hasta que adquieras un conocimiento mayor de estos códigos, pues Dreamweaver es una herramienta de perfil avanzado ideada para profesionales del diseño