Paso uno: antes de crear una página web estática, debemos realizar una representación 1:1 de la página web, también llamada representación de página web estática. Puede utilizar la versión china descifrada de Photoshop CS4 para crear representaciones de páginas web estáticas.
Paso 2: PS corta representaciones de páginas web estáticas. Mediante el corte PS, una representación grande se puede cortar en varias imágenes pequeñas, que se pueden usar directamente en la página web más adelante.
Paso 3: Utilice HTML5 y CSS3 para el diseño de la página web. El diseño de las páginas web sigue el principio de "primero lo grande, luego lo pequeño, primero el exterior y luego el interior". Primero escriba toda la estructura estática de la página web y luego escriba párrafos cortos para cada parte según las representaciones. (Esta parte requiere una base de codificación. Primero puede estudiar el tutorial introductorio de HTML).
En tercer lugar, la creación de efectos especiales en páginas web, como carruseles, requiere código JS. Luego, inserte las imágenes pequeñas cortadas por PS en la página web a través del código y llene cada segmento pequeño con datos de prueba para lograr el mismo efecto que las representaciones.
Cuarto: Finalmente, optimice el código de la página web, elimine archivos redundantes y organice una página web estática simple, de modo que la página web estática esté lista.
Datos extendidos:
Las páginas web estáticas son archivos HTML estándar, y sus extensiones de archivo lo son. Htm. html puede contener texto, imágenes, sonidos, animaciones FLASH, scripts de cliente, controles ActiveX y subprogramas JAVA. Las llamamos páginas estáticas.
Las páginas estáticas suelen estar en formato html. Haga doble clic en esta página estática para abrir esta página web y el efecto será el mismo que el diseño de la imagen. ¿Entonces esta página estática es un sitio web? Estas páginas estáticas son en realidad sólo los materiales para el sitio web o la plantilla.
En el diseño de sitios web, las páginas web estáticas son la base de la construcción de sitios web. Los primeros sitios web generalmente se creaban con páginas web estáticas. Las páginas web estáticas son relativas a las páginas web dinámicas, que se refieren a páginas web que no tienen una base de datos en segundo plano, ningún programa de creación de sitios web ni interacción. Las actualizaciones de páginas web estáticas son relativamente problemáticas y adecuadas para sitios web de exposiciones que generalmente tienen menos actualizaciones.