Cómo crear tu propia página, cómo crear tu propio diseño de página

1. Software de producción de páginas web para principiantes Si es un principiante en la producción de páginas web, ¡deje que el siguiente software lo lleve al colorido mundo de la producción de páginas web!

①Microsoft FrontPage

Si está familiarizado con Word, creo que se sentirá muy cómodo con el diseño web de FrontPage. Sólo usando FrontPage para crear páginas web podemos apreciar realmente el significado de "potente, simple y fácil de usar". La página la crea el editor en FrontPage y su ventana de trabajo consta de tres pestañas, a saber, la página de edición WYSIWYG, la página de edición de código HTML y la página de vista previa. FrontPage tiene un editor de gráficos y animaciones GIF que admite CGI y CSS. Tanto los asistentes como las plantillas facilitan a los principiantes la edición de páginas web.

La característica más poderosa de FrontPage es su función de administración de sitios. Cuando actualiza su sitio en el servidor, no necesita crear un directorio para los archivos modificados. FrontPage rastreará estos archivos y copiará estas nuevas versiones por usted. FrontPage es el único software de creación de páginas web que puede funcionar en la computadora local o procesar archivos directamente en servidores remotos a través de Internet.

②Netscape Editor

Netscape Communicator y Netscape NavigatorGold versión 3.0 tienen fckeditor. Si te gusta usar Netscape Browser para navegar por Internet, ¡usar Netscape Editor es realmente simple y conveniente! Cuando utiliza Netscape Browser para mostrar una página web y hace clic en el botón Editar, Netscape almacenará la página web en su disco duro y podrá comenzar a editar. También puede editar texto, fuentes, colores, cambiar el autor de la página de inicio, el título, el color de fondo o la imagen, definir puntos de seguimiento, insertar enlaces, definir código de documento, insertar imágenes, crear tablas y más. Al igual que Palabra. ¿Es similar a FrontPage2000? El Editor Netscape tiene funciones limitadas para diseños web complejos y ni siquiera admite la creación de formularios y la creación de marcos múltiples.

Netscape Editor es una buena herramienta de introducción para principiantes en la producción de páginas web. Si sus páginas web constan principalmente de texto e imágenes, Netscape Editor será una elección fácil. Si sabe algo sobre HTML, puede utilizar un editor de texto como el Bloc de notas o UltraEdit para escribir algunas declaraciones HTML, que también pueden compensar algunas deficiencias del editor Netscape.

③adobepagill

Pagemill no es potente, pero es muy cómodo de usar. Adecuado para que los principiantes creen una página de inicio hermosa, en lugar de una muy complicada. Si su página de inicio necesita muchos marcos, tablas y mapas de imágenes, Adobe Pagemill es realmente su primera opción.

Otra característica de Pagemill es que cuenta con un portapapeles. Puede arrastrar y soltar cualquier cantidad de texto, gráficos y tablas y abrirlos cuando sea necesario. Muy conveniente.

④Página de inicio del grupo de chicas Clarice.

Si utilizas el software de página de inicio de Clarice Girl Group, puedes crear una página web dinámica en tan solo unos minutos. Esto se debe a que tiene una gran herramienta para crear y editar marcos, y puedes agregar nuevos marcos fácilmente. Además, Clarice Girl Group Homepage 3.0 integra la base de datos de FileMaker y las funciones mejoradas de administración del sitio web también le permiten detectar conexiones legítimas a la página. Sin embargo, el diseño de la interfaz es demasiado tosco y el procesamiento de imágenes de los diagramas de imágenes está incompleto.

2. Software de producción de páginas web intermedio

Si tienes conocimientos básicos de diseño de páginas web y lenguaje HTML, puedes elegir el siguiente software para diseñar tu página web, que definitivamente agregará color a tu página. página web.

①DreamWeaver

Página web casera con animación HTML dinámica

DreamWeaver es un excelente software de diseño web que incluye paquetes de edición visual y edición de código HTML. Admite ActiveX, JavaScript, Java, Flash, ShockWave y otras funciones. Además, puede admitir el diseño HTML dinámico mediante arrastrar y soltar, y crear animaciones HTML dinámicas de principio a fin, de modo que la página se pueda mostrar correctamente en los navegadores Netscape e IE4.0 sin complementos. También proporciona la función de actualizar automáticamente la información de la página.

DreamWeaver también utiliza tecnología HTML de ida y vuelta. Esta tecnología permite que las páginas web se conviertan libremente entre DreamWeaver y los editores de código HTML, manteniendo la sintaxis y la estructura HTML sin cambios. De esta manera, los diseñadores profesionales pueden disfrutar plenamente de los beneficios de la edición visual sin cambiar sus hábitos de edición originales. El aspecto más desafiante y crítico de DreamWeaver es su diseño abierto, que permite a cualquiera ampliar fácilmente su funcionalidad.

②Fireworks

El primer software diseñado íntegramente para creadores de páginas web.

Los fuegos artificiales son un gran evento y su aparición ha cambiado por completo el dibujo web. Fireworks está especialmente diseñado y desarrollado para imágenes de red y tiene funciones integradas enriquecidas para admitir la publicación en red.

Por ejemplo, Fireworks puede cortar imágenes automáticamente y generar JavaScript dinámico inducido por el mouse. Y Fireworks tiene funciones de animación muy potentes y un generador de imágenes de red casi perfecto (función de exportación). Fortalece la conexión con Dreamweaver, puede generar directamente la biblioteca de Dreamweaver e incluso exportarla a páginas web e imágenes de estilo CSS.

③Flash

Deja que tu página web se mueva.

Flash es un blaster interactivo dinámico utilizado en Internet. Su ventaja es que es de tamaño pequeño y se puede descargar y reproducir al mismo tiempo para evitar que los usuarios tengan que esperar mucho tiempo. #{6fash6}#Puedes usarlo para generar animaciones y agregar sonidos a páginas web. De esta manera, puede generar gráficos e interfaces multimedia, pero con archivos de tamaño pequeño. Aunque FLASH no se puede programar como un lenguaje, también puede utilizar sus declaraciones integradas y JavaScript para crear una página de inicio muy interactiva. Alguien dijo una vez: ¡Los diseñadores de redes del próximo siglo serán eliminados porque no saben cómo usar FLASH! ¡Creo que esta frase es correcta!

④Profesional de hot dog

Crea una página web y agrega varias tecnologías complejas.

HotDog es una de las primeras herramientas de diseño web basada en código. Su característica más notable es que proporciona muchas herramientas de asistente para ayudar a los diseñadores a crear partes complejas de la página. El HTML avanzado de HotDog admite la inserción de subtítulos, que se pueden ver a velocidad normal en el modo de vista previa. Esto es muy raro porque incluso Microsoft, que creó esta etiqueta, no proporciona dicha funcionalidad en FrontPage. El soporte de HotDog para complementos también es mucho mejor que el de otros productos. Proporciona un cuadro de diálogo que le permite seleccionar manualmente diferentes opciones para diferentes formatos de archivos. Pero el procesamiento del chino no es muy cómodo.

HotDog es un software potente que es una buena opción para diseñadores experimentados que desean agregar tecnologías complejas como CSS, Java y RealVideo. Vaya a su sitio web.

⑤Home

Cree una página web que pueda controlar completamente el progreso de la página.

HomeSite de Allaire es un pequeño editor de código HTML de uso general con funciones de ayuda enriquecidas y soporte para CGI y CSS. Y puedes editar directamente programas de Perl. La interfaz de trabajo de HomeSite es sencilla y clara. Dependiendo de tus hábitos, puedes configurarlo en una ventana de edición simple, como el Bloc de notas, o puedes trabajar en una interfaz compleja.

HomeSite es más adecuado para diseños de páginas complejos y interesantes. Si desea un control total sobre el progreso de su página, HomeSite es su mejor opción. Pero es demasiado complicado para los principiantes.

⑥HotMetalPro

Cree páginas web con sólidas capacidades de incrustación de datos.

Hot proporciona producción de gráficos, texto y edición de código "lo que ves es lo que obtienes". Es un software que no decepcionará a los diseñadores de todos los niveles. Pero los principiantes deben estar familiarizados con HTML para utilizar este software fácilmente. Hot tiene poderosas capacidades de incorporación de datos. Al utilizar su asistente de inserción de datos, puede colocar datos externos de Access, Word, Excel y otros datos ODBC en la página. Y HotMetal puede convertirlos automáticamente al formato HTML, ¿no es genial? Además, también puede convertir muchos archivos de formato antiguo (como WordStar, etc.) y puede convertir automáticamente las imágenes de estos documentos al formato GIF durante el proceso de conversión.

Hot proporciona a los usuarios "demasiadas" herramientas y también puede utilizar diagramas de red o diagramas de árbol para mostrar el estado del enlace de todo el documento del sitio.

En tercer lugar, software avanzado de producción de páginas web.

①Microsoft Visual Studio

Las versiones de esta serie son: 2003, 2005, 2008 y posteriores;

Es adecuado para desarrollar páginas web aspx dinámicas. Al mismo tiempo, también puede realizar sitios web sin actualizar, funciones de servicios web, etc. Sólo es apto para usuarios avanzados.

②Jbuilder

No importa la versión, es adecuado para desarrollar páginas JSP y solo para usuarios avanzados.

③Bloc de notas

No creas que el Bloc de notas tiene pocas funciones y el software es sencillo. Sin embargo, cómo utilizarlo para crear páginas web sólo es adecuado para usuarios avanzados. Debido a su contenido, no existe una operación visual para crear directamente una página web. Solo puede escribir varios códigos HTML, códigos CSS, códigos JS y varios scripts dinámicos para crear una página web.

¿Cómo crear una nueva página de libro usando el software id?

1) Seleccione el menú Archivo-Nuevo-Documento. 2) Establezca en el cuadro de diálogo que aparece: primero determine el número básico de páginas. Seleccione "Cuadro de texto principal" para facilitar la unificación de cuadros de texto en el futuro. Determine el tamaño de la página y la orientación de la encuadernación. Luego determine el valor de sangrado. Si es necesario, puede seleccionar un valor de área imprimible. Cuando termine, seleccione Márgenes y columnas. Nota: Si desea abrir InDesign repetidamente en el futuro, los parámetros deseados aparecerán automáticamente en el documento como configuración de parámetros predeterminada. Luego, antes de abrir un nuevo documento, deberá: a. Seleccionar el menú: Diseño - Márgenes y columnas. y configurar los parámetros correspondientes. b. Seleccione el menú: Archivo-Configuración de Documento y configure los parámetros correspondientes.

Después de completar estas tareas, cada vez que abra un documento nuevo, el programa utilizará estos parámetros como valores predeterminados para el nuevo documento. 3) En el cuadro de diálogo que aparece, seleccione el tamaño del centro, el número de columnas, el diseño del texto y el espaciado de las columnas. Seleccione Aceptar. 4) Crea una página maestra. Seleccione la caja de herramientas de la página. Seleccione la página maestra adecuada. Seleccione menú: Diseño-Codificación automática de página. Establezca la posición del número de página, la fuente y otros parámetros relacionados en el maestro.

¿Cuáles son los pasos generales para el diseño de una página web?

El diseño de una página web generalmente consta de los siguientes siete pasos:

1. Tamaño de página: el tamaño de la página está relacionado con el tamaño y la resolución del monitor. La limitación de las páginas web es que no pueden traspasar el alcance del monitor y, debido a que el navegador también ocupa mucho espacio, el alcance de la página izquierda será cada vez más pequeño. Cuando la resolución general es 1024×768, el tamaño de visualización de la página es 1007×600; cuando la resolución es 800×600, el tamaño de visualización de la página es 780×428 píxeles; cuando la resolución es 640×480, el tamaño de visualización de la página es 780×428 píxeles; El tamaño de la página es de 620×311 píxeles. Como se puede ver en los datos anteriores, cuanto mayor sea la resolución, mayor será el tamaño de la página.

Grande. Las barras de herramientas del navegador también son responsables de afectar el tamaño de la página. Actualmente, las barras de herramientas del navegador se pueden cancelar o agregar, por lo que el tamaño de la página es diferente cuando se muestran todas las barras de herramientas y cuando todas las barras de herramientas están cerradas.

En el proceso de diseño web, arrastrar la página hacia abajo es la única forma de agregar más contenido (tamaño) a la página web. Recuerde a los miembros de la familia. No permita que los visitantes arrastren una página más de tres pantallas a menos que esté seguro de que el contenido de su sitio atraerá a las personas a arrastrarla. Si necesita mostrar más de tres pantallas en la misma página, es mejor conectar páginas internas en ella para facilitar la navegación a los visitantes.

2. Modelado general: ¿Qué es el modelado? Una forma es la imagen de un objeto que se crea. La imagen general de la página debe ser un todo y la combinación de gráficos y texto debe estar ordenada y unificada orgánicamente. Aunque tanto los monitores como los navegadores son rectangulares, podemos aprovechar otras formas y combinaciones que se encuentran en la naturaleza: rectángulos, círculos, triángulos, rombos y más.

Para diferentes formas, representan diferentes significados. Por ejemplo, el rectángulo representa formalidad y reglas. Se ha observado que muchas páginas web del PCI y del gobierno tienen forma enteramente de rectángulos; el círculo representa suavidad, unidad, calidez, seguridad, etc. A muchos sitios web de moda les gusta usar círculos como forma general de la página; los triángulos representan fuerza, autoridad, determinación, agresión, etc. Muchos sitios web comerciales grandes suelen utilizar triángulos como forma general de la página para mostrar su autoridad. La forma de diamante representa equilibrio, coordinación y justicia, y algunos sitios de citas suelen utilizar la forma de diamante como forma general de la página. Aunque las diferentes formas tienen diferentes significados, la mayoría de las páginas web actuales se componen de varias formas, siendo una de ellas la principal.

3. Encabezado: El encabezado también puede llamarse cabecera, y su función es definir la temática de la página. Por ejemplo, la mayor parte del nombre del sitio web aparece en el título. De esta manera, los visitantes pueden saber rápidamente de qué se trata el sitio web. El encabezado es la clave para todo el diseño de la página e implicará más diseño a continuación y la coordinación de toda la página. Nombre del sitio web, logotipo de la empresa, anuncios publicitarios y otras imágenes. Generalmente se coloca en el encabezado.

4. Texto: la mayor parte del texto aparece como "líneas" o "bloques" (párrafos) en la página, y su posición determina la visibilidad de todo el diseño de la página. En el pasado, debido a las limitaciones de la tecnología de producción de páginas, había poca flexibilidad en la ubicación del texto, pero con el auge de DHTML, el texto se puede colocar en cualquier lugar de la página según sus propios requisitos.

5. Pie de página: El pie de página hace eco del encabezado. El encabezado es donde se coloca el tema del sitio web, mientras que el pie de página es donde se coloca la información del fabricante o de la empresa. Como puede ver, se coloca mucha información en el pie de página.

6. Imágenes: Las imágenes y el texto son los dos elementos principales de una página web, pero ambos son indispensables. Cómo manejar la posición de las imágenes y el texto se ha convertido en la clave para el diseño de toda la página. Y el pensamiento de diseño también se reflejará aquí.

7. Multimedia: Además de texto e imágenes, también existen otros medios como sonido, animación y vídeo. Aunque no se utilizan habitualmente, se han vuelto más importantes en el diseño de páginas web con el surgimiento de las páginas web dinámicas.

¿Cómo mostrar una página web en pantalla completa?

Cómo mostrar una página web en pantalla completa sigue siendo muy sencillo. Permítanos brindarle una descripción general simple:

1. Abra su navegador

2 Después de abrir el navegador, busque el botón de configuración en la esquina superior derecha.

3. Haga clic en pantalla completa o presione directamente F11 en el teclado.

4. Las teclas de acceso directo deben configurarse usted mismo. Normalmente la clave maestra predeterminada es FN+F11. Mantenga presionada la combinación de teclas "Fn+F11" para abrir la pantalla completa y presiónela nuevamente para salir de la pantalla completa.

Datos ampliados

Las páginas web son los elementos básicos de los sitios web y la plataforma para diversas aplicaciones de sitios web. En términos generales, su sitio web se compone de páginas web. Si solo tiene un nombre de dominio y un servidor web sin crear ninguna página web, sus clientes aún no podrán acceder a su sitio web. Una página web es un archivo de texto sin formato que contiene etiquetas HTML y puede almacenarse en una computadora en algún lugar del mundo. Es una "página" en la World Wide Web y es un formato de lenguaje de marcado de hipertexto (una aplicación del Lenguaje de marcado universal estándar, con una extensión de archivo .html o .htm). Las páginas web suelen utilizar archivos de imágenes para publicar imágenes. Las páginas web deben leerse a través de un navegador web.

En Word, ¿cómo hacer una “portada” que ocupe una página?

1. Primero abre nuestro documento de Word.

2. Haga clic en el contenido frente a nuestro material y luego haga clic en "Diseño de página".

3. Haga clic en "Separador" junto a "Salto de columna" y luego haga clic en "Página siguiente" en "Salto de sección" (tenga en cuenta que debe ser un salto de sección).

4. Luego haga clic en "Insertar" en la nueva página obtenida en la parte superior y luego haga clic en "Portada" en el extremo izquierdo.

5. Elija una portada que le guste y luego agregue su material a la portada (por motivos de belleza, puede ajustar el tamaño, el color, el estilo, etc.).

6.Final Se me ocurrió la idea de "Usar el contenido del material para ocupar una página exclusivamente y crear una 'portada' para el documento".

¿Cómo configurar los métodos de personalización de páginas 404 y páginas de error 404?

1. Configure una página de error 404 en el servidor Apache.

El método para configurar una página de error 404 para el servidor Apache es muy simple. Primero, cree una página llamada 404.html/404.htm/404.php/404.asp/404.aspx, de acuerdo con los requisitos de espacio, y luego agréguele el siguiente contenido. archivo htaccess. Los archivos htaccess suelen venir con espacio de Linux. Si no existe tal archivo, puede usar el Bloc de notas para escribir uno y nombrarlo. htaccess. Asegúrate de quitarlo. txt del archivo del bloc de notas. El espacio virtual de Windows no tiene este archivo, por lo que no es necesario cargarlo):

Página 404

ErrorDocument404/notfound.php

(" notfound" es su costumbre. También puede cambiar el nombre de la página de error a Error.php, etc.)

Nota:

(1). Recuerde no saltar al 404 por error, como el uso de script js o tecnología de salto metarefresh. De lo contrario, la página de inicio podría desaparecer o no ser indexada por los motores de búsqueda.

(2) Recuerda no utilizar URL absolutas. Si se utiliza una URL absoluta, el código de estado devuelto es "302" + "200".

2. Establezca la página de error 404 en IIS/ASP.net

Configuración de página de error 404 estática

(1) Cree una página 404, 404.html 404.htm, dependiendo de la situación real de su sitio web.

(2) Configuración de administración del servidor/host virtual, según su propia situación, seleccione "Usar la página 404 en el directorio raíz". Si puede encontrar la opción "Tipo de mensaje", debe seleccionar ". Archivo" o "Valor predeterminado" en lugar de "URL". Si no encuentra esta opción de "Tipo de mensaje" en el fondo de administración del sitio web del proveedor de hosting, comuníquese con el servicio técnico de atención al cliente para modificarla. Este es un paso decisivo. Este paso hay que hacerlo bien. Si no puede encontrar este tipo de mensaje en segundo plano, no lo configure usted mismo, porque el valor de retorno definitivamente será 200 después de configurarlo, así que comuníquese con el servicio al cliente con anticipación.

(3) Cargue 404.htm en el directorio raíz del sitio web y pruébelo una vez para ver si tiene éxito.