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 = Instituciones de carcter educativo

.mil = Instituciones militares
.gov = Organizaciones de gobierno
.tec = Organizaciones tecnolgicas
.com = Organizaciones comerciales
.org = Organizaciones no gubernamentales
.net = Organizaciones de redes de informacin
 Conceptos Bsicos

5. Extensin de Pas: Se refiere al pas donde se publica el

sitio o portal

.al = Alemania
.ar = Argentina
.br = Brasil
.co = Colombia
.cu = Cuba
.es = Espaa
.fr = Francia
.pe = Per
.uk = Inglaterra
.us = EEUU
.ve = 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, pasado, vejez,

indeterminacin, ausencia de vida, desanimo.
 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
PROFESORES DE CONTENIDO
 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 Bienvenida
Unidad VIII: Correo Electrnico
Unidad IX: Proyecto Introduccin
Informacin
 INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR
ASIGNATURA: COMPUTACION
Inicio ARQUITECTURA DEL COMPUTADOR
Unidad I: Arquitectura del Computador
Unidad II: Sistemas Operativos Historia Conceptos Dispositivos
Unidad III: Windows
Unidad IV: Word
Unidad V: Excel HISTORIA DEL COMPUTADOR
Unidad VI: Power Point
Unidad VII: Internet
Unidad VIII: Correo Electrnico
Unidad IX: Proyecto
 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 SISTEMA OPERATIVO
Unidad VIII: Correo Electrnico
Unidad IX: Proyecto
 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 WINDOWS
Unidad VIII: Correo Electrnico
Unidad IX: Proyecto
 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 WORD
Unidad VI: Power Point
Unidad VII: Internet
Unidad VIII: Correo Electrnico
Unidad IX: Proyecto
 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 EXCEL
Unidad VIII: Correo Electrnico
Unidad IX: Proyecto
 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 POWER POINT
Unidad VI: Power Point
Unidad VII: Internet
Unidad VIII: Correo Electrnico
Unidad IX: Proyecto
 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 INTERNET
Unidad VIII: Correo Electrnico
Unidad IX: Proyecto
 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 CORREO
Unidad VIII: Correo Electrnico
Unidad IX: Proyecto ELECTRONICO
 INSTITUTO UNIVERSITARIO DE TECNOLOGIA DEL ESTADO BOLIVAR
ASIGNATURA: COMPUTACION
Inicio
Unidad I: Arquitectura del Computador
Unidad II: Sistemas Operativos
Unidad III: Windows INFORMACION
Unidad IV: Word
Unidad V: Excel DEL
Unidad VI: Power Point
Unidad VII: Internet PROYECTO
Unidad VIII: Correo Electrnico
Unidad IX: 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.