/bggw/sort02902/sort02954/184825.html
Informe del experimento de producción de páginas web
Experimento 1: configuración del sitio
1. Propósito y requisitos
Este ejemplo es crear un nuevo sitio a través de la pestaña "Avanzado" en el cuadro de diálogo "Sitio definido como".
2. Instrumentos y Utensilios
1. Cada estudiante cuenta con una computadora multimedia, una LAN interna y acceso a Internet.
2. Instale el sistema operativo Windows XP; establezca un entorno de servidor IIS y admita ASP.
3. Instalar software de diseño web como Dreamweaver MX; Flash MX.
3. Principios experimentales
Crear un nuevo sitio. sitio para la pestaña Avanzado en el cuadro de diálogo.
IV.Métodos y pasos experimentales
1) Ejecute el comando "Sitio\Administrar sitio", haga clic en el botón "Nuevo" en el cuadro de diálogo emergente "Administrar sitio". y haga clic en el botón "Nuevo" en el cuadro de diálogo emergente "Administrar sitio". Seleccione el comando "Sitio" en el menú contextual.
2) Haga clic en la pestaña "Avanzado" en el cuadro de diálogo emergente "Sitio definido como".
3) Ingrese el nombre del sitio en el cuadro de texto "Nombre del sitio" y seleccione la carpeta del sitio creado en el cuadro de texto "Carpeta predeterminada". En el cuadro de texto "Carpeta de imágenes predeterminada", seleccione la carpeta donde se almacenan las imágenes. Cuando termine, haga clic en el botón "Aceptar" para regresar al cuadro de diálogo "Administrar sitio".
4) Haga clic en el botón "Finalizar" en el cuadro de diálogo "Administrar sitio" y se creará el sitio.
5. Resultados experimentales
6. Discusión y conclusión
Antes de comenzar el experimento, primero debes crear una carpeta raíz y guardar el sitio durante el experimento. experimento. En la carpeta que creó, puede organizar el experimento para que no encuentre su sitio después del experimento. Algunas opciones aparecerán durante el experimento. La computadora generalmente tiene una opción predeterminada. No la cambie al final. Si desea cambiarla, primero debe comprender completamente el significado de la opción y los efectos que causará, de lo contrario. Los resultados del experimento se verán distorsionados. La familiaridad con el software operativo antes del experimento es la clave para realizarlo bien.
Experimento 2: configuración de la imagen de la página
1. Propósito y requisitos del experimento:
El propósito de este ejemplo es configurar la imagen de fondo de la página y crearla. el ratón sobre la imagen.
2. Instrumentos y Utensilios
1. Cada estudiante cuenta con una computadora multimedia, una LAN interna y acceso a Internet.
2. Instale el sistema operativo Windows XP; establezca un entorno de servidor IIS y admita ASP.
3. Instalar software de diseño web como Dreamweaver MX; Fireworks MX;
4. Instalar software de producción y procesamiento de gráficos como Acdsee y Photoshop;
p>
5. Algún otro software de producción o procesamiento de animación y gráficos.
3. Principio experimental
Establezca la imagen de fondo de la página y cree la imagen del paso del mouse.
4. Métodos y pasos experimentales
1) Establezca la imagen de fondo de la página en el cuadro de diálogo "Propiedades de la página".
2) Haga clic en "" en el documento de la página para insertar el mouse sobre la imagen.
5. Resultados experimentales
6. Discusión y conclusión
Después del experimento, podemos ver que el fondo de la página ha cambiado a la imagen que insertamos. , y debe ser Cuando el mouse pasa sobre él, se convertirá en otra imagen. Este es el efecto del mouse sobre la imagen. Por supuesto, este efecto experimental es difícil de mostrar en las capturas de pantalla de los resultados experimentales. La clave de este experimento radica en la selección de la imagen de fondo. Si la imagen de fondo es demasiado grande, no solo afectará la velocidad de apertura de la página web, sino que incluso la imagen tendrá una sensación distorsionada al insertarla. El procesamiento necesario de la imagen antes de insertarla puede mejorar el efecto del experimento.
Experimento 3: Creación de tablas
1. Propósito y requisitos del experimento:
Este ejemplo es crear una tabla con un borde de 1 píxel.
2. Instrumentos y Utensilios
1. Cada estudiante cuenta con una computadora multimedia, una LAN interna y acceso a Internet.
2. Instale el sistema operativo Windows XP; establezca un entorno de servidor IIS y admita ASP.
3. Instalar software de diseño web como Dreamweaver MX; Fireworks MX;
4. Instalar software de producción y procesamiento de gráficos como Acdsee y Photoshop;
p>
5. Algún otro software de producción o procesamiento de animación y gráficos.
3. Principio experimental
Crea una tabla con un borde de 1 píxel.
4. Métodos y pasos experimentales
1) En el documento, haga clic en el botón "" de la tabla y establezca el "Espaciado entre celdas" en "1" en el cuadro de diálogo.
2) Seleccione la tabla insertada y establezca el "Color de fondo" en "Negro" (#0000000).
3) Seleccione todas las celdas de la tabla y establezca el "Color de fondo" en "Blanco" (#FFFFFF) en el panel "Propiedades".
4) Una vez completada la configuración, guarde la página y presione la tecla "F12" para obtener una vista previa.
V. Resultados experimentales
VI. Discusión y conclusión
Este experimento utiliza principalmente la diferencia de color de toda la tabla y las celdas para resaltar el efecto experimental. El espaciado La función principal es expresar esta diferencia de color. El color de fondo de la tabla y el color de fondo de la celda se confunden fácilmente. Debe realizar un juicio cuidadoso durante el experimento. Si comete un error, no obtendrá el efecto experimental. Las unidades de ancho de la tabla en el lado derecho del cuadro de texto "Ancho de la tabla" incluyen "píxeles" y "porcentaje", que son fáciles de confundir. Solo si comprende completamente el significado de estas dos unidades podrá tomar la decisión correcta. de lo contrario no podrá lograr sus objetivos. Si desea el efecto deseado, los errores de configuración afectarán seriamente los resultados experimentales.
Experimento 4: Crear enlaces de anclaje
1. Propósito y requisitos del experimento:
El propósito de este ejemplo es crear enlaces de anclaje.
2. Instrumentos y Utensilios
1. Cada estudiante cuenta con una computadora multimedia, una LAN interna y acceso a Internet.
2. Instale el sistema operativo Windows XP; establezca un entorno de servidor IIS y admita ASP.
3. Instalar software de diseño web como Dreamweaver MX; Fireworks MX;
4. Instalar software de producción y procesamiento de gráficos como Acdsee y Photoshop;
p>
5. Algún otro software de producción o procesamiento de animación y gráficos.
3. Principio experimental
Crear enlaces de anclaje.
4. Métodos y pasos experimentales
1) Inserte una tabla con 1 fila y 4 columnas en la página e ingrese texto de navegación en cada celda.
2) Seleccione el texto en cada celda, haga clic en el botón "" e ingrese "#01" y "#02" en el cuadro de texto "Enlace" en el cuadro de diálogo emergente "Hipervínculo". .#03” “#04”.
3) Ingrese texto en el documento y establezca el nombre del ancla "01", presione la tecla "Entrar" para cambiar la línea e ingrese un artículo.
4) Ajuste la línea al final del artículo, ingrese el texto y establezca el nombre del ancla "02", presione la tecla "Entrar" para dividir la línea e ingrese un artículo.
5) De la misma manera, ingrese el texto y el nombre de los anclajes como "03" y "04" respectivamente en la parte inferior de la página, e ingrese el artículo.
6) Guarde la página y presione la tecla "F12" para obtener una vista previa.
5. Resultados experimentales
6. Discusión y conclusión
La función de agregar un índice es ayudar a los lectores a encontrar rápidamente el artículo que desean, y puede hacerlo. También haga que la página sea más ágil. La dificultad clave de este experimento es que el nombre ingresado en el cuadro de texto del enlace y el nombre de la nota objetivo deben ser consistentes para lograr el efecto del experimento. Al mismo tiempo, debe recordar ingresar el texto al final. el artículo anterior y establezca el nombre de la nota objetivo, y recuerde ingresar el artículo correspondiente, de lo contrario el mnemotécnico puede no estar disponible.
Aquellos con bajo dominio no pueden utilizar bien varias herramientas en experimentos y no pueden encontrar con precisión la ubicación adecuada al mismo tiempo. Olvidé seleccionar "elementos invisibles" durante el experimento y varios experimentos fallaron antes de que finalmente llegara a la conclusión correcta. Por lo tanto, debe prepararse antes del experimento; de lo contrario, el proceso del experimento será más difícil.
Experimento 5: Configuración de estilos CSS
1. Propósito y requisitos del experimento:
El propósito de este ejemplo es crear un borde punteado de la tabla configurando Estilos CSS.
2. Instrumentos y Utensilios
1. Cada estudiante cuenta con una computadora multimedia, una LAN interna y acceso a Internet.
2. Instale el sistema operativo Windows XP; establezca un entorno de servidor IIS y admita ASP.
3. Instalar software de diseño web como Dreamweaver MX; Fireworks MX;
4. Instalar software de producción y procesamiento de gráficos como Acdsee y Photoshop;
p>
5. Algún otro software de producción o procesamiento de animación y gráficos.
3. Principio experimental
Crea el borde de puntos de la tabla configurando el estilo CSS.
4. Métodos y pasos experimentales
1) Crear un formulario en la página web.
2) Haga clic en el botón "" en el panel "Estilo CSS", realice ajustes en el cuadro de diálogo emergente y haga clic en el botón "Aceptar" cuando haya terminado.
3) Realice la configuración en el cuadro de diálogo emergente y haga clic en "Aceptar" una vez completado.
¡Mire el sitio web que publiqué más tarde!