CURSO: DISEO DE PAGINAS, SITIOS Y PORTAL WEB

FACILITADOR: HECTOR MOLINA

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

CONTENIDO RESUMEN DEL CURSO:

Conceptos Bsicos Planificacin diseo y anlisis de pginas Web. Diseo y desarrollo de pginas Web. Conocer el Editor de Paginas Web. Publicacin. Mantenimiento y Administracin.

CONDICIONES:
Conocimientos bsicos del entorno grfico 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 carcter aprobatorio Las evaluaciones se realizarn diariamente. La aprobacin de las evaluaciones son requisitos para aprobar la asignatura. Se exigir una asistencia mnima de un 90% para poder aprobar el curso.

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 = = = = = = = Instituciones de carcter educativo Instituciones militares Organizaciones de gobierno Organizaciones tecnolgicas Organizaciones comerciales Organizaciones no gubernamentales Organizaciones de redes de informacin

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

CICLO DESARROLLO WEB

Anlisis y Diseo

Prueba

Prototipo

ANLISIS Y DISEO WEB

Diseo centrado en el usuario. El usuario es el centro del universo del diseo. 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 diseo se hacen para facilitar las tareas del usuario.

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:
Determinar un modelo conceptual del sitio Web (diseo centrado en el usuario).

Construir un esquema de navegacin que muestre las rutas de organizacin del sitio Web Donde estoy?, A donde puedo ir?, Como puedo llegar?, Como puedo volver?. Construir o actualizar un prototipo.

Aspectos que conforman el Diseo:

La Funcin: es la razn de ser del diseo, 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 diseo es aquel que:

1.- Comunica de forma clara un mensaje de manera que se entienda rpida y eficientemente. 2.- Coloca imgenes 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 lgica el contenido, para hacerlo ms agradable.

DIFICULTADES DEL DISEO WEB

Demasiada informacin. Impaciencia de los lectores WEB. Limitacin de la memoria a corto plazo. Tendencia a perderse. Leer de la pantalla, es ms difcil que leer del papel.

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

SUBFASES DEL DISEO:

Diseo de la navegacin Construir una estructura de navegacin. Estructurar la informacin: Jerrquica (organigrama) Secuencial (procedimiento paso a paso, flujo de procesos, descripcin de los eventos), Asociativa (navegacin no lineal, con hipervnculos, ejemplo un glosario) Una combinacin de todas ellas (men, orden de importancia e hipervnculos en algunos de sus elementos)

SUBFASES DEL DISEO:

Diseo del contenido Tipos de contenidos: Hechos (informacin especifica en forma de datos, cronolgicamente, enumerados, cual es cual?) Conceptos (definicin, que es?) Procedimientos (instrucciones paso a paso, como lo hago?) Procesos (explica como funciona algo). Principios (directrices, consejos generales, que normas hay?, que hara un experto?) Estructura (se usa en los diagramas de objetos que tienen partes y limites, muestra las partes a que se parece?)

Elementos de Diseo mas usados en las Paginas Web

Es importante tomar en cuenta el contenido, el diseo, la forma, y los colores. Diseo Web: Composicin o trazado que se hace con lneas, formas y colores cuya finalidad es la comunicacin de un mensaje, se utilizan los medios visuales para comunicar una idea, bien sea con el fin de exaltarla o difundirla. Imgenes: una imagen bien diseada dice mas que mil palabras. Se debe tomar en cuenta la nitidez, la calidad, el tamao; por lo que existen diferentes formatos, siendo los mas recomendados, los .JPG, .GIF, ya que son menos pesados y se cargan rpido. En cuanto a las imgenes animadas los .GIF son muy dinmicos y pesan poco, aunque no es muy recomendable abusar de estos ltimos, pues tienden a ser entes distractores del

Algunos Recursos que se Utilizan en el Diseo:

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 estndares estos son: Time New Roman, Arial, Verdana, Comic Sans MS, Book Antigua. No excederse con el uso de las maysculas ya que en Internet todo en Mayscula es como un grito o insulto. Procurar estandarizar el tipo de letra, usar 2 o 3 tipos. Men o Barra de navegacin : Listado o conjunto de opciones que le dan acceso directo a cada una de las secciones del sitio Web.

Cuando se disea un Sitio Web, especficamente debe tomarse en cuenta:

1.- Debe desarrollarse el contenido. 2.- Luego aadirle el color. 3.- Tipo y tamao de las fuentes. 4.- Las imgenes (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.

Metodologa para el Diseo del Sitio Web.

Antes de realizar un material independientemente que sea una pgina Web, una presentacin o una gua, necesitamos saber quienes sern los usuarios de ese material; para qu les servir, qu tanto conocen del tema a tratar; con qu recursos contamos. Segn Lora V. El punto de vista desde el cual se analiza el proceso de diseo no es desde la interrelacin usuario-tecnologa, sino como interaccin humana, mediatizada por la tecnologa. Es decir, entender a la Web como medio de comunicacin entre personas. Esto nos debe ayudar a pensar permanentemente en "el otro", la persona invisible y desconocida para quien hacemos el Sitio Web.

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.

Visualizacin: un sitio Web debe ser una herramienta de comunicacin 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 fcil de cargar, de leer, y que se establezcan guas 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 informacin que se colocar en el sitio web.

Diseo del Sitio Web.

La tarea de diseo de Sitios Web convoca por lo menos tres especialidades diferentes: comunicacin (humana), programacin (HTML, CGI, Java), diseo grfico 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 intencin instruccional (objetivo). Es importante, dentro de nuestra planificacin, que tomemos en cuenta los pasos y criterios a considerar cuando se disean Sitios Web.

Pasos para el diseo del Sitio Web.

1.- Requerirs de papel, papel y ms papel. No caigas en la tentacin de trabajar directamente en el computador; resulta ms rpido 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 especfico a tu gusto, por ejemplo, preguntas en un color, ttulo en otro, actividades en un tercero, etc. Igualmente de imgenes que le permitan complementar el contenido (estas las puedes hacer t mismo (a), recortarla de una revista o tomarla de un peridico). 2.- Es importante contar con un modelo en papel para lograr la planificacin, para ello te proponemos escribir en un papel lluvias de ideas y usar el mtodo StoryBoard. Para que empieces a plasmar tu Sitio Web en papel.

Modelo StoryBoard

Criterios a Considerar cuando se Disean Paginas Web. Extensin de la pgina:

En este aspecto, es preciso realizar un anlisis sobre lo que se pretende que el usuario haga con la informacin; 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 informacin para su presentacin en pantalla; el lector puede hacer uso de la barra de desplazamiento y avanzar en la lectura ms all de la ventana. De todas formas, no es necesario abarrotar la ventana con informacin, 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 extensin no cubra ms de una pantalla. Esto es importante porque se ha comprobado que las personas tienen limitaciones para retener trozos muy grandes de informacin y, adems, porque as se posibilita que se vea, de una vez, en la pantalla todo lo que se pretende informar.

Disea tus pginas cortas y concisas,

por regla general ninguna Pgina debe exceder una pantalla y media de longitud vertical, ya que si es muy larga, se corre el riesgo de perder la atencin de los usuarios. Esto se aplica en la mayora de los casos. Sin embargo si tienes una Pgina importante que requiera la atencin del lector, no la hagas mayor de una pantalla. En cambio, si el contenido es interesante y ests seguro que vale la pena extenderte ms, puedes hacerlo pero recuerda que una Pgina pequea es ms fcil 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 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.

Efectos Psicolgicos del color:

El color ejerce sobre la persona que lo observa un triple poder: El poder de impresionar, llamando la atencin del observador. El poder de expresin, expresa un significado y provoca una emocin. El poder de construccin, 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 diseo de un Sitio Web. Por ejemplo: Los fondos negros u oscuros resaltan las letras u objetos de colores plidos, mientras que los colores oscuros se ven ms claros sobres fondos blancos o plidos. Una gran proporcin de la pantalla ser fondo, por lo tanto se

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.

Diferencia en el Significado de los Colores

Los psiclogos demuestran que todo hombre posee una escala de colores propia y que en ellos puede expresar su humor, su propio temperamento, su imaginacin y sus sentimientos. Estn 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 alegra entusiasta y comunicativa. Es el mas excitante de los colores y puede significar: pasin, emocin, accin, agresividad, peligro, guerra. En este sentido ascntido: vida, claridad, sacrificio, triunfo. El Azul: es un color reservado y que parece que se aleja, puede expresar. Confianza y reserva, armona, 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, armona. 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: egosmo, celos y envidia, odio, adolescencia, risa, placer. El Violeta: Es el color que indica ausencia de tensin. Puede, por lo tanto significar: calma, auto control, dignidad aristocracia, pero tambin violenta, agresin premeditada, engao, hurto, miseria.

Diferencia en el Significado de los Colores

El Anaranjado: es el color del fuego flamante, es mas visible despus del amarillo; ha sido escogido como seal de peligro. Puede significar: regocijo, fiesta, placer, aurora, presencia del sol. El Ocre Oscuro Marrn: 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.

Diferencia en el Significado de los Colores

El Negro: es lo opuesto a la luz, concentra todo en si mismo; es el color de la desilusin de la separacin, 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 caractersticas propias sin influir en ellas. Puede expresar desconsuelo, aburrimiento, indeterminacin, ausencia de vida, desanimo. pasado, vejez,

Recomendaciones para el uso del color:

Demasiados colores en una sola pantalla opacan el contenido. Para presentaciones en Web ms efectivas no es aconsejable usar ms 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 crculo cromtico (violeta y azul, rojo y naranja, amarillo y verde). El segundo color puede ser ms plido, oscuro o turbio, as como de un matiz distinto. Usar el mismo fondo de colores a travs de la presentacin. 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 accin simultnea de los dos complementarios; y escassima la del verde-azul. Los elementos grficos oscuros sobre fondo claro se perciben mejor que los claros sobre fondo oscuro. Un color al lado de su complementario parece ms acentuado, brillante y hermoso; pero al mismo tiempo, ambos tonos resultan ms difciles en una lectura. Un color enmarcado por el negro parece ms acentuado, brillante y llamativo; rodeado de blanco tiende, en cambio, a ser ms deslucido, menos evidente.

Informacin Fisiolgica sobre el Color

Algunas combinaciones de rojo y verde pueden ser incmodas 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 ms alegre que el negro; sin embargo tambin hace que le llegue relativamente ms 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 ms amigables a los ojos. Tambin amplan el contraste, haciendo que las imgenes se enfoquen con ms precisin en la retina.

PORTAL WEB DEL IUTEB

INICIO 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

AUTORIDADES

ELECTRICIDAD

AUDITORIA

LABORATORIO DE FISICA

ESTRUCTURA

PENSUM

SERVICIOS GENERALES

LABORATORIO DE ELECTRICIDAD

SIMBOLOS

PROFESORES

ALMACEN

BIENES NACIONALES GEOLOGIA Y MINAS ASESORIA JURIDICA PENSUM PRENSA PROFESORES

MECANICA

PENSUM

PROFESORES

SISTEMAS INDUSTRIALES

PENSUM

PROFESORES

PORTAL WEB DEL IUTEB

INICIO IUTEB ACADEMIA ADMINISTRACION SERVICIOS CONVENIOS ESTADISTICAS TELEMATICA

PORTAL WEB DEL IUTEB INFORMACION GENERAL

INICIO IUTEB HISTORIA MISION VISION OBJETIVOS AUTORIDADES ESTRUCTURA SIMBOLOS CALENDARIO

PORTAL WEB DEL IUTEB INFORMACION ACADEMICA

INICIO ACADEMIA ADMISION CONTROL DE ESTUDIO DESARROLLO ESTUDIANTIL ESPECIALIDADES ELECTRICIDAD GEOLOGIA Y MINAS MECANICA SISTEMAS INDUSTRIALES PENSUM CONTENIDO PROGRAMATICO DESARROLLO DE CONTENIDO

PROFESORES

PORTAL WEB DEL IUTEB INFORMACION ADMINISTRATIVA

INICIO ADMINISTRACION RECURSOS HUMANOS PRESUPUESTO CONTABILIDAD COMPRAS AUDITORIA SERVICIOS GENERALES ALMACEN BIENES NACIONALES ASESORIA JURIDICA PRENSA

PORTAL WEB DEL IUTEB SERVICIOS QUE PRESTA LA INSTITUCION

INICIO SERVICIOS BIBLIOTECA LABORATORIOS DE COMPUTACION FAMES LABORATORIO DE QUIMICA LABORATORIO DE FISICA LABORATORIO DE ELECTRICIDAD

PORTAL WEB DEL IUTEB CONVENIOS DE LA INSTITUCION

INICIO CONVENIOS OPSU FUNDACITE GUAYANA PDVSA IDEBOL

PORTAL WEB DEL IUTEB ESTADISTICAS DE LA INSTITUCION

INICIO ESTADISTICAS APROBADOS REPROBADOS INGRESO

PORTAL WEB DEL IUTEB DESARROLLO DE CONTENIDO ACADEMICO

DEPARTAMENTO ACADEMICO (E, GyM, M, SI) PENSUM

CONTENIDO PROGRAMATICO POR MATERIA DESARROLLO DE CONTENIDO POR UNIDAD PROFESORES

CURRICULO VITAE

SECCIONES

NOTAS

PORTAL WEB DEL IUTEB DESARROLLO DE CONTENIDO ACADEMICO

ASIGNATURA: COMPUTACION UNIDAD I ARQUITECTURA DEL COMPUTADOR HISTORIA CONCEPTOS DISPOSITIVOS

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

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR ASIGNATURA: COMPUTACION

Inicio Unidad I: Arquitectura del Computador Unidad II: Sistemas Operativos Unidad III: Windows Unidad IV: Word Unidad V: Excel Unidad VI: Power Point Unidad VII: Internet Unidad VIII: Correo Electrnico Unidad IX: Proyecto

Bienvenida Introduccin Informacin

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR ASIGNATURA: COMPUTACION

Inicio Unidad I: Arquitectura del Computador Unidad II: Sistemas Operativos Unidad III: Windows Unidad IV: Word Unidad V: Excel Unidad VI: Power Point Unidad VII: Internet Unidad VIII: Correo Electrnico Unidad IX: Proyecto

ARQUITECTURA DEL COMPUTADOR Historia Conceptos Dispositivos

HISTORIA DEL COMPUTADOR

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR ASIGNATURA: COMPUTACION

Inicio Unidad I: Arquitectura del Computador Unidad II: Sistemas Operativos Unidad III: Windows Unidad IV: Word Unidad V: Excel Unidad VI: Power Point Unidad VII: Internet Unidad VIII: Correo Electrnico Unidad IX: Proyecto

SISTEMA OPERATIVO

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR ASIGNATURA: COMPUTACION

Inicio Unidad I: Arquitectura del Computador Unidad II: Sistemas Operativos Unidad III: Windows Unidad IV: Word Unidad V: Excel Unidad VI: Power Point Unidad VII: Internet Unidad VIII: Correo Electrnico Unidad IX: Proyecto

WINDOWS

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR ASIGNATURA: COMPUTACION

Inicio Unidad I: Arquitectura del Computador Unidad II: Sistemas Operativos Unidad III: Windows Unidad IV: Word Unidad V: Excel Unidad VI: Power Point Unidad VII: Internet Unidad VIII: Correo Electrnico Unidad IX: Proyecto

WORD

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR ASIGNATURA: COMPUTACION

Inicio Unidad I: Arquitectura del Computador Unidad II: Sistemas Operativos Unidad III: Windows Unidad IV: Word Unidad V: Excel Unidad VI: Power Point Unidad VII: Internet Unidad VIII: Correo Electrnico Unidad IX: Proyecto

EXCEL

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR ASIGNATURA: COMPUTACION

Inicio Unidad I: Arquitectura del Computador Unidad II: Sistemas Operativos Unidad III: Windows Unidad IV: Word Unidad V: Excel Unidad VI: Power Point Unidad VII: Internet Unidad VIII: Correo Electrnico Unidad IX: Proyecto

POWER POINT

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR ASIGNATURA: COMPUTACION

Inicio Unidad I: Arquitectura del Computador Unidad II: Sistemas Operativos Unidad III: Windows Unidad IV: Word Unidad V: Excel Unidad VI: Power Point Unidad VII: Internet Unidad VIII: Correo Electrnico Unidad IX: Proyecto

INTERNET

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR ASIGNATURA: COMPUTACION

Inicio Unidad I: Arquitectura del Computador Unidad II: Sistemas Operativos Unidad III: Windows Unidad IV: Word Unidad V: Excel Unidad VI: Power Point Unidad VII: Internet Unidad VIII: Correo Electrnico Unidad IX: Proyecto

CORREO ELECTRONICO

INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR ASIGNATURA: COMPUTACION

Inicio Unidad I: Arquitectura del Computador Unidad II: Sistemas Operativos Unidad III: Windows Unidad IV: Word Unidad V: Excel Unidad VI: Power Point Unidad VII: Internet Unidad VIII: Correo Electrnico Unidad IX: Proyecto

INFORMACION DEL PROYECTO

Pasos a Seguir para que Empieces a Plasmar (disear) tu Sitio Web en Papel.
1.- Determinar el punto a tratar. 2.- Identificar la poblacin. 3.- Subdividir el punto en partes lgicas, estableciendo jerarqua (de lo simple a lo complejo). 4.- Planificar el contenido de la pgina. 5.- Determinar el nivel de inicio y el de fin del tema. 6.- Desarrollar el contenido. 7.- Escoger fondos, colores, dibujos, imgenes, uso de marcos, animacin, banners, etc. 8.- Disear la navegacin (enlaces e hipervnculos dentro de las pginas y con otras pginas o sitios). 9.- Elaborar la pgina o sitio Web. 10.- Evaluar peridicamente la pgina o sitio Web.

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.