Cómo crear un sitio web estático

Descarga Dreamweaver.exe y ábrelo, selecciona el idioma de edición que usas, en este caso usa html

1. Después de abrir la página, selecciona la ventana de diseño, como se muestra en la figura . La ventana de diseño puede diseñar rápidamente páginas web sin tener que editar el código usted mismo.

2. Abra el dibujo de diseño de la página web que desea diseñar. Esta experiencia se basa en la página de inicio de Baidu Experience como ejemplo. Primero, creamos una barra de búsqueda en la parte superior y hacemos clic en Insertar - Tabla. (como se muestra en la imagen). Abra Propiedades de la tabla para editar las propiedades de la tabla. Inserte 1 fila y 5 columnas, el ancho de la tabla es 1130 (es decir, el ancho de la página web) y los márgenes y el espaciado son 0. Esta tabla es solo para posicionamiento, por lo que no hay bordes.

3. Después de configurar la tabla, puede insertar su contenido en la tabla. Primero insertamos el logotipo, hacemos clic en Insertar - Imagen - seleccionamos la imagen que desea insertar. Haga clic en Aceptar para completar la inserción del logotipo. La altura o altura de la mesa se puede ajustar según las necesidades del dibujo de diseño. Mueva el mouse a la línea de puntos del borde de la mesa y arrastre para ajustar la altura o el ancho. Como se muestra en la imagen

A continuación hacemos el cuadro de búsqueda, hacemos clic en Insertar-Formulario-Insertar campo de texto-Aceptar. Después de insertar el cuadro de texto, puede hacer clic en el cuadro de texto para ajustar las propiedades del cuadro de texto. Según el dibujo de diseño, el cuadro de texto debe agregarse al cuadro de texto. Por lo tanto, puede hacer clic con el botón derecho en la celda y seleccionar Tabla - Dividir celda. Aquí está el contenido que debe agregarse a una fila. dividir en dos filas, como se muestra en la figura.

4. Utilice el mismo método para dividir la fila anterior. Debido a que se van a agregar 10 selecciones, se divide en 10 columnas (haga clic derecho en la fila seleccionada-Dividir celdas-10 columnas-Aceptar). Después de dividir, agregue contenido de texto en las celdas. El tamaño de la mesa se puede ajustar según el paso 4.

5. A continuación hacemos el botón de búsqueda y también dividimos la tabla en dos filas según el dibujo del diseño. Haga clic en el botón Insertar para insertar la imagen.

6. A continuación, agregue un enlace al botón. Esta experiencia se comparte con una página web estática, por lo que me gustaría compartir con usted cómo agregar un enlace a un botón directamente. También haga clic en Insertar: agregue un hipervínculo y complete el enlace de la página que creó con anticipación u otros enlaces del sitio web.

7. El contenido restante se puede agregar gradualmente según los pasos del método, y la página web que deseas diseñar se puede completar ajustando los detalles. Como se muestra en la figura, se muestra la página estática creada en los pasos anteriores. Vincule todas las páginas web completas con hipervínculos para crear un sitio web simple.