CAPITULO 2.2

Pueden ver como despliego la lista de tipografías para seleccionar la que deseo, tengan en cuenta que HTML utiliza las fuentes de los usuarios, si utilizamos una tipografía media rara vamos a tener inconvenientes porque si no la tienen instalada la va a cambiar por la que tenga predeterminada en su máquina.
Por eso tenemos que tener en cuenta que si utilizamos una tipografía decorativa o extraña, debe estar como imagen y no como fuente de html así todos la pueden ver.

El tamaño de la tipografia se mide en código html, del 1 al 7 y cuando dice - ó +1 por ejemplo significa que del tamaño PREDETERMINADO del usuario en su navegador agregue (+) o saque (-) un (1) tamaño del predeterminado por el usuario en esa máquina, por eso siempre es ACONSEJABLE, determinar el color, tamaño y fuente y no dejar nada por PREDETERMINADO para que el diseño de mi sitio se vea tal cual uno desea que se vea.

Cuando escribimos un párrafo y deseamos tener un DOBLE INTERLINEADO como si fuera cambio de párrafo presionen LA TECLA ENTER.

Si desean hacer un salto de rengón pero no de párrafo es decir un SIMPLE INTERLINEADO presionen SHIF + ENTER.

En la barra de herramientas común tenemos las siguientes opciones:

De izquierda a derecha:

• Insertar vínculo
• Insertar vínculo a una dirección de email
• Insertar un ancla
• Insertar tabla
• Insertar capa
• Insertar imagen
• Insertar un placeholder graphics
• Insertar un html de Fireworks
• Insertar un archivo de Flash
• Insertar una imagen de sustitución o rollover
• Insertar una barra de navegación
• Insertar una línea horizontal
• Insertar fecha
• Insertar una tabla de datos (de Excel por ejemplo)
• Insertar un comentario para el código HTML
• Cambiar un tag de programación

Hasta ahora nos estamos olvidando de algo muy importante: SALVAR O GUARDAR EL DOCUMENTO, así que vamos a archivo o file, seleccionamos Guardar o Save y nos va a aparecer la típica ventana de guardar que ya conocemos todos:

A nuestra primer página la vamos a guardar como index.html, tenemos que tener en cuenta que los navegadores reconocen a index como la primer página a mostrar para comenzar a navegar un sitio web.

Bien continuemos (pueden ir a tomar un vaso de agua y volver rápido!), al texto que estamos escribiendo vamos a darle diferente formatos, diferentes tipografías, tamaños, colores, etc, algo asi:

Miren bien esta imagen, vean el ícono que selecciono, dice IMAGE o IMAGEN, hagan click en él, les aparece lo siguiente:

Buscan la ruta donde esta la imagen que desean colocar y no importa si no está en la carpeta de la pagina de colores porque una vez GRABADO EL ARCHIVO HTML dentro de la carpeta que hemos seteado nuestro sitio al principio de todo, el programa reconoce que está fuera y nos va a preguntar: ¿LO GUARDAMOS EN LA CARPETA DEL SITIO?, ahí le colocamos que sí y si queremos lo agregamos en una carpeta llamada imágenes pero DENTRO DE LA CARPETA DEL SITIO SETEADO.

Mi carpeta para el sitio de colores esta en mis documentos en una carpeta llamada ejemplo, entonces me pregunta si queremos guardar la imagen del gato que está en otra carpeta fuera de ejemplo, y le digo que SI. De esta manera nunca me voy a confundir y siempre mis vínculos van a funcionar. POR ESO REPITO: DEFINIR EL SITIO ES LO MÁS IMPORTANTE.

Podemos ver como agregué la carpeta imagenes.

Y vemos aquí como lo llamo gato.jpg (respeten obviamente la extensión) y lo guardo dentro de la carpeta imagenes en la carpeta ejemplo.

Donde coloco el cursor, coloco la imagen:

Observen que la barra de propiedades nos está mostrando las ropiedades de la imagen, cuanto pesa, cual es la ruta de la misma (Src), el alto y el ancho.

Para la próxima entrega practiquen lo siguiente:

• DEFINIR SITIOS
• INSERTAR PARRAFOS Y TEXTOS CON FORMATOS DIFERENTES.
• INSERTAR IMÁGENES.

 

Recuerda que si tienes alguna duda, puedes acudir al foro de nuestro sitio. Allí encontrarás otros que también saben y aprenden.