clase 6 creación de sitios web en web page maker básico

8/18/2019 CLASE 6 Creación de Sitios Web en Web Page Maker Básico

1/36

CLASE 6

“Creación de sitios web enWeb Page Maker”

Básico

Lics. en Periodismo y Comunicación Social

FCH-UNSL

(Año 2014)

CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-

COMPARTIRIGUAL 3.0 UNPORTED LICENSE


2/36

WEB PAGE MAKEREs un editor gráfico que permite crear páginas web sin

conocer la sintaxis del lenguaje HTML.De una forma muy sencilla permite agregar, mover y eliminar

diversos objetos: textos, imágenes, enlaces, botones, audios,

videos, galerías de imágenes, slides shows, etc.


3/36

INTERFAZ PRINCIPAL

1- Título 2- Menú con opciones 3-Herramientas frecuentes

4- Espacio de construcción de la página 5- Contenidos del sitio6-Barra de estado

12

35

6

4


4/36

TRABAJO CON SITIOS WEBPara comenzar un nuevo sitio se debe utilizar el

comando File New Site o File New Site From

Template…

En el primer caso se realiza la creación desde cero y en el segundo setrabaja a partir de una plantilla de contenidos preexistentes.

Ú


5/36

ELEMENTOS ÚTILES

Favorecen la diagramación del sitio permitiendoalinear texto y objetos multimediales.

Se activan desde el menú Edit…

GUÍAS Y CUADRÍCULA

Ú


6/36

ELEMENTOS ÚTILES

Permiten la inclusión de uno o más elementos en todaslas páginas o en algunas páginas particulares del

sitio…

INCLUDE ON/ INCLUDE ON ALL PAGES

Ú


7/36

ELEMENTOS ÚTILES

Es útil en el caso de aquellos elementos que son

comunes a todos las páginas del sitio…

INCLUDE ON ALL PAGES

El logo y el menú de secciones se adaptan perfectamente a esta acción.

Ú


8/36

ELEMENTOS ÚTILES

En otros casos es mejor incluir los elementos en

algunas páginas…

INCLUDE ON

Ú


9/36

ELEMENTOS ÚTILES

Permite fijar uno o más elementos para centrar eltrabajo sobre otros…

LOCK / UNLOCK / ALL

Las opciones Lock all y Unlock All permiten bloquear y

desbloquear todos los elementos del sitio.

Ú


10/36

ELEMENTOS ÚTILES

Un sitio se compone de dos o más páginas web. Estas

se pueden agregar (Add New Page) duplicar (Clone

Page) o eliminar (Remove Selected Page)…

ADD NEW PAGE/ CLONE PAGE/ REMOVE

SELECTED PAGE

Para cada página se muestran los elementos de los que están compuestas (barras denavegación, imágenes, botones, etc.).

Ú


11/36

ELEMENTOS ÚTILES

Permite incorporar páginas

HTML al proyecto que

estamos generando a través

de tres opciones

distintas:•HTML page (desde un

sitio local o

remoto)

•Page from Another

Project•Web Page Maker V.1.x

File (con extensión

*.wpm)

IMPORT


12/36

Se realiza a través de las opciones

New (Nuevo), New Site from Template

(Nuevo sitio desde una plantilla),Open (Abrir) y Save (Guardar).

TRABAJO CON ARCHIVOS


13/36

La opción New permite generar una página web en blanco mientras que

New site from Template la crea a partir de una plantilla

preexistente…

NEW / NEW SITE FROM TEMPLATE



14/36

La opción Save (Guardar) permite almacenar los proyectos de

sitios web y su extensión es *.wss…

Los archivos *.wss también

permiten su almacenamiento

como copias de seguridad o

plantillas.


NEW / NEW SITE FROM TEMPLATE


15/36

HERRAMIENTAS FRECUENTES

Habilita el editor para comenzar a escribir la información…TEXTO


16/36


Permite la inserción de una o más imágenes que pueden

proceder de archivos o bien desde la propia galería del

programa…

IMAGEN


17/36


Es útil para complementar la diversidad de información incluida

en un sitio (informativa, de servicios, publicitaria, de ocio,

etc.)…

IMAGEN DESDE ARCHIVO


18/36


Permite agregar fondos, botones, banners, etc.…IMAGEN DESDE LIBRERÍA


19/36


Es una forma particular de imagen muy utilizada para carteles

y publicidades.…

IMAGEN DESDE UN WORD ART


20/36


Agrega un menú de opciones con acceso a las diversas

secciones del sitio. Sus opciones pueden ser personalizadas

en cuanto a las secciones del menú, su formato, su modo de

visualización y los botones y efectos asociados…

BARRA DE NAVEGACIÓN


21/36


Permite agregar, eliminar y reorganizar las secciones del menú, a la vez

que configurar enlaces a las páginas que estas secciones deben visualizar…

BARRA DE NAVEGACIÓNOPTIONS


22/36


Permite configurar el formato y estilo de las secciones…

BARRA DE NAVEGACIÓNTEXT


23/36


Permite configurar la disposición de los elementos del menú y el espacio

entre cada uno de estos…

BARRA DE NAVEGACIÓNLAYOUT


24/36


Personaliza los botones en cuanto a la forma que adquieren si se los

presiona o no y a la posibilidad de emisión de un sonido…

BARRA DE NAVEGACIÓNCUSTOMIZE


25/36


Permite colocar figuras cerradas con las que se puede lograr

diversidad de efectos…

FORMAS


26/36


Cambia el color de fondo de la página…

CHANGE COLOR


27/36


Permite enlazar dos páginas web…HYPERLINKIndex

Mujeres


28/36


HYPERLINK


29/36

HERRAMIENTAS MULTIMEDIALES

Agrega una imagen que cambia de forma alsituarse con el mouse sobre ella…

ROLOWER IMAGE


30/36


Crea una galería de imágenes…

PHOTO GALLERY

E E E E


31/36


Crea un texto en movimiento…

MARQUEE

E E E E


32/36


Inserta animaciones o videos en formato

flash (*.swf, *.flv) y crea slides shows deimágenes con enlaces…

FLASH

HERR M EN M L MED LE


33/36


Los slides shows pueden contener noticias y a cada noticia se le puede

asociar una dirección web…

FLASH

HERR M ENT MULT MED LE


34/36


Permite insertar audios o videos en diversosformatos…

MEDIA

Los audios o videos pueden estar almacenados en

la PC o bien, se pueden referenciar desde un

sitio web externo. En este último caso seutiliza el comando Insert HTML.



35/36

HERRAMIENTAS MULTIMEDIALESPermite agregar código de programación que realiza diversidad de

funciones…

HTML


36/36

FIN DE PRESENTACIÓN…Elaborado por Prof. Viviana M. Ponce

[email protected]

CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-

COMPARTIRIGUAL 3.0 UNPORTED LICENSE
mailto:[email protected]:[email protected]

clase 6 creación de sitios web en web page maker básico

Documents