Tecnología Web I parte
Descargar como PPT, PDF0 recomendaciones991 vistas
La tecnología web incluye páginas web, HTML y navegadores. Una página web es un documento electrónico accesible a través de un navegador que contiene texto, imágenes, videos y enlaces. Crear una página web requiere un editor de HTML, verificar los navegadores compatibles y seguir la sintaxis de HTML.
Tecnología Web I parte
- 1. La Tecnologí@ Web La Tecnologí@ Web Página Web y Lenguaje HTML “ Promovamos un cambio en la sociedad hacia un mayor conocimiento y uso de la tecnología”
- 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 creado por Robert Cailliau 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
- 3. Es un gran espacio documental organizado que la mayoría de las veces está típicamente dedicado a algún tema particular o propósito específico. Cualquier proyecto web puede contener más de un página e hiperenlaces organizados en una jerarquía o Mapa del Sitio, que parten de una Página Principal (Home Page). ¿Qué es un Proyecto Web? 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. Mailto Http/ Https Ftp File Tipos de Páginas y Sitios Web Las Estáticas forman parte de épocas anteriores, puesto que son de contenido fijo y no son aptas a actualizaciones constantes. Las Dinámicas Permiten la interacción en tiempo real, como: animaciones, los foros, encuestas, blogs. Sitio archivo Sitio weblog Sitio de empresa Sitio de comercio electrónico Sitio de comunidad virtual Sitio de Base de datos Sitio directorio Sitio de descargas Sitio de juego Sitio de información Sitio de noticias Sitio pornográfico Sitio de promoción web Sitio buscador Sitio shock Sitio de subastas Sitio personal Sitio portal Sitio Web 1.0, 2.0, 3.0 Creador de sitios Sitio colaborativo. Sitio político Sitio de rating Sitios educativos Sitio Spam
- 4. ¿Qué se necesita para crear una Página Web? 2) 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. Por otro lado, existen proveedores que permiten crear páginas sencillas, como es el caso de Wordpress, Blogger, WebnodeWebnode, 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. 1) Antes de programar una página web, se necesita verificar los navegadores. Entre los más utilizados se encuentra Firefox, Safari o Internet Explorer. Este último viene por defecto instalado en los equipos con sistema operativo Microsoft, al igual que ocurre con Safari y los dispositivos de Apple.
- 5. Lenguaje HTML 3) 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.
- 6. 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.
- 7. • 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
- 8. 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
- 9. 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
- 10. 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