Herramientas de Edición de textos

  • 3,616 views
Uploaded on

 

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
3,616
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
7
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Herramientas de Creación y EdiciónLa herramienta de edición se instala y configura conel fin de utilizarla en la elaboración de las páginas web, siguiendo lasespecificaciones recibidas.Los asistentes que proporcionan las herramientas deedición se identifican y se utilizan para facilitar lacreación de las páginas, según las especificacionestécnicas de la herramienta
  • 2. Desarrollo de Sitios Web http://www.servicioweb.com.ve/ Thayxiliana Pinzón 2012
  • 3. Temas o Plantillas Thayxiliana Pinzón 2012
  • 4. Propiedades de la PáginaTenemos que tener en cuenta que el diseño de páginas Web, estápensado para mostrarse en pantalla, por lo que es importantetrabajar los colores y los fondos de páginaEn FrontPage para acceder a las propiedades de cualquierelemento hay que pulsar con el botón derecho sobre el elemento ynos aparece una ventana con la opción deseada. Así, si pulsamossobre cualquier parte de la página con el botón derecho podremosseleccionar propiedades de página, que nos abrirá la siguienteventana:Si seleccionamos la segunda pestaña (fondo), vemos quepodemos seleccionar para el fondo de la página en primer lugaralguna 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 untexto, puedes modificarlas propiedades de suformato. Selecciona eltexto haciendo clic a unlado del mismo, yarrastrando el cursorhasta que todo él seilumine.Después, seleccionaFormato y alguna de susopciones: Fuente, Estilodel texto, Color, Párrafo(para alienarlo), Lista, yotros. Thayxiliana Pinzón 2012
  • 7. Seleccionamos el estilo de texto: 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 unapaleta de color: Thayxiliana Pinzón 2012
  • 11. Estos dos iconos sirven para disminuir o aumentar el tamaño de lafuente Los siguientes dan formato de negrita, cursiva o subrayado:Y los cinco últimos sirven para desplazar el párrafo hacia la izquierdao derecha; alinear a izquierda, centro, derecha o justificar el párrafo: Thayxiliana Pinzón 2012
  • 12. Propiedad de FondosLa propiedad background-color describe el color de fondode los elementos.El elemento <body> contiene todo el contenido de undocumento HTML. Así pues, para cambiar el color de fondode una página, la propiedad background-color deberíaaplicarse al elemento <body>.También se pueden aplicar colores de fondo a otroselementos, entre ellos, a los encabezados y al texto.Fijar la imagen de fondo [background-attachment] Thayxiliana Pinzón 2012
  • 13. <body background="tex.jpg"> Thayxiliana Pinzón 2012
  • 14. Propiedad de ColorPara seleccionar un colorpulsamos sobre el botón que aparece a laderecha 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 otrodocumento o archivo, oa 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 eltexto 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
  • 17. Thayxiliana Pinzón 2012
  • 18. Mapa de ImágenesQué es un mapa de imagenLa idea es verdaderamente simple. En una imagencualquiera que está enlazada a nuestra página web, sedefinen unas áreas activas (hotspots) que actuaráncomo enlaces normales de HTML. Por ejemplo, yhaciendo honor al nombre de mapa, puede tratarse deuna representación de un país. Haciendo clic sobre lasdiferentes regiones se accede a una página que tratasobre ellas. Thayxiliana Pinzón 2012
  • 19. Thayxiliana Pinzón 2012
  • 20. Listas Para crear listas se puede partir de loselementos de un párrafo que ya esté escrito. Eneste 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 puedeemplear 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 lapantalla, 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 enuna sola. Mal utilizadospueden arruinar la mejor página web, pues nohemos de olvidar que lapantalla 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 losinternautas 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 decrédito con el objetivo de solicitar un producto o bien ser utilizada para solicitar datos Thayxiliana Pinzón 2012
  • 24. Thayxiliana Pinzón 2012