Cómo utilizar una plantilla descargada Diseño

Una plantilla de diseño descargado es una gran manera de atajo creación de una nueva página web. Con una plantilla, no es necesario que agonizan por el diseño porque ya está hecho para usted. Incluso se incluyen los gráficos. Usted, sin embargo, la necesidad de personalizar la plantilla para adaptarse a sus necesidades web. Esto requiere un software de edición web, idealmente una con vistas al diseño de diseño como Adobe Dreamweaver, y el software de edición de gráficos, tales como Adobe Photoshop o Adobe Fireworks, que se pueden leer PNG y PSD y es capaz de exportar archivos JPG y GIF.

Instrucciones

Personalizar el archivo HTML

1

Mira los archivos incluidos con la plantilla de diseño descargado. Ellos serán una mezcla de HTML, CSS y archivos gráficos. Algunos gráficos pueden ser etiquetados como "editable", es decir estos son los que el diseñador espera que desea personalizar para su sitio web, tales como la bandera. Otros gráficos es probable que no necesita para editar son espaciadores, bares y fondos que mantienen el diseño en conjunto.

2 Haga una copia de la carpeta que contiene los archivos de plantilla. De esta manera usted puede editar un conjunto de archivos y guardar los originales en otro lugar en caso de que quiera hacer uso de ellos.

3

Abra su programa de software de edición web y abrir el archivo de plantilla marcada algo así como index.html. Esta sería la página de inicio para la plantilla.

4


Examine la plantilla en su herramienta de edición web y buscar las áreas que desea personalizar. Haga clic en las imágenes para averiguar cuáles son sus nombres de archivo son para que pueda localizarlos en los archivos de plantilla para editar. Además, tenga en cuenta las dimensiones de imagen (altura y anchura). Al personalizar los gráficos de la plantilla debe asegurarse de que sus nuevos archivos son las mismas dimensiones que los originales o va a sesgar la distribución.

5


Editar áreas de texto en la plantilla y añadir su nuevo contenido.

6 Retire las piezas de la plantilla que no desea, pero recuerde algunas plantillas que utilizan tablas en el diseño pueden tener gráficos o texto en ciertos lugares para mantener el ancho de una columna en una medida específica. Si quita esos artículos, la columna podría reducirse, lo que distorsiona el diseño. Reemplazarlos con un gráfico o texto de igual tamaño para mantener el ancho de columna de cambiar.

7 Utilice el comando Guardar en su herramienta de edición web para guardar los cambios, salga de la herramienta de edición web.

Personalizar los archivos de gráficos

8

Abre la herramienta de edición de gráficos y abrir los archivos de plantilla que desee personalizar. Los que notó en el archivo HTML, probablemente tendrán extensión JPG o GIF, que son archivos comprimidos optimizados para la web. Los archivos que desea editar los archivos son "originales" que estas versiones comprimidas provienen. Deben estar en formato PNG o PSD o en otro formato que no sea JPG o GIF y probablemente están almacenados en una carpeta separada dentro de la carpeta de plantillas.

9 Utilice las herramientas de edición del software de gráficos para cambiar los archivos a la forma en que desea que aparezcan en su página web y guardar los cambios. 10


Exportar los archivos gráficos editados en formato JPG o GIF que coincida con el formato de los archivos que va a reemplazar en la plantilla, y colocarlos en la misma carpeta con el archivo HTML que guardó en la primera parte. No cambie los nombres de archivos o de las referencias en el archivo HTML se romperá. Su programa de gráficos le notificará que el archivo exportado está reemplazando un archivo existente y eso es lo que quiere.

11


Vuelva a abrir el archivo de índice HTML en su herramienta de edición web para ver cómo se ven los gráficos actualizados y hacer los ajustes necesarios.