Cómo crear un sitio web con dreamweaver pdf
Adobe Dreamweaver CS5 es un potente programa de creación de páginas web y de gestión de sitios web con un editor HTML que se utiliza para diseñar, codificar y crear páginas web, sitios web y aplicaciones web de aspecto profesional. Las funciones de edición visual de Dreamweaver permiten crear páginas sin tener que escribir una línea de código. Dreamweaver ofrece muchas herramientas y funciones, entre ellas las siguientes
– Creación automática de páginas web: Dreamweaver proporciona herramientas que puede utilizar para desarrollar páginas web sin tener que pasar horas escribiendo código HTML. Dreamweaver genera automáticamente el código HTML necesario para publicar sus páginas web.
– Gestión de sitios web: Dreamweaver le permite ver un sitio, incluidos todos los archivos locales y remotos asociados al sitio seleccionado. Puede realizar tareas de mantenimiento estándar como ver, abrir y mover archivos y transferir archivos entre sitios locales y remotos.
– Herramientas estándar de creación web de Adobe: Dreamweaver incluye una interfaz de usuario que es coherente en todas las herramientas de creación de Adobe. Esta coherencia permite una fácil integración con otros programas de Adobe relacionados con la Web, como Adobe Flash, Director, Shockwave y ColdFusion.
Cómo crear una página html en dreamweaver
Aparecerá una nueva página con un aspecto muy parecido al de su plantilla – excepto que cuando pase el cursor por encima de un área no editable (como el pie de página) aparecerá un signo de “no entrada” indicando que no puede editar esa área.
La página por defecto de un sitio web (o de cualquier directorio) puede llamarse de varias maneras, normalmente index.html o default.html. El sufijo del nombre del archivo también puede variar, y puede incluir .php, .asp, .htm, etc. Sin embargo, para un sitio web HTML básico y estático como éste, index.html sería el que hay que utilizar.
…y nombrar el archivo. Antes de guardarlo, asegúrate de que lo guardas en el directorio raíz del sitio haciendo clic en el botón “Raíz del sitio” en la esquina inferior izquierda del cuadro de diálogo. A continuación, haz clic en Guardar.
Puedes previsualizar la página en un navegador haciendo clic en el botón “Preview/Debug in browser” en la parte superior de la ventana (figura 1). Selecciona el navegador que prefieras y verás la página previsualizada exactamente como aparecería en línea.
Ahora que tu página de inicio está abierta, empezarás a ver la razón de mantener la barra de navegación separada. Tenemos que hacer que la pestaña “Inicio” de la parte superior esté “activa” (blanca) para que el visitante sepa en qué sección está.
Tutorial de Dreamweaver
para que se familiarice con las posibilidades de Dreamweaver. Si lo desea, puede descargar Dreamweaver y utilizarlo a modo de prueba durante un breve periodo de tiempo (http://www.adobe.com/products/dreamweaver/). Asegúrese de consultar los precios para profesores y estudiantes. La mayoría de las herramientas de edición de páginas web funcionan más o menos de la misma manera, por lo que las ideas básicas se mantendrán incluso si utiliza un programa de edición diferente (como KompoZer : http://www.kompozer.net/ ). Primero trabaje con estos pasos y luego pase a su página de actividad web.
Web o de sus propios esfuerzos anteriores y luego utilícela como plantilla, haciendo cambios para adaptarla a sus necesidades. Si haces esto, asegúrate de trabajar con una copia para no destruir tu original. Para este ejercicio, simplemente crearemos
Tenga siempre en cuenta que una página web es un archivo con código HTML junto con todos los demás archivos de medios que se incluyen en la página de cualquier manera. De hecho, una página web puede ser considerada como una cáscara que mantiene varios archivos multimedia juntos y los muestra en una sola ventana. Todos estos archivos deben colocarse de manera que la página web pueda encontrarlos. Por esta razón, debes crear una carpeta para tu sitio web y poner todo lo necesario para las páginas del sitio en esta carpeta. Entonces, cuando mueva o copie la carpeta, estará moviendo todo lo que necesita para todas las páginas de su sitio.
Sitios web de Dreamweaver
Esta serie de tutoriales en ocho partes está diseñada para guiarle en la construcción de un sitio web sencillo pero elegante en Dreamweaver 2015. Le guiará a través del proceso de definición del sitio, la construcción de la estructura con HTML (Hypertext Markup Language), la adición de texto e imágenes, y el estilo de las páginas con CSS (Cascading Style Sheets).
Nota: No es necesario tener experiencia previa con Dreamweaver. Sin embargo, un conocimiento general del Lenguaje de Marcado de Hipertexto (HTML) y de las Hojas de Estilo en Cascada (CSS), le ayudará a contextualizar muchos de los temas de esta serie. Tanto HTML como CSS son estándares web abiertos y hay muchos recursos disponibles para aprender estas tecnologías. Definir la estructura de la página con HTML, maquetar y dar estilo a las páginas web con CSS, y HTML y CSS proporcionan una gran base.
Este es un tutorial en profundidad, por lo que hay que disponer de mucho tiempo. Cada parte se ha dividido en secciones cortas que explican no sólo lo que hay que hacer, sino también el porqué. Tómate un descanso entre las secciones para asegurarte de que entiendes las distintas técnicas introducidas.