SummArg | Cursos y recursos para webmasters

Generá la estructura básica de tu sitio en pocos pasos.

Instant CSS Code es una aplicación online que te ahorra varios pasos para empezar a realizar un sitio web. Con la selección de un par de items, genera un documento base incluyendo la información del encabezado y toda la estructura de directorios inicial. Esto incluye links a las plantillas de estilos (y generación base de las mismas), links a bibliotecas javascript (e inclusión de la elegida) con o sin compresión, tipo de documento inicial (index.php, index.html o index.asp) y charset.

Al final del formulario podremos indicar las cajas principales que utilizaremos para nuestro layout, las que aparecerán en el HTML como <div id=”xxx”> y dentro del style.css como #xxx { }. También podemos marcar si deseamos que todo esté centrado dentro de un div o no. Para el caso en que elijamos ese wrapper, aparecerá reflejado en el HTML y en la plantilla de estilos.

El directorio CSS estará compuesto por print.css, style.css y reset.css, siendo este último el conocido reset de Meyer.

Resumiendo la estructura creada será la siguiente:

css/

  • → reset.css (Meyer v1.0)
  • → style.css
  • → index.html

images/

  • → index.html

js/

  • → *.js
  • → index.html

/

  • → index.*

Dejar un comentario