SlideShare una empresa de Scribd logo
1 de 24
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
Desarrollo de Sitios Web




  http://www.servicioweb.com.ve/




      Thayxiliana Pinzón
             2012
Temas o Plantillas




   Thayxiliana Pinzón
          2012
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
Tipos de propiedades de la página web




   Propiedades de Títulos “Texto”



       Propiedad de Fondos


         Propiedad de Color




             Thayxiliana Pinzón
                    2012
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
Seleccionamos el estilo de texto:




          Thayxiliana Pinzón
                 2012
También podrás realizar cambios en el formato
         desde la barra de formato:




                Thayxiliana Pinzón
                       2012
Con "Texto del cuerpo" podemos elegir el tipo de letra, como
                       Encabezado




                      Thayxiliana Pinzón
                             2012
El recuadro siguiente sirve para seleccionar los colores
     del texto:




Al pinchar en él, se abre una
paleta de color:




                                Thayxiliana Pinzón
                                       2012
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
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
<body background="tex.jpg">




      Thayxiliana Pinzón
             2012
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
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
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
Thayxiliana Pinzón
       2012
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
Thayxiliana Pinzón
       2012
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
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
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
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
Thayxiliana Pinzón
       2012

Más contenido relacionado

La actualidad más candente

Elaboracion de documentos word
Elaboracion de documentos wordElaboracion de documentos word
Elaboracion de documentos wordulisesgm2013
 
Word 2010 diapositivas 3
Word 2010 diapositivas 3Word 2010 diapositivas 3
Word 2010 diapositivas 3doralyn
 
GUÍA PARA EL MANEJO DE WORD
GUÍA PARA EL MANEJO DE WORDGUÍA PARA EL MANEJO DE WORD
GUÍA PARA EL MANEJO DE WORDadrianita23_43
 
Las herramientas mas comunes de word
Las herramientas mas comunes de wordLas herramientas mas comunes de word
Las herramientas mas comunes de wordAmira Dávila
 
Microsoft word
Microsoft wordMicrosoft word
Microsoft wordalisjaneth
 
Barras de herramientas de word
Barras de herramientas de wordBarras de herramientas de word
Barras de herramientas de wordIrlanda Cortinas
 
Que es una Computadora y sus Partes.
Que es una Computadora y sus Partes.Que es una Computadora y sus Partes.
Que es una Computadora y sus Partes.Gabriela Martinez
 
Procesador De Texto Parte 1
Procesador De Texto Parte 1Procesador De Texto Parte 1
Procesador De Texto Parte 1marielymora
 
Herramientas basicas de microsoft word
Herramientas basicas de microsoft word Herramientas basicas de microsoft word
Herramientas basicas de microsoft word Natalia Cuervo
 
Unidad 8... Autoedición de Word
Unidad 8... Autoedición de WordUnidad 8... Autoedición de Word
Unidad 8... Autoedición de WordNadia Gonzalez
 
Primeros pasos con Microsoft Word
Primeros pasos con Microsoft WordPrimeros pasos con Microsoft Word
Primeros pasos con Microsoft Wordpatcampo
 
Introducción a Word
Introducción a WordIntroducción a Word
Introducción a WordSilvia Sowa
 
procesador de texto conceptos basicos
procesador de texto conceptos basicosprocesador de texto conceptos basicos
procesador de texto conceptos basicosjhonathan19125
 

La actualidad más candente (20)

Elaboracion de documentos word
Elaboracion de documentos wordElaboracion de documentos word
Elaboracion de documentos word
 
Word 2010 diapositivas 3
Word 2010 diapositivas 3Word 2010 diapositivas 3
Word 2010 diapositivas 3
 
GUÍA PARA EL MANEJO DE WORD
GUÍA PARA EL MANEJO DE WORDGUÍA PARA EL MANEJO DE WORD
GUÍA PARA EL MANEJO DE WORD
 
Las herramientas mas comunes de word
Las herramientas mas comunes de wordLas herramientas mas comunes de word
Las herramientas mas comunes de word
 
1 intro de word
1 intro de word1 intro de word
1 intro de word
 
Microsoft word
Microsoft wordMicrosoft word
Microsoft word
 
Tema 8 libro actividades
Tema 8   libro actividadesTema 8   libro actividades
Tema 8 libro actividades
 
Barras de herramientas de word
Barras de herramientas de wordBarras de herramientas de word
Barras de herramientas de word
 
Diapositivas de word[1]
Diapositivas de word[1]Diapositivas de word[1]
Diapositivas de word[1]
 
BARRA DE HERRAMIENTAS DE WORD
BARRA DE HERRAMIENTAS DE WORDBARRA DE HERRAMIENTAS DE WORD
BARRA DE HERRAMIENTAS DE WORD
 
Tp13
Tp13Tp13
Tp13
 
Que es una Computadora y sus Partes.
Que es una Computadora y sus Partes.Que es una Computadora y sus Partes.
Que es una Computadora y sus Partes.
 
Procesador De Texto Parte 1
Procesador De Texto Parte 1Procesador De Texto Parte 1
Procesador De Texto Parte 1
 
Herramientas de word
Herramientas de wordHerramientas de word
Herramientas de word
 
Herramientas basicas de microsoft word
Herramientas basicas de microsoft word Herramientas basicas de microsoft word
Herramientas basicas de microsoft word
 
Unidad 8... Autoedición de Word
Unidad 8... Autoedición de WordUnidad 8... Autoedición de Word
Unidad 8... Autoedición de Word
 
Primeros pasos con Microsoft Word
Primeros pasos con Microsoft WordPrimeros pasos con Microsoft Word
Primeros pasos con Microsoft Word
 
Introducción a Word
Introducción a WordIntroducción a Word
Introducción a Word
 
procesador de texto conceptos basicos
procesador de texto conceptos basicosprocesador de texto conceptos basicos
procesador de texto conceptos basicos
 
BARRAS DE WORD 2003
BARRAS DE WORD 2003BARRAS DE WORD 2003
BARRAS DE WORD 2003
 

Similar a Herramientas de Creación y Edición Web

Hernández Méndez guillermo alfonso 3104
Hernández Méndez guillermo alfonso 3104Hernández Méndez guillermo alfonso 3104
Hernández Méndez guillermo alfonso 3104guillermohernadez3104
 
Procesador de textos word
Procesador de textos wordProcesador de textos word
Procesador de textos wordviridianatruche
 
Microsoft publisher le ayuda a crear
Microsoft publisher le ayuda a crearMicrosoft publisher le ayuda a crear
Microsoft publisher le ayuda a crearmanu_19os
 
CREACION DE PAGINA WEB JIMDO
CREACION DE PAGINA WEB JIMDOCREACION DE PAGINA WEB JIMDO
CREACION DE PAGINA WEB JIMDOYerijheomira
 
Procesador de textos word
Procesador de textos wordProcesador de textos word
Procesador de textos wordmonyglezz
 
Presentación bii presentaciones digitales
Presentación bii presentaciones digitalesPresentación bii presentaciones digitales
Presentación bii presentaciones digitalesLorena Brondani
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas WebJose Casan
 
Moodle2 editor
Moodle2 editorMoodle2 editor
Moodle2 editorjmboneu .
 
Manual google docs
Manual google docsManual google docs
Manual google docsprofesoraudp
 
Presentaciones multimediales
Presentaciones multimedialesPresentaciones multimediales
Presentaciones multimedialescreandotic
 
El entorno de dreamweaver
El entorno de dreamweaverEl entorno de dreamweaver
El entorno de dreamweaverJVM Computers
 

Similar a Herramientas de Creación y Edición Web (20)

Web con Frontpage
Web con FrontpageWeb con Frontpage
Web con Frontpage
 
Hernández Méndez guillermo alfonso 3104
Hernández Méndez guillermo alfonso 3104Hernández Méndez guillermo alfonso 3104
Hernández Méndez guillermo alfonso 3104
 
Procesador de textos word
Procesador de textos wordProcesador de textos word
Procesador de textos word
 
Procesador de textos word
Procesador de textos wordProcesador de textos word
Procesador de textos word
 
Dreamweaver (2)
Dreamweaver (2)Dreamweaver (2)
Dreamweaver (2)
 
Microsoft publisher le ayuda a crear
Microsoft publisher le ayuda a crearMicrosoft publisher le ayuda a crear
Microsoft publisher le ayuda a crear
 
Tic tarea 9
Tic tarea 9Tic tarea 9
Tic tarea 9
 
Presentación1
Presentación1Presentación1
Presentación1
 
Jimdo tutorial 1
Jimdo tutorial 1Jimdo tutorial 1
Jimdo tutorial 1
 
Creacion web jimdo
Creacion web jimdoCreacion web jimdo
Creacion web jimdo
 
CREACION DE PAGINA WEB JIMDO
CREACION DE PAGINA WEB JIMDOCREACION DE PAGINA WEB JIMDO
CREACION DE PAGINA WEB JIMDO
 
Procesador de textos word
Procesador de textos wordProcesador de textos word
Procesador de textos word
 
Actividad tecnologia 2 (1)
Actividad tecnologia 2 (1)Actividad tecnologia 2 (1)
Actividad tecnologia 2 (1)
 
Presentación bii presentaciones digitales
Presentación bii presentaciones digitalesPresentación bii presentaciones digitales
Presentación bii presentaciones digitales
 
Ofimatica
OfimaticaOfimatica
Ofimatica
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas Web
 
Moodle2 editor
Moodle2 editorMoodle2 editor
Moodle2 editor
 
Manual google docs
Manual google docsManual google docs
Manual google docs
 
Presentaciones multimediales
Presentaciones multimedialesPresentaciones multimediales
Presentaciones multimediales
 
El entorno de dreamweaver
El entorno de dreamweaverEl entorno de dreamweaver
El entorno de dreamweaver
 

Último

Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaLuis Minaya
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesRaquel Martín Contreras
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicaGianninaValeskaContr
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfEDILIAGAMBOA
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxJUANCARLOSAPARCANARE
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxMartín Ramírez
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...YobanaZevallosSantil1
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 

Último (20)

Manejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsaManejo del Dengue, generalidades, actualización marzo 2024 minsa
Manejo del Dengue, generalidades, actualización marzo 2024 minsa
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
Técnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materialesTécnicas de grabado y estampación : procesos y materiales
Técnicas de grabado y estampación : procesos y materiales
 
cuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básicacuadernillo de lectoescritura para niños de básica
cuadernillo de lectoescritura para niños de básica
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdf
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptxMonitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
Monitoreo a los coordinadores de las IIEE JEC_28.02.2024.vf.pptx
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptxc3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
c3.hu3.p1.p2.El ser humano y el sentido de su existencia.pptx
 
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO  YESSENIA 933623393 NUEV...
IV SES LUN 15 TUTO CUIDO MI MENTE CUIDANDO MI CUERPO YESSENIA 933623393 NUEV...
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 

Herramientas de Creación y Edición Web

  • 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
  • 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á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
  • 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 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
  • 13. <body background="tex.jpg"> 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