Dado que muchos amigos me han preguntado cómo recortar imágenes, y dado que este problema puede ser grande o pequeño, es absolutamente imposible explicarlo claramente en una o dos oraciones, así que daré un ejemplo simple para ilustrar este problema cuando tenga tiempo libre. Tiempo en casa hoy. Bien, comencemos:
Paso 1: abra el borrador del diseño en PhotoShop, como se muestra a continuación.
Seleccione la herramienta de corte en el tablero de herramientas y primero haga un corte en negrita. Consejos: corte un área grande de bloque de color en una sola pieza por separado y manténgala lo más ordenada posible en la línea horizontal (¡aprenderá más sobre esto! número en la página de producción posterior) Sentimiento) La imagen cortada es la siguiente:
Paso 2: Seleccione guardar archivo para web... en PhotoShop para generar. Preste atención a la selección de algunos parámetros aquí:
Echemos un vistazo a las partes 1, 2 y 3 marcadas por la línea roja. Seleccione la herramienta de corte que se muestra en 1, luego haga clic en la imagen que se muestra en 2 y seleccione el valor de color en el lugar que se muestra en 3. Si el el color es único, puede elegir el bit de valor de color lo más pequeño posible (¿Por qué es esto?) Respuesta: Esto reducirá en gran medida el tamaño del archivo y al mismo tiempo mantendrá mejor el color de la imagen; él, haga clic en Aceptar para generar el archivo. El archivo aquí incluye una carpeta htm e imágenes, como se muestra en la figura:
Su página está solo a medio completar en este punto. A continuación, cree el sitio en Dreamweaver:
paso 3: Defina el sitio:
Asigne un nombre al sitio en el nombre del sitio en el lado izquierdo de la imagen, como por ejemplo
Luego seleccione todas las carpetas del sitio que acabamos de exportar en la carpeta raíz local a continuación después de crear el sitio, lo veremos en el mapa del sitio:
(¿Por qué crear un sitio web?) Crear un sitio web nos permite desarrollar un buen hábito, que consiste en juntar los archivos y carpetas contenidos en un sitio web de manera ordenada. Al mismo tiempo, podemos mover fácilmente el sitio a otros lugares. . colocar sin reescribir la ruta del archivo (Por supuesto, si realmente no desea crear un sitio, nadie lo obligará. Me he encontrado con colegas así en mi trabajo. No están acostumbrados a crear sitios para páginas. Por supuesto, las consecuencias serán muchos problemas)
Paso 4: Vuelva a crear la tabla de páginas (¿por qué?) Por lo general, el archivo htm exportado directamente en Photoshop no se puede usar directamente porque algunos lugares deben ajustarse durante el uso real. como lugares con texto dinámico, debemos agregarlos a la página. Si la página de entrada no usa imágenes, entonces las imágenes deben eliminarse si elimina las imágenes no deseadas y agrega las cosas que desea en el htm generado directamente. , encontrará que la página se volverá terrible y toda la página puede ser un caos total.
Bien, primero analicemos el archivo htm exportado:
Según la tabla de esta página, creamos una tabla con tres filas y una columna en la nueva página:
Tenga en cuenta que es muy importante establecer los valores de relleno de celda, espacio de celda y borde en 0 porque no queremos ver espacios y desalineaciones en la imagen, luego inserte una tabla con tres filas y dos columnas en la primera fila; y fusione la izquierda Una tabla de tres columnas, como se muestra en la figura:
Al insertar una tabla, debe prestar atención a comparar el contenido del archivo htm original y pensar por qué lo hace;
A continuación, inserte una tabla con dos filas y dos columnas en la segunda fila, combine la cuadrícula izquierda como se muestra arriba e inserte una tabla de una fila y cinco columnas en la primera fila de la cuadrícula derecha como se muestra:
Finalmente, inserte una tabla con tres filas y dos columnas en la fila inferior y combine los elementos 1 y 2 en la imagen:
Bien, ahora nuestra tarea es agregar imágenes y contenido a la tabla. No entraré en detalles aquí (¡de hecho, ya se ha dicho suficiente!) ¡
También quiero recordarles a todos que al agregar imágenes y contenido, la tabla! unidad Los dos atributos de align y valign son muy importantes. No debes escatimar esfuerzos para usarlos para ayudarte a hacer las cosas. ¡Bien, practícalo tú mismo!