lunes, 9 de febrero de 2015

Elementos Básicos de HTML

Bloc de notas
Bloc de notas es un editor de texto simple incluido en los sistemas operativos de Microsoft desde 1985. Tiene la posibilidad de exportar a cualquier formato de texto no formateado (muy útil como recurso de emergencia para programar).

Buscador
Es un sistema informático que busca archivos almacenados en servidores web. Las búsquedas se hacen con palabras clave o con árboles jerárquicos por temas; el resultado de la búsqueda es un listado de direcciones web en los que se mencionan temas relacionados con las palabras clave buscadas.



Compatibilidad
La compatibilidad es la condición que hace que un programa y un sistema, arquitectura o aplicación logren comprenderse correctamente tanto directamente o indirectamente.



Estructura de una Página Web.

Bloque de navegación a la izquierda:
Permite presentar muchos menús o enlaces, pues cada línea puede ser un enlace (por ejemplo, el menú de navegación de esta guía).
Bloque de navegación arriba:
Ideal si el sitio web no tiene demasiadas secciones. Es fácil si los menús se despliegan con otros submenús (es más fácil la navegación que si los submenús se abren lateralmente).

Bloque de navegación derecha:
Las mismas ventajas que el menú a la izquierda pero menos usado.

Combinación de los anteriores:
Si tenemos muchos enlaces a presentar, siempre podemos utilizar cualquier combinación de los anteriores (arriba e izquierda; izquierda y derecha; arriba, izquierda y derecha).

Pie de página
El pie de página acostumbra a tener una gran importancia en las estructuras de los webs actuales, donde se pueden repetir los menús de navegación situar los enlaces al aviso legalcopyright, redes sociales: Facebook, Twitter o los datos de dirección y contacto.
Etiqueta

Una etiqueta o tag es una palabra clave asignada a un dato almacenado en un repositorio. Las etiquetas son en consecuencia un tipo demetadato, pues proporcionan información que describe el dato (una imagen digital, un clip de vídeo o cualquier otro tipo de archivo informático) y que facilita su recuperación.

Hipertexto
El hipertexto es una herramienta de software con estructura secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.



Marcas (tags)
Permiten a los estudiantes y maestros describir sus intereses en una forma que es fácil para que la gente con intereses similares los encuentre. El perfil del usuario tiene un lugar en donde se pueden poner los intereses, lo que creará o añadirá al usuario a una marca (tag) existente. Las páginas de marcas se pueden ver y las publicaciones de foro se pueden marcar.

Página Web
Es información electrónica capaz de contener texto, sonidovídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto.


Sitio Web
Es una colección de páginas de internet relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet. Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.

Plataforma
En informática, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de hardware o de software con los que es compatible. Dicho sistema está definido por un estándar alrededor del cual se determina una arquitectura de hardware y una plataforma de software (incluyendo entornos de aplicaciones).




Servidor Web
Es un programa informático que procesa una aplicación del lado del servidor, realizando conexiones bidireccionales y/o unidireccionales y  síncronas o asíncronas con el cliente y generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente.

Vínculos
Es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento



viernes, 6 de febrero de 2015

Introducción al HTML.

¿Qué entiendes por una página HTML?
Hace referencia al lenguaje de marcado para la elaboración de páginas web.

Define cada una de las letras que conforman HTML.
HyperText Markup Language (Lenguaje de marcas de hipertexto)

¿Quién inventó HTML?
Sir Tim Berners-Lee





¿Cuál era el objetivo de crear el HTML?
Ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una manera más efectiva, Berners-Lee desarrolló las ideas fundamentales que estructuran la web. 

Menciona 4 características del lenguaje HTML.

1.Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML.

2. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo, <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo,</nombre-de-elemento>). 

3. Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>)

4. Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.




Menciona 7 reglas básicas que debes seguir para el diseño de una página WEB.
1.  Usar imágenes de alta calidad. Elige cuidadosamente las mejores imágenes que va con el mensaje.
2.  Sé valiente a la hora de diseñar.  Los sitios web que se destacan entre la multitud son memorables para los clientes y lectores.
3.  Diseño con un propósito. Cada elemento de una página web debe ser diseñado con un propósito. Siempre tiene que haber una razón para la creación de cualquier elemento de la página web.
4.  Lo simple es mejor. Los diseños simples tienen un mayor impacto en lugar de los complicados. Una disposición de uno o dos-columnas es mucho mejor que un diseño de múltiples columnas.
5.  Elija las fuentes sabiamente. La tipografía es una parte muy importante de un diseño.
6.  Elija gráficos sobre el texto. Las imágenes entregan el mensaje de manera más directa y son más fáciles de entender que un bloque de texto. Recuerde siempre que los lectores tienen prisa y quieren encontrar la información lo más rápidamente posible.

7.  Mejorar las partes importantes de una página. El lector debe saber de lo que trata su sitio web en los primeros 10 segundos de la primera visita, por lo que es muy importante destacar las características importantes.


jueves, 5 de febrero de 2015

Estructura de mi Página Web

¿Cuáles son tus posibles temas a tratar en tu página web?

Apple, Prada, Gucci, Chanel, Calvin Klein, Louis Vuitton, Versace, Dolce & Gabanna, Culture Pop, Movies, Grammy Awards.


Clasifica tus temas

·      Technology
·      Fashion & Design
·      Music
·      Cine
·      Awards

Escoge el tema para tu página web.

Technology & Design by Apple.

Define la información que va a contener tu página web.

Información sobre los dispositivos de Apple.

¿Cuáles fuentes de información tienes para tu página?

Escalabilidad

Mensual

Planificación

El principal objetivo es promover el magnífico diseño que Apple utiliza en sus dispositivos enfocados en la excelente calidad de los gadgets del momento.

Es una página web apta para todo tipo de publico conocedor de la importancia del diseño a la hora de elegir un nuevo gadget, se recomienda la compra de dispositivos Apple en homenaje al gran esfuerzo que hacen los de Cupertino por brindar la excelencia tecnológica creando revuelo a nivel mundial.


Definición del Diseño.