ubiquitour.com

Cómo utilizar una plantilla de diseño descargado

Una plantilla de diseño descargado es una gran manera creando un nuevo sitio web de acceso directo. Con una plantilla, no necesita a agonizar sobre el diseño, porque ya está hecho para tí. Incluso los gráficos están incluidos. Sin embargo, tendrá que personalizar la plantilla para adaptarse a las necesidades de su sitio Web. Esto requiere software, lo ideal sería uno con una vista de diseño de diseño como Adobe Dreamweaver, de edición web y edición de software, como Adobe Photoshop o Adobe Fireworks, de gráficos que puede leer archivos 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. Serán una mezcla de archivos HTML, CSS y gráficos. Algunos gráficos pueden etiquetarse como "editables" significa que éstos son los que el diseñador espera que desea personalizar para su sitio web, tales como la bandera. Otros probablemente no es necesario editar los gráficos son separadores, barras y fondos que liguen el diseño.

2 Hacer una copia de la carpeta que contiene los archivos de plantilla. De esta manera puede editar un conjunto de archivos y guardar los originales en algún otro lugar en caso de que desee utilizar de nuevo.

3Cómo utilizar una plantilla de diseño descargado

Abra su web programa software de edición y abra el archivo de plantilla marcado algo como index.html. Esta sería la página de la plantilla.

4Cómo utilizar una plantilla de diseño descargado

Examinar la plantilla en la web herramienta de edición y buscar las áreas que desea personalizar. Haga clic en las imágenes para saber cuáles son sus nombres de archivo para que usted los puede encontrar en los archivos de plantilla para editar. También, tenga en cuenta las dimensiones de la imagen (altura y anchura). Al personalizar gráficos de plantilla que debe asegurarse de que los nuevos archivos son las mismas dimensiones que los originales o se inclinar el diseño.

5Cómo utilizar una plantilla de diseño descargado

Editar campos de texto en la plantilla y añadir el nuevo contenido.

6 Quite cualquier parte de la plantilla que no quiera, pero recuerde algunas plantillas que usan tablas en el diseño pueden tener gráficos o texto en ciertas ubicaciones para mantener el ancho de una columna a una medida específica. Si quitas esos elementos, la columna puede reducir, distorsionar el diseño. Reemplazarlos con un gráfico o texto de igual tamaño para evitar cambiar el ancho de columna.

7 Utilice el comando Guardar en la web herramienta de edición para guardar los cambios y salir de la web herramienta de edición.

Personalizar los archivos de gráficos

8Cómo utilizar una plantilla de diseño descargado

Abra sus herramienta de edición de gráficos y abrir los archivos de plantilla que desea personalizar. Los que notó en el archivo HTML tendrá extensión JPG o GIF, que son archivos comprimidos, optimizados para la web. Los archivos que desea editar son los archivos "originales" que estos compresión versiones vinieron de. Debe estar en PNG o PSD u otro formato que no sea JPG o GIF y probablemente se almacenan en una carpeta independiente dentro de la carpeta de la plantilla.

9 Utilice las herramientas de edición de su software de gráficos para cambiar los archivos a cómo desea que aparezca en tu página web y guardar los cambios.

10Cómo utilizar una plantilla de diseño descargado

Exportar los archivos de gráficos editados en el formato JPG o GIF que coincide con el formato de los archivos que está reemplazando en la plantilla y colocarlos en la misma carpeta con el archivo HTML guardado en parte uno. No cambian sus nombres de archivo o las referencias en el archivo HTML se rompe. Su programa de gráficos le notificará que el archivo exportado es reemplazar existente presenta y que es lo que quieres.

11 Vuelva a abrir el archivo de índice HTML en tu web editar herramienta para ver cómo los gráficos actualizados buscaran y hacen ajustes según sea necesario.