Cómo Editar Una Plantilla De Sitio Web

Tabla de contenido:

Cómo Editar Una Plantilla De Sitio Web
Cómo Editar Una Plantilla De Sitio Web

Video: Cómo Editar Una Plantilla De Sitio Web

Video: Cómo Editar Una Plantilla De Sitio Web
Video: Modificar plantilla HTML 2024, Abril
Anonim

Al crear sitios, a menudo se utilizan plantillas listas para usar que se encuentran en la red. A veces los usuarios los descargan miles de veces, los recursos creados en base a ellos son muy similares en apariencia. Para que el sitio tenga un diseño individual, se debe editar su plantilla.

Cómo editar una plantilla de sitio web
Cómo editar una plantilla de sitio web

Es necesario

  • - plantilla de sitio;
  • - Software Dreamweaver.

Instrucciones

Paso 1

La mejor forma de trabajar con plantillas es Dreamweaver, que se puede descargar de Internet. Este programa es una de las mejores herramientas para crear un sitio web, te permite editar páginas tanto visualmente como usando un editor de código.

Paso 2

Descargue e instale Dreamweaver y ejecútelo. Abra la plantilla de su elección en ella. Tenga en cuenta que la plantilla debe seleccionarse correctamente para minimizar el trabajo. Al elegirlo, céntrese en el diseño de los elementos de la página, no en la combinación de colores. Si desea crear un sitio web que sea diferente a los demás, aún tendrá que cambiar su combinación de colores, por lo que es mejor elegir una plantilla con un diseño adecuado, que no tendrá que rehacerse, y ya organizarlo en el manera correcta.

Paso 3

Es más conveniente considerar el proceso de edición con un ejemplo específico. Descargue cualquiera de las plantillas html, por ejemplo, esta: https://web-silver.ru/templates/sites/086/086.zip. Descomprímalo y luego abra el archivo html en Dreamweaver. Preste atención al interruptor de modo en la esquina superior izquierda: "Código", "Separado", "Diseño". Al cambiar entre modos, puede editar la plantilla de la forma que más le convenga.

Paso 4

Cambie a la vista "Diseño", luego haga clic con el mouse en cualquiera de los elementos, por ejemplo, el encabezado de la página, en el ejemplo de la plantilla contiene el texto El río. Tenga en cuenta que las propiedades de este elemento de página han aparecido en la parte inferior de la ventana del programa. En particular, se indican el ancho, alto, imagen usada. Puede cambiar el tamaño del encabezado especificándolos en los campos correspondientes o simplemente arrastrando los marcadores de borde en el encabezado. Cambie la imagen, para esto seleccione la imagen que necesita del mismo tamaño e insértela en lugar de la original.

Paso 5

Puede cambiar cualquier elemento de la misma forma sencilla. Por ejemplo, color del texto, fondo de la página, títulos de los enlaces, etc. etc. Si algo no funciona en la ventana de diseño, siempre puede realizar las correcciones necesarias directamente en el código. Recuerde guardar el archivo original en una ubicación separada antes de comenzar a trabajar. Mientras trabaja, guarde sus resultados como archivos separados con diferentes nombres, esto le permitirá volver en cualquier momento. Con un poco de práctica con Dreamweaver, puede editar cualquier plantilla de forma rápida y sencilla.

Recomendado: