Diseño Web

Lectura previa a la práctica 02

Crear sitio
Creando tu primer página en HTML.

Propiedades de la página
Aspecto
Vínculos
Encabezados
título/codificación

Qué es HTML y como funciona
Todo documento HTM consta de dos partes:
Elementos en la cabecera del documento

Colocar anclas.
¿Que es una URL?
Inserta reglas en un documento o página WEB.
Creando un nuevo documento.practica02.doc

Hoja 1 de 14



Crear sitio

(método simplificado)

Antes de empezar a crear tus páginas, es indispensable crear tu sitio, para crearlo es necesario
abrir Adobe Dreamweaver.
Al abrir Dreamweaver carece de sitio y se ve de la
siguiente manera. Lo encuentras en la parte inferior
derecha de la ventana de Dreaemweaver

Para crear tu sitio debes de seguir los siguientesprocedimiento.

Ir al menú Site, “New site”.

Inmediatamente se abrirá la siguiente
ventana, que nos ayudará a crear nuestro
sitio
en
cualquier
unidad
de
almacenamiento.
Si cambias de máquina lo deberás repetir
este procedimiento. Si siempre usas la
misma, en automático abrirá en tu sitio.

practica02.doc

Hoja 2 de 14



El nombre del sitio acepta cualquier carácter y espacios.Escríbele un nombre que te sea
fácil recordar de que se trata el sitio, ejemplo “Solución de la práctica 01”, o “Trabajo Final de
Diseño Web”, etc. (sin las comillas).
La ubicación física del sitio en tu unidad, puede ser tu unidad “C” o tu unidad “USB”,
en alguna carpeta correspondiente a la práctica que realizaras. En la sección “Local Site Folder:”
ahí localiza por medio de la carpeta dándoleun clic al folder, y buscas la unidad en donde se
localizará tu sitio y para localizarlo se te aparecerá la siguiente ventana.

Busca y selecciona la unidad y la carpeta en
donde se almacenará la información y una vez
seleccionada, le damos un clic en el botón
“Abrir” y se vera de la siguiente manera.

Presionamos el botón “Guardar”.

practica02.doc

Hoja 3 de 14



El Nombre delSitio y el lugar físico queda de la siguiente manera.

Por último presionamos el botón
“Save”.

Para verificar que efectivamente estas en el sitio creado por ti, en la paleta derecha inferior, se
verá la siguiente información.

Nombre del sitio

Ubicación
donde
está
alojada
físicamente la información del sitio
información.

Al ser nuevo el sitio no aparecerán carpetas con

Otramanera de crear el sitio es por medio del administrador de
sitios, ubicado en el menú “Site” “Manage Sites”.
Te aparecerá la siguiente ventana.

practica02.doc

Hoja 4 de 14



Al darle clic al botón “New” Te aparecerá la ventana donde te
pide el nombre del sitio y su ubicación (como se mostró
anteriormente. Al darle clic
al botón “Save”, regresara a
la ventana “Manage Sites” ypresionaras el botón “Done”,
y podrás verificar tu sitio
com
se
te
explico
anteriormente.

Regresar

Creando tu primer página en HTML.
Al abrir Adobe Dreamweaver, nos
mostrará la siguiente ventana, y
debemos ubicar siempre nuestro sitio,
de no ser así (no haber creado un sitio
para nuestro trabajo y almacenar toda
la información ahí) las páginas que se
crean, sólo se verán en elequipo que
estamos trabajando, pero al quererlo
ver en otro equipo no se vera la
información o imágenes.

practica02.doc

Hoja 5 de 14



Para crear nuestra
primer
página
presionamos
el
botón “HTML” en la
sección
“Create
New”.

Regresar

Propiedades de la página

“Page Properties”(con Ctrl+J)
Las propiedad es de la página es el
aspecto que tú quieras darle a la
página opáginas que vas a crear.
En la categoría Appearence CSS,
selecciona el tipo de letra, el
tamaño, color del texto color el
fondo y coloca los márgenes
izquierdo y superior en 0 (cero), ó a
la distancia que gustes, se pueden
modificar posteriormente.

Nota:

Los colores los puedes
seleccionar, dándole un clic al icono que se encuentra del lado derecho del texto correspondiente
al color...