Dise O De Paginas WEB 2

Diseño de páginas web
1. Fundamentos de diseño web
Conceptos básicos de diseño web
Sitio Web: conjunto de archivos
Página Web: archivo en formato HTML o HTM
Hipervínculo: objeto que se utiliza para enlazar archivos (páginas Web, imágenes, audio, etc.)
Servidor Web: computadora conectada a internet que aloja Sitios Web o archivos que pueden ser solicitados a través de la red

Programación WebASP/PHP formatos para páginas web dinámicas
Bases de datos: MySQL, Oracle, Informix, y Microsoft SQL
DHTML/CSS lenguajes dinámicos de HTML
Javascript: lenguaje de programación
Flash: Software que sirve para hacer animaciones
Java: lenguaje de programación

Peso de las páginas y formato de imágenes
El peso de las páginas es conveniente que no exceda de los 50 kb.; esto se debe a que todavía lasconexiones a Internet son lentas, estudios demuestran que los usuarios no suelen esperar más de 30 segundos para ver la información de una página.
 tratamiento de las imágenes
Los software de edición de imágenes digitales vienen ya preparados para laoptimización de imágenes a montar en la web.
Peso de las páginas
Formato de imágenes
Consistencia
El sitio web debe tener y una imagen distintiva.
Fondo ygráficos distintivos
Color de texto y enlaces
Barras de navegación en el mismo lugar
2. 8 Consejos para el diseño de un buen layout o estructura web

Al crear un diseño de web, uno de los aspectos más importantes es el diseño del layout (estructura).

El espacio y el espacio en blanco en el layout
1. Mantén una resolución de pantalla como objetivo, pero no te cierres.
2. Utiliza todo el espaciodisponible, pero se flexible.
3. Usa el color para definir los espacios: si quieres diseñar una página con anchos fijos, ¿por qué no centrar la web en la pantalla del navegador y mejorar así su presentación? Mira el ejemplo que se propuso en una guía anterior, ¿qué te parece mejor?:












Imágenes y gráficos en tu estructura web
4. Alinea las imágenes.
img {
display: block;
margin: auto;}
5. Proporción de los gráficos y texto en una página. Es fácil dejarse llevar por la gran cantidad de imágenes y animaciones disponibles, pero resultar muy difícil de leer o incluso molesto.
Ancho del texto
6. Piensa en el ancho del texto. La mayoría de personas pueden leer cómodamente alrededor de 7 a 11 palabras en una línea.
7. No te recomiendo que centres el texto.
p {text-align: justify}Alineación del layout
8. Cuida la alineación de cada parte de tu sitio








3. Breve guía para iniciarse en el diseño web.
¿Qué se necesita para ser diseñador web?
Conocer al menos dos lenguajes de programación lo que son HTML y CSS.
Saber cómo elegir un servidor
Contratar un dominio
Pagar y cobrar por medio electrónicos
Emplear editores HTML
Editar imágenes
¿Qué es HTML?
Serie de comandos uórdenes que los buscadores pueden interpretar. Etiquetas que le indican al navegador que hacer.A las etiquetas en HTML se le puede agregar atributos.

¿Qué es CSS?
Permite al diseñador dar la apariencia visual deseada. Permite utilizar el mismo código en diferentes páginas. Es un poco más difícil que HTML pero un poco más divertido. Esto puede llevarse a cabo dentro del documento HTML, dentro decada etiqueta de ese documento HTML, o bien como parte de un documento anexo.
Para realizar una página dinámica es necesario otros lenguajes como;
Javascript
PHP
ASP
4. Principios de diseño web
El diseño web es una técnica que se basa en una serie de reglas más o menos definidas que sirven para crear algo útil y atractivo a la vez.
Dela mano del diseño va:
Planificación de los contenidos.Estructuras del menú.
Cómo será la interacción con el usuario.
Rutas de navegación.
Seleccione el tipo de diseño
El tipo de diseño debe de estar acorde con lo que el usuario busca en ella.


¿Cuáles son los principios del diseño?
Para obtener buenos diseños se puede visitar páginas que se destaquen por ello.

Principios que rigen el diseño web son:
Balance
Contraste
Énfasis
Repetición o ritmo
Proximidad...