Uso Del Lenguaje De HTML

HTML, (Hyper Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir. Texto presentado de forma estructurada y agradable, con enlaces (Hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido…) La descripción se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto norma, enumeraciones, definiciones, citas, etc.) así como los diferentes efectos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un grafico determinado) y dejar que luego la presentación final de dicho hipertexto se realice por un programa especializado (como Mosaic o Netscape).

Unidad 3. DISEÑO DE PÁGINAS WEB

USO DEL LENGUAJE HTML

A.- INVESTIGAR EL SOFWARE MÁS USADO PARA LA CREACIÓN DE PÁGINAS WEB

B.- INVESTIGAR CADA UNO DE LOS CÓDIGOS QUE PERMITEN LA CREACIÓN DE titulo, encabezado, cuerpo y guardado del archivo en una página

C.- Investigar el código para el manejo de imágenes, películas, sonidos y animaciones

D.- Investigar los códigos correspondientes para generar hipervínculos

E.- Investigar los códigos correspondientes para la creación de tablas dentro de una página web

F.- Investigar el procedimiento para publicar una página web en internet.

Trabajo de investigación para exponer y entregar en memoria USB el día jueves 14 de marzo 2013

• EL SOFWARE MÁS USADO PARA LA CREACIÓN DE PÁGINAS WEB

Estos programas son para la edición de código HTML, cuentan con tutoriales específicos, como editores WYSIWYG. (What You See Is What You Get, lo que ves es lo que obtienes. Se aplica a los procesadores de texto y otros editores de texto con formato, como los editores de HTML que permiten escribir un documento viendo directamente el resultado final, frecuentemente el resultado impreso). Algunos ejemplos de estos programas son: Dreamweaver, Adobe GoLive, HTMLKit. Komposer, TsWebEditor, Edit plus, Arachnophilia, Coffee Cup free y Front page.

Amaya: Es una herramienta combinada del W3C (World Wide Web Consortium, abreviado W3C, es un consorcio internacional que produce recomendaciones para la World Wide Web) que esta conformada por un navegador y una herramienta de autor. En este programa, cualquier página Web que sea abierta puede ser editada. Es un software libre, trabaja bajo plataformas Unix, linux, Mac y Windows. Mozilla

Composer: es un editor de páginas Web libre y de código abierto y el módulo de autoría Web de Mozilla Application Suite (el predecesor de SeaMonkey). Es usado para crear y editar páginas Web, e-mail, y documentos de texto fácilmente. Es compatible con Microsoft Windows, Mac OS X y Linux. Composer permite ver, escribir y editar código HTML de manera WYSIWYG.

B) CÓDIGOS QUE PERMITEN LA CREACIÓN DE TÍTULO, ENCABEZADO, CUERPO Y GUARDADO DEL ARCHIVO EN UNA PÁGINA

Nuestro manual de páginas dinámicas vimos el concepto de función. Vimos que la función podría ser definida como un conjunto de instrucciones que explotan ciertas variables para realizar una tarea más o menos elemental.

PHP basa su eficacia principalmente en este tipo de elemento. Una gran librería que crece constantemente, a medida que nuevas versiones van surgiendo, es complementada con las funciones de propia cosecha dando como resultado un sinfín de recursos que son aplicados por una simple llamada.

Las funciones integradas en PHP son muy fáciles de utilizar. Tan sólo hemos de realizar la llamada de la forma apropiada y especificar los parámetros y/o variables necesarios para que la función realice su tarea.

Lo que puede parecer ligeramente más complicado, pero que resulta sin lugar a dudas muy práctico, es crear nuestras propias funciones. De una forma general, podríamos crear nuestras propias funciones para conectarnos a una base de datos o crear los encabezados o etiquetas meta de un documento HTML. Para una aplicación de comercio electrónico podríamos crear por ejemplo funciones de cambio de una moneda a otra o de cálculo de los impuestos a añadir al precio de artículo. En definitiva, es interesante crear funciones para la mayoría de acciones más o menos sistemáticas que realizamos en nuestros programas.

Aquí daremos el ejemplo de creación de una función que, llamada al comienzo de nuestro script, nos crea el encabezado de nuestro documento HTML y coloca el título que queremos a la página:

<?

function hacer_encabezado($titulo)

{

$encabezado="<html><head>t<title>$titulo</title></head>";

echo $encabezado;

}

?>

Esta función podría ser llamada al principio de todas nuestras páginas de la siguiente forma:

$titulo="Mi web";

hacer_encabezado($titulo);

De esta forma automatizamos el proceso de creación de nuestro documento. Podríamos por ejemplo incluir en la función otras variables que nos ayudasen a construir la etiquetas meta y de esta forma, con un esfuerzo mínimo, crearíamos los encabezados personalizados para cada una de nuestras páginas. De este mismo modo nos es posible crear cierres de documento o formatos diversos para nuestros textos como si se tratase de hojas de estilo que tendrían la ventaja de ser reconocidas por todos los navegadores.

Por supuesto, la función ha de ser definida dentro del script ya que no se encuentra integrada en PHP sino que la hemos creado nosotros. Esto en realidad no pone ninguna pega ya que puede ser incluida desde un archivo en el que iremos almacenando las definiciones de las funciones que vayamos creando o recopilando.

Estos archivos en los que se guardan las funciones se llaman librerías. La forma de incluirlos en nuestro script es a partir de la instrucción require o include:

require("libreria.php") o include("libreria.php")

En resumen, la cosa quedaría así:

Tendríamos un archivo libreria.php como sigue

<?

//función de encabezado y colocación del título

function hacer_encabezado($titulo)

{

$encabezado="<html>n<head>nt<title>$titulo</title>n</head>n";

echo $encabezado;

}

?>

Por otra parte tendríamos nuestro script principal página.php (por ejemplo):

<?

include("libreria.php");

$titulo="Mi Web";

hacer_encabezado($titulo);

?>

<body>

El cuerpo de la página

</body>

...