CURSO: DISEÑO DE PAGINAS, SITIOS Y PORTAL WEBkarenx28web.galeon.com/descarga/disenoweb.pdf ·...

CURSO:

DISEÑO DE PAGINAS,

SITIOS Y PORTAL WEB

FACILITADOR: HECTOR MOLINA

OBJETIVOS:

• Capacitar a los estudiantes del segundo trimestre de Ingeniería de Sistemas de Misión Sucre, en el diseño y publicación de páginas Web, a través de herramientas de planeación y conocimientos técnicos.

• Capacitar al Participante en el uso de programas de edición de paginas Web tales como: (utilizando como Lenguaje de programación HTML), y sus herramientas para diseño y desarrollo de contenido.

•Crear equipo de Desarrolladores Web de la Misión Sucre

CONTENIDO RESUMEN DEL CURSO:

• Conceptos Básicos

• Planificación diseño y análisis de páginas Web.

• Diseño y desarrollo de páginas Web.

• Conocer el Editor de Paginas Web.

• Publicación.

• Mantenimiento y Administración.

CONDICIONES:

• Conocimientos básicos del entorno gráfico de Windows o Linux, Word o Writer, Excel o Calc, Power Point o Impress y manejo de Internet con Internet Explorer o Firefox.

• El curso es de carácter aprobatorio

• Las evaluaciones se realizarán diariamente.

• La aprobación de las evaluaciones son requisitos para aprobar la asignatura.

• Se exigirá una asistencia mínima de un 90% para poder aprobar el curso.

Conceptos Básicos

Que son redes: Son grupos de dispositivos, tales como computadores e impresoras, conectadas entre sí. Una red es una herramienta de comunicación que permite a los usuarios almacenar y recuperar información, compartir impresoras e intercambiar información.

Que es Internet: Es la Red de Redes, nace como experimento del Ministerio de Defensa de EEUU, se difunde en el ámbito científico-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 decía así: “…si no existe en internet sencillamente no existe…”. Es una red mundial de informacion

Que son Navegadores: Son programas usados para conectarse al servicio WWW.

Conceptos Básicos

Que son Buscadores: Es una gran base de datos que contiene información sobre páginas Web y que facilita al usuario encontrar aquellas que traten sobre un tópico específico 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 instantáneamente. Es distinto del correo electrónico.

Conceptos Básicos

Que es un Correo electrónico: Es un servicio telemático similar al sistema postal ordinario, pero sobre un sistema informático. También llamado E-mail. Es un nuevo y eficaz medio de comunicación entre computadores y bancos de datos de todo el mundo.

Que es una Lista de discusión: es un sistema de correo electrónico automatizado que permite el envió de mensajes a un grupo de suscriptores con interés en el tema tratado en la lista mas que a una dirección 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, gráficos, imágenes, animación, sonido, video y otros. Es la parte mas pequeña de la Web, pues esta conformada solo por una hoja.

Conceptos Básicos

Que es un sitio Web: Es un conjunto de paginas Web relacionadas entre si. Es un documento que contiene información especifica de un tema en particular y que esta almacenado en un sistema de computo conectado a Internet, tiene nombre de dominio y dirección en Internet.

Que es un portal Web: Es un conjunto de sitios Web. Es la puerta principal de entrada para localizar información y otros sitios Web que se relacionan entre si.

Que es HTML: Hiper Text Markup Language (lenguaje de marcas de hipertexto), convención de códigos utilizados para definir un documento de hipertexto, se usa normalmente para definir pantalla en la WWW en Internet.

Conceptos Básicos

Que es URL: Localizador Universal de Recursos, es la dirección Web.

Estructura de una dirección Web: **** http://www.iuteb.edu.ve ****

1. Protocolo de Comunicación: 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 araña Mundial, es la Red.

http://www.iuteb.edu.ve/

Conceptos Básicos

3. Nombre de Dominio: Es por lo general el nombre de la organización que publica la pagina, el sitio o el portal, indica que ordenador servidor de Internet nos va a dar la información solicitada, es la dirección en si de la pagina Web.

4. Extensión de Dominio: Se refiere al tipo de actividad de la organización.

.edu = Instituciones de carácter educativo

.mil = Instituciones militares

.gov = Organizaciones de gobierno

.tec = Organizaciones tecnológicas

.com = Organizaciones comerciales

.org = Organizaciones no gubernamentales

.net = Organizaciones de redes de información

Conceptos Básicos

5. Extensión de País: Se refiere al país donde se publica el sitio o portal

.al = Alemania

.ar = Argentina

.br = Brasil

.co = Colombia

.cu = Cuba

.es = España

.fr = Francia

.pe = Perú

.uk = Inglaterra

.us = EEUU

.ve = Venezuela, etc

CICLO DESARROLLO WEB

Análisis y

Diseño

PrototipoPrueba

ANÁLISIS Y DISEÑO WEB

•Diseño centrado en el usuario.

•El usuario es el centro del universo del diseño.

•Por eso hay que saber:

•Quienes son los usuarios?.•Que tareas va a llevar a cabo.•Como va a usar el sitio WEB.

•Las decisiones de diseño se hacen para facilitar las tareas del usuario.

PASOS EN EL ANÁLISIS:

• 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 información por categoría, proyectos, servicios, formación, noticias (usar organigrama).

• Analizar las restricciones y planificar la resolución ABA, usuarios con navegadores basado solo en caracteres, imposibilidad de mostrar multimedia.

• Modificar los objetivos, criterios e información de acuerdo a las restricciones.

PASOS EN EL DISEÑO:

• Determinar un modelo conceptual del sitio Web (diseño centrado en el usuario).

• Construir un esquema de navegación que muestre las rutas de organización del sitio Web

Donde estoy?, A donde puedo ir?,Como puedo llegar?, Como puedo volver?.

• Construir o actualizar un prototipo.

Aspectos que conforman el Diseño:

La Función: es la razón de ser del diseño, PARA QUE?

La Forma: es la manera de presentarlo, COMO?

Los Materiales: son los elementos que se emplean para la realizacion del producto, CON QUE?

Un buen diseño es aquel que: 1.- Comunica de forma clara un mensaje de manera que se entienda rápida y eficientemente.

2.- Coloca imágenes coherentes y alusivas al contenido para que éste sea realmente impactante y atractivo.

3.- Logra persuadir a la persona que ve el material.

4.- Permite que las ideas se exalten o difundan de manera clara y sencilla.

5.- Organiza de forma lógica el contenido, para hacerlo más agradable.

DIFICULTADES DEL DISEÑO WEB

•Demasiada información.

•Impaciencia de los lectores WEB.

•Limitación de la memoria a corto plazo.

•Tendencia a perderse.

•Leer de la pantalla, es más difícil que leer del papel.

APLICACIÓN EN LA ESTRUCTURA ARQUITECTONICA Y DE NAVEGACION DE

UN SITIO WEB:

•Fragmentación (de 4 a 6 elementos)

•Relevancia (Agrupar)

•Etiquetado (Forma rápida de localizar la información)

•Coherencia

SUBFASES DEL DISEÑO:

• Diseño de la navegación

•Construir una estructura de navegación.

•Estructurar la información:

•Jerárquica (organigrama)

•Secuencial (procedimiento paso a paso, flujo de procesos, descripción de los eventos),

•Asociativa (navegación no lineal, con hipervínculos, ejemplo un glosario)

•Una combinación de todas ellas (menú, orden de importancia e hipervínculos en algunos de sus elementos)

SUBFASES DEL DISEÑO:

•Diseño del contenido

•Tipos de contenidos:

•Hechos (información especifica en forma de datos, cronológicamente, enumerados, ¿cual es cual?)

•Conceptos (definición, ¿que es?)

•Procedimientos (instrucciones paso a paso, ¿como lo hago?)

•Procesos (explica como funciona algo).

•Principios (directrices, consejos generales, ¿que normas hay?, ¿que haría un experto?)

•Estructura (se usa en los diagramas de objetos que tienen partes y limites, muestra las partes ¿a que se parece?)

Elementos de Diseño mas usados en las Paginas Web

Es importante tomar en cuenta el contenido, el diseño, la forma, y los colores.

Diseño Web: Composición o trazado que se hace con líneas, formas y colores cuya finalidad es la comunicación de un mensaje, se utilizan los medios visuales para comunicar una idea, bien sea con el fin de exaltarla o difundirla.

Imágenes: una imagen bien diseñada dice mas que mil palabras. Se debe tomar en cuenta la nitidez, la calidad, el tamaño; por lo que existen diferentes formatos, siendo los mas recomendados, los .JPG, .GIF, ya que son menos pesados y se cargan rápido. En cuanto a las imágenes animadas los .GIF son muy dinámicos y pesan poco, aunque no es muy recomendable abusar de estos últimos, pues tienden a ser entes distractores del contenido.

Algunos Recursos que se Utilizan en el Diseño:

Texto: deben ser breves, concisos y expresivos.

Existen mas de 5.000 tipos de letras, sin embargo en Internet se visualizan solo 5 tipos, que son los llamados fuentes estándares estos son:

Time New Roman, Arial, Verdana, Comic Sans MS, Book Antigua.

No excederse con el uso de las mayúsculas ya que en Internet todo en Mayúscula es como un grito o insulto.

Procurar estandarizar el tipo de letra, usar 2 o 3 tipos.

Menú o Barra de navegación : Listado o conjunto de opciones que le dan acceso directo a cada una de las secciones del sitio Web.

Cuando se diseña un Sitio Web, específicamente debe tomarse en cuenta:

1.- Debe desarrollarse el contenido.

2.- Luego añadirle el color.

3.- Tipo y tamaño de las fuentes.

4.- Las imágenes (Cada uno de los elementos visuales que conforman a la misma).

Por supuesto, tomando en cuenta cada una de las recomendaciones antes dadas, para que realmente sea efectiva.

Metodología para el Diseño del Sitio Web.

Antes de realizar un material independientemente que sea una página Web, una presentación o una guía, necesitamos saber quienes serán los usuarios de ese material; para qué les servirá, qué tanto conocen del tema a tratar; con qué recursos contamos.

Según Lora V. “El punto de vista desde el cual se analiza el proceso de diseño no es desde la interrelación usuario-tecnología, sino como interacción humana, mediatizada por la tecnología.

Es decir, entender a la Web como medio de comunicación entre personas.

Esto nos debe ayudar a pensar permanentemente en "el otro", la persona invisible y desconocida para quien hacemos el Sitio Web.

El Prediseño o Conceptualización

Los objetivos: los cuales deben responder a: ¿para que se publica este sitio?, ¿Qué quiero que suceda a raíz de mi publicación en la Web?

El público: se refiere a aquella parte de la población a la que pretendemos alcanzar e influir con el mensaje.

Contenidos: se debe listar la información que se desea incluir en la Web, esta información 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 organización de la información en partes lógicas y secuénciales; otra es el diseño de un organigrama, para definir el nivel de cada información 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 configuración se establecerá la cadena de vínculos.

Visualización: un sitio Web debe ser una herramienta de comunicación basada en los objetivos planteados y condicionados por las pautas culturales (preferencias, gustos) del publico al que fue concebido, por ello la importancia de que cada pagina sea fácil de cargar, de leer, y que se establezcan guías visuales que permitan saber que cada pagina pertenezca al mismo sitio.

Es importante tomar en cuenta que se debe

hacer un bosquejo de lo que se quiere hacer, en primer lugar; luego,

se debe recolectar toda la información que se colocará en el sitio web.

Diseño del Sitio Web.

“La tarea de diseño de Sitios Web convoca por lo menos tres especialidades diferentes: comunicación (humana), programación (HTML, CGI, Java), diseño gráfico y multimedia.

Ninguna de estas especialidades tiene en sí misma todos los recursos para llevar a cabo proyectos de Web exitosos.

(Lora, V.). "Esto nos hace reflexionar, pues debemos integrar estos elementos para que realmente sea eficas nuestro sitio web y para ello debemos planificar claramente lo que queremos".

Este medio hace posible que no nos desviemos en nuestra intención instruccional (objetivo).

Es importante, dentro de nuestra planificación, que tomemos en cuenta los pasos y criterios a considerar cuando se diseñan Sitios Web.

Pasos para el diseño del Sitio Web.1.- Requerirás de papel, papel y más papel. No caigas en la tentación de trabajar directamente en el computador; resulta más rápido y seguro preparar un borrador en hojas sueltas (que puedes ir numerando) y que te permita darle una ojeada al todo en el momento que lo requieras. Es agradable trabajar con varios colores (marcadores, resaltadotes, etc.); cada color puede indicarte un elemento específico a tu gusto, por ejemplo, preguntas en un color, título en otro, actividades en un tercero, etc. Igualmente de imágenes que le permitan complementar el contenido (estas las puedes hacer tú mismo (a), recortarla de una revista o tomarla de un periódico).

2.- Es importante contar con un modelo en papel para lograr la planificación, para ello te proponemos escribir en un papel lluvias de ideas y usar el método StoryBoard. Para que empieces a plasmar tu Sitio Web en papel.

Modelo StoryBoard

Criterios a Considerar cuando se Diseñan Paginas Web.

Extensión de la página:

En este aspecto, es preciso realizar un análisis sobre lo que se pretende que el usuario haga con la información; si se trata de un documento que él, seguramente, vaya a imprimir o a grabar para analizarlo con detenimiento, entonces no es muy importante dividir la información para su presentación en pantalla; el lector puede hacer uso de la barra de desplazamiento y avanzar en la lectura más allá de la ventana.

De todas formas, no es necesario abarrotar la ventana con información, pero si proveer al usuario de un enlace que le permita imprimir la totalidad de la misma.

Si lo que se pretende es que el usuario, a medida que lea vaya comprendiendo el mensaje, éste debe dividirse en trozos cuya extensión no cubra más de una pantalla. Esto es importante porque se ha comprobado que las personas tienen limitaciones para retener trozos muy grandes de información y, además, porque así se posibilita que se vea, de una vez, en la pantalla todo lo que se pretende informar.

Diseña tus páginas cortas y concisas, por regla general ninguna Página debe exceder una pantalla y media de longitud vertical, ya que si es muy larga, se corre el riesgo de perder la atención de los usuarios. Esto se aplica en la mayoría de los casos. Sin embargo si tienes una Página importante que requiera la atención del lector, no la hagas mayor de una pantalla. En cambio, si el contenido es interesante y estás seguro que vale la pena extenderte más, puedes hacerlo pero recuerda que una Página pequeña es más fácil de administrar y mantener.

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 espíritu 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 discriminación de objetos, enfatizar relaciones lógicas entre objetos, incrementar el interés en el tópico presentado y crear productos finales de apariencia más profesional.

Ciertos colores, como los pasteles, son fácilmente distinguibles.

Demasiados colores dificultan la lectura del producto final.

Efectos Psicológicos del color:El color ejerce sobre la persona que lo observa un triple poder:

El poder de impresionar, llamando la atención del observador.

El poder de expresión, expresa un significado y provoca una emoción.

El poder de construcción, capaz por tanto de construir por sí mismo el lenguaje comunicativo de una idea.

Por ello, el uso del color representa un elemento fundamental en el diseño de un Sitio Web.

Por ejemplo: Los fondos negros u oscuros resaltan las letras u objetos de colores pálidos, mientras que los colores oscuros se ven más claros sobres fondos blancos o pálidos.

Una gran proporción de la pantalla será fondo, por lo tanto se debe seleccionar cuidadosamente ese color.

El Color y La MemoriaEn 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 iluminación, a mayor iluminación 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 mínimo 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.

Diferencia en el Significado de los ColoresLos psicólogos demuestran que todo hombre posee una escala de colores propia y que en ellos puede expresar su humor, su propio temperamento, su imaginación y sus sentimientos.

Están de acuerdo en atribuir determinadas sensaciones a algunos colores, por ejemplo:

El Rojo: es un color que parece salir al encuentro, adecuado para expresar la alegría entusiasta y comunicativa.

Es el mas excitante de los colores y puede significar: pasión, emoción, acción, agresividad, peligro, guerra.

En este sentido ascéntido: vida, claridad, sacrificio, triunfo.

El Azul: es un color reservado y que parece que se aleja, puede expresar.

Confianza y reserva, armonía, afecto, amistad, fidelidad y amor.

Diferencia en el Significado de los Colores

El Blanco: Es la luz que se difunde , no color; expresa la idea de inocencia, paz, infancia, alma, divinidad, estabilidad absoluta, calma, armonía.

Para los orientales es generalmente el color que indica muerte.

El Amarillo: Irradia siempre, en todas las partes y sobre todas las cosas.

Es el color de la luz y puede significar: egoísmo, celos y envidia, odio, adolescencia, risa, placer.

El Violeta: Es el color que indica ausencia de tensión.

Puede, por lo tanto significar: calma, auto control, dignidad aristocracia, pero también violenta, agresión premeditada, engaño, hurto, miseria.


El Anaranjado: es el color del fuego flamante, es mas visible después del amarillo; ha sido escogido como señal de peligro.

Puede significar: regocijo, fiesta, placer, aurora, presencia del sol.

El Ocre Oscuro – Marrón: Es el color que resulta de la mezcla del amarillo – rojo – azul; tiene un comportamiento cordial, calido y noble.

Puede determinar las cosas concretas y comunes, practica; tambien la fuerza, considerada como resistencia y vigor.

El Verde: reservado y esplendoroso, es el resultado del acorde armonioso entre el cielo - azul y el sol – amarillo.

Es el color de la esperanza y puede expresar: naturaleza, juventud, deseo, descanso, equilibrio.


El Negro: es lo opuesto a la luz, concentra todo en si mismo; es el color de la desilusión de la separación, de la tristeza.

Puede determinar todo lo que esta escondido y velado: muerte, asesinato, noche, ansiedad.

Sensaciones positivas asociadas con el negro son: Seriedad, nobleza, pesar.

El Gris: Es el color que iguala todas las cosas y que deja en cada color sus características propias sin influir en ellas.

Puede expresar desconsuelo, aburrimiento, pasado, vejez, indeterminación, ausencia de vida, desanimo.

Recomendaciones para el uso del color:•Demasiados colores en una sola pantalla opacan el contenido.

•Para presentaciones en Web más efectivas no es aconsejable usar más de tres o cuatro colores.

•Se debe elegir un color como el principal del material.

•Un segundo color deberá estar relacionado con el primero.

•Elige colores cercanos los unos a los otros en la “rueda de colores” o círculo cromático (violeta y azul, rojo y naranja, amarillo y verde).

•El segundo color puede ser más pálido, oscuro o turbio, así como de un matiz distinto.

•Usar el mismo fondo de colores a través de la presentación.

•Cuando los colores son diferentes y representan la misma idea, el usuario tiende a distraerse o confundirse.

Recomendaciones para el uso del color:

•Los colores amarillo y azul son los que mejor se leen a distancia.

•Desde lejos se ve primero el contraste amarillo-negro; el contraste blanco-negro tiene un valor medio.

•La visibilidad del contraste rojo-verde resulta escasa, pues irrita el ojo por la acción simultánea de los dos complementarios; y escasísima la del verde-azul.

•Los elementos gráficos oscuros sobre fondo claro se perciben mejor que los claros sobre fondo oscuro.

•Un color al lado de su complementario parece más acentuado, brillante y hermoso; pero al mismo tiempo, ambos tonos resultan más difíciles en una lectura.

•Un color enmarcado por el negro parece más acentuado, brillante y llamativo; rodeado de blanco tiende, en cambio, a ser más deslucido, menos evidente.

Información Fisiológica sobre el Color

•Algunas combinaciones de rojo y verde pueden ser incómodas para leerlas.

•Bordes entre ambos colores pueden parecer como si vibraran y se hicieran borrosos debido a la forma como el ojo procesa estos colores.

•El blanco es un color más alegre que el negro; sin embargo también hace que le llegue relativamente más luz a los ojos. Esto puede causar cansancio de la vista u otros trastornos asociados con dolores de cabeza cuando se trabaja con textos en blanco.

•El verde y el amarillo en los fondos son más amigables a los ojos. También amplían el contraste, haciendo que las imágenes se enfoquen con más precisión en la retina.

INICIO

IUTEB ACADEMIA ADMINISTRACION SERVICIOS CONVENIOS ESTADISTICAS

HISTORIA

MISION

VISION

OBJETIVOS

ADMISION

CONTROL DE ESTUDIO

RECURSOS HUMANOS

PRESUPUESTO

CONTABILIDAD

BIBLIOTECA

LABORATORIOS DE COMPUTACION

FAMES

OPSU

FUNDACITE GUAYANA

PEDEVSA

APROBADOS

REPROBADOS

INGRESO

AUTORIDADES

ESTRUCTURA

SIMBOLOS

DDE

CARRERAS

ELECTRICIDAD

GEOLOGIA Y MINAS

MECANICA

SISTEMAS INDUSTRIALES

PENSUM

PROFESORES

PENSUM

PROFESORES

PENSUM

PROFESORES

PENSUM

PROFESORES

TELEMATICA

COMPRAS

AUDITORIA

SERVICIOS GENERALES

ALMACEN

BIENES NACIONALES

ASESORIA JURIDICA

PRENSA

LABORATORIO DE QUIMICA

LABORATORIO DE FISICA

LABORATORIO DE ELECTRICIDAD

IDEBOL

PORTAL WEB DEL IUTEB

INICIO

IUTEB

ACADEMIA

ADMINISTRACION

SERVICIOS

CONVENIOS

ESTADISTICAS

TELEMATICA


INICIO

IUTEB

HISTORIA

MISION

VISION

OBJETIVOS

AUTORIDADES

ESTRUCTURA

SIMBOLOS

CALENDARIO


INFORMACION GENERAL

INICIO

ACADEMIA

ADMISION

CONTROL DE ESTUDIO

DESARROLLO ESTUDIANTIL

ESPECIALIDADES

ELECTRICIDAD

GEOLOGIA Y MINAS

MECANICA

SISTEMAS INDUSTRIALES

PENSUM

PROFESORES

CONTENIDO PROGRAMATICO

DESARROLLO DE CONTENIDO

PORTAL WEB DEL IUTEBINFORMACION ACADEMICA

INICIO

ADMINISTRACION

RECURSOS HUMANOS

PRESUPUESTO

CONTABILIDAD

COMPRAS

AUDITORIA

SERVICIOS GENERALES

ALMACEN

BIENES NACIONALES

ASESORIA JURIDICA

PRENSA


INFORMACION ADMINISTRATIVA

INICIO

SERVICIOS

BIBLIOTECA

LABORATORIOS DE COMPUTACION

FAMES

LABORATORIO DE QUIMICA

LABORATORIO DE FISICA

LABORATORIO DE ELECTRICIDAD


SERVICIOS QUE PRESTA LA INSTITUCION

INICIO

CONVENIOS

OPSU

FUNDACITE GUAYANA

PDVSA

IDEBOL


CONVENIOS DE LA INSTITUCION

INICIO

ESTADISTICAS

APROBADOS

REPROBADOS

INGRESO


ESTADISTICAS DE LA INSTITUCION


DESARROLLO DE CONTENIDO ACADEMICODEPARTAMENTO ACADEMICO

(E, GyM, M, SI)

PENSUM

PROFESORES

CONTENIDO PROGRAMATICOPOR MATERIA

DESARROLLO DE CONTENIDOPOR UNIDAD

CURRICULO VITAE

SECCIONES

NOTAS


DESARROLLO DE CONTENIDO ACADEMICOASIGNATURA: COMPUTACION

UNIDAD IARQUITECTURA DEL COMPUTADOR

UNIDAD IISISTEMAS OPERATIVOS

UNIDAD IIIWINDOWS

UNIDAD IVWORD

UNIDAD VEXCEL

UNIDAD VIPOWER POINT

UNIDAD VIIINTERNET

UNIDAD VIIICORREO ELECTRONICO

HISTORIA

CONCEPTOS

DISPOSITIVOS

HISTORIA

CONCEPTOS

TIPOS DE SISTEMAS OPERATIVOS

CARACTERISTICAS DE LOS SO

BienvenidaIntroducción Información

InicioUnidad I: Arquitectura del Computador

Unidad II: Sistemas OperativosUnidad III: Windows

Unidad IV: WordUnidad V: Excel

Unidad VI: Power PointUnidad VII: Internet

Unidad VIII: Correo ElectrónicoUnidad IX: Proyecto

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVARASIGNATURA: COMPUTACION

DispositivosConceptos

HISTORIA DEL COMPUTADOR

Historia

ARQUITECTURA DEL COMPUTADORInicioUnidad I: Arquitectura del Computador






SISTEMA OPERATIVO







WINDOWS







WORD







EXCEL







POWER POINT







INTERNET







CORREOELECTRONICO







INFORMACION DEL

PROYECTO







Pasos a Seguir para que Empieces a Plasmar (diseñar) tu Sitio Web en Papel.

1.- Determinar el punto a tratar. 2.- Identificar la población.3.- Subdividir el punto en partes lógicas, estableciendo jerarquía (de lo simple a lo complejo). 4.- Planificar el contenido de la página. 5.- Determinar el nivel de inicio y el de fin del tema. 6.- Desarrollar el contenido. 7.- Escoger fondos, colores, dibujos, imágenes, uso de marcos, animación, banners, etc. 8.- Diseñar la navegación (enlaces e hipervínculos dentro de las páginas y con otras páginas o sitios). 9.- Elaborar la página o sitio Web. 10.- Evaluar periódicamente la página o sitio Web.

PLANIFICACION, ANALISIS Y DISEÑO WEB

• No toque el computador sino hasta que haya conceptualizado su sitio Web completamente (use lápiz y papel).• Inicie con lluvia de ideas.• Organice el contenido por prioridad.• Piense en la Estructura.

CURSO: DISEÑO DE PAGINAS, SITIOS Y PORTAL WEBkarenx28web.galeon.com/descarga/disenoweb.pdf ·...

Documents

Transcript of CURSO: DISEÑO DE PAGINAS, SITIOS Y PORTAL WEBkarenx28web.galeon.com/descarga/disenoweb.pdf ·...