viernes, 13 de marzo de 2015

elementos basicos de html 1.3

1 BLOC DE  NOTAS: Bloc de notas (en ingles notepad) es un EDITOR DE TEXTO simple incluido en los sistemas operativos de Microsoft desde 1985. Su funcionalidad es muy simple.
2 BUSCADOR: Un buscador es una página de Internet que permite realizar búsquedas en la red. Su forma de utilización es muy sencilla, basta con introducir una o más palabras clave en una casilla y el buscador generará una lista de páginas web que se supone guardan relación con el tema solicitado.

3 COMPATIBLE: La compatibilidad se entiende en el ámbito de la informática y la tecnología como la capacidad que tienen dos sistemas de trabajar uno con otro simultáneamente
desde mastermagazine

4 ESTRUCTURA DE PÁGINA WEB:
<html>
                <title> titulo </title>
<head></head>
<body>
</body>
</HTML>

Una estructura HTML se empieza con la etiqueta <HTML> y acaba con </HTML>. Todo lo que esté en medio será la página web. Dentro de <HTML></HTML> se encuentran 2 partes diferenciadas.
La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).

5 ETIQUETA: Significa orden, según su etimología griega. Por eso se usa en todos los ámbitos donde el orden y la armonía son requeridos
6 HIPERTEXTO: Dentro de una página web, los hipervínculos son las palabras, párrafos o imágenes que al darles click, te llevarán a otro lugar, ya sea a otra página, o a una sección en específico dentro de la misma página; desempeñan una función muy útil, por ello saber cómo aprender a programar hipervínculos a la hora de crear un sitio web es muy importante. 

7 LENGUAJE HTML: HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos, el cliente (Netscape, IE, Mosaic, Lynx, Mozilla) los interpreta y los muestra.

8 MARCAS (TAG )  Las marcas (tags) les 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. Elperfil del usuario tiene un lugar en donde se pueden poner los intereses, llo 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
9 NAVEGADOR: Un navegador o navegador web, o browser, es un software que permite el acceso a Internet, interpretando la información de distintos tipos de archivos y sitios web para que éstos puedan ser visualizados.
http://es.wikipedia.org/wiki/Navegador_web

10 PAGINA WEB: na página web, página electrónica o ciberpágina,1 2 es un documento o información electrónica capaz de contener texto, sonido, ví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. Las páginas web frecuentemente también incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.
11 SITIO WEB: sitio es un lugar que sirve para algo o un espacio ocupado (o que puede llegar a serlo). La noción de Web, por su parte, hace referencia a Internet, una red de redes que permite la interconexión de computadoras mediante un conjunto de protocolos denominado TCP/IP.
12 PLATAFORMA : En INFORMATICA, una plataforma es un sistema que sirve como base para hacer funcionar determinados módulos de HARDWARE o de SOFTWARE con los que es COMPATBLE.

13 SERVIDOR WEB: Un servidor web o servidor HTTP 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. El código recibido por el cliente suele ser compilado y ejecutado por un navegador web. Para la transmisión de todos estos datos suele utilizarse algún protocolo. Generalmente se usa el protocolo HTTP para estas comunicaciones, perteneciente a la capa de aplicación del modelo OSI. El término también se emplea para referirse al ordenador que ejecuta el programa.


14 VÍNCULOS: Un vínculo es un link. Apuntadores hipertexto que sirven para saltar de una información a otra, o de un servidor web a otro, cuando se navega por Internet<--estO ES un vínculo es un enlace, link, hipervínculo. 
Introducción al HTML

¿Qué entiendes por una página HTML?
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla.

   Define cada una de las letras que conforman HTML   
HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.

 ¿Quién inventó HTML?
tim berners lee


¿Cuál era el objetivo de crear HTML?

Para abreviar una larga historia, podemos decir que un científico llamado Tim Berners-Lee inventó HTML allá por 1990. El objetivo era facilitar a científicos de diferentes universidades el acceso a los documentos de investigación de cada uno de ellos. El proyecto obtuvo un éxito mucho mayor del que Tim Berners-Lee nunca hubiese llegado a imaginar. Al inventar HTML, este científico sentó las bases de la web tal y como la conocemos hoy día.

    Menciona tres características del lenguaje de HTML

Pero empecemos ya con lo que nos interesa. ¿Cómo se hace una página Web? Cuando los diseñadores del WWW se hicieron esta pregunta decidieron que se debían cumplir, entre otras, las siguientes características:
El Web tenía que ser distribuido: La información repartida en páginas no muy grandes enlazadas entre sí.

El Web tenía que ser hipertexto y debía ser fácil navegar por él.
Tenía que ser compatible con todo tipo de ordenadores (PCs, Macintosh, estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MS-DOS, UNIX, MAC-OS,...).
Debía ser dinámico: el proceso de cambiar y actualizar la información debía ser ágil y rápido.

§  Información contextual de la página. Estos meta-datos nos permiten indicar información que puede no quedar clara en el contenido. Por ejemplo, indicar el idioma permite a un navegador de voz (para invidentes) cambiar la pronunciación para leer correctamente el contenido.

§  Referencia a otros ficheros. Todos aquellos recursos que necesite nuestra página deben estar referen­ciados desde la cabecera. Por ejemplo, archivos de CSS y JavaScript, el icono de la barra de direcciones, etc.

§  Scripts y estilos. Si estos no se definen en un fichero independiente, se incluyen en la sección de cabece­ra para que estén disponibles en todo el documento y no tener que repetirlos.

  Menciona 7 reglas básicas que debes de seguir en HTML

1º Las etiquetas de contenido (no vacías) deben llevar etiquetas que indiquen el inicio y el final. Ejemplo <div> ... </div>

2º Los elementos vacíos podrán utilizar una doble etiqueta (<br></br>) o el formato minimizado de una sola etiqueta (<br />)

3º No hay que solapar etiquetas de elementos distintos. Ejemplo: <b><i> texto con bold e italica</i></b>

4º Las etiquetas deben cerrarse en el orden correcto.
Mal ejemplo: <div><span> ... </div></span>
Buen ejemplo: <div><span> ... </span></div>

5º XHTML es sensible a minúsculas y mayúsculas. Todas las etiquetas y atributos deben ir obligatoriamente en minúsculas.

6º También es obligado usar comillas (" ") en los atributos.

7º No se permiten atributos minimizados. por ejemplo usando HTML en el elemento option de un form podrías escribir el atributo CHECKED, en XHTML deberíamos especificar checked="checked"



cuales son tus posibles temas a tratar en tu pagina web? poemas y historias de amor

clasifica tus temas; poemas y historias de amor, chistes

escoge tu tema para pagina web:historias i poemas de amor

define la información que va a contener tu pagina web :poemas y historias

cuales fuentes de información tienes para tu pagina web: imagenes i informacion

escalabilidad: 3 dias

planificacion  (objetivo,publico y estructura ): contar con pagina principal y dos paginas secundarias que contenga una lista y una tabla



mi segunda pagina html


mi primera pagina html


mi index de la pagina web