Busco urgentemente un informe de diseño web dinámico. ¡urgente! ! ! ! ! ! ! ! ! Por favor ayúdenme, hermanos y hermanas. Correo electrónico 904013391@qq.com
Instrucciones de diseño "Diseño de sitios web y producción de páginas web"
Nombre del curso: Diseño web
Título del diseño: Mi ciudad natal
Departamento: Departamento de Ingeniería de Información de Construcción
Clase profesional: Computadora 0901
Nombre del estudiante:
Número de estudiante: 200913190
Instructor: Xu Meixia
Fechas de inicio y finalización: 20 de diciembre de 2010 al 24 de diciembre de 2010
Página 1*** 13 páginas
Proceso de producción de la página web de mi ciudad natal
1. Introducción al propósito y las funciones del desarrollo de sitios web
Con el desarrollo de la tecnología de redes y la popularización de Internet, la construcción y producción de sitios web se han vuelto cada vez más importantes para todos los ámbitos de la vida y Las personas para promocionarse son herramientas favorables y cada vez más personas utilizan los sitios web para hacer publicidad en la era actual. A través de la producción de sitios web, los profesores, compañeros de clase y amigos pueden comprenderse mejor a sí mismos y lo que los demás quieren saber. acerca de mí. Mi ciudad natal proporciona una plataforma para que otros se comprendan a sí mismos más profundamente. La función principal de este sitio web es que más personas sepan sobre mí y mi ciudad natal.
2. >2.1 Nombre del sitio web: Mi ciudad natal
2.2 División de las columnas del sitio web
Según el contenido y las funciones de este sitio web, se divide en: mis más sentidas palabras, enlaces de navegación, e introducciones a varios lugares, fotografías que reflejan la ciudad natal, declaración de derechos de autor, etc.
(1) Mi corazón: seis presentaciones de nuestro dormitorio, que provocan una comparación con el tema del sitio web para reflejar nuestra ciudad natal (2) Enlaces de navegación: enlaces a las páginas web establecidas por cada uno de ellos; respectivas ciudades de origen; (3) Introducción a cada lugar: una breve introducción a nuestras respectivas ciudades de origen y comprensión del conocimiento y la cultura de nuestras ciudades de origen; (4) Imágenes: una lista de imágenes representativas de cada lugar, que muestran diferentes estilos de otra manera; (5) Declaración de derechos de autor: declara el creador del sitio web
Los detalles se muestran en la figura:
2.3 La navegación del sitio web debe aplicarse a todas las páginas para mejorar la facilidad de uso del sitio. sitio web.
2.4 Estilo del sitio web y selección de color: La página es principalmente verde claro y amarillo claro. El verde claro refleja vitalidad, y las prácticas fuentes de color marrón claro y gris tenue dan a las personas una sensación de claridad y estabilidad. Todas las páginas tienen el mismo tono de color y diseño similar.
2.5 La estructura del directorio del sitio web está razonablemente diseñada: diferentes materiales se almacenan por separado en diferentes carpetas. Por ejemplo, las imágenes se colocan en la carpeta de imágenes
, el flash se coloca en la carpeta de flash, la tarea completa se coloca en una carpeta con su propio nombre, etc.
3. El proceso de producción de la página de inicio de Liaocheng
3.1 Diseño de la página de inicio:
Página de inicio, enlaces de navegación, contenido, enlaces web
3-1
La página completa está dividida en cuatro. La primera parte utiliza un archivo flash para mostrar imágenes dinámicas, principalmente lo más destacado del sitio web, la segunda parte es la barra de navegación y la tercera parte es el contenido detallado, en el que el texto; La página web está organizada de forma ordenada y compacta, para brindar a las personas una sensación de comodidad. Agregue algunas imágenes en lugares apropiados de la página web y agregue algunas descripciones de texto diferentes para cada imagen para que la página web se vea más hermosa. La cuarta parte son los enlaces a cada página web. El objetivo principal de utilizar este diseño es brindar a los espectadores una sensación simple, clara y clara y hacer que el sitio web sea uniforme.
El diseño específico se muestra a continuación:
3-2
3.2 Proceso de producción:: La producción de esta página web se divide en tres partes: la parte superior está hecha con flash Encabezado de página creado. La parte central se divide en dos partes: izquierda y derecha. La izquierda es una introducción simple y enlaces a mi ciudad natal. Las imágenes dinámicas producidas utilizan la línea de tiempo para reproducir las imágenes automáticamente, y las imágenes deslizadas hacia abajo desde la parte superior se reproducen automáticamente. Un bucle. La derecha es una visión de varios lugares pintorescos de mi ciudad natal. También configuré una imagen de fondo para la página web y usé la imagen agregada por la pestaña Spry al final.
4. Proceso de producción de la página de inicio de Liaocheng
4.1 Crear una nueva página y asígnale el nombre Página de inicio de Liaocheng (índice)
4.2 Establecer los márgenes de cuatro lados en la apariencia de las propiedades de la página es 0, el color del texto se establece en: #9900CC, el tamaño se establece en 18 píxeles; el estilo de subrayado en el enlace se establece en: subrayado el color del enlace es: #0000FF.
4.3 (1) Producción de la página de inicio (índice)
Utilice estilos para definir la altura y el ancho de cada parte y establezca ./image/195911NM-10.gif como fondo imagen.
La imagen del encabezado es Water City Pearl.jpg Configure la animación flash en naranja a la izquierda y a la derecha. El código swf es el siguiente:
El código de diseño de la imagen del encabezado: (imagen 3-2 arriba). )
 | ) Cambiar La dirección de desplazamiento de las letras es hacia la izquierda (izquierda) para lograr un desplazamiento diferente al de la página web anterior. La configuración del flash del encabezado es la misma que la de la página web anterior. Las representaciones completas son las siguientes (4) La Torre Guangyue (gyl) y el Lago Dongchang (dch) se completan con el mismo diseño. 5. Resumen de la tecnología de diseño Para que nuestro sitio web sea más práctico y rico en contenido, utilizamos muchas tecnologías en el sitio web, incluido Flash Photoshop y otros procesamientos de imágenes. y animación, utilizando conocimientos relevantes en Dreamweaver para crear varios efectos especiales, como aplicación de capas, aplicación de línea de tiempo, etc. 5.1 En la recopilación y procesamiento de materiales, dediqué mucho tiempo a procesar animaciones de sitios web, colecciones de fotografías reales e información personal. Por ejemplo, utilice PHOTOSHOP para procesar fotografías en su conjunto. La animación de desplazamiento se creó usando flash. 5.2 Efecto de desplazamiento de texto, el código es el siguiente: | 6. Experiencia de pasantía Este sitio web utiliza principalmente los conocimientos aprendidos este semestre. Para diseñar aplicaciones y crear efectos de animación, a través del diseño de este sitio web, se utilizan los conocimientos aprendidos este semestre. Esto no solo revisa algunos de los conocimientos aprendidos este semestre, sino que también profundiza el contenido de los conocimientos aprendidos en esta producción de páginas web. Mucho sobre cómo recopilar información, cómo utilizar el método más rápido para recopilar información, cómo recopilar información efectiva, cómo organizar la información, cómo hacer que la información descargada sea fácil de encontrar y también aprendí cómo crear páginas web y cómo usarlas. ellos efectos especiales de la página web, qué tipo de efectos especiales pueden resaltar el tema de la página web. En el proceso de creación del sitio web, también encontré muchas cosas que no entendía y resolví muchos problemas con la ayuda de profesores y compañeros de clase, y poco a poco completé la construcción de este sitio web. Aunque la página web que hice esta vez no es muy atractiva y tiene deficiencias, como la producción de páginas dinámicas, el uso de scripts, el uso de algunos efectos, etc., no es lo suficientemente flexible. El diseño de la página web no es muy perfecto, pero dediqué mucho tiempo a completarlo, por lo que me será de gran ayuda a la hora de crear páginas web en el futuro. También aprendí mucho en el proceso de creación de una página web, así que de corazón estoy muy satisfecho con mi experiencia. Al mismo tiempo, también me gustaría agradecer al profesor por organizar esta semana de prácticas. ¿Por qué? Porque durante el proceso de producción no solo aprendí cosas que no están en el libro, sino que también cultivé mi capacidad de pensar de forma independiente. Al mismo tiempo, también fortaleció la amistad de solidaridad y ayuda mutua entre compañeros. Por lo tanto, no importa desde qué perspectiva, la tarea asignada por el maestro esta vez es la única vez que se han puesto en práctica los conocimientos desde que entré a la universidad. Gracias nuevamente, maestro. En resumen, este diseño se completó en el proceso de aprendizaje continuo de "descubrir problemas -> resolver problemas -> descubrir problemas nuevamente -> resolver problemas nuevamente ->". En el futuro seguiré trabajando duro para lograr el objetivo. 上篇: ¿Cuáles son los principios de diseño para crear un sitio web? 下篇: ¿Dónde está Alemania en el mapa mundial?
|