Herramientas de Edición de textos

Diapositiva 1

Herramientas de Creacin y Edicin

La herramienta de edicin se instala y configura con el fin de utilizarla en la elaboracin de las pginas web, siguiendo las especificaciones recibidas.Los asistentes que proporcionan las herramientas de edicin se identifican y se utilizan para facilitar la creacin de las pginas, segn las especificaciones tcnicas de la herramienta

Thayxiliana Pinzn 2012Desarrollo de Sitios Webhttp://www.servicioweb.com.ve/

Thayxiliana Pinzn 2012

Temas o Plantillas

Thayxiliana Pinzn 2012Propiedades de la Pgina

Tenemos que tener en cuenta que el diseo de pginas Web, est pensado para mostrarse en pantalla, por lo que es importante trabajar los colores y los fondos de pgina En FrontPage para acceder a las propiedades de cualquier elemento hay que pulsar con el botn derecho sobre el elemento y nos aparece una ventana con la opcin deseada. As, si pulsamos sobre cualquier parte de la pgina con el botn derecho podremos seleccionar propiedades de pgina, que nos abrir la siguiente ventana: Si seleccionamos la segunda pestaa (fondo), vemos que podemos seleccionar para el fondo de la pgina en primer lugar alguna imagen


Propiedades de Ttulos TextoPropiedad de FondosPropiedad de ColorTipos de propiedades de la pgina web

Thayxiliana Pinzn 2012 Propiedades de Ttulos 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. Despus, selecciona Formato y alguna de sus opciones: Fuente, Estilo del texto, Color, Prrafo (para alienarlo), Lista, y otros.

Thayxiliana Pinzn 2012Seleccionamos el estilo de texto:


Tambin podrs realizar cambios en el formato desde la barra de formato:


Con "Texto del cuerpo" podemos elegir el tipo de letra, como Encabezado


El recuadro siguiente sirve para seleccionar los colores del texto: Al pinchar en l, se abre una paleta de color:


Estos dos iconos sirven para disminuir o aumentar el tamao de la fuente Los siguientes dan formato de negrita, cursiva o subrayado: Y los cinco ltimos sirven para desplazar el prrafo hacia la izquierda o derecha; alinear a izquierda, centro, derecha o justificar el prrafo:

Thayxiliana Pinzn 2012Propiedad de Fondos

La propiedad background-color describe el color de fondo de los elementos.El elemento contiene todo el contenido de un documento HTML. As pues, para cambiar el color de fondo de una pgina, la propiedad background-color debera aplicarse al elemento .Tambin se pueden aplicar colores de fondo a otros elementos, entre ellos, a los encabezados y al texto. Fijar la imagen de fondo [background-attachment]



Propiedad de ColorPara seleccionar un color pulsamos sobre el botn que aparece a la derecha de cada opcin y nos muestra la siguiente ventana:


Marcadores e HipervnculosUn hipervnculo es un enlace a una parte del documento, a otro documento o archivo, o a un correo electrnico. El hipervnculo 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 hipervnculo. Despus, se selecciona Insertar>Enlace


Insercin de ImgenesDesde la opcin de Insertar se puede seleccionar un conjunto de recursos, como lnea horizontal, smbolos, imgenes, etc.Si seleccionamos Imagen, se abre el siguiente men:Podemos encontrar la imagen en nuestro ordenador, seleccionando "Seleccionar archivo":Desde el botn Examinar se puede localizar en las distintas carpetas la imagen deseada. El mismo procedimiento se puede aplicar a los vdeos:


EJEMPLO


Mapa de Imgenes Qu es un mapa de imagenLa idea es verdaderamente simple. En una imagen cualquiera que est enlazada a nuestra pgina web, se definen unas reas activas (hotspots) que actuarn como enlaces normales de HTML. Por ejemplo, y haciendo honor al nombre de mapa, puede tratarse de una representacin de un pas. Haciendo clic sobre las diferentes regiones se accede a una pgina que trata sobre ellas.


EJEMPLO:


ListasPara crear listas se puede partir de los elementos de un prrafo 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


TablasLa utilidad tabla se puede emplear tambin para ordenar los elementos de una pgina, como textos, ttulos, imgenes, etc. Ten en cuenta que la forma en la que otra persona ver tu pgina web no es igual necesariamente a como t la ves al disearla (depende de la configuracin de la pantalla, entre otros factores). Por eso es conveniente configurar una pgina web ubicando en casillas de una tabla sin bordes los distintos elementos.


MarcosDenodados por unos y adorados por otros los marcos o frames son una forma de insertar varias pginas web en una sola. Mal utilizados pueden arruinar la mejor pgina web, pues no hemos de olvidar que la pantalla del monitor est fsicamente limitada.


Uso de Formularios y Otros componentesUn formulario web dentro de una pgina 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 seleccin, botones de opcin, o campos de texto. Por ejemplo, los formularios web pueden ser usados para introducir datos de envo o datos de una tarjeta de crdito con el objetivo de solicitar un producto o bien ser utilizada para solicitar datos


EJEMPLO:


Herramientas de Edición de textos

Education

Transcript of Herramientas de Edición de textos