Como Construir Pagina Web

¿Como construir pagina web?

Nombre: axel symmer Curso:1°B

El lenguaje de programación HTML

Si te lo propones puedes aprender el lenguaje HTML en un día. Si tienes algo de tiempo, programar tus páginas web, te va a resultar una experiencia gratificante e instructiva. El lenguaje HTML tiene instrucciones de la forma: <ID atributos> datos , donde ID identifica una instrucción, atributos son valores para darle forma a los datos, y el fin de la instrucción se marca con . (TAG, clause, cláusula, son sinónimos de instrucción) Por ejemplo, <B> pone en negrita el texto que le sigue hasta el , por lo cual si escribimos: <B>texto enfatizado , se obtiene: texto enfatizado. Seguidamente tienes una muestra de instrucciones HTML para que captes los conceptos básicos del lenguaje. Te resultará muy útil tener una idea sobre el hipertexto HTML. La estructura de un documento en lenguaje HTML es la siguiente:

<TITLE> El título del documento ....................................... Instrucciones del documento .......................................

El define el comienzo de un documento HTML. El define el encabezado, que incluye entre otros datos, el <TITLE> que permite especificar el título del documento, el cual aparecerá en la parte superior de la pantalla del navegador o visor web. El define el cuerpo de las instrucciones del documento. Además, permite definir diversos aspectos de la página, como por ejemplo, el color del fondo, el color para señalar los hiperenlaces, etc. El parámetro bgcolor define el color del fondo de la página. Esta página web que estás leyendo empieza de esta forma... <TITLE> Computarizar - Tu propia pagina web - ....................................... Instrucciones de esta pagina web .......................................

Ejemplos de instrucciones básicas que van en el cuerpo de un documento HTML.

Instrucciones/descripción

Resultado en pantalla

enfatizado y subrayado

enfatizado y subrayado

inicia escritura en negrita, subraya.



indica inserción de una imagen. src=especifica el archivo de la imagen/gráfico. Portada de Computarizar

Portada de Computarizar define un enlace o hiperenlace. href= define la dirección de la página web.

Lista de Tipos de letras

• Arial black
• Sans Serif

define una lista que usa un circulito.
• define un renglón o ítem de la lista.
  
  •
  
  Lista de Tipos de letras Arial black
  
  •
  
  Sans Serif
  
  Tabla de datos sencilla
  

  XXX	YYY
  VVV	WWW

  
  
  XXX VVV
  
  Tabla de datos sencilla YYY WWW
  
  define un elemento (color, ubicación,..) termina una fila.
  
  Si quieres aprender HTML, Javascript, Java, Perl y otros lenguajes que se usan para programar páginas web, consulta la bibliografía al final de esta página. Las imágenes, gráficos, videos y sonidos que se incluyen en las páginas web, están grabados en archivos en diversos formatos, que se presentan seguidamente.
  
  Programación de Páginas Web
  
  Un programa en HTML se puede escribir con un sencillo editor de textos, como el NotePad de Windows o el editor vi de Unix. Las páginas web son tan populares, que todos los procesadores de textos actuales, programas de dibujo y planillas electrónicas incluyen opciones para convertir los documentos al formato HTML. La necesidad creciente de publicar en la Web, ha influido en el surgimiento de una gran cantidad de programas especializados en la edición de páginas web. Estos editores HTML brindan un ambiente visual y muy intuitivo para componer un documento de hipertexto. Podemos decir que son procesadores de hipertexto, porque permiten trabajar en forma análoga, a como se trabaja con un procesador de textos avanzado. Un procesador de hipertexto, permite formatear con facilidad el texto de una página web. Al ir digitando el texto, se puede elegir el tipo de letra, el estilo, el tamaño y el color. Se pueden insertar con un simple click del ratón, gráficos, imágenes, tablas de información, enlaces o hiperenlaces, listas de selección, formularios, botones y otros elementos.
  
  El lenguaje JavaScript Es muy usado, porque permite crear páginas web dinámicas y ampliar la funcionalidad de un documento HTML. La gran ventaja de Javascript es que ejecuta en el PC o terminal del usuario. El código de Javascript es insertado entre las instrucciones HTML. Normalmente está formado por funciones o rutinas de computación, declaraciones de objetos y datos. Javascript es un lenguaje que permite programar aplicaciones complejas, tales como: verificar la consistencia de los datos ingresados en un formulario, abrir y manejar una nueva ventana del navegador, crear páginas web dinámicamente, efectuar cálculos matemáticos, efectuar tareas que requieren controles de tiempo, y muchas tareas más.
  
  El lenguaje JAVA JAVA es un lenguaje de programación orientado a objetos, moderno y muy seguro para desarrollar aplicaciones para Internet. Es similar al lenguaje C++ universalmente usado. Para que un navegador o visor Web pueda ejecutar un programa en JAVA, necesita disponer de una máquina o intérprete JAVA. Los navegadores modernos tienen JAVA. ¿Cuál es la ventaja de JAVA? Es independiente del sistema operativo y de la plataforma de computación. El mismo programa ejecuta en una máquina que usa Windows, en una máquina que usa UNIX o en una máquina Macintosh que usa MacOS/8. Los programas JAVA, ofrecen una interfase gráfica vistosa y su manejo es intuitivo y sencillo. El lenguaje HTML tiene la instrucción <APPLET > que permite insertar un applet o programa Java en una página web, en forma similar a como se inserta un gráfico.
  
  DISEÑO DE TU PAGINA WEB
  
  Para tener tu propia página Web, todo lo que necesitas es tener un tema u objetivo (preferiblemente honorable) y entusiasmo para trabajar hasta lograr que tus ideas o negocios estén presentes en Internet. ¡Persevera y triunfarás! La primer etapa consiste en diseñar tu página Web, tienes que dedicar varias horas a componer el texto y ubicar logos, imágenes, gráficos, sonidos y establecer enlaces o vínculos entre las páginas. En esta etapa de bosquejo tienes que pulir bien los detalles. Una buena forma de visualizar tu página web, es pensar que es un folleto, en el cual vas a presentar el tema u objetivo de tu proyecto. Un folleto tiene una portada o página de presentación, en la cual se establece el objetivo y los rasgos que son más destacados. A la portada le siguen páginas donde se desarrollan en profundidad los diversos temas. ¿Qué forma o estilo darle a mi página? La respuesta puedes encontrarla tu mismo. Cuando exploras Internet, anota las direcciones de las páginas que tienen el estilo que quieres para tu propia página. Te puede ser útil visitar páginas sobre tu mismo tema o similares.
  
  HERRAMIENTAS DE DISEÑO Son necesarias varias tareas para construir una página web, hay que formatear el texto, escanear logos, hacer gráficos, procesar imágenes, crear carteles animados, ubicar los hiperenlaces, y luego compaginar estos elementos en forma armónica y eficiente. En el cuadro siguiente tienes el kit de programas básicos de un programador Web.
  
  TAREAS
  
  PROGRAMAS - Netscape Composer Edición de hipertexto, (lenguaje HTML) - FrontPage Dibujo, gráficos animados, - PaintShop Pro proceso de imágenes - FotoShop - CorelDraw - Mapedit Creación de mapas de enlaces sobre gráficos - Map This! - Animagic Creación de gráficos animados en formato GIF - Gif Construction Set Estos programas y muchos otros utilitarios, los puedes bajar de los sitios de las redes de distribución de programas shareware y públicos. Otra fuente son los CD-ROMs de revistas de informática. En la bibliografía de esta página, tienes una lista de los mejores directorios de programas shareware. Puedes buscar por el nombre del programa o por su descripción.