Antes de comenzar a hacerlo, analicemos esta página primero. Eche un vistazo a lo que se utiliza en esta página.
□El título "Mi página de inicio" en la parte superior de la página web es un párrafo de texto.
□En el medio de la página web hay una imagen.
□El mensaje de bienvenida en la parte inferior es un párrafo de texto.
□El fondo de la página web es de un color violeta intenso.
Después de concebir la estructura de esta página web, podemos empezar a realizarla.
Primero inicie Dreamweaver y asegúrese de haber creado un sitio web (directorio raíz) utilizando el administrador del sitio.
Para facilitar la producción, abra el administrador de recursos con anticipación y recopile las imágenes que se utilizarán en la carpeta de imágenes del directorio del sitio web.
[ Insertar texto del título]
Ingrese al estado de vista de diseño de edición de página. En circunstancias normales, el editor utiliza de forma predeterminada la alineación a la izquierda, el cursor parpadea en la esquina superior izquierda y la posición del cursor es la posición del punto de inserción. Si desea insertar el texto en el centro, haga clic en el botón Centro en el panel de propiedades. Inicie el método de entrada en chino e ingrese las cuatro palabras "Mi página de inicio". No importa si la fuente es pequeña, podemos configurarla.
[Establecer el formato de texto] Seleccione el texto y establezca el formato de fuente en la fuente predeterminada en el panel de propiedades de arriba. El tamaño de fuente se puede cambiar a voluntad. Y seleccione "B" para poner la fuente en negrita.
[Establecer el color del texto] Primero seleccione el texto, haga clic en el icono de selección de color en el panel de propiedades y use el cuentagotas para seleccionar el color en el selector de color emergente.
[Establecer el título y el color de fondo de la página web]
Haga clic en el menú "Modificar" y seleccione "Propiedades de página". El sistema muestra el cuadro de diálogo de propiedades de la página (como se muestra a continuación)
Complete el título "Mi página de inicio" en el cuadro de entrada del título.
Establecer color de fondo: el fondo de la página web puede ser una imagen o un color. En este caso es el color. Abra el selector de color de fondo como se muestra arriba para seleccionar. Si desea configurar el fondo de una imagen, haga clic en el botón "Examinar" para la imagen de fondo. El sistema abrirá un cuadro de diálogo de selección de imagen. Seleccione el archivo de imagen de fondo y haga clic en el botón Aceptar.
En el estado de vista de diseño, haga clic con el mouse en el espacio en blanco a la derecha del título "Mi página de inicio", presione Entrar para cambiar una línea y siga los pasos a continuación para insertar una imagen y centrarla. También puede alinearlo a la izquierda usando el botón Alinear a la izquierda en el panel Propiedades.
【Insertar imagen】Elija cualquiera de los siguientes métodos:
(1) Utilice el menú Insertar: seleccione "Imagen" en el menú "Insertar", aparecerá el cuadro de diálogo "Seleccionar archivo fuente de imagen", seleccione el archivo de imagen y haga clic en Aceptar. Como se muestra a continuación:
(2) Utilice la columna de inserción: haga clic en el botón del objeto de la columna de inserción > botón Seleccionar, aparecerá el cuadro de diálogo "Seleccionar archivo de origen de imagen" y el resto de las operaciones son las mismas que las anteriores.
(3) Utilice el panel "Recursos" del grupo de paneles (como se muestra a continuación): haga clic en el botón, expanda la carpeta de imágenes en el directorio raíz, seleccione el archivo y arrástrelo a la posición adecuada en el espacio de trabajo con el mouse.
Nota: Para facilitar la gestión, colocamos las imágenes en la carpeta "imágenes". Si hay pocas imágenes, también puedes colocarlas en el directorio raíz del sitio. Tenga en cuenta que el nombre del archivo debe estar en inglés o pinyin y en minúsculas, y no puede estar en chino; de lo contrario, habrá algunos problemas.
Se inserta una imagen. (Inserte el archivo de animación *.swf, seleccione el menú "Insertar" > Medios > Flash).
[Ingrese el texto de bienvenida]
Haga clic en el espacio en blanco a la derecha de la imagen y presione Entrar para ajustar la línea. Aún siguiendo el método anterior, ingrese el texto "Bienvenido..." y luego use el panel de propiedades para configurar el texto.
Guarde la página.
Se ha editado una página sencilla como esta.
[Vista previa de la página web] Presione F12 en el editor de páginas para obtener una vista previa del efecto de la página web.
La primera página del sitio web, que es la página de inicio, normalmente se denomina index.htm al guardar.
[Resumen] Creamos una página web sencilla.
Hay cuatro contenidos:
①Configuración de inserción y alineación de imágenes;
② Configuración de formato de texto, color y negrita;
③Configurar el color de fondo;
④Vista previa de la página web para ver el efecto real.
No sólo debes dominarlo, sino que también debes practicarlo repetidamente.