Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Save to My Library
Look up keyword
Like this
10Activity
0 of .
Results for:
No results containing your search query
P. 1
Interfaz de Dreamweaver CS5

Interfaz de Dreamweaver CS5

Ratings: (0)|Views: 1,234 |Likes:
Published by Zoyly Quiñonez

More info:

Published by: Zoyly Quiñonez on Jun 21, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

05/01/2013

pdf

text

original

 
Introducción
En el artículo anterior, vimos como instalar un blog de wordpress, en esta serie deartículos, nos centraremos en cómo crear un sitio web desde cero.¿Por qué elegir Dreamweaver CS5?, es un diseñador web que no requiere conocimientosprevios de ningún lenguaje web. Como veremos, trabajando desde la vista de diseñador,podremos realizar cualquier trabajo lo que nos facilitará nuestra realizar un sitio web sinamplios conocimientos.Antes de empezar a explicar la interfaz de Dreamweaver, existen algunos conocimientosprevios que deberíais de saber. No son precisos memorizarlos, pero si conocerlos, al menosque os suenen. Posiblemente hayáis oído hablar de HTML, es el lenguaje de programaciónque se utiliza en la creación de una página web, iremos explicando las etiquetas másimportantes en los diferentes artículos. En la actualidad, el HTML ha pasado a llamarseXHTML, ¿qué diferencias existe entre ellos?, la mayor diferencia es que en el XHTML el
diseño web
trabaja de forma separada el estilo, de la estructura. A que llamamos estructuray diseño, estructura son los colores, el tipo de letra, el tamaño, el lugar donde lo colocamos,
y el diseño los componentes utilizados (tablas, imágenes, flash,…). Todo esto lo iremos
viendo con mucha más profundidad en los siguientes artículos.
Interfaz de Dreamweaver CS5
 
Pantalla de Bienvenida
 Desde la pantalla de bienvenida, podemos, desde abrir un elemento reciente, en el queestemos trabajando, abrir un documento que queremos añadir, o manipular, creardocumentos nuevos en diferentes formatos (html, php, xml, javascript,etc) y elementosdestacados. Los elementos destacados, pueden ser muy útiles, ya que son videos demétodos de trabajo o la utilización de algunas herramientas específicas.
 
Si quisiéramos no ver la pantalla de bienvenida al iniciar Dreamweaver CS5, iríamos aEdición->Preferencias->General->Opciones de documento, y deseleccionamos la casilla de
“Mostrar pantalla de bienvenida”, clicamos en aceptar y ya no la veremos al iniciar, si
queremos volverla a ver, solo tendremos que hacer la misma operación a la inversa.
Barra insertar
 Podemos encontrar la barra insertar, que se muestra en la imagen de abajo. Una barra muyútil, ya que la mayoría de herramientas que utilizaremos, están en ella o las podemosañadir, esto nos facilita el no tener que ir buscando las herramientas en las diferentesventanas.Como en la mayoría de barras, pueden ser personalizadas, aunque con limitaciones. Comovemos en la imagen de abajo, vemos que podemos verla como menú o como fichas que es,como se encuentra en la imagen de arriba.Como menú, vemos que el aspecto ha cambiado, ya no tenemos las pestañas que nosindicaban las herramientas de otras secciones, como formularios, datos, spry, etc.Pero si clicamos en el triángulo invertido
que se encuentra al lado de “común“, veremos
que encontramos en forma de menú, las pestañas que contenía en el modo de fichas.
Barra de herramientas del documento
 
 
 En la barra de herramientas del documento, se pueden ver aspectos esenciales, queprofundizaremos en tutoriales posteriores.Describiremos a groso modo la barra y las herramientas más significativas. Como vemos,
encontramos el botón “Diseño” seleccionado, está es la vista que normalmente
utilizaremos, para personas que controlen el código html, algún lenguaje de programación osimplemente se quiere ver el código. Existen dos maneras de verlo, una como vemos en la
imagen superior, encontramos el botón “Dividir”, pulsando ese botón, veremos la pantalla
dividida, viendo en una parte el diseño y en otra el código. Y la otra, pulsando el botón
“Código”,
en el que veremos solamente el código de la página y perderemos de vista eldiseño.Más adelante encontramos una bola del mundo donde podemos agregar los diferentesnavegadores en los que queremos ver la página, aunque normalmente ya nos reconoce losque tenemos instalados.Pulsando sobre el o pulsando la tecla F12, veremos en el navegador el resultado del trabajoque estamos realizando.
También vemos una caja de texto donde pone “
 Documento sin título
allí escribiremos eltítulo que pondremos a la página y que al pulsar F12 veremos nos aparece en la pestaña delnavegador o en la parte de arriba de la ventana del mismo.
Inspector de Propiedades
 En el inspector de propiedades como vemos en la imagen de arriba, podemos visualizar ycambiar las propiedades de los estilos CSS, que en posteriores artículos explicaremos.También podemos apreciar que nos aparecen propiedades de la parte del documento, dondepodemos aplicar etiquetas HTML que personalicen nuestro trabajo.El inspector de propiedades es una de las partes que se convertirá en imprescindible en elproceso de un
diseño web
.

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->