Cómo enseñar a usted mismo construir páginas web

Aprender diseño de la página web no está fuera del alcance de cualquier persona con dedicación e imaginación. Cientos de sitios de tutoría y programas de pre-construidos están disponibles en la web, y se puede descargar y personalizar las plantillas gratuitas y de bajo costo.

Instrucciones

1 Definir el propósito de la página web. Un sitio que proporciona información personal o negocio sin interacción con el cliente es el tipo más fácil de construir. Si necesita características tales como una lista de correo, un carro de compras o de un calendario interactivo, que será un poco más difícil, pero se puede hacer.

2 Establecer una apariencia. La mejor manera de encontrar un aspecto que desea es navegar por la web y encontrar sitios web que le gustan. Haga una lista y sea específico. Tome nota de lo que le gusta de la página web, incluyendo la facilidad de la navegación; colores; curvas o líneas duras; , Interfaz compacta simple o amplia interfaz con una gran cantidad de elementos de diseño, incluyendo imágenes y elementos gráficos. La interfaz es el contenedor web - a veces será sólo en la parte superior, a veces en la parte superior, los lados y la parte inferior.

3 Tenga en cuenta lo mucho que quiere entrar en la programación. Para un sitio de información, el aprendizaje de HTML o CSS es bastante fácil, y más fácil sigue utilizando una página web de apuntar y hacer clic o una plantilla descargada. Para un sitio con características interactivas, la curva de aprendizaje será más pronunciada. Vas a tener que aprender por su cuenta no sólo el diseño de páginas web, sino también un lenguaje de programación como PHP acción o Javascipt. A pesar de que existen recursos y bibliotecas de código disponibles de forma gratuita en la web, la incorporación de secuencias de comandos de acción en el código suele ser más difícil de lo que parece.

4 Otra opción es utilizar un software de creación de sitios web, como Adobe Dreamweaver o Frontpage MS. Estos programas tienen características ricas construidas en la oferta y diseños de la plantilla y algunos efectos especiales ingeniosas, como los botones del rollover, también. Puede acceder y modificar el código HTML directamente o utilizar la opción de diseño visual para editar la página, como se verá, que es similar a la función de edición WYSIWYG utilizado en MS Word. Estos programas tienen algunas limitaciones, pero son lo suficientemente versátil como para satisfacer las necesidades de la mayoría de los propietarios de sitios web.

5 Por completos tutoriales HTML y CSS, comprobar W3schools.com: http://www.w3schools.com/, Davesite.com interactivo HTML para principiantes: http://www.davesite.com/webstation/html/, CSSTutorial.net: http://www.csstutorial.net/, de 5 sitePoint.com más alto rating tutoriales CSS: http://www.sitepoint.com/subcat/css o buscar en la web para otras fuentes que tienen sentido para usted. Diferentes personas aprenden de manera diferente, pero hay tantos sitios de enseñanza en línea y libros escritos que usted debería ser capaz de encontrar uno que te habla.

6 Javascript y PHP son un poco más avanzado, pero la cantidad de la educación disponible en línea hace posible que cualquiera pueda aprender. Para empezar a trabajar con Javascript, tratar Pageresource.com: http://www.pageresource.com/jscript/, JavaScript para el Total No Programador: http://www.webteacher.com/javascript/index.html o Tutorialized. com: http://www.tutorialized.com/tutorials/Javascript/1.

Grandes recursos de PHP para principiantes incluyen Iniciación a PHP: http://us3.php.net/tut.php y PHP 101: PHP para el principiante absoluto: http://devzone.zend.com/article/627.

7 También hay muchos tutoriales de diseño gráfico y en línea. Para photoshop, trate de tutoriales de Photoshop Roadmap de interfaz: http://www.photoshoproadmap.com, Photoshop tutoriales / Interfaz de diseño / Películas más populares / 1 / o Diseño Web y Photoshop User Interface Design: http: //www.pslover. com / tutoriales / Interfaz / 1.

Otro programa de gráficos popular es PaintShop Pro Es una opción mucho más barato que Photoshop y ofertas compara bien en la funcionalidad. Encuentra tutoriales aquí: Tutorialsphere Paint Shop Pro diseño de la interfaz: http://www.tutorialsphere.com/tutorials/paint-shop-pro/website-graphics.

Si usted no tiene un programa de gráficos y está en un presupuesto limitado, puede descargar el Gimp para http://www.gimp.org/ gratis - echa un vistazo a la sección de tutoriales extensa para aprender a utilizar el programa.

8 Apuntar y hacer clic sitios web son una opción fácil encontrar casi en cualquier lugar en la web. Ofrecen un principiante absoluto una manera fácil de crear un sitio web en tan sólo unos pocos pasos, pero generalmente se restringen en el diseño. Para super fácil creación de sitios web, trate JustHost.com: http://www.justhost.com/, YikeSite.com: http://www.YikeSite.com/, Webspawner.com: http://www.webspawner.com / o Web.com: http://www2.web.com/.

Consejos y advertencias

• Para obtener información general de diseño web, vaya a Websitetips.com http://websitetips.com/layout/ para el diseño de sonido y la teoría del diseño y information.Regardless de qué manera usted decide ir, si quieres aprender por su diseño de páginas web, tendrán que desarrollar un buen ojo para el color y aprender habilidades gráficas y diseño de la disposición. La cosa más importante que un sitio web puede ofrecer es una navegación clara. Las personas que no pueden encontrar lo que están buscando dejará y no volver. Así que los sitios web que emplean trucos inteligentes de navegación ocultos están destinados a perder visitantes.