Como Crear Paginas Web

40
Microsoft Office es una suite ofimática. • Microsoft Windows • Apple Mac OS • Linux si se utiliza un emulador como Wine o CrossOver Office. Desarrollada por Microsoft Funciona bajo las plataformas operativas:

description

De una forma sencilla podemos ver como y siguinedo los pasos podremos crear y subir a internet una pagina web

Transcript of Como Crear Paginas Web

Page 1: Como Crear Paginas Web

Microsoft Office es una suite ofimática.

• Microsoft Windows

• Apple Mac OS

• Linux si se utiliza un emulador como Wine o CrossOver Office.

Desarrollada por Microsoft

Funciona bajo las plataformas operativas:

Page 2: Como Crear Paginas Web

ALGUNAS APLICACIONES DE

• OneNote: Toma de Notas, la recopilación de información

• Publisher: Publicaciones de negocios y mercadotecnia

• Outlook: Administrar el correo electrónico • PowerPoint: Crear presentaciones

• Excel: Hoja o planilla de cálculo

• Word: Procesador de textos

• Access: Base de datos

• Frontpage: Diseño de páginas web

• Photo Editor: Editor de fotografías

.

Page 3: Como Crear Paginas Web

InternetInternet es una red global de equipos

informáticos que se comunican mediante un lenguaje común y que se conectan entre si

formando una gran red.

Page 4: Como Crear Paginas Web

World Wide Web (el Web o WWW) Proporciona una interfaz gráfica por la que es fácil desplazarse para

buscar documentos en Internet. Estos documentos, así como los vínculos entre ellos, componen una red de información.

• Permite saltar mediante un "hipervínculo" de una página a otra.

• Las páginas pueden contener noticias, imágenes, películas, sonidos, gráficos en tres dimensiones.

• La información en cualquier lugar del mundo.

• Tiene una dirección exclusiva llamada URL (Universal Resource Locator)

• Un "explorador" es una herramienta que se utiliza para ver las páginas de Web.

CARACTERÍSTICAS

Page 5: Como Crear Paginas Web

¿Cómo creo una página Web con Frompage?

• Lo primero: crear una carpeta en nuestro sistema y darle un nombre para identificarla (mis webs). Aquí guardaremos los documentos creados con Frontpage.

• Dentro de dicha carpeta creamos otra para guardar nuestras fotos (mis imágenes).

Page 6: Como Crear Paginas Web

• Abrimos el programa y seleccionamos nuevo • Aparece una hoja en blanco.• Aquí vamos a introducir el texto, las imágenes, etc.

Estas imágenes deben de guardarse en la carpeta que

hemos creado anteriormente !!!!!

Page 7: Como Crear Paginas Web

Para guardar nuestra página• Frontpage nos va a pedir un nombre de archivo y un nombre de

título de página. Al dar a guardar se nos abre la siguiente ventana:

Page 8: Como Crear Paginas Web

El nombre de archivo (index en el ejemplo) no admite espacios en blanco,sín guiones bajos. Sólo se admiten letras del alfabeto inglés, es decir no se admiten ni eñes ni

acentos. Es mejor no utilizar mayúsculas porque algunos servidores dan problemas.

En el título se puede utilizar espacios, eñes, acentos, mayúsculas, etc.

Escribimos un nombre de archivo y en "Cambiar..." un título de página.

Page 9: Como Crear Paginas Web

DISEÑO DE LA PÁGINA WEB Para acceder a las propiedades de cualquier elemento hay que

pulsar sobre cualquier parte de la página con el botón derecho del

ratón y pinchar en “propiedades de página”:

Page 10: Como Crear Paginas Web

A continuación se abre esta ventana:

Podemos personalizar el fondo de la página, los márgenes, etc. Si seleccionamos la segunda pestaña (fondo), podemos colocar como fondo de la página alguna imagen o un color. También podemos seleccionar el

color, de texto y de hipervínculos.

Page 11: Como Crear Paginas Web

La estructura: tablas y celdas• Para poder colocar los diferentes elementos que componen la

página, el recurso más utilizado son las tablas, que pueden o no ser invisibles.

• Para insertar una tabla pinchamos en el menú tabla y después en insertar/tabla:

Page 12: Como Crear Paginas Web

Aparece una ventana como la siguiente:

Podemos seleccionar el numero de columnas y de filas de la tabla.

Alinear las celdas, ponerles un borde o quitárselo, etc. Si ponemos los bordes a 0 la tabla no se verá en la vista previa.

Page 13: Como Crear Paginas Web

Una vez elegidas las propiedades le damos a aceptar y ya podemos trabajar sobre nuestra tabla.

Esta nos servirá de plantilla para construir nuestra página Web

Page 14: Como Crear Paginas Web

Si pinchamos con el botón derecho del ratón dentro de una celda y seleccionamos opciones de celda, se nos abre una ventana en donde podemos modificar las características, ponerle un color de fondo, una

imagen, etc.

De la misma manera también podemos modificar las propiedades de la tabla y de la página pinchando sobre estas opciones.

Page 15: Como Crear Paginas Web

Vamos a crear una página sobre nuestras mascotas

Page 16: Como Crear Paginas Web

A continuación: abrimos, más o menos, el número de páginas que pensamos utilizar y les damos un nombre. A medida que la vamos

creando podemos añadir nuevas páginas. Por ejemplo, añadimos tres páginas más a parte de la principal a las que llamaremos perros, gatos

y fotos respectivamente.

Page 17: Como Crear Paginas Web

HipervínculosLos hipervínculos es lo que nos permite establecer los saltos de una página a otra. Una forma de crearlos, es seleccionar con el ratón el trozo de texto que queremos que salte. Por ejemplo, seleccionamos la palabra perros, y con el

cursos pinchamos sobre el logo hipervínculo:

Page 18: Como Crear Paginas Web

Pulsamos sobre la página a la que queramos ir por ejemplo perros.htm y aceptamos. Ya está el vínculo creado, cada vez que pinchemos sobre la

palabra perros nos llevará a una página nueva (la que creamos con el nombre de perros)

Page 19: Como Crear Paginas Web

Se pueden vincular también las imágenes de la misma manera o haciendo clic sobre la imagen con el botón

derecho del ratón y seleccionando hipervínculo.

Importante!!! para que en la vista previa tome efecto de todo lo que hacemos, debemos ir guardando los cambios. Ahora podemos hacer lo mismo con la

palabra gatos, para que al pinchar en ella nos lleve a la página correspondiente.

Poco a poco podemos ir diseñando las diferentes páginas como si trabajásemos con el Word e ir estableciendo

vínculos entre ellas y enlazarlas unas con otras.

Page 20: Como Crear Paginas Web

LAS IMÁGENESLas imágenes que queramos poner en nuestra

página debemos guardarlas antes en la carpeta “mis imagenes” que creamos al principio, (la que creamos inicialmente dentro de la carpeta mi web).

Una vez guardadas en nuestra carpeta, desde Frompage podemos insertarla pinchando en

insertar / imagen / desde archivo:

Page 21: Como Crear Paginas Web

De esta manera se abre la siguiente ventana:

En “Buscar en” seleccionamos la carpeta “My Web”, y en el submenú aparece la carpeta “imágenes”. Pinchando en ésta se nos muestran las imágenes que tenemos guardadas. Sólo tenemos que

seleccionar la que queramos y darle a insertar.

Vista previa

Page 22: Como Crear Paginas Web

También existe la opción de “Imágenes prediseñadas” o la de “nueva galería de fotografías” desde las que también

podemos insertar imágenes

Las imágenes pueden colocarse en una tabla, en una parte de la página o utilizarla como fondo tanto de tabla como de página

Page 23: Como Crear Paginas Web

En nuestra página fotos hemos colocado estas imágenes con la ayuda de una tabla:

Podemos enlazar esta página con la página de “inicio” o con las otras dos páginas “perros” y “gatos”

Page 24: Como Crear Paginas Web

Podemos cambiar las propiedades de la imagen una vez insertada. Para ello hacemos clic sobre la imagen con el botón derecho del ratón y pinchamos en propiedades de

imagen:

Page 25: Como Crear Paginas Web

• Se abre una ventana en la que se observan las diferentes opciones que podemos utilizar con la imagen.

• Pinchamos en “general” . Entre otras opciones aparece “texto” esto sirve para escribir un mensaje que aparecerá sobre un fondo amarillo cuando apoyemos el cursor sobre la imagen. (sólo en vista previa o en el navegador). Útil para facilitar información al visitante.

• También podemos añadir un hipervínculo para que cuando pinchemos en la imagen nos lleve a un enlace determinado.

Page 26: Como Crear Paginas Web

Haciendo doble clic con el botón izquierdo del ratón sobre la imagen aparecerá una barra de herramientas con la que podremos añadir un marco, cambiar el color, aumentar o

disminuir el brillo, recortarla, establecer un color transparente de la imagen, mapear la imagen, etc

Page 27: Como Crear Paginas Web

¿Cómo publicamos nuestra página?

• Con Fronpage (sólo vale para servidores con los que se han contratado extensiones de Frontpage)

• A través de FTP (protocolo de transferencia de ficheros)

Dos opciones:

Page 28: Como Crear Paginas Web

A través de FTP (protocolo de transferencia de ficheros)

• Lo primero: contratar un espacio gratis en cualquiera de los servicios que se ofrecen ahora mismo: terra, inicia, iespana, etc.

• Estos contratos que se hacen a través de rellenar un formulario sencillo, nos dan una cuenta de correo y un espacio gratis en la Red.

Page 29: Como Crear Paginas Web
Page 30: Como Crear Paginas Web

Rellenamos el formulario

Page 31: Como Crear Paginas Web

Al crear la cuenta nos envían un correo con los datos que necesitamos para poder disfrutar de

nuestro espacio en Internet

Pinchar para activar el espacio

Page 32: Como Crear Paginas Web

Activamos nuestro espacio web

Page 33: Como Crear Paginas Web

Una vez contratado el espacio tenemos que buscar un programa de FTP que también sea gratuito y bajárnoslo de Internet. Uno de ellos se llama Filezilla-FTP. Lo podemos encontrar

en diferentes sitios, por ejemplo, en www.softonic.com. En esa dirección

buscamos filezilla-ftp y nos bajamos el programa a nuestro disco duro o a un

disquete y después lo instalamos.

Page 34: Como Crear Paginas Web
Page 35: Como Crear Paginas Web
Page 36: Como Crear Paginas Web

Cuando abrimos el programa nos aparece la siguiente pantalla:

Lo primero que hay que hacer rellenar con los datos que nos ha dado el servidor, la dirección donde debemos dirigirnos (Host

Name/Address), el nombre de usuario (user ID) y la contraseña (password).

Page 37: Como Crear Paginas Web

La pantalla de la izquierda es nuestro ordenador y la de la derecha el espacio que nos dejan en el ordenador conectado a Internet. En la pantalla de la izquierda nos vamos a la carpeta donde está nuestra web y seleccionamos todos los archivos

que componen la web y los arrastramos a la ventana de la derecha.

Page 38: Como Crear Paginas Web

• Hay que mantener el mismo esquema que tenemos en nuestra página. Si,  por ejemplo,  las imágenes están

dentro de una carpeta habrá que meterlas en una carpeta con el mismo nombre. Si no respetamos el

mismo esquema no funcionará bien la página porque el código html remitirá a un lugar que si no se llama igual y

está en el mismo nivel nos dará error.

• Una vez que el programa nos diga que se han pasado correctamente los archivos de una lado a otro, ya se

pueden ver publicados en Internet.

RECORDAR QUE…

Page 39: Como Crear Paginas Web

Por último

Con un ordenador, un poco de creatividad y originalidad, cualquiera puede crear su

página web!!!

Page 40: Como Crear Paginas Web

COMO SE HACE UNA WEB

Este power point fue preparado por:

Iria Rodriguez Vega, para una de sus clases presenciales en el IES A Pinguela de Monforte, para la asignatura de Ciencias del Mundo Contemporaneo.

Febrero de 2009