En el siglo pasado, el diseño de páginas web era dominio de unos pocos profesionales. Los avances tecnológicos han simplificado enormemente esta tarea. Ahora cualquier usuario de Internet puede crear un sitio web.
Es necesario
- - paquete de software para el diseño de páginas web;
- - un editor de gráficos de trama para crear elementos de diseño.
Instrucciones
Paso 1
Haga una lista de los elementos que estarán presentes en el sitio. Puede tratarse de componentes como un menú de navegación, un formulario de búsqueda, un banner publicitario o informativo, una lista de amigos. El nombre del proyecto generalmente se indica en la parte superior de la página, puede haber un menú de navegación horizontal. La parte central está asignada al contenido principal del sitio. En la parte inferior de la página, generalmente se colocan contadores de asistencia, información de contacto para comentarios.
Paso 2
Cree un diseño de sitio web en un editor gráfico. La tarea principal aquí es determinar la apariencia de los elementos, su posición relativa. No uses colores demasiado brillantes. Una paleta de colores neutros se percibe mejor. Use un estilo consistente para los bloques. Intente que el diseño sea lo más fácil de usar posible. Evite elementos que sean difíciles de implementar en HTML y CSS.
Paso 3
Guarde el diseño de la página en formato de mapa de bits sin pérdida de calidad. Defina los elementos de estilo que se renderizarán utilizando HTML. Estos pueden ser menús, enlaces, tablas, formularios de búsqueda. Extraiga el resto de elementos del diseño y guárdelos en archivos separados. Cree dos documentos de texto en su disco duro. Cambie la extensión de uno de ellos a.htm. Contendrá el código responsable de la posición relativa de los elementos. El segundo archivo contendrá las hojas de estilo.
Paso 4
Abra el primer archivo en un editor HTML. Coloque en la página los elementos de diseño guardados anteriormente en archivos de mapa de bits. Cree enlaces de texto, tablas y otros elementos que deban renderizarse en HTML. Los atributos de los elementos, como el color, el tamaño de fuente, la presencia de bordes, se escriben en un archivo CSS. Si necesita animar elementos de la página, use JavaScript.
