El documento describe las herramientas de edición y creación de páginas web. Explica que las herramientas se instalan y configuran de acuerdo a las especificaciones recibidas y que proveen asistentes para facilitar la creación de páginas según las especificaciones técnicas. También cubre temas como propiedades de páginas, formatos de texto, colores, fondos, hipervínculos, imágenes, mapas de imágenes, listas, tablas, marcos y formularios.
1. Herramientas de Creación y Edición
La herramienta de edición se instala y configura con
el fin de utilizarla
en la elaboración de las páginas web, siguiendo las
especificaciones recibidas.
Los asistentes que proporcionan las herramientas de
edición se identifican y se utilizan para facilitar la
creación de las páginas, según las especificaciones
técnicas de la herramienta
4. Propiedades de la Página
Tenemos que tener en cuenta que el diseño de páginas Web, está
pensado para mostrarse en pantalla, por lo que es importante
trabajar los colores y los fondos de página
En FrontPage para acceder a las propiedades de cualquier
elemento hay que pulsar con el botón derecho sobre el elemento y
nos aparece una ventana con la opción deseada. Así, si pulsamos
sobre cualquier parte de la página con el botón derecho podremos
seleccionar propiedades de página, que nos abrirá la siguiente
ventana:
Si seleccionamos la segunda pestaña (fondo), vemos que
podemos seleccionar para el fondo de la página en primer lugar
alguna imagen
Thayxiliana Pinzón
2012
5. Tipos de propiedades de la página web
Propiedades de Títulos “Texto”
Propiedad de Fondos
Propiedad de Color
Thayxiliana Pinzón
2012
6. Propiedades de Títulos “Texto”
Una vez escrito un
texto, puedes modificar
las propiedades de su
formato. Selecciona el
texto haciendo clic a un
lado del mismo, y
arrastrando el cursor
hasta que todo él se
ilumine.
Después, selecciona
Formato y alguna de sus
opciones: Fuente, Estilo
del texto, Color, Párrafo
(para alienarlo), Lista, y
otros.
Thayxiliana Pinzón
2012
8. También podrás realizar cambios en el formato
desde la barra de formato:
Thayxiliana Pinzón
2012
9. Con "Texto del cuerpo" podemos elegir el tipo de letra, como
Encabezado
Thayxiliana Pinzón
2012
10. El recuadro siguiente sirve para seleccionar los colores
del texto:
Al pinchar en él, se abre una
paleta de color:
Thayxiliana Pinzón
2012
11. Estos dos iconos sirven para disminuir o aumentar el tamaño de la
fuente
Los siguientes dan formato de negrita, cursiva o subrayado:
Y los cinco últimos sirven para desplazar el párrafo hacia la izquierda
o derecha; alinear a izquierda, centro, derecha o justificar el párrafo:
Thayxiliana Pinzón
2012
12. Propiedad de Fondos
La propiedad background-color describe el color de fondo
de los elementos.
El elemento <body> contiene todo el contenido de un
documento HTML. Así pues, para cambiar el color de fondo
de una página, la propiedad background-color debería
aplicarse al elemento <body>.
También se pueden aplicar colores de fondo a otros
elementos, entre ellos, a los encabezados y al texto.
Fijar la imagen de fondo [background-attachment]
Thayxiliana Pinzón
2012
14. Propiedad de Color
Para seleccionar
un color
pulsamos sobre
el botón que
aparece a la
derecha de cada
opción y nos
muestra la
siguiente
ventana:
Thayxiliana Pinzón
2012
15. Marcadores e Hipervínculos
Un hipervínculo es un
enlace a una parte del
documento, a otro
documento o archivo, o
a un correo electrónico.
El hipervínculo o enlace
se puede disponer a
partir de un texto o de
una imagen. En primer
lugar, se selecciona el
texto o la imagen en los
que se ubicará el
hipervínculo.
Después, se selecciona
Insertar>Enlace
Thayxiliana Pinzón
2012
16. Inserción de Imágenes
Desde la opción de Insertar se puede seleccionar un
conjunto de recursos, como línea
horizontal, símbolos, imágenes, etc.
Si seleccionamos Imagen, se abre el siguiente
menú:
Podemos encontrar la imagen en nuestro
ordenador, seleccionando "Seleccionar archivo":
Desde el botón Examinar se puede localizar en las distintas
carpetas la imagen deseada. El mismo procedimiento se
puede aplicar a los vídeos:
Thayxiliana Pinzón
2012
18. Mapa de Imágenes
Qué es un mapa de imagen
La idea es verdaderamente simple. En una imagen
cualquiera que está enlazada a nuestra página web, se
definen unas áreas activas (hotspots) que actuarán
como enlaces normales de HTML. Por ejemplo, y
haciendo honor al nombre de mapa, puede tratarse de
una representación de un país. Haciendo clic sobre las
diferentes regiones se accede a una página que trata
sobre ellas.
Thayxiliana Pinzón
2012
20. Listas
Para crear listas se
puede partir de los
elementos de un párrafo
que ya esté escrito. En
este caso, se selecciona
con el cursor todos los
elementos de la futura
lista, y luego se elige
Formato>Lista
Thayxiliana Pinzón
2012
21. Tablas
La utilidad tabla se puede
emplear también para ordenar
los elementos de una
página, como
textos, títulos, imágenes, etc.
Ten en cuenta que la forma en
la que otra persona verá tu
página web no es igual
necesariamente a como tú la
ves al diseñarla (depende de
la configuración de la
pantalla, entre otros factores).
Por eso es conveniente
configurar una página web
ubicando en casillas de una
tabla sin bordes los distintos
elementos.
Thayxiliana Pinzón
2012
22. Marcos
Denodados por unos y
adorados por otros los
marcos o frames son
una forma de insertar
varias páginas web en
una sola. Mal utilizados
pueden arruinar la mejor
página web, pues no
hemos de olvidar que la
pantalla del monitor está
físicamente limitada.
Thayxiliana Pinzón
2012
23. Uso de Formularios y Otros componentes
Un formulario web dentro de una página web permite al
usuario introducir datos los cuales son enviados a un
servidor para ser procesados. Los formularios web se
parecen a los formularios de papel porque los
internautas llenan dichos formularios usando casillas de
selección, botones de opción, o campos de texto. Por
ejemplo, los formularios web pueden ser usados para
introducir datos de envío o datos de una tarjeta de
crédito con el objetivo de solicitar un producto o bien ser
utilizada para solicitar datos
Thayxiliana Pinzón
2012