jueves, 23 de enero de 2014

Configuración de un Sitio Web

Configuración de un Sitio Web 

Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes de crear las páginas que va a contener.

Con la expresión “básica” me refiere a un sitio que no tiene demanda de un servidor dinámico para interpretar su contenido (PHP, ASP .Net, JSP), esto aplica a páginas interpretadas por el propio navegador, tales como archivos *.htm, *.html, *.css, *.xml, *.css y otros similares. Así que empecemos.

Primero debes crear tu carpeta (en realidad esto podría hacer durante la propia configuración del sitio), y como solo hablamos de un sitio que se ejecuta en la misma PC del visitante (del  lado del cliente ) podrá ir en cualquier lugar de tu disco. Para este ejercicio, en “Mis documentos” tengo el directorio “primeraweb” (desde ya habitúate a no usar caracteres especiales ni espacios en blanco en archivos ni en carpetas).
Luego de ejecutar Dreamweaver, nos vamos al menú Sitio, clic en Nuevo sitio

Menú Sitio clic en Nuevo sitio...
 
En la parte superior de este diálogo, tenemos dos pestañas o páginas, y por defecto trabajaremos en la primera, nombrada “Básicas”, ingresa un nombre para identificar el sitio, aunque no es necesario, le pondré el mismo nombre que la carpeta, y ¿La dirección HTTP? Si lo tienes, ingresa la dirección de tu carpeta raíz remota (algo así como   http: // mi sitio.com/ ventas ) 

image
 
No usaremos un servidor externo para interpretar nuestras páginas (lado del servidor), todo será directamente interpretado en el navegador del usuario (lado del cliente)

image
Dos cosas a hacer
  1. Cómo trabajaremos con los archivos, de forma local en nuestra PC o directamente editamos en nuestro servidor en la Web que en este ejemplo no aplica, aún si tuviéramos un servidor Web en la mayoría de los casos será mejor usar la primera opción.
  2. El lugar en donde almacenaremos nuestros archivos será la carpeta que previamente hemos creado para ese propósito (si no hemos creado la carpeta, ahora es el momento).
Asegúrate que en la ruta seleccionada se incluye el nombre de tu directorio, escríbelo si fuese necesario, y siguiente.

image
 
No usaremos servidor remoto, usamos “Ninguno” y siguiente:

image 
Tendremos a la vista un resumen de las opciones configuradas apuntando a tu carpeta, clic en “Completado”.

image

Hasta aquí hemos terminado de configurar el sitio, lo hallarás en el panel “Archivos” pestaña “Archivos” (menú Ventana, opción Archivos, o usa la tecla F8), como la carpeta está vacía tenemos un sitio vacío.

image

Agregandom elementos

A nuestro sitio podemos agregar distintos tipos de elementos, usando el “Explorador de archivos” de Windows podríamos mover allí, o copiar (imágenes por ejemplo), pero, para agregar archivos de texto, sobre tu carpeta de sitio abre el menú contextual (botón derecho del mouse) y tienes entre otras opciones:
  • Nuevo archivo
  • Nueva carpeta
El nuevo archivo o carpeta se llamará “untitled”, sencillamente escribe el nuevo nombre (para los archivos no olvides la extensión) y pulsa “Intro”, para renombrar primero seleccionas con un clic, luego le das otro clic (no es doble clic) y escribe el nuevo nombre.

image 
El botón con forma de flecha girando en esta ventana te servirá para refrescar la vista de contenido en tu sitio, con doble clic abres el archivo en el área de trabajo, y para cargar tu trabajo en un navegador Web pulsas la tecla F12.

 Editar opciones de tu sitio

En ocasiones necesitaremos modificar algunas opciones de nuestro sitio, sea por que cometimos un error (seleccionamos mal una carpeta, escribimos mal un nombre, etc.) o por cambios en las circunstancias (contrate un servidor Web, cambio mi dirección HTTP, etc.).
Para editar un sitio, nos vamos al menú Sitio, clic en “Administrar sitios”

image 
Tendremos a la vista un listado de todos los sitios creados, selecciona el que necesites modificar, clic en “Editar”

image
 
Volvemos a la ventana que usamos para configurar el sitio, realiza los cambios necesarios y guardas los cambios, volveras a la ventanita de la imagen anterior, das clic en “Listo” y tendrás tu sitio con la nueva configuración.


 





No hay comentarios:

Publicar un comentario