Programacion y diseño de Paginas Web NORMA C.H

Grupo: 614 ESPECTATIVAS DE LA MATERIA: Quisiera aprender mucho sobre lo que es esta materia ya que me interesa mucho lo que es tener un centro e computo y adminitrarlo yo

miércoles, 10 de marzo de 2010

PRACTICA 1

DISEÑO DE UNA PAGINA WEB

Objetivo:
En esta practica aprenderemos a diseñar por medio de la aplicacion FRONT PAGE una pagina web la cual tendra de titulo:

"EMBARAZOZ NO DESEADOS"


Desarrollo:
Tendremos que abrir un documento en FRONT PAGE
Debemos guardar este documento el cual aparecera con un icino de internet
Dentro de tu memoria se creara una carpeta en la cual deberas guardar tus imagenes, videos y todo lo que utilizaras en la realizacion
Despues de esto basandote en la informacion crearas tu PAGINA WEB


url: http://

Conclusion:
El hecho de trabajar con una aplicacion que te facilite el diseño de una pagina web ayuda para conocer un poco mas afondo como se estructura cierta pagina

martes, 9 de marzo de 2010

ATRIBUTOS PARA PAGINAS

OBJETIVO: Conocer los atributos que modifican las caracteristicas de una pagina web.

DESARROLLO: En esto aprenderemos los diferentes atributos de las paginas web y su utilidad:

COLOR DE TEXTO:

text: este atributo sirve para asignar el color del texto de la pagina por defecto se el negro.

link: el color de los enlaces que no han sido visitados (por defecto es azul)

vlink: es el color de los enlaces visitados.

alink: es el color de los enlaces activos. Un enlace esta activo en el preciso instante que se pulsa.

< background="grupo" text="color" link="colorvlink=">(puedo especificar el color de mi texto de la pagina tambien en esa linea.

MARGENES:

leftmargin: para indicar el margen a los lados de la pagina. valido para internet explorer.

topmargin: para indicar el margen superior e inferior de la pagina. valido para internet explorer

< leftmargin="5" topmargin="5" bgcolor="yellow">

LISTAS:

Las listas son utilizadas para citar, numerar y definir objetos. Tambien son utilizadas comunmente para desplazar el comienzo de linea hacia la derecha.

*LISTAS DESORDENADAS: son limitadas por las etiquetas <> cada uno de los elementos de la lista es citado por medio de una etiqueta <> (sin cierre)

*LISTAS ORDENADAS: en este caso utilizaremos las etiquetas <> < /ol > y para especificar

· (sin cierre)

VIÑETAS:

viñetas type: "tipo e viñeta"

1 para ordenar por numeros
a por letras del alfabeto minusculas
A por letras del alfabeto mayusculas
i ordenamiento por numeros romanos en minuscula
I ordenamiento por numeros romanos en mayusculas

CONCLUSIONES:

Aqui aprendimos los diferentes atributos para una pagina web los cuales de una cierta forma son importantes en un diseño de una pagina web

FORMATO DE LA PAGINA

OBJETIVO: Conocer los formatos necesarios en el diseño de paginas web, con HTML.

DESARROLLO: Aqui aprenderemos el formato de una pagina web y los diferentes comandos que lleva para su creacion:

ESTRUCTURA:

<>
<>
<> ENCABEZADOS DE HTML <>
< /HEAD >
<>
<>ENCABEZADO 1< /H1 >
<>ENCABEZADO 2< /H2 >
<>ENCABEZADO 3< /H3 >
<>ENCABEZADO 4< /H4 >
<>ENCABEZADO 5< /H5 >
<>ENCABEZADO 6< /H6 >
< /BODY >
< /HTML >

ETIQUETAS:
< !DOCTYPE >
Es la primera parte de una página web, aún antes que la etiqueta <>.
Le indica al navegador que especificación de HTML se está utilizando
HTML 4.01: los tipos de documento que define son: strict, transitional y frameset.

Strict
Se usa cuando se utilizan CSS.
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Transitional
Presenta elementos en proceso de transición de acuerdo a los estándares del W3C.
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Frames
Debe usarse en documentos que incluyen frames
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<>< /html>
Abre y cierra un documento HTML
<>< /head>
Encabezado de la página - aquí se coloca titulo, metatags, e informacion para buscadores entre otras cosas. Está información no es visible.
<>< /body>
Dentro de esta etiqueta va toda la parte visible de la página web.

Etiquetas del Encabezado
<>< /title>
El título de la página web.

Atributos de la etiqueta Body
< bgcolor="?">
Configura el color de fondo de la página, usando el valor del código de color hexadecimal.
< text="?">
Configura el color por defecto del texto, usando el valor del código de color hexadecimal.
< link="?">
Configura el color de las ligas, usando el valor del código de color hexadecimal.
< vlink="?">
Configura el color de las ligas visitadas, usando el valor del código de color hexadecimal
< alink="?">
Configura el color de las ligas al darle clic, usando el valor del código hexadecimal.


Conclusion:

en la clase aprendimos como dar formato a una pagina web en html usando diferentes tipos de etiquetas para conocer la estructuracion de la pagina

lunes, 8 de marzo de 2010

HTML

OBJETIVO:Conocer las caracteristicas del lenguaje HTML, asi como su campo de aplicacion en el diseño de paginas web.

DESARROLLO: En esta clase arenderemos el concepto y dedinicon de HTML:

HTML es un conjunto de símbolos o palabras que definen varios componentes de un documento Web; estos se pueden ver siempre dentro de las etiquetas ''<'', ''>''. HiperText Markup Languaje es el nombre que estas siglas representan, creado por Tim Berners-Lee en 1991 [Efraín and Marín, 1996].

HTML, es un lenguaje simple de marcado utilizado para crear documentos de hipertexto para WWW. No es un lenguaje de descripción de páginas como Postscript. HTML no permite definir de forma escrita la apariencia de una página, aunque a veces se utilice como un lenguaje de presentación. Además el aspecto que puede presentar un documento HTML depende del navegador o browser utilizado ya que HTML se limita a describir la estructura y el contenido de un documento, y no el formato de una página y su apariencia.

Aunque no es un lenguaje de descripción de estructura de uso general, su amplia difusión y el número de documentos estructurados según sus normas es tan grande que su consideración como lenguaje de definición de estructura se hace obligatoria.

Una de las claves del éxito de WWW, además de lo atractivo de su es su organización y coherencia. Todos los documentos WWW comparten un mismo aspecto y una única interfaz, lo que facilita enormemente su manejo por parte de cualquier persona. Esto es posible porque el lenguaje HTML en que están escritos los documentos, no solo permite establecer hiperenlaces entre diferentes documentos, sino que es un lenguaje de descripción de independiente de la plataforma en que se utilice. Es decir, un documento HTML contiene toda la información necesaria sobre su estructura e con el usuario, y es luego el browser que se utilice el responsable de asegurar que el documento tenga un aspecto coherente, independiente del tipo de máquina desde donde se acceda al documento.

Para escribir HTML lo único que se necesita es un editor de texto ASCII. Las etiquetas que controlan el comportamiento del documento son al modo SGML; fragmentos de texto encerrados entre ángulos como . Es importante señalar que las etiquetas pueden ser construidas utilizando indistintamente caracteres en mayúsculas o en minúsculas.
Existen diferentes tipos de etiquetas: algunas controlan la presentación del texto del documento; otras, la forma en que se incluirán imágenes; o los hiperenlaces con documentos o con diferentes partes del mismo documento. Existen, también, una serie de programas que ayudan en la elaboración de documentos HTML, pero no son imprescindibles para escribir código. Lo que si es necesario es un browser WWW, para probar un documento a medida que se va desarrollando. Este lenguaje no es sensitivo a mayúsculas, se puede utilizar por ejemplo:

<>
<>
<>

indistintamente.

Cada documento HTML está compuesto por 2 partes: una cabecera y un cuerpo, delimitados por las etiquetas <> y <>, respectivamente. Incluso si no son explícitamente declaradas, los visualizadores HTML asumen su existencia. Un documento HTML se define dentro del par de etiquetas <> y < /HTML >. Fuera de ese par de etiquetas se puede encontrar la etiqueta que identifica la versión del HTML utilizada en el documento. Con la siguiente descripción se puede presentar el siguiente esquema de documento HTML:

<>

<>
< /HEAD >
<>
< /BODY >
< /HTML >

<>< /HTML > Le informa al browser que el presente archivo tiene codigo HTML. Es completamente indispensable utilizar esta etiqueta y debe estar situada siempre al principio del documento de esta forma: <> y como última instrucción del documento:< /HTML >.

<>< /HEAD > Dentro de estas etiquetas definimos el encabezado del documento. Estas estan dentro de las etiquetas<>< /HTML >.

<>< /TITLE > Esta etiqueta se encuentra ubicada enseguida de las etiquetas <> y < /HEAD >, permiten dar información al browser sobre el título del documento, que puede tener como máximo 50 caracteres y que aparecerá en la barra del título en la ventana del visualizador empleado. En caso de omitirse se despliega en la ventana del visualizador ``Untitled''.

<>< /BODY > El cuerpo, siguiendo la secuencia de etiquetas, contiene el documento en sí, lo que se ve en el browser, incluyendo el texto, las y otros objetos como applets, que junto con las etiquetas apropiadas definen la estructura del documento.

Existen también etiquetas de formato, listas numeradas, listas con viñetas, listas de definición, inserción de imagenes con y sin movimiento, vínvulos, etc.

Dentro del cuerpo de un documento HTML se puede establecer una de elementos utilizando las etiquetas , donde n es un número que indica el nivel del elemento definido con la etiqueta. En estos elementos se pueden definir también párrafos con la etiqueta
.

Existen 3 elementos más opcionales en la estructura de un elemento HTML: hojas de estilo, scripts y marcos. Estos tienen que estar definidos o el browser no podrá suponer su existencia.

CONCLUSIONES:

en esta clase aprendimos un poco lo que significa html susu conceptos sus definiciones etc.

HISTORIA DE LA WEB


OBJETIVO:Conocer los antecedentes que dieron origen a la web y la forma en la cual esta a impactado en los diferentes ambitos de la humanidad.


DESARROLLO: En esta clase se muestra lo que es la historia de la web como se conformo y sus creadores.



La idea subyacente de la Web se remonta a la propuesta de Vannevar Bush en los años 40 sobre un sistema similar: a grandes rasgos, un entramado de información distribuida con una interfaz operativa que permitía el acceso tanto a la misma como a otros artículos relevantes determinados por claves. Este proyecto nunca fue materializado, quedando relegado al plano teórico bajo el nombre de Memex. Es en los años 50 cuando Ted Nelson realiza la primera referencia a un sistema de hipertexto, donde la información es enlazada de forma libre. Pero no es hasta 1980, con un soporte operativo tecnológico para la distribución de información en redes informáticas, cuando Tim Berners-Lee propone ENQUIRE al CERN (refiriéndose a Enquire Within Upon Everything, en castellano Preguntando de Todo Sobre Todo), donde se materializa la realización práctica de este concepto de incipientes nociones de la Web.


En marzo de 1989, Tim Berners Lee, ya como personal de la divisón DD del CERN, redacta la propuesta,[2] que referenciaba a ENQUIRE y describía un sistema de gestión de información más elaborado. No hubo un bautizo oficial o un acuñamiento del término web en esas referencias iniciales utilizándose para tal efecto el término mesh. Sin embargo, el World Wide Web ya había nacido. Con la ayuda de Robert Cailliau, se publicó una propuesta más formal para la world wide web[3] el 12 de noviembre de 1990.


Berners-Lee usó un NeXTcube como el primer servidor web del mundo y también escribió el primer navegador web, WorldWideWeb en 1990. En las Navidades del mismo año, Berners-Lee había creado todas las herramientas necesarias para que una web funcionase:[4] el primer navegador web (el cual también era un editor web), el primer servidor web y las primeras páginas web[5] que al mismo tiempo describían el proyecto.


El 6 de agosto de 1991, envió un pequeño resumen del proyecto World Wide Web al newsgroup[6] alt.hypertext. Esta fecha también señala el debut de la web como un servicio disponible públicamente en Internet.


El concepto, subyacente y crucial, del hipertexto tiene sus orígenes en viejos proyectos de la década de los 60, como el Proyecto Xanadu de Ted Nelson y el sistema on-line NLS de Douglas Engelbart. Los dos, Nelson y Engelbart, estaban a su vez inspirados por el ya citado sistema basado en microfilm "memex", de Vannevar Bush.


El gran avance de Berners-Lee fue unir hipertexto e Internet. En su libro Weaving the Web (en castellano, Tejiendo la Red), explica que él había sugerido repetidamente que la unión entre las dos tecnologías era posible para miembros de las dos comunidades tecnológicas, pero como nadie aceptó su invitación, decidió, finalmente, hacer frente al proyecto él mismo. En el proceso, desarrolló un sistema de identificadores únicos globales para los recursos web y también: el Uniform Resource Identifier.


World Wide Web tenía algunas diferencias de los otros sistemas de hipertexto que estaban disponibles en aquel momento:


* WWW sólo requería enlaces unidireccionales en vez de los bidireccionales. Esto hacía posible que una persona enlazara a otro recurso sin necesidad de ninguna acción del propietario de ese recurso. Con ello se reducía significativamente la dificultad de implementar servidores web y navegadores (en comparación con los sistemas anteriores), pero en cambio presentaba el problema crónico de los enlaces rotos.

* A diferencia de sus predecesores, como HyperCard, World Wide Web era no-propietario, haciendo posible desarrollar servidores y clientes independientemente y añadir extensiones sin restricciones de licencia.


El 30 de abril de 1993, el CERN anunció[7] que la web sería gratuita para todos, sin ningún tipo de honorarios.


ViolaWWW fue un navegador bastante popular en los comienzos de la web que estaba basado en el concepto de la herramienta hipertextual de software de Mac denominada HyperCard. Sin embargo, los investigadores generalmente están de acuerdo en que el punto de inflexión de la World Wide Web comenzó con la introducción[8] del navegador[9] web Mosaic en 1993, un navegador gráfico desarrollado por un equipo del NCSA en la Universidad de Illinois en Urbana-Champaign (NCSA-UIUC), dirigido por Marc Andreessen. Funding para Mosaic vino del High-Performance Computing and Communications Initiative, un programa de fondos iniciado por el entonces gobernador Al Gore High Performance Computing and Communication Act of 1991, también conocida como la Gore Bill.[10] Antes del lanzamiento de Mosaic, las páginas web no integraban un amplio entorno gráfico y su popularidad fue menor que otros protocolos anteriores ya en uso sobre Internet, como el protocolo Gopher y WAIS. La interfaz gráfica de usuario de Mosaic permitió a la WWW convertirse en el protocolo de Internet más popular de una manera fulgurante.


Y sobre esta clase hubo un cuestionario que es:


¿QUE IMPLICACIONES SOCIALES, ECONOMICAS, POLITICAS Y EDUCATIVAS, MOTIVARON LA APARICION DE LA WEB? Pues la mejoria en negocios las altas ventas hacia el estranjero la mejor comunicacion hacia la gente de todo lo que ocurre en el mundo y el mejor desempeño educativo por la ayuda en tareas.


¿COMO HA IMPACTADO LA WEB WN LOS ASPECTOS SOCIALES Y EDUCATIVOS? Con la facilidad de conocer personas en la web y la ayuda en las tareas y trabajos educativos


¿CONCIDERAS QUE LA WEB SERIA UNA HERRAMIENTA DE APRENDIZAJE, EFICIENTE PARA APRENDER? ¿POR QUE? SI, por toda la informacion que contiene y sirve para el apoyo y aprendizaje de los jovenes.

Conclusion:
Conocer un poco de historia de lo que era la web antes nos enseña o nos deja como aprendizaje como fue evolucionando la web a lo largo del tiempo

CONCEPTOS

OBJETIVO: Conocer los conceptos basicos de paginas web atravez de la discucion en equipos para unificar criterios.



DESARROLLO: El profesor nos dio una serie de preguntas que debiamos de responder en equipo y esto fue lo que respondimos:




¿QUE ES?

UNA PAGINA WEB: Es un documento adaptado para la web y que normalmente forma parte de un sitio web. Una pagina web esta compuesta principalmente por informacion e inperenlaces; ademas puede contener o asociar datos de estilos para especificar como debe visualizarse, o aplicaciones embebidas para hacerla
inperactiva.





UN PORTAL: Un portal de internet es un sitio web cuyo objetivo es ofrecer al usuario, de forma facil e integrada, el acceso a una serie de recursos y de servicios, entre los que suelen encontrarse buscadores, foros, documentos, aplicaciones, compra electronica, etc.




HTTP: El protocolo de transferencia de hipertexto (http, hipertext transfer protocol) Es el protocolo utilizado cada ttranssaccion de la web(www).




LINK, LIGA O HIPERVINCULO: En la www los enlaces (vinculos) de una pagina web conectan con otras ghome page, a menudo muy alejadas fisicamente, pero relacionada por su tematica.




¿CUAL ES?



EL OBJETIVO DE UNA PAGINA WEB:




*ATRAER CLIENTES A UN NEGOCIO
* BRINDAR INFORMACION A LOS USUARIOS
* INTERACTUAR CON MAS USUARIO




CARACTERISTICAS DE UNA PAGINA WEB: Diseño basico, uso de freses, grafica pèrsonalizada, paginas web interactivas, animaciones, sonidos.




LA ESTRUCTURA DE UNA PAGINA WEB: Toda pagina web tiene una estructura que permite al programador saber que tipo de informacion necesita introducir:



<> INDICA EL TITULO DE LA PAGINA PROPIAMENTE DICHO
<> INDICA EL ENCABEZADO DE LA PAGINA
<> INDICA EL TITULO DE LA PAGINA PROPIAMENTE DICHO
<> ES UNA INSTRUCCION QUE INDICA AL EXPLORADOR DE INTERNET QUE HAY EMPIEZA EL AREA DE CONTENIDO DE LA PAGINA(ES DECIR EL CUERDO DE LA PAGINA).




CONCLUSIONES: Los conceptos nos ayudan a conocer el significado de cada palabra en esta clase aprendimos de cierta forma la estructura de una pagina web diseñada en html