Diseño Web
Introduccion al Diseño Web
Diseño web es la actividad consiste en la planification. que diseño Y implementación de sitios web paginas web requiere navegabilidad interactividad, usabilidad, arquitectura de la información, y la interacción de medios como: el audio, texto, imagen y video.
El disenador web comprende perfectamente Unión de un buen diseño con una jerarquia bien, que elaborada de contenidos aumento la eficiencio delauch
Internet es la interconeción de sentralizada de redes de computadora implementada en un conjunto de protocdos. Sus origenes se remontan a 1969, cuando se establecio la primera coneccion de compuladoras Mamadas ARPANET Tambien se define el internet como el conjunto de redes de ordenadores 4 equipo fisicamente unido mediante cables conectan puntos en todo el mundo. Estos que cables pueden ser cables de red blocal, telefónicos convencionales, digitales, canales de fibra óptica.
Funcionamiento de la web para la visualización de uno pagina web, se comienzo tecleando la URL de lo pagino en el navegador, o bien siguiendo de ipertexto un enlace
Proceso que el usuario no ve es el siguiente.
a) Decodifica el nombre la URL, a uno dirección IP usando la base de datos ONS, con la direccion IP se localizo el servider web en donde esta la información
b) se envia una peticion HTTP al servidor web
Solicitando la informacion
c) Después de tesivir cl savidor la información solicitado. d navegador despliega la información de lo págino
Segun alla sido codificada en HTML cosy otros. lenguajes de programación
Web Es una palabra inglesa que significa red o telaaraña se designa como la web al sistema de gestion de información más popular para la transmicion de datos alravez del internet.
La web es el conjunto de información Se encuentra en una dirección determinada de internet.
Servicios que ofrece el internet = Comunicación, Entretenimiento, correo electrónico, Servicio de telefónia, (www) grupos de noticias,
Prolocolos de Internet
La familia del protocolo de internet. es un conjunto de protocoles de red que se emplean para transmitir da los entre ordenadores atravet de internet
Qué es un navegador?
Es un software que permite el acceso a la web, interpretando la information de distintos tipos de archivos Sitiosweb para queestos puedan ser visualizados.
Ejem, Chrome opera, internet splor, microsos engle, Mocila Firefox Safari
Buscador, es un sistema informatico almacen ados en servidores web que gracias busca archivos al internet
Ejem Google, Yohoo, Bing, Alta Vista
Hosting : es un servicio de alojamiento para sitio web espacio para poder almacenar información, imagenes, video о cualquier contenido accesible via web
Tipos de alojamientos web:
Gratuito
Compartido
De imagenes
Reveendedor
Virtuales
Servidores dedicados
Colocacion
Servidor web • es un programa que utilizan el
protocolos de tranferencia de hipertexto (HITP) pares servir los archivos que forman paginas web
a los usuarios + las computadoras log dispositivos dedicados tambien pueden denominaree (dispositivo,? Servidores web..
HTML, es el formato estandar de las paginas web, es el lenguaje con el que se define el contenido de las páginas web.
Lenguaje de marcas ipertextuales basicamente se trata de un conjunto de etiquetas que sirven para definir el.
texto web. otros elementos que compondran una pagina.
ย codigo fonte de lineas de texto programo informatico es un como los pasos que de be es on conjunto de seguir computadora para gucular dicho programa..
Hipertexto • es un conjunto extructurado de texto, gráficos. imágenes o sonidos unidos entre si por enlaces. Vinculos 4 conexiones logicas actualmente el hipertexto
esta siendo remplazado por la hipermedia
Pagina web, = es un documento HTML que es accesible generalmente mediante el protocolo de internet HTTP. Documento compuesto. texto video imagenes, audios los que se puede acceder atravez de la www.
Sitio web es un conjunto de encuentran relacionadas dominio de internet de información por páginas web el contenido 4 que constituyen que se7 Y por un gran red
Hay dos tipos de sitios web, sitio web estático 4 sitio web dinamico.opm..bou, you get sta
Elementos de una pagina web.
Texto
Imágenes
Audio
Animaciones
Videos
Contenido Scripts
Estructura o Anatomia de una pagina Web.
Estructura de una pagina web
Las páginas web cotain compuestas por unas pocos dementos que se adaptan al contenido. Los prototipos de pagina web se presentan en dos o tres columnas Con un encabezado los sitios web co la y pic de pagina, lo que distingue imaginacion y variedad, utilizada en su construcción, beneralmente la cabecero de web aparece en la parte superior de la. pagina, un sitio el pic de la pagina en la parte inferior de lo mismo y d contenido principal en el medio
Las imagenes de fondo o de color crear un lienso para La pag. se utilizan paro
Lo clave para conseguir un gran sitio web es vincular todos Los elementos de una forma coherente y organizada
La estructura de una pagina web co lo siguiente
Encabezado contenido
Pie de pag
Elementos Hexa el encobetado de una pagina web que Logo menú de novegación, publicidad, mombre de lo pagina donde se encuentra actualmente.
El texto debe se legible y puede cambiar de su grosor
Contenido: el contenido de una pagina web debe ser ما mas esencial, este contenido debe de llevar diseño y aplicar los fundamentos de diseño,
Logotipo: : debe de tener diferentes tamaños ubrcados en el encabezado, 1 pie para ser de página. menú de navegación. El logotipo leva el enlace a lo pagina inicio. Muchas empresas editan el logotipo según la temporada en que se encuentra dupe
Logotipo
Encabezado de una pagina web
Es vital que en cierto lleve el logo, cl menú de navegación caso y el nombre de la del sitio una publicidad corta en imagenes pág donde se encuetra dentro
Pic de Pagina Se encuetra en la parte inferior ofrece información de contacto, enlaces repeticion del menú 1 de navegación
Pasas para planificar desarrollar y un sitio web
Paso 1: Recopilación se refiere a mandor información y aprender la wal de desarrollo al sitio web en
Paso 2 definir objetivos/
Paso 3: Establecer el presupuesto
Creacion del mapa del sitio : haga una lista de todas las areas temáticas del sitio, asi como los temas Subtemas Y y desarrolle el sistema o menú de navegacion
En esta etapa se define las tecnologias necesarias pag. diseñar el sitio y se determina las resoluciones compatibls es decir lo adaptacion del sitio web segon el dispositivo
Creacion de base tos: Esto permite visualizar el diseño brindar la estrudura del sitio web ( wire frame )
Planificacion del contenido
En esta etapa ya se debe saber lo por cada pagina, cuanto contenido guia para proceso de diseño. que se quiere comunicar ademas proporciona una
Definir escultura
Se establecen secciones o apartados fendra el sitio que web contenido debera presentarse en y que esas Secciones. cada una de
Por lo general todo sitio web tiene una sección donde Se habla lo que hace la empresa un apartado de contacto donde las personas pueden dejar sus comentarioso inquietudes
Comiense con el Diseño
Teniendo en clara los aspectos anteriores. paso Se puede dar al diseño del sitio, un sitio web bien diseñado debe ser estético, funcional usable. definio todo lo S ya pagina inicio de las que va a incluir en el diseño de lo demas paginas este pasa es sencillo. Se prepara la pagina contacto de inicio una para ver cambio si es posible pagina de contenido y la pagina de. cuales seran los resultados. modificar cambio si es posible.
Desarrollo una vez que el diseño asta finalizada es posible crear el sitio web
El desarrollador tomaro el prototipe o bocetos y los utilizaro para crear un sitio web funcional, es posible que se hag or cambios menores
Prueba del matenimiento del sitio und vez terminada lacapa de programacion so sube el proyecto a la novesele brinda und URL provietonal al dueño del sitio para que pueda na hacer correctiones, ob servaciones 4 pueda ser publicado. se debe asegurar que tenga diseño responsibo
Entregar y lanzamiento, el desarrollador web verifica haya problema en el sito web cumpliendo los estandares web. se entrega al proyecto al dueño del sitio y si es posible se inaugura.
Hipertexto • es un conjunto extructurado de texto, gráficos. imágenes o sonidos unidos entre si por enlaces. Vinculos 4 conexiones logicas actualmente el hipertexto
esta siendo remplazado por la hipermedia
Pagina web, = es un documento HTML que es accesible generalmente mediante el protocolo de internet HTTP. Documento compuesto. texto video imagenes, audios los que se puede acceder atravez de la www.
Sitio web es un conjunto de encuentran relacionadas dominio de internet de información por páginas web el contenido 4 que constituyen que se7 Y por un gran red
Hay dos tipos de sitios web, sitio web estático 4 sitio web dinamico.opm..bou, you get sta
Elementos de una pagina web.
Texto
Imágenes
Audio
Animaciones
Videos
Contenido Scripts
Estructura o Anatomia de una pagina Web.
Estructura de una pagina web
Las páginas web cotain compuestas por unas pocos dementos que se adaptan al contenido. Los prototipos de pagina web se presentan en dos o tres columnas Con un encabezado los sitios web co la y pic de pagina, lo que distingue imaginación y variedad, utilizada en su construcción, generalmente la cabecero de web aparece en la parte superior de la. pagina, un sitio el pic de la pagina en la parte inferior de lo mismo y d contenido principal en el medio
Las imágenes de fondo o de color crear un lienzo para La pag. se utilizan paro
Lo clave para conseguir un gran sitio web es vincular todos Los elementos de una forma coherente y organizada
La estructura de una pagina web co lo siguiente
Encabezado contenido
Pie de pag
Elementos Hexa el encobertado de una pagina web que Logo menú de navegación, publicidad, nombre de lo pagina donde se encuentra actualmente.
El texto debe se legible y puede cambiar de su grosor
Contenido: el contenido de una pagina web debe ser ما mas esencial, este contenido debe de llevar diseño y aplicar los fundamentos de diseño,
Logotipo: : debe de tener diferentes tamaños ubicados en el encabezado, 1 pie para ser de página. menú de navegación. El logotipo leva el enlace a lo pagina inicio. Muchas empresas editan el logotipo según la temporada en que se encuentra dupe
Comentarios
Publicar un comentario