Proyecto Web

1. La Tecnologí@ Web
La Tecnologí@ Web
Internet
Herramientas
Web
Tecnología Web
2.0.
Internet es mucho más que una tecnología y junto a la web es un medio de comunicaciónInternet es mucho más que una tecnología y junto a la web es un medio de comunicación..

2. ¿Qué es una Página Web?
Es el nombre de un documento o información electrónica capaz de contener texto, sonido, vídeo, programas,
enlaces y muchas otras cosas, adaptada para la World Wide Web y que puede ser
accedida mediante un navegador . Esta información se encuentra generalmente en formato HTML o XHTML.
(Red informática mundial)
Es un software que permite el
acceso a Internet, interpretando
la información (código) de
archivos y sitios web para que
éstos puedan ser leídos.
Podemos enlazar un sitio con
otro, imprimir, enviar y recibir
correo, entre otras
funcionalidades más.
Navegador WebNavegador Web
Es un nombre que puede
ser alfanumérico que generalmente se
vincula a una dirección física de una
computadora, una página web o
dispositivo electrónico.
DominioDominio
.com
.org
.net
.info
.biz
.edu
Para empresas comerciales.
Para organizaciones (sin fines de lucro),
Instituciones y fundaciones.
Para empresas relacionadas con el
internet
Páginas con fines educativos.
Su cometido es la difusión o publicación
de contenidos informativos.
Terminación que proviene de business
y está enfocada a la temática “negocios”.
Hospedar o alojar. Aplicado al
Internet, significa poner una pagina
web en un servidor de Internet para
que ella pueda ser vista en
cualquier lugar del mundo entero
con acceso al Internet.
HostingHosting
Podemos acceder a todas las páginas de un Sitio gracias al “URL”“URL”, el cual es la cadena de
caracteres con la cual se asigna una dirección única a cada uno de los recursos de
información disponibles en el Sitio de Internet.
https:// www.iujocaracas.edu.ve/

3. ¿Cómo crear una Página Web?
1) Se necesita un editor de Html o texto. Algunos
editores conocidos para esta función son Block de
Notas, NotepadNotepad, Microsoft Frontpage y
DreamweaverDreamweaver, los cuales son parecidos a
Microsoft Word en su uso pero con su función
específica.
2) Se necesitan proveedores que permiten crear
páginas sencillas, como es el caso de Wordpress,
Blogger, Webnode, Wix, entre muchos otros… con
la creación de blogs y también de páginas web en
función de la plantilla que se utilice. Este es un
recurso gratuito y sencillo para cualquier usuario.

4. Lenguaje HTML
2) Trabajar bajo la sintaxis de programación de HTML que significa
"Hyper Text Markup" y es el idioma de la World Wide Web. Así, en
pocas palabras, es el lenguaje con el que se definen las páginas web.
Básicamente se trata de un conjunto de etiquetas que sirven para
definir el texto y otros elementos que compondrán una página web.
HTML ayuda a formato el contenido de su página
• Texto: a veces redactado por un único autor y otras veces por los usuarios de la
misma en el caso de algunas páginas dinámicas.
• Imágenes: gif, jpg y png son los tres formatos que suelen utilizarse normalmente.
• Audio y vídeo: suele utilizar las extensiones midi, wav o mp3.
* Enlaces: tanto de páginas internas como también se utilizan las incrustaciones de
archivos almacenados en otros sitios, como por ejemplo se hace al añadir vídeos de
Youtube.

5. Estructura de la Página Web
• Escriba títulos únicos y precisos para cada
una de sus páginas. Las palabras del título
aparecerán en negrilla en la primera línea de
las búsquedas de los motores.
• Las URL o direcciones de las páginas web
deben ser claras y sencillas.
• Este contenedor puede tener un ancho fijo; el
ancho será igual para todas las páginas del
navegador, o uno fluido que se adaptará al
ancho de nuestra ventana (Fondo unicolor o
de imagen).
• Usar un Logotipo, dónde debemos dejar la
imagen o el nombre de la empresa, que
identificará la marca en todo el sitio. Al estar
arriba acompañara la navegación por todo el
sitio ayudando al reconocimiento de la marca.
• Header o encabezado: es la parte superior
del sitio, la que se mantiene igual a través de
todas las secciones, muestra el nombre del
sitio ya que es el rostro del sitio.

6. • Navegador: es el menú del sitio que la contiene.
La forma más aceptada y fácil, es el menú
horizontal, que siempre tiene a mano lo más
importante del sitio web.
• Contenido: Lo más importante y fundamental de
una buena página. Lo que mantiene al visitante
cautivo e interesado. Si el contenido es malo o
poco interesante, abandonará la página en pocos
segundos.
• Barra Lateral: En este sector se puede colocar
Varios elementos como: Enlaces a las páginas del
Sitio (submenú), colocar imágenes, link a otras
páginas, anuncios publicitarios, scroball,
Formularios u otros elementos.
• Pie de Página: es un elemento opcional, que
suele contener información muy concreta. Uno de
los usos más comunes es mostrar información
sobre la empresa propietaria Copyright y legales
o menús secundarios. Aunque en los últimos
años, se usa mucho para incluir información de
redes sociales, Mapa del Sitio.
Estructura de la Página Web

7. Metodología del color
Esta metodología tiene su apoyo básico en la combinación de colores, escalas y
sensaciones que podrían llegarle a transmitir atracción o rechazo al ser humano. Cada
Color es una Información precisa que actúa sobre la Información que posee una página
web y lo que queremos transmitir con ella al usuario lector.
Cálidos Claros Oscuros Brillantes
• Serenidad
• Frescura
• Masculinidad
• Promocionar
tecnología.
• Retarda el
metabolismo
Fríos
• Calidez
• Inteligencia
• Originalidad
• Alegría
• Erotismo.
• Armonía
• Exuberancia
• Fertilidad
• La Familia
• Frescura
• Limpieza
• Comunica
simplicidad
• Precaución
• Deterioro
• Enfermedad
• Piedad
• Entusiasmo
• Felicidad
• Atracción
• Creatividad
• El éxito
• Estímulo
• La naturaleza
• Naturalidad
• Elegancia
• Profundidad
• Perspectiva
• Antigüedad
• Seriedad
• Categoría
• Tristeza

8. Tabla de propiedades de los colores
Color Significado Su uso aporta El exceso produce
BLANCO Pureza, inocencia, optimismo, salud Purifica la mente a los más altos niveles ---
LAVANDA Equilibrio Ayuda a la curación espiritual Cansado y desorientado
PLATA Paz, tenacidad Quita dolencias y enfermedades ---
GRIS Estabilidad Inspira la creatividad
Simboliza el éxito
---
AMARILLO Inteligencia, alentador, tibieza,
precaución, innovación
Ayuda a la estimulación mental
Aclara una mente confusa
Produce agotamiento
Genera demasiada actividad mental
ORO Fortaleza Fortalece el cuerpo y el espíritu Demasiado fuerte para muchas
personas
NARANJA Energía Tiene un agradable efecto de tibieza
Aumenta la inmunidad y la potencia
Aumenta la ansiedad
ROJO Energía, vitalidad, poder, fuerza,
apasionamiento, valor, agresividad,
impulsivo
Usado para intensificar el metabolismo del cuerpo con
efervescencia y apasionamiento
Ayuda a superar la depresión
Ansiedad de aumentos, agitación,
tensión, erotismo
PÚRPURA Serenidad Útil para problemas mentales y nerviosos Pensamientos negativos
AZUL Verdad, serenidad, armonía, fidelidad,
sinceridad, responsabilidad
Tranquiliza la mente
Disipa temores
Depresión, aflicción, pesadumbre
AÑIL Verdad Ayuda a despejar el camino a la consciencia del
yo espiritual
Dolor de cabeza
VERDE Ecuanimidad inexperta, acaudalado,
celos, moderado, equilibrado,
tradicional, la naturaleza, conservación
Útil para el agotamiento nervioso
Equilibra emociones
Revitaliza el espíritu
Estimula a sentir compasión, conservación ambiental
Crea energía negativa
NEGRO Silencio, elegancia, poder Paz. Silencio, elegancia. Distante, intimidatorio