lunes, 20 de febrero de 2012

pagina web practica 8


Requisitos mínimos
En primer lugar se debe comprobar si esta versión se puede instalar sobre el sistema operativo del ordenador.
Dreamweaver 8 es compatible con Windows® 2000, Windows XP y Macintosh Mac OS® X 10.3 y 10.4. No obstante, a partir de esta versión, Dreamweaver ya no es compatible con Windows 98, Windows 2000 Server, Windows 2003 Server ni con Macintosh OS 10.2.x o versiones anteriores
Instalación de Dreamweaver
  1. Se introduce el CD de Dreamweaver en la unidad de CD-ROM.
  2. Dependiendo del sistema operativo:
    • En Windows, se iniciará automáticamente el programa de instalación.
    • En Macintosh, se hace doble clic en el icono del instalador de Dreamweaver que aparece en el escritorio.
  3. Se siguen las instrucciones que aparecen en pantalla.
    El programa de instalación solicitará la información necesaria.
  4. Si el sistema lo solicita, reinicie el sistema.
  5.  

HTML: Estructura, cabecera  y cuerpo

Definimos una página web como lo que ve el usuario en la ventana de su navegador.
Un documento web es el código interno que genera esa página web, y que contiene elementos visibles en la página web y otros elementos que no serán visibles en ningún momento en la ventana del navegador.
Un documento web consta de dos partes bien diferenciadas: head y body
Cabecera o head: Es el código comprendido entre las etiquetas <HEAD> y </HEAD>, cuyo contenido no es visible en la ventana del navegador, pero muy importante para los buscadores.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML>
<HEAD>
<TITLE>Tutorial de html</TITLE>
<META NAME="Keywords" CONTENT="Tutorial de html">
<META NAME="Description" CONTENT="curso de html">
<META NAME="Distribution" CONTENT="Global">
<META NAME="Robots" CONTENT="All">
<META NAME="Language" CONTENT="ES">
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-8859-1">
</HEAD>
Cuerpo o body: Es el código comprendido entre las etiquetas <BODY> y </BODY>, cuyo contenido si es visible en la ventana del navegador.
<BODY>
<p>Mi tutorial de html</p>
</BODY>
Y siempre toda página web debe cerrar su código fuente con </HTML>
Paginas web la cabecera
Suele ser el lugar indicado para colocar aquellos elementos de la página que no alteren el contenido de la misma, aunque sí la forma de presentarlo y su comportamiento. Es por eso que es el lugar más recomendable para colocar los scripts y las hojas de estilo.
Además del titulo de la página, uno de los elementos que se pueden incluir aquí son los META tags, ellos sirven para indicar propiedades de la página como puede ser el nombre de su autor, descripción de la página, palabras clave para su búsqueda en los buscadores, por ejemplo:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Nos indica el tipo de contenido del documento, las propiedades mas comunes son las siguientes:
<meta name="autor" content="..."> //Autor de la pagina
<meta name="generator" content="..."> //Herramienta utilizada para hacer la pagina
<meta name="description" content="..."> //Descripción de la pagina
<meta name="keywords" content="..."> //Palabras clave para ser encontrada en los buscadores
Hay también otro elemento interesante que podemos incluir en nuestras cabeceras. Cuando especificamos una URL relativa en un enlace, en principio es para acceder a una página situada en nuestro servidor. Sin embargo, si especificamos:
<base href="http://www.hosnet.org/music">
Ahora todas nuestras URLs relativas se referirán al directorio /music dentro del servidor http://www.hosnet.org.  Aquí también definimos (en la cabecera) estilos y además agregar código javascript y algún otro tipo de código así como también en el cuerpo (body).
<style type="text/css"></style>
<script language="javascript" type="text/javascript"></script>
El cuerpo
Los parámetros que admite la etiqueta <BODY>
Background: define un grafico de fondo para la página.
bgcolor: define un color de fondo de la página.
text: cambia el color del texto
link: cambia el color de un enlace no visitado
leftmargin / topmargin: especifica el número de píxeles de margen entre el borde de la ventana y el contenido de la página, por default cero.
marginwidth / marginheight: igual en el caso anterior pero para navegadores de Netscape.
Aquí en esta parte ingresamos la información (el contenido de nuestra página) etiquetas HTML, código embebido de otros lenguajes permitidos embeberse en HTML. Aconsejable las propiedades y atributos de etiquetas HTML manejarlas con hojas de estilo.
Publicado por en

1 comentario:

Suscribirse a: Enviar comentarios (Atom)