Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Diseño Web
Diseño Web
DISEO DE PAGINAS,
SITIOS Y PORTAL WEB
OBJETIVOS:
Capacitar a los estudiantes del segundo trimestre de Ingeniera
de Sistemas de Misin Sucre, en el diseo y publicacin de
pginas Web, a travs de herramientas de planeacin y
conocimientos tcnicos.
Capacitar al Participante en el uso de programas de edicin de
paginas Web tales como: (utilizando como Lenguaje de
programacin HTML), y sus herramientas para diseo y
desarrollo de contenido.
Crear equipo de Desarrolladores Web de la Misin Sucre
CONDICIONES:
Conceptos Bsicos
Que son redes: Son grupos de dispositivos, tales como
computadores e impresoras, conectadas entre s. Una red es
una herramienta de comunicacin que permite a los usuarios
almacenar y recuperar informacin, compartir impresoras e
intercambiar informacin.
Que es Internet: Es la Red de Redes, nace como
experimento del Ministerio de Defensa de EEUU, se difunde en
el mbito cientfico-universitario, crece y se populariza en el
mbito comercial. Es la base de datos mas grande del mundo
donde podemos consultar lo que queramos, un eslogan
comercial deca as: si no existe en internet
sencillamente no existe. Es una red mundial de
informacion
Que
son
Navegadores:
Son
programas
usados
para
Conceptos Bsicos
Que son Buscadores: Es una gran base de datos que contiene
informacin sobre pginas Web y que facilita al usuario encontrar
aquellas que traten sobre un tpico especfico y que l solicite.
Que es un Foro: Son paginas Web en las que se coloca alguna
pregunta sobre un determinado tema y se espera a que alguna
persona que se pasee por los foros o que tiene una duda como la
expuesta, de respuesta si puede hacerlo.
Que es un Chat: Sistema que permite a los usuarios
conversar Mediante el teclado, lo que usted ve en un momento
dado es lo mismo que ve la otra persona casi instantneamente.
Es distinto del correo electrnico.
Conceptos Bsicos
Que es un Correo electrnico: Es un servicio telemtico
similar al sistema postal ordinario, pero sobre un sistema
informtico. Tambin llamado E-mail. Es un nuevo y eficaz
medio de comunicacin entre computadores y bancos de datos
de todo el mundo.
Que es una Lista de discusin: es un sistema de correo
electrnico automatizado que permite el envi de mensajes a
un grupo de suscriptores con inters en el tema tratado en la
lista mas que a una direccin especifica.
Que es una pagina Web: Es un documento completo editado
para WWW. Son archivos en lenguaje HTML, consta de una
serie de ordenes o directivas que indican al navegador la forma
de representar los elementos tales como: texto, grficos,
imgenes, animacin, sonido, video y otros. Es la parte mas
pequea de la Web, pues esta conformada solo por una hoja.
Conceptos Bsicos
Que es un sitio Web: Es un conjunto de paginas Web
relacionadas entre si. Es un documento que contiene informacin
especifica de un tema en particular y que esta almacenado en un
sistema de computo conectado a Internet, tiene nombre de
dominio y direccin en Internet.
Que es un portal Web: Es un conjunto de sitios Web. Es la
puerta principal de entrada para localizar informacin y otros
sitios Web que se relacionan entre si.
Que es HTML: Hiper Text Markup Language (lenguaje de marcas
de hipertexto), convencin de cdigos utilizados para definir un
documento de hipertexto, se usa normalmente para definir
pantalla en la WWW en Internet.
Conceptos Bsicos
Que es URL: Localizador Universal de Recursos, es la
direccin Web.
Estructura de una direccin Web:
**** http://www.iuteb.edu.ve ****
1. Protocolo de Comunicacin:
HTTP: Protocolo de Transferencia de Hiper Texto,
permite visualizar las paginas web.
FTP: Protocolo de transferencia de archivos, permite
conectarse a un computador y transferir fichero de tipo texto y
de tipo binario entre su maquina local y la maquina remota.
2. WWW: World Wide Web, Tela de araa Mundial, es la Red.
Conceptos Bsicos
3. Nombre de Dominio: Es por lo general el nombre de la
organizacin que publica la pagina, el sitio o el portal, indica
que ordenador servidor de Internet nos va a dar la informacin
solicitada, es la direccin en si de la pagina Web.
4. Extensin de Dominio: Se refiere al tipo de actividad de la
organizacin.
.edu
.mil
.gov
.tec
.com
.org
.net
=
=
=
=
=
=
=
Conceptos Bsicos
5. Extensin de Pas: Se refiere al pas donde se publica el
sitio o portal
.al
.ar
.br
.co
.cu
.es
.fr
.pe
.uk
.us
.ve
=
=
=
=
=
=
=
=
=
=
=
Alemania
Argentina
Brasil
Colombia
Cuba
Espaa
Francia
Per
Inglaterra
EEUU
Venezuela, etc
Anlisis y
Diseo
Prueba
Prototipo
PASOS EN EL ANLISIS:
Determinar los Objetivos primarios y secundarios del sitio Web
Determinar la audiencia y como usaran el sitio (que se busca,
cuales son las necesidades de los usuarios).
Determinar y organizar los temas relativos a la informacin por
categora, proyectos, servicios, formacin, noticias (usar
organigrama).
Analizar las restricciones y planificar la resolucin ABA, usuarios
con navegadores basado solo en caracteres, imposibilidad de
mostrar multimedia.
Modificar los objetivos, criterios e informacin de acuerdo a las
restricciones.
PASOS EN EL DISEO:
APLICACIN EN LA ESTRUCTURA
ARQUITECTONICA Y DE NAVEGACION DE
UN SITIO WEB:
Fragmentacin (de 4 a 6 elementos)
Relevancia (Agrupar)
Etiquetado (Forma rpida de localizar la informacin)
Coherencia
El Prediseo o Conceptualizacin
Los objetivos: los cuales deben responder a: para que se
publica este sitio?, Qu quiero que suceda a raz de mi
publicacin en la Web?
El pblico: se refiere a aquella parte de la poblacin a la que
pretendemos alcanzar e influir con el mensaje.
Contenidos: se debe listar la informacin que se desea incluir en
la Web, esta informacin debe ser significativa, y til para el
publico, teniendo en cuenta lo que a ellos les interesa.
Estructura: esta parte comprende varios aspectos, uno de ellos
es la organizacin de la informacin en partes lgicas y
secunciales; otra es el diseo de un organigrama, para definir el
nivel de cada informacin o tema; otro tiene que ver con los
enlaces que se van a tener dentro de la pagina y finalmente
decidir de que manera, en que orden, con que configuracin se
establecer la cadena de vnculos.
Modelo StoryBoard
Los Colores:
El color es un elemento sugestivo e indispensable que poseen,
tanto la naturaleza como los objetos creados por el hombre y da
una imagen mas completa de la realidad.
El color produce gran placer al espritu y a los ojos que para ver
necesitan tanto el color como la luz.
El color puede apuntar o sugerir acciones antes que stas
ocurran, destacar advertencias, facilitar la discriminacin de
objetos, enfatizar relaciones lgicas entre objetos, incrementar el
inters en el tpico presentado y crear productos finales de
apariencia ms profesional.
Ciertos colores, como los pasteles, son fcilmente distinguibles.
Demasiados colores dificultan la lectura del producto final.
El Color y La Memoria
En lo que se refiere a la memoria o recuerdo que se guarda de los
colores y de las formas expresadas por medio de ellos, parece
que depende principalmente, del contraste de iluminacin, a
mayor iluminacin corresponde un recuerdo mas vivo de lo que se
ha visto, por ejemplo:
El Amarillo: Es el color que mas se recuerda como color, a pesar
de que garantiza solo un recuerdo mnimo de las formas
representadas en el.
El Azul: Ofrece en cambio, buena memoria para las formas y
escasa visibilidad para el color.
El Rojo: Especialmente en el magneta, ambas memorias se
equilibran.
El Verde: Tiene una memoria media en ambos casos.
pasado,
vejez,
TELEMATICA
IUTEB
ACADEMIA
ADMINISTRACION
SERVICIOS
CONVENIOS
ESTADISTICAS
HISTORIA
ADMISION
RECURSOS HUMANOS
BIBLIOTECA
OPSU
APROBADOS
MISION
CONTROL DE ESTUDIO
PRESUPUESTO
LABORATORIOS DE COMPUTACION
FUNDACITE GUAYANA
REPROBADOS
VISION
DDE
CONTABILIDAD
FAMES
PEDEVSA
INGRESO
OBJETIVOS
CARRERAS
COMPRAS
LABORATORIO DE QUIMICA
IDEBOL
AUDITORIA
LABORATORIO DE FISICA
LABORATORIO DE ELECTRICIDAD
AUTORIDADES
ELECTRICIDAD
ESTRUCTURA
PENSUM
SERVICIOS GENERALES
SIMBOLOS
PROFESORES
ALMACEN
BIENES NACIONALES
GEOLOGIA Y MINAS
ASESORIA JURIDICA
PENSUM
PRENSA
PROFESORES
MECANICA
PENSUM
PROFESORES
SISTEMAS INDUSTRIALES
PENSUM
PROFESORES
PROFESORES
DESARROLLO
DE CONTENIDO
PENSUM
CONTENIDO PROGRAMATICO
POR MATERIA
DESARROLLO DE CONTENIDO
POR UNIDAD
PROFESORES
CURRICULO VITAE
SECCIONES
NOTAS
UNIDAD II
SISTEMAS OPERATIVOS
HISTORIA
CONCEPTOS
TIPOS DE SISTEMAS OPERATIVOS
CARACTERISTICAS DE LOS SO
UNIDAD III
WINDOWS
UNIDAD IV
WORD
UNIDAD V
EXCEL
UNIDAD VI
POWER POINT
UNIDAD VII
INTERNET
UNIDAD VIII
CORREO ELECTRONICO
Bienvenida
Introduccin
Informacin
Conceptos
Dispositivos
SISTEMA OPERATIVO
WINDOWS
WORD
EXCEL
POWER POINT
INTERNET
CORREO
ELECTRONICO
INFORMACION
DEL
PROYECTO
PLANIFICACION,
ANALISIS Y DISEO WEB
No toque el computador sino hasta que haya conceptualizado
su sitio Web completamente (use lpiz y papel).
Inicie con lluvia de ideas.
Organice el contenido por prioridad.
Piense en la Estructura.