Cómo construir y desarrollar un sitio web

La construcción de un sitio web puede ser un proceso complejo. Con el fin de diseñar un sitio, incluso si está utilizando un sistema de gestión de contenidos (CMS), algún conocimiento de HTML y / o CSS y creación de gráficos es casi una necesidad. Sin embargo, no todos tienen este tipo de experiencia. Sitios web todavía se pueden construir usando herramientas y plantillas básicas, incluso si usted no sabe mucho acerca de la codificación o la creación de gráficos. Usted puede construir y desarrollar su propio sitio web con editores de HTML libre, herramientas de gráficos y plantillas pre-hechas.

Instrucciones

1 Elegir y descargar una plantilla web libre para iniciar su sitio. Usted puede encontrar muchas plantillas gratuitas en sitios como OSWD y freewebtemplates. Una plantilla pre-hechos contiene todas las imágenes y código HTML / CSS que necesita para operar su sitio, y se puede personalizar cualquier cosa que desee mediante la sustitución de alguna de las imágenes con las que se crean, y cualquiera de los textos. (Asegúrese de comprobar que no existen requisitos de colocación de los derechos de autor de los creadores de la plantilla.)

2 Descargar una aplicación de edición de HTML gratuito como PageBreeze o Aptana Studio. Estos programas le permiten editar los archivos HTML de su sitio para que pueda reemplazar imágenes y texto.

3 Abra el programa HTML de su elección, y luego lo utiliza para abrir el archivo "index.html". El archivo de índice es la primera página que alguien va a ver cuando se visita su sitio, por lo que es una buena idea para construir esta página en primer lugar. No es necesario prestar atención a la mayor parte del código a menos que pretenda realizar muchos cambios en la plantilla. Si ya sabe qué páginas que desee en su sitio, crear los hipervínculos en el menú, que ya deberían estar allí para que pueda editar. Por ejemplo, puede crear un nuevo hipervínculo en el menú para ir a su página "About", que sería el siguiente: <a href="www.yoursitehere.com/about.html"> Acerca de mí </a>

4 Crear las páginas adicionales como sea necesario. Una manera fácil de crear nuevas páginas Web es simplemente hacer copias del archivo index.html, cambiar el nombre de ellos y editarlos de manera apropiada. Por ejemplo, hacer un duplicado de "index.html", el nombre de "about.html", a continuación, utilizar el editor de HTML para cambiar la información en consecuencia. Mediante el uso de este método, también puede evitar tener que volver a hacer los enlaces del menú en cada página si ya los ha cumplimentado.

5 Vuelva a colocar cualquier imagen con imágenes de su propia mediante el uso de un editor de imágenes en línea gratuito como Pixlr o Splashup. Para sustituir una imagen, basta con crear un nuevo documento de imagen que es el tamaño exacto como el que ya existe. (Para conseguir sus dimensiones, encontrar la imagen dentro de las "imágenes" carpeta, haga clic en él y haga clic en "Propiedades".) Guarde el archivo en la carpeta "Imágenes" para subir después. Si no desea reemplazar el vínculo de la imagen en el código HTML del sitio, basta con sustituir la primera imagen para que tenga el mismo nombre. Por ejemplo, si usted tiene "logo.jpg" y quiere sustituirlo por el suyo propio, llame a su imagen "logo.jpg" y reemplazar la imagen existente.

6 Evaluar su sitio para asegurarse de que ha incluido todo lo necesario en cada página. Usted puede mirar a través del código en un editor HTML, sino también en un navegador Web, haciendo doble clic en el archivo HTML, o al hacer doble clic en él, seleccionando la opción "Abrir con" y haciendo clic en el navegador web. Asegúrese de que ha incluido los hipervínculos en cada página, de que las imágenes han sido sustituidos (en su caso), que el contenido de su sitio se ha escrito correctamente en cada página y que cualquier información adicional muestra correctamente.