Como Crear Paginas Web

Post on 13-Jun-2015

8.165 views 1 download

Tags:

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

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:

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

.

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.

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

¿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).

• 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 !!!!!

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:

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.

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”:

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.

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:

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.

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

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.

Vamos a crear una página sobre nuestras mascotas

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.

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:

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)

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.

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:

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

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

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”

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:

• 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.

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

¿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:

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.

Rellenamos el formulario

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

Activamos nuestro espacio 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.

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).

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.

• 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…

Por último

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

página 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