Marcador (Arrastra con el ratón)
Hacer tres gráficos
en el Paint Shop Pro, Corel o programa de diseño
que uséis, con estas medidas
Diseño y colores a
gusto, respetar las medidas porque son con las
que trabajaremos en esta Web
En la carpeta que
creamos "Mi
primera Web" hacemos otra que se llame
"imágenes" y ahí guardamos nuestros gráficos
encabezado.jpg
barra-horinzontal.jpg
pie.jpg
Empezamos, abrir
vuestro programa FrontPage / Archivo / Nuevo
A la
derecha aparecerá un menú, pinchar en
Página en blanco
Por defecto ya viene
con nombre creado "pagina_nueva_1.htm"
si siguiéramos abriendo nuevas paginas, sin
cerrar el FrontPage, seria "pagina_
nueva_2.htm", 3, 4 etc
al guardarla, la renombramos con el nombre que
queramos
Tendremos una página
en blanco para trabajarla, pinchamos en ella con
el botón derecho / Propiedades de página
Como veis en la captura, en la pestaña General
pondremos el titulo de nuestra Web
Es importante poner el nombre de la página, es
el que aparecerá, en la parte superior de
nuestro navegador
Vamos a poner color de
fondo a la pagina, en la pestaña Formato,
pinchar la flechita de la casilla Fondo: y en Más colores..
Se abrirá esta ventana
difícil encontrar uno con el mismo tono de
mis gráficos, yo hago lo siguiente
En el psp chupo un
color a juego con los gráficos que hice copio el
numero en mi caso es el #91B578,
y lo pego en la casilla donde pone Valor: me
saldrá un color a juego con mi pagina
De momento tenemos
poco trabajo hecho pero vamos a guardarlo, es
bueno tomar esta costumbre de ir guardando
si pasa algún problema en nuestro PC o programa
no lo perderemos todo
La
guardamos, Archivo / Guardar como..
Esta será nuestra
index
Buscamos la carpeta,
que creamos "Mi primera Web" y es aquí nombramos
el archivo, este seria el primero,
así que lo llamaremos index.htm
Muy importante..!
cuando pongáis nombre a un archivo, se escribe
todo seguido, minúsculas, sin que contenga la
ñ y sin signos raros
(un guión bajo si lo admite, por ejemplo:
portada _ graficos)
miramos en nuestra
carpeta en el PC y tenemos esto
Fijaros en la
esquinita inferior a la izquierda, son los
diferentes modos en que trabajaremos la pagina
De momento solo hemos
trabajado en modo Diseño
en vista Código
tenemos esto
y si damos a Vista
previa aun no vemos ningún cambio
Otra cosita, yo tengo
visibles estas barras de Herramientas, de
momento..
por si queréis investigar el programa, son las
que mas se usan,
pinchar en un espacio vacío, con el botón
derecho, y veis lo que tenéis marcado, en
personalizar se pueden sacar mas
pero yo de momento lo dejaría como os muestro
