miércoles, 17 de diciembre de 2014

HTML

Berners-Lee consideraba el HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación a mediados de 1993, por la IETF (en español: Grupo de Trabajo de Ingeniería de Internet), de una primera proposición para una especificación del HTML: el borrador del Hypertext Markup Language de Berners-Lee y Dan Connolly, que incluía una Definición de Tipo de Documento SGML para definir la gramática.4 El borrador expiró a los seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. 5 De la misma manera, el borrador competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas.
HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.
El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado.

Códigos de HTML
ü  <html></html>: define el inicio y el final del documento HTML
ü  <head></head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario.
ü  <title></title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.
ü  <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:
ü  <h1 align=”center”> Nos sirve para centrar el texto
ü  <p align=” justify”>Nos sirve para justificar el texto
ü  <blockquote></blockquote> Incrementa espacios a los lados del texto.
ü  <body bgcolor=”#000000”> Nos sirve para poner color al fondo de la pagina
ü  <body bgcolor=”#000000”> Nos sirve para poner color al texto.
ü  Link=”#f60” Para poner color al enlace.
ü  Vlink=”#ff0” Para poner color cuando el enlace ya esta visitado.
ü  <h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
ü  <a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo.
ü  <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".
ü  <b>: texto en negrita
ü  <i>: texto en cursiva
ü  <a href=”------------”></a> Para que funcione el  enlace



miércoles, 12 de noviembre de 2014


El siguiente boceto nos servira para elegir las cominas en los diferentes lugare que vayamos al rededor de nuestro pais


viernes, 7 de noviembre de 2014

IPO

 

Resumen:

La Interacción Persona-Ordenador, es la disciplina que estudia el intercambio de información entre las personas y los ordenadores. Su objetivo es que este intercambio sea más eficiente: minimiza los errores, incrementa la satisfacción, disminuye la frustración y en definitiva, hace más productivas las tareas que envuelven a las personas y los ordenadores.

Usuario:
Son los consumidores de servidores.

Interacción:
Son los procesos que realiza el usuario con el ordenador

Interfaces del usuario:
Es la interfaz que hay entre los usuarios y los ordenadores



Disciplinas relacionadas con la IPO
Psicología:
Es la ciencia que trata la conducta y los procesos mentales de los individuos y cuyo campo de estudio abarca todos los aspectos de la experiencia humana.

Diseño:
El diseño se define como el proceso previo de configuración mental, "pre-figuración", en la búsqueda de una solución en cualquier campo. Utilizado habitualmente en el contexto de la industriaingenieríaarquitecturacomunicación y otras disciplinas creativas

Sociología:
La sociología es la ciencia social que estudia los fenómenos colectivos producidos por la actividad social de los seres humanos, dentro del contexto histórico-cultural en el que se encuentran inmersos.

Ergonómia:
La ergonomía es la disciplina que se encarga del diseño de lugares de trabajo, herramientas y tareas, de modo que coincidan con las características fisiológicas, anatómicas, psicológicas y las capacidades del trabajador.

USABILIDAD
Área que trata la interacción entre personas y ordenadores con el objetivo de mejorar el intercambio de información entre ambos, consiguiendo los beneficios de la usabilidad. Se incluyen pautas para cumplir los objetivos de un intercambio de información más eficiente: minimizar errores, incrementar la satisfacción, etc.

miércoles, 5 de noviembre de 2014

Proceso y Desarrollo Web




Idea y Boceto



Elementos Graficos


DISEÑO O MAQUETACION


Programacion


Instalacion de CMS


Aplicaciones WEB


Pruebas en servidor


SEO


miércoles, 29 de octubre de 2014

VOCABULARIO WEB

Vocabulario Web


ANCHO DE BANDA: (Bandwith) Término técnico que determina el volumen de información que puede circular por un medio físico de comunicación de datos, es decir, la capacidad de una conexión. A mayor ancho de banda, mejor velocidad de acceso; más personas pueden utilizar el mismo medio simultáneamente. Se mide en Hertz o bps (bits por segundo), por ejemplo 32 kbps, 64 kbps, 1Mbps, etc.

 
APPLET : (Programa) Pequeño programa hecho en lenguaje Java.





BANNER : Aviso publicitario que ocupa parte de una página Web, en general ubicado en la parte superior al centro. Haciendo un click sobre él, se puede llegar al sitio del anunciante. De este modo, los banners en general se cobran en base a los click-throughs que se obtienen.


BOMBER: Persona que envía correos electrónicos (como bombardeo), siendo estos un numero ilimitado con el objeto de saturar o bloquear cuantas de E. Mail con cualquier tipo de mensaje.




BUSCADOR: (Search)Herramienta que permite ubicar contenidos en la Red, buscando en forma booleana a través de palabras clave. Se organizan en buscadores por palabra o índices (como Lycos o Infoseek) y buscadores temáticos o Directories (como Yahoo!). 



CHAT : Sistema de conversación en línea que permite que varias personas de todo el mundo conversen en tiempo real a través de sus teclados. Existen varios sistemas de chat, uno de los más difundidos es el IRC.




COUNTER: Generalmente es el contador de accesos de los Home Pages.


Attachment - Archivo Adjunto: Son los documentos o archivos que queremos adjuntar. Y tiene un símbolo que lo caracteriza, en donde tienes que hacer un click para ir a buscarlo en tu ordenador. (Que puede ser un documento, una foto, un video). 3. Términos de Internet Mas Usados: Entrada  



Cookies – Galletitas: Esta palabra se usa para definir a pequenos archivos de textos que son cargados automáticamente al navegador de una pagina web especifica. O también es el nombre que recibe un lugar de almacenamiento temporal de información que usan páginas de Internet



Dominio: Es como un disfraz que hacemos para nuestra pagina web, que muchas veces no lo podemos mostrar ya sea porque sean muy largo o porque en algunos sitios no los dejan hacer. Como por ejemplo: www.sigueme.com



Download – Descargar: En términos de Internet, es el proceso que se utiliza para copiar un archivo de un servicio en línea a tu propio ordenador. 



Email o correo electrónico: Es un servicio que permite el intercambio de mensajes privados entre un usuario y otro, o varios usuarios. Los cuales son mas rapidos que un correo tradicional, llega en un minuto



Enlaces o Links: Este es el mas usamos asi a prestar mucha atención. Es la conexión de una pagina web con otra. Un enlace puede apuntar a referencias en el mismo documento, en otro documento en el mismo sitio; también a otro sitio, a un gráfico, video o sonido.


FAQ(Frequently Asked Questions, Preguntas Frecuentes): Conjunto de preguntas y respuestas habituales sobre un tema determinado. Utilizadas para despejar las dudas de los usuarios. 



Gurú: Se le llama asi a la persona con muchos conocimientos sobre un tema, en general, técnico, estrategias y todo lo referido a mercadeo por internet.



Hangouts- Videollamadas: Sistema que permite conversar con una o varias personas a la vez y en vivo, pudiendo ser grabadas. 16.Terminos de Internet mas Usados: HTTP y HTTPS. Significa en español protocolo de transferencia de hipertexto. Es un conjunto de reglas a seguir, para publicar páginas de Internet. HTTPS se usa para indicar que se está usando protección al transferir información.



HTML: Significa en español: el lenguaje de marcado de hipertexto, y es el lenguaje usado por los navegadores para interpretar y mostrar páginas de Internet.






bibliografia

http://members.tripod.com/e_soule/tesis/glosario.html
  
 
 

miércoles, 22 de octubre de 2014

Mi primer diseño

Este es mi primer ejemplo


ejemplo de la naturaleza. Fuente: Ver de la naturaleza


Tambien podemos inserttar videos en el blogger




insertamos diapositivas