Pagimas Web

COMO HACER UNA PAGINA WEB

BASE DE DATOS

PRESENTADO POR:

JOSÉ RAFAEL MARTÍNEZ MEDINA

PRESENTADO A:

LUZ MARGARITA ECHAVARRÍA

UNIVERSIDAD ANTONIO NARIÑO

INGENIERÍA, ARQUITECTURAS, URBANISMOS Y AFINES

BASE DE DATOS

2013

COMO CREAR UNA PAGINA WEB

Las páginas web en la actualidad son las herramientas más grandes de consultas y en las cuales encontramos todo tipo de información. Por esto quiero enseñar cómo se crea una página web partiendo desde cero. En este proceso utilizaremos muchas herramientas que las mencionaré a medida que las usemos. Pero antes quiero dar un concepto breve pero sustancioso de lo que es una página web.

DEFINICIÓN: Una página web, (página electrónica que es el término recomendado por la Real Academia Española) es un documento de textos electrónico adaptado para la World Wide Web (www) (que se puede traducir como Red Global Mundial pero es más conocida como la internet) y que puede ser accedida por un navegador web. El formato más usado por los creadores de páginas web es el lenguaje de HTML. El navegador web es la aplicación capaz de interpretar el código programado en HTML.

Características de una página web

Aunque inicialmente mencionamos que las páginas web están compuestas por texto electrónico, también puede contener módulos multimedia (imágenes, videos, animaciones, etc.) también puede contener híper-enlaces (link), hojas y datos de estilo que le indican cómo debe visualizarse y algunas incluso poseen aplicaciones para que sea más interactiva.

En resumen una página web es una excelente herramienta de presentación ya sea de una empresa, una organización y hasta de una persona. Las páginas web pueden reflejar lo que deseamos y la podemos crear a nuestro antojo dejando volar nuestra imaginación.

Ya que conocemos lo que es en contexto una página web y ya estamos conociendo como es su funcionamiento. A continuación veremos cómo crear una página web.

PARA EMPEZAR:

Para iniciar debemos elegir que lenguaje vamos a emplear en nuestro proceso de creación de nuestra página web y como había mencionado antes el más usado es HTML, pues este mismo usaremos para nuestro trabajo. Últimamente han aparecido nuevas alternativas que facilitan la programación de páginas Web. Son los editores HTML.

Podemos dividir estos editores en tres grupos:

• Asistentes: ayudan a crear el código HTML e incluyen plantillas de código prefabricadas, por ejemplo: HotDog™ (Win), HomeSite™ (Win), HTML Editor™ (Mac), Quanta™ (Linux, KDE) o Bluefish™, (Linux, GNOME).

• Conversores: son programas con otra función que la de la programación Web pero que permiten convertir a HTML. Son ejemplos de conversores Microsoft Word ™,Quark XPress™ y PageMaker™.

• Editores WYSIWYG (What You See Is What You Get, lo que ves es lo que obtienes): estos editores permiten crear páginas web sin escribir código HTML como si se tratase de un programa de dibujo por ordenador. Algunos ejemplos de este tipo de editores son Macromedia Dreamweaver™, HotMetal™ o Microsoft Frontpage™.4

Ahora bien debemos conocer un poco de este nuevo lenguaje. Así que hablaremos un poco del mismo.

HTML

HiperText Markup Language que traducido es leguaje hipertexto de marcas esta basado en etiquetas, básicamente es un conjunto de etiquetas que sirven para definir el texto y otros elementos que incorporan la página web. Dichas etiquetas van contenidas entre los signos < y > por ejemplo <title>. Toda etiqueta tiene una de apertura y una de cierre, esta última se marca con el signo /. Por ejemplo <title> es la marca de apertura mientras que </title> seria la marca de cierre. Y entre la apertura y el cierre es donde introducimos la etiqueta que queremos que aparezca en nuestra página web.

Las etiquetas se componen de las siguientes partes:

• Identificador

• Atributos

• Valor

Hay etiquetas que pueden tener varios atributos y otras que no tienen, como la que estudiamos en el ejemplo anterior.

Estructura básica de una página hecha en HTML.

Este es el modelo que toda página HTML sigue.

 Todo lo que contenga la página estará demarcada dentro de la etiqueta <html> y </html>

 La página por lo general está dividida en dos grandes bloques principales: que son la cabecera identificado por <head> y </head>. (Aquí es donde se encuentra la información sobre la página, es decir, el título.) Y el cuerpo identificado por <body> y </body> (Es donde se encuentra el contenido de la página y lo que vera el usuario. Estos textos, imágenes, enlaces, etc.)

 Para crear encabezados podemos emplear las etiquetas h1, h2, h3… según el nivel del encabezado.

 Para hacer un salto de línea utilizamos <br/>

 Para caracteres especiales es conveniente representarlos con sus entidades HTML. Ejemplo para la á se usa &aacute; para é &eacute; para ñ &ntilde.

 Imágenes: Es quizás el elemento más usado en las páginas web. Los formatos admitidos por el lenguaje son jpg, gif y png. Y son llamados desde la página que creamos.

La etiqueta de imagen es <img/> y la estructura es la siguiente:

<img src=”archivo.gif” hegiht=”35” width=”40” alt=”Descripcion”/>

Dónde:

• Src es la ruta al archivo de imagen.

• height y width es el alto y ancho de la imagen.

• Alt es el texto que se mostrara si no se puede cargar la imagen.

 Divisiones: esta nos permite colocar el contenido de la página en la posición que deseemos se representa así: <div>. Ejemplo: <div

...