html

 Haz doble clic en la página HTML que contiene la lista de viñetas. Elige "Abrir con" y haz doble clic en el editor de HTML en la lista de programas. Usa el bloc de notas si no tienes un editor de HTML específico.
 2
Teclea " " entre las etiquetas "" y "" en la parte superior de la página HTML. Las etiquetas "head" se colocan siempre en la parte superior del código HTML.
 3
Teclea elsiguiente código dentro de las etiquetas de "estilo" que creaste en el paso dos: ul { margin-left: 10; } En el código de arriba, el margen de sangría está colocado en 10 píxeles. Reemplaza "10" con tu propio valor de sangría.
 4
Pulsa la tecla control y después "S" para guardar el archivo. Abre el archivo en tu navegador web para probar la nueva configuración de márgenes. 
 Capítulo 1
Los Programas para generar páginas Web los podemos clasificar en dos grupos, en los que podemos identificar las ventajas y desventajas de cada uno de ello.
Programas para novatos:

Nota:
Si se emplea Word para realizar una página Web, se recomienda no utilizar tabuladores, y no utilizar sangrías francesas. Utilice tablas para producir el mismo efecto que lassangrías.
Programas para expertos y profesionales.

 
 
 Capítulo: Consejos para el diseño de una página Web
Organización del contenido de la página
Un tema grande a tratar se debe de dividir en subtemas, colocando cada uno de ellos en páginas distintas, relacionadas unas a otras por medio de Links. Un grupo de páginas relacionadas recibe el nombre de sitio.
Si se coloca bastanteinformación en una pagina, esta debe de tener un menú o índice propio, y en cada tema debe de haber opciones de retorno al menú y a los temas siguientes y anteriores.
Incluir gráficos, y/o gif animados en todas las páginas.
Es conveniente hacer paginas vistosas por lo que es recomendable que tenga gráficos, sin embargo hay que tener cuidado de no utilizar demasiados, o gráficos muy grandes, ya que haríaque la página se cargara muy lenta.
Cuando tenemos necesidad de colocar un gran número de gráficos, la técnica a seguir es reducir las imágenes y colocarlos así en la página, elaborando un código para permitir ampliar la imagen del gráfico ó mostrar una página adicional con el gráfico de gran tamaño.
Cuando se necesite mostrar una imagen grande, se presenta primero en la pagina una imagenreducida dándole el link o enlace a una imagen grande (al oprimir click a la imagen se carga una pagina con la imagen amplificada.)
Elección de Gráficos
Para diseñar una página Web, debemos de contar con imágenes que no ocupen una gran cantidad de Bytes, ya que eso hace que la página sea demasiado lenta para cargar, y provocaría que el visitante se desespere y salga de ella.
Se recomiendarealizar un balance entre calidad y velocidad de carga, tratando siempre de tener las imágenes de calidad aceptable que ocupen poco espacio.
Las imágenes con mucha calidad ocupan más espacio que las que no la tienen.
Se recomienda que en la pagina de inicio o home page, sea aproximadamente de 40 k incluyendo las imágenes. Para que los visitantes que tienen conexiones lentas no se desesperen ycancelen la carga de la página.
Términos importantes:
HTML
Abreviatura de Hyper Text Markup Language
WWW
Abreviatura de World Wide Web
FTP
Abreviatura de File Transfer Protocol. (Protocolo de Transferencia de archivos. Es el empleado por programas que sirven para transmitir (enviar) o recibir información a un servidor. Es el utilizado para enviar paginas a un servidor.
URL
UniformResource Locator. Este termino se refiere a una dirección de Internet, o una dirección de FTP.
 
 Capítulo: Elementos Básicos y estructura de una pagina Web
Directivas
Piense en directivas ó etiquetas como hablar con el browser, o sea es la manera de darle instrucciones.
Abajo se dan los siguientes ejemplos de directivas:


La primera directiva es de inicio y la siguiente es una...