oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS
Curso Dreamweaver - Lección 3: Página Principal
Página en blanco
Bien pues una vez que hemos creado nuestro sitio local ahora solo queda incluirle algunas páginas, nosotros como ya hemos dicho antes vamos a hacer una web para una tienda de motos y para ello vamos a empezar a crear la pagina principal. Como este curso va dirigido a principiantes vamos a coger como pagina principal una de las que el dreamweaver ya trae en su biblioteca y nosotros solo le cambiaremos el contenido.
Para ello nos vamos a "Archivo>Nuevo":
Nos saldrá la siguiente pantalla en la que podremos elegir las distintas opciones que nos ofrece. En la primera columna podremos elegir el tipo de pagina o plantilla que queremos (Nosotros elegiremos Pagina en blanco); la columna "Tipo de página" nos ofrece distintos lenguajes de programación (marcaremos la opción HTML); en la columna "Diseño"podremos elegir una infinidad de combinaciones de columnas y filas para nuestra página (marcaremos 2 columnas flotantes, barra lateral izquierda, encabezado y pie) y luego pulsar en "Crear":
Para vuestros experimentos fuera del curso podéis elegir cualquier combinación de la columna "Diseño" y así ir investigando paralelamente mientras que seguís el curso.
Area de trabajo
Una vez dado en le botón crear del paso anterior nos sale ya lo que sera la pagina principal de nuestra web:
Como veis en la imagen he marcado algunas zonas importantes del programa:
1.-Hay podremos elegir la forma de visualizar nuestro trabajo: tiene tres opciones, si pulsamos en el primer recuadro de la izquierda veremos solamente el código HTML de nuestra página. Si pulsamos en el botón del medio (es el que esta pulsado en la imagen) veremos tanto el código HTML como el diseño de nuestra página tal y como se vera una vez que lo colguemos en internet, yo recomiendo esa opción. Y por ultimo si pulsamos en el tercer botón solo veremos el diseño.
2.-Como hemos dicho antes si tenemos dividida la pantalla en la parte superior veremos el código HTML.
3.-Y en el recuadro inferior estaremos visualizando el diseño de nuestra página.
4.-En el área marcada como número 4 estaremos viendo los archivos y carpetas de nuestra web, este recuadro es muy útil a la hora de asignar a imagenes o palabras hipervinculos (ya veremos que es eso de hipervinculos mas alante del curso).
5.-En la zona inferior tenemos unabarra de herramientas muy útil, podremos elegir varios formatos de texto así como el color, asignar hipervinculos y un largo etc de opciones que ya loas veremos según vayamos avanzando en el curso.
¿Te estas enterando de algo? jejeje seguro que si pero de no ser así... preguntame en el Foro OTW.
Quiero aprender más!!!
- Avanzar a Lección 3: Página Principal - Color de fondo - Título - Index
- Retroceder a Lección 2: Crear mi Sitio Local
©oletusWEBos 2009 all right reserved | Contácta con oletusWEBos.es
Design By: JTole®