El diseño web determina la apariencia y la percepción de un sitio web. Comprende el diseño, la navegación y la gama de colores del sitio web. También incluye el diseño gráfico y del logo. El diseño web tiene más que ver con la estética y la experiencia del usuario que con las funciones. Un diseñador web hará que un sitio web sea fácil de usar y que se ajuste al propósito para el que fue creado.
En contraste, el desarrollo web se encarga de las funciones y características de un sitio web. Abarca la programación de la “parte de atrás” de un sitio web, cubriendo funciones como el registro, los sistemas de gestión de contenido, el e-comercio y cualquier aplicación de base de datos. El desarrollo web hace posible que los visitantes de un sitio web puedan llevar a cabo acciones en él.
Un buen diseñador web debe tener una destreza con el diseño gráfico y un buen conocimiento de marketing. Sabrá cómo atraer la atención de los visitantes de un sitio web y animarlos a que lo exploren. Un buen desarrollador web debe tener excelentes habilidades de programación y ser capaz de utilizar un amplio abanico de herramientas de programación, encontrando las soluciones que doten de funcionalidad a un sitio web.
LOS temas tratados en este último año escolar fueron :
- WORLD,WIDE,WEB
W.W.W es un sistema global de información basado en documentos enlazados que pueden contener texto, graficos, sonidos o animaciones
SABÍAS QUE desde 1996 todos los países del mundo están conectados a Internet. Que en la actualidad aproximadamente 600 millones de personas usan Internet , lo cual representa aproximadamente la décima parte de la población mundial y que cada 100 días la información de Internet se duplica .
Para acceder a este navegador que es un programa que nos permite visualizar la información que contiene las páginas WEB
Los más usados son Internet Explorer y Netscape
¿ QUÉ NOS OFRECE INTERNET?
Nos ofrece muchos servicios páginas web, con variados temas, herramientas para comunicarnos y conversar con personas de cualquier parte del mundo .
- BUSCADORES
Nos permiten encontrar las páginas WEB que contienen información sobre un determinado tema.
- EL GOOGLE
EL GOOGLE es un buscador de información en Internet. Permite realizar la búsqueda por, medio de palabras o frases que identifican un tema a buscar
- CORREO ELECTRÓNICO
O e-mail permite enviar y recibir mensajes a través de la red .Inclusive podemos enviar mensajes en forma simultánea a varias personas.
Los más conocidos son el Hotmail , Yahoo, Latinmail, Gmail, etc.
- LA CHARLA ELECTRÓNICA
Conocida como chat permite la comunicación instantánea y escrita entre dos o más personas , es decir usando mensajes de texto como chat las conversaciones se pueden dar con uno o varios internauta a la vez
- LOS FOROS
Un Foro es un lugar en Internet donde la gente intercambia opiniones , experiencia , dudas y discute entre si sobre determinados temas
- LA VIDEOCONFERENCIA
Es un sistema de comunicación que permite mantener reuniones entre varias personas que se encuentran en distintos lugares las personas se ven y se hablan como si estuvieran en la misma sala de reuniones , a la vez que se puede intercambiar datos de información ( documentos, gráficos, audio, diapositivas, etc).
- LA REGLA DEL 10,20,30 DE POWER POINT
Una presentación de Power Point debe tener 10 diapositivas , no debe durar más de 20 minutos Y no contener ningún tamaño de fuente inferior a 30 puntos
10 POSITIVAS : DIEZ son un número óptimo de diapositivas para una presentación de Power Point , pues un ser humano normal no podrá comprender más de diez conceptos
EL problema
LA solución
El modelo comercial
LA magia fundamental
Mercadeo y ventas
Competidores
EL equipo
Las proyecciones e hitos
Estado y cronograma
Resumen y llamado a la acción
20MINUTOS :
Estas 10 diapositivas serán presentadas en un lapso de 20 minutos donde seguramente tendrán una hora .En un mundo perfecto daremos la presentación en 20 minutos dejando 40 minutos para la discusión
- DISEÑO Y DESARROLLO WEB
Actividad que consiste en la planificación diseño e implementacionde páginas y sitios web
Requiere navegabilidad , interactividad , usabilidad, y arquitectura de la información
Interacción de medios como el audio, texto , imagen, y video
Básicamente es realizar documento con información hiper-enlazada con otros documentos y asignarle una presentación para diferentes dispositivos de salida .
CARACTERÍSTICAS
Adaptarse al usuario
Atención a los detalles
Debe cuidar la estética
Constar dentro de los Estándares,Web recomendadas por la W3C
Modelador de la interacción entre usuario y aplicación
Tener utilidad
- ESTÁNDARES DEL CONSORCIO WORLD WIDE WEB (W3C)
Organización independiente y neutral desarrolla estandares relacionados con la Web también conocidos como Recomendaciones
Estándares Web más conocidos : HTML
(HyperText Markup Language), XML
(eXtendible Markup Language) y CSS (Cascading Styles Sheets)
- ESTÁNDARES WEB
LA creación de un estándar web requiere un proceso controlado , que consta de varias etapas que aseguran la calidad de la especificación
- ETAPAS DEL DISEÑO WEB
Necesita de una metodología, de técnicas y procedimientos ideados para tal fin.
Centrar el diseño en sus usuarios en oposición a cerrarlo en las posibilidades tecnológicas o en nosotros mismos como diseñadores .
EL proceso de diseño Web centrado en el usuario se divide en varias fases o etapas.
- ETAPA DE PLANIFICACIÓN
Identificar los objetivos del sitio
Recoger, analizar y ordenar toda la información posible, con el objetivo de tener una base sólida sobre la que poder tomar decisiones de diseño en las siguientes etapas del proceso.
- FASE DE DISEÑO
Momento del proceso de desarrollo para la toma de decisiones acerca de como diseñar o rediseñar , en base siempre al conocimiento obtenido en la etapa de planificación así como a los problemas de usabilidad descubiertos en etapas de prototipado y evaluación
- MODELADO DEL USUARIO
EL diseñador tendrá en mente para quien diseña que espera encontrar el usuario y en que forma
Definición de tipos de usuarios que representan patrones de conducta , objetivos y necesidades
Basados en información real extraída de la audiencia objetiva del sitio Web.
- DISEÑO CONCEPTUAL
Definir el esquema de organización, funcionamiento y navegación del sitio , realizar la " arquitectura de la informacion" .
Los sitios WEB son sistemas hipermedia
Otras tareas del diseño son: definir sistemas de clasificación para los contenidos mediante Esquemas exactoso ambiguos.
- ESQUEMAS AMBIGUOS
Perfectos para usuarios que no saben exactamente lo que buscan
Son subjetivos
Útiles para vagar por el sitio
Se clasifican en :
Temáticos
Funcionales
Por audiencias
- ESQUEMAS EXACTOS
Son subjetivos
Describen información conocida
Pueden ser:
Alfabético
Cronológico
Geográficos
Numéricos
- ETAPA DEL DISEÑO VISUAL
Se especifican el aspecto visual del sitio Web. Composición de cada tipo de páginas aspecto y comportamiento de los elementos de interacción y presentación de elementos multimedia .
Considerar barrido visual de la página distribuyendo los elementos de información y navegación según su importancia en zonas de mayor o menor jerarquía visual .
- ETAPA DE EVALUACIÓN
Hay variedad de modelos para evaluar el sitio web
Aspectos generales
Identidad e información
Lenguaje y redacción
Estructura y navegabilidad
Layout de la página
Búsqueda
Elementos multimedia
Ayuda
Accesibilidad
Control y retroalimentación
- IMPLEMENTACIÓN Y LANZAMIENTO
Es recomendable utilizar estandares (HTML, XHTML) para asegurar la futura compatibilidad y escalabilidad del sitio
Separar contenido de estilo , mediante el uso de hojas de estilos (CSS) del lado del cliente y uso de bases de datos del lado del servidor .
- MANTENIMIENTO Y SEGUIMIENTO
Requiere de continuos rediseños y mejoras Estos rediseños deben ser muy sutiles
Los mensajes y opiniones de los usuarios su comportamiento y uso del sitio ayudan a detectar problemas . No detectados en el desarrollo del sitio.
- ELEMENTOS GRÁFICOS PARA EL DISEÑO
BANNER: Ficheros gráficos en formato GIF, UPV, PNG si son estáticos o en formato SER O GIF
DIMENSIONES DE LOS BANNNER
60x680 banner completo
234x60 medio banner
120x240 banner vertical
125x125 botón cuadrado
392x72 Rull banner
BOTONES:
Permiten al usuario interactuar con la aplicación informandote de la acción que se va a producir si pincha sobre ellos
Aspecto del buen manejonde los colores contraste entre texto y fondo para no dificultar la lectura
Seleccionar combinaciones de colores teniendo siempre en cuenta las discapacidades visuales
Mantener una coherencia usando y estilo común entre todas las páginas.
- DISEÑO DE CONTENIDOS
El nuevo medio y sus características obligan a ser consiste precisos , creativos, estructurado a la hora de redactar
Seguir una estructura piramidal
Permitir una fácil exploración del contenido
Un parrafo=una idea
Ser conciso y precisó
Vocabulario y lenguaje
Utilizar organizadores gráficos
- PROTOTIPADO
Sirven para evaluar la usabilidad del sitio sin necesidad de esperar a su implementacion
PROTOTIPADO DE BAJA FIDELIDAD
EL aspecto del protocolo prototipo dispara bastante del que tenga el sitio web final .
- NORMAS APA
Abrir WORD
Para poner en normas APA empezamos por ir a REFERENCIAS -ESTILO- NORMAS APA
EL tipo de letra es TIMES NEW ROMÁN con número de letras 12 y con interlineado de 2
Vamos a ir a PÁRRAFO -ESPECIAL - PRIMERA LÍNEA 1.25 vamos a carta y ocupamos un ancho de 21.59cm y alto de 27.94cm
Hacemos estilos título 1 y ponemos las siguientes características NEGRITA- LETRA COLOR NEGRO-CENTRADO- , el titulo 2 irá con LETRA COLOR NEGRO -NEGRITA -ENCABEZADO-SANGRIA- Y ALINEADO A LA IZQUIERDA, título 3 LETRA COLOR NEGOR-NEGRITA-ENCABEZADO-SANGRIA Y ALINEADO A LA IZQUIERDA, título 4 NEGRITA- CURSIVA -SANGRIA ALA IZQUIERDA y título 5 ENCABEZADO - CURSIVA-ALINEADO ALA IZQUIERDA .
Esos son tadas las características que lleva un formato de normas APA para poner el título principal siempre deberá estar con título uno siempre deberá llevar de un párrafo a otro un espacio y de párrafo a título 2 espacios...
No hay comentarios.:
Publicar un comentario