Cómo crear un sitio web

Planificación y diseño de sitios web de Internet

Resumen Este artículo describe los métodos de planificación y diseño de sitios web de Internet, presenta las especificaciones de diseño y planificación de sitios web y las tecnologías clave requeridas, y tiene importantes Se analizaron sistemáticamente las implicaciones para el sistema de telecomunicaciones, se propusieron el plan de diseño general y los pasos de producción, y se discutieron los problemas técnicos y las soluciones encontradas en el proceso de construcción del sitio web.

Palabras clave planificación de sitios web, diseño de sitios web, mantenimiento de sitios web ASP

1 Introducción

En la marea de información global actual, Internet (es decir, Internet - Internet) tiene Surgió repentinamente, agregando vitalidad infinita a la sociedad humana a finales del siglo XX y convirtiéndose en un hermoso paisaje en la vida social moderna. Internet ofrece a las personas no sólo tecnología, sino también una nueva forma de vida marcada por la información. Está cambiando la forma en que la gente trabaja y vive. Alguien comparó una vez Internet con una "ciudad asediada", pero la diferencia es que "la gente de fuera quiere entrar, pero la gente de dentro no quiere salir". Esto no sólo está relacionado con la creciente vida cultural de las personas, sino, más importante aún, con las continuas actualizaciones tecnológicas y revoluciones de Internet.

La planificación y el diseño generales de un sitio web son importantes para su desarrollo y lo que atrae a las personas a navegar. El creciente desarrollo de la tecnología Internet/Intranet ha hecho que la gente se dé cuenta de las ventajas de Internet/Intranet y ha convertido la conexión entre la base de datos y la web en una de las tecnologías populares en el desarrollo de bases de datos.

Normalmente, la mayoría de las páginas web que se ven a través del navegador son estáticas. El llamado "estático" se refiere al contenido "fijo" de las páginas web del sitio web. Cuando el navegador solicita al servidor web que proporcione una página web a través del protocolo HTTP (Protocolo de transporte de hipertexto) de Internet, el servidor solo pasa el diseño original. documento HTML estático al navegador. El contenido de su página utiliza sólo código HTML estándar y, como máximo, imágenes dinámicas en el popular formato GIF89A, como efectos de animación de varios gatitos y cachorros corriendo. Si el responsable del mantenimiento del sitio web desea actualizar el contenido de la página web, debe actualizar manualmente todos los documentos HTML.

La debilidad fatal de los sitios web estáticos es que son difíciles de mantener. Para actualizar el contenido de una página web, los mantenedores del sitio web deben crear repetidamente documentos HTML. A medida que el contenido y la cantidad de información del sitio web continúan expandiéndose, puede imaginar lo complejo y tedioso que es este trabajo. Entonces, ¿qué es un sitio web dinámico? Lo llamado "dinámico" no significa que las imágenes colocadas en la página web se moverán. Las páginas dinámicas deben tener las siguientes características:

(1) Interactividad: es decir, la página web puede cambiar según. A los requisitos y elecciones del cliente, cambiando y respondiendo dinámicamente, el navegador sirve como interfaz del cliente, que es la tendencia general del desarrollo web en el futuro.

(2). Actualización automática: se pueden generar nuevas páginas automáticamente sin actualizar manualmente el documento HTML, lo que reduce en gran medida la carga de trabajo.

(3). Cambio según tiempo y persona: es decir, cuando diferentes personas visitan el mismo sitio web en diferentes momentos, se pueden generar diferentes páginas. Esto es especialmente aplicable a sitios web que requieren la autorización del usuario.

Con el rápido desarrollo de Internet, ya sea un ISP (Proveedor de servicios de Internet) y un ICP (Proveedor de contenido de Internet) profesionales, o agencias gubernamentales generales, bancos, departamentos de transporte, escuelas, hospitales, servicios. Autores , incluso todos, buscan activamente publicar información en Internet y ofrecer nuevos servicios y gestión en línea. Se puede decir que el diseño y la edición de sitios web se están convirtiendo en industrias emergentes de moda.

2. Análisis del sistema del sitio web

(1). Establecimiento del proyecto

Recibimos consultas comerciales de los clientes y luego de un contacto y entendimiento continuo entre ambas partes. Después de discusiones básicas de viabilidad, inicialmente se llega a un acuerdo de producción y luego se debe aprobar el proyecto. Un mejor enfoque es crear un equipo de proyecto dedicado, cuyos miembros incluyan: director de proyecto, diseñador web, programadores, evaluadores, editores/documentadores y otro personal necesario.

(2). Declaración de demanda del cliente

Fecha de recepción: 25 de mayo de 2001

Acerca del autor: Ma Yanwen, Electrónica e Ingeniería, Segunda Nacionalidad del Noroeste. Estudiante de la carrera de comunicación de la Facultad 97 en el Departamento de Ingeniería de la Información.

El primer paso es solicitar al cliente que proporcione una descripción completa de los requisitos.

Muchos clientes no tienen muy claras sus necesidades y necesitan su orientación y ayuda continua en el análisis. Es posible que algunos clientes no tengan un propósito claro sobre qué tipo de sitio web quieren crear y es posible que no sepan qué harán después de crear el sitio web. Para que el cliente tenga un propósito claro, debemos explicarle pacientemente. Analizar detenidamente y aprovechar el potencial del cliente, sus necesidades reales. Esto es bueno para todos. Nuestro objetivo debe ser que "los clientes entiendan claramente y ambas partes estén contentas".

Cooperar con el cliente para escribir una descripción detallada y completa de la demanda llevará mucho tiempo, pero vale la pena y el cliente debe quedar satisfecho y firmar para su aprobación. Tener esto en cuenta puede evitar muchos errores y fracasos del proyecto causados ​​por requisitos poco claros o malentendidos. Una mala declaración de requisitos hace imposible tener un sitio web de alta calidad. Entonces, ¿qué estándares debe cumplir la especificación de requisitos? En pocas palabras, incluye los siguientes puntos: Corrección: cada función debe describir claramente la función entregada. Viabilidad: garantizar que cada requisito se pueda lograr dentro de las capacidades de desarrollo y el entorno del sistema actuales. Necesidad: si la función debe entregarse y si puede; ser Aplazamiento de la implementación, si se puede "recortar" cuando se produzca la reducción de gastos Simplicidad: no utilice términos de red profesionales Detectabilidad: si el desarrollo se completa, los clientes pueden detectarlo según sus necesidades;

3. Plan de construcción

(1). Concepto de creación de sitio web

(1) Planificación anticipada

El diseño de una página de inicio puede no ser necesario. difícil. Pero este trabajo, al igual que la preparación de materiales promocionales tradicionales, requiere un manejo y una planificación cuidadosos. En otras palabras, primero debemos determinar la información principal que necesitamos transmitir, y luego considerar cuidadosamente y organizar todas las ideas de manera razonable, luego diseñar un estilo de página, probarlo con usuarios representativos y luego revisarlo repetidamente para esforzarnos por lograrlo; perfección.

(2) Intenta ser lo más conciso posible

La función de la página de inicio es como la portada de un libro, que es atraer a los usuarios a navegar por el contenido de tu sitio web. Por tanto, el diseño de la página de inicio debe ser llamativo y claro a simple vista. No lo sobrecargues con detalles innecesarios ni compliques demasiado la imagen. Enumere claramente tres puntos clave en su página de inicio, como el nombre de su organización, los productos o servicios que ofrece y el contenido de su página de inicio (es decir, qué información contienen sus otras páginas). Recuerda que la primera impresión de una página es la más importante. Hay mucha gente navegando por todas partes en línea. Si su página de inicio es realmente poco atractiva, les resultará difícil examinarla en profundidad.

(3) Intenta ser lo más simple posible

La mayoría de los usuarios hoy en día utilizan módems para conectarse a la World Wide Web, por lo que suelen pasar mucho tiempo esperando la página de inicio. para ser transmitido a su sistema. Los gráficos de la página de inicio deben ser sencillos para evitar hacer perder el tiempo al usuario. Cuanto más grande y oscura sea la imagen, más tiempo llevará transferir la página. Esto no significa que debas omitir por completo las imágenes, pero sí que debes ser consciente de los efectos de su uso. Es mejor no tener más de sesenta y cuatro colores en la página de inicio, y la imagen superior debe mantenerse por debajo de los 10 KB (kilobytes). No caiga en la tentación de incluir imágenes grandes; considere utilizar sólo tres o dos imágenes breves y concisas. La página de inicio en su conjunto debe poder entregarse rápidamente. Si la carga tarda más de diez o quince segundos, muchos usuarios se impacientarán. Si es posible, es mejor probar la velocidad de transmisión de su página de inicio en condiciones ligeramente peores, con un módem de 14,4 kbaud o conectándose a la World Wide Web a través de un servicio en línea como Prodigy.

Además, también debes prestar atención a los equipos de gama más baja, como un monitor pequeño estándar. No asumas que todo el mundo utiliza una pantalla grande de alta resolución. Está bien utilizar algunas de las funciones de vanguardia proporcionadas por el software de navegación avanzado, pero debe asegurarse de que su página de inicio aún pueda mostrarse sin problemas en el software de navegación secundario (como el software de navegación dedicado proporcionado por algunos servicios en línea).

(4) Haz un buen uso de las imágenes

Los usuarios deambulan por Internet y debes encontrar formas de atraer y mantener su atención en tu página de inicio. Uno de los mayores recursos de la World Wide Web son sus capacidades multimedia, por lo que debemos aprovecharlo a toda costa. Lo mejor es tener imágenes llamativas, imágenes novedosas y fuentes hermosas en la página de inicio para que sea única e inolvidable. El contenido de la imagen debe tener cierto efecto práctico y no debe ser pretencioso ni exagerado. Las mejores imágenes combinan belleza y comunicación. Tenga en cuenta que las imágenes pueden compensar la falta de palabras, pero no pueden reemplazarlas por completo. Muchos usuarios configuran su software de navegación para ignorar las imágenes para ahorrar tiempo y leer solo texto.

Por lo tanto, al crear una página de inicio, debe prestar atención a repetir en palabras la información importante contenida en la imagen o las instrucciones para conectarse a otras páginas. Pruebe su página de inicio terminada en modo "solo texto" para asegurarse de que transmita toda la información.

(5) Hacer que la página de inicio sea fácil de navegar

Una de las funciones principales de la página de inicio es servir como herramienta de navegación, guiando a los usuarios para acceder a la información que usted almacena en URL u otros ubicaciones. Intente que el proceso de itinerancia sea lo más sencillo posible. Por razones de claridad y velocidad, los elementos de enlace en la página de inicio deben limitarse a unas pocas categorías de alto nivel, como empresa, producto, servicio, soporte, etc. Es ideal utilizar de seis a ocho proyectos de unión.

Si tienes suficientes recursos, debes buscar un experto para evaluar si la página de inicio que diseñas es fácil de usar. Intente encontrar algunos usuarios que sean nuevos en su página de inicio para probar su producto preliminar.

(6) Coordinación del sitio web

La página de inicio debe contener con carácter general los siguientes elementos:

Título, este título debe identificar de forma clara e inequívoca su sitio web. El título puede ser un nombre, un eslogan, un logotipo o una imagen.

Dirección de correo electrónico para que los usuarios puedan avisarte si tienen dudas.

Información de copyright, esta es la regla de copyright que se aplica al contenido de la página de inicio. Puede colocar una breve declaración de derechos de autor en la página de inicio y utilizar un enlace para abrir otra página con términos de uso detallados, para evitar el desorden de la página de inicio.

Información de contacto, lista de direcciones postales, número de teléfono, etc.

(7) Reciclar la información existente

Al crear una página de inicio, normalmente no es necesario empezar desde cero, porque hay muchos textos, imágenes y otros materiales ya preparados que podemos pueden reutilizarse, como folletos publicitarios, documentos de relaciones públicas, manuales técnicos, bases de datos, etc. En muchos casos, con un poco de esfuerzo, estos materiales se pueden transferir a la web para su uso.

(8) Mantenlo actualizado

Constantemente aparecen cosas nuevas en la World Wide Web y cada día hay nuevos trucos. Si su página de inicio nunca cambia, los usuarios se aburrirán rápidamente. Observe en la página de inicio que está a punto de publicarse nueva información para atraer a los usuarios a volver a navegar. También puede anunciar las nuevas noticias en un título de fuente grande en la parte superior de la página. Puede cambiar periódicamente las imágenes de la página de inicio o cambiar el estilo de la página de inicio. Los elementos interesantes se pueden actualizar de forma continua o automática, como enumerar la cantidad de personas que visitaron su sitio web.

Además, para mantener las cosas actualizadas, asegúrese siempre de que su página de inicio proporcione la información más reciente. Integre las actualizaciones de la información de su página de inicio en su plan de documentación y relaciones públicas establecido para que aparezca nueva información en su página de inicio cuando la entregue utilizando métodos tradicionales (como comunicados de prensa). Asegúrese de que la conexión funcione sin problemas para que los usuarios no se sientan frustrados con el mensaje "No se puede encontrar el archivo solicitado" en su pantalla.

(9) Cumple tu promesa

Nunca hagas una promesa fácilmente si no puedes cumplirla. No pida a los usuarios que realicen acciones aleatorias, como completar un formulario de pedido de préstamo, a menos que haya establecido métodos y procedimientos de entrega para manejar estos pedidos. Si incluye un número de contacto en línea, asegúrese de poder resolver rápidamente el problema de la persona que llama.

(10) Atraer a los usuarios a navegar

Dado que nos hemos devanado los sesos para hacer que la página de inicio sea hermosa y práctica, sería una lástima que nadie lo apreciara. Para atraer a todos en línea, su página de inicio debe ser fácil de encontrar. Notifique a otros sitios web (como aquellos relacionados con el tema) que quieran vincular a su página de inicio. Haga arreglos para que su URL aparezca en todos los directorios de URL, índices, buscadores y páginas de “Novedades” relevantes. Intente difundir el sitio web lo más posible para que aparezca en Internet y en todos los medios tradicionales, como anuncios de libros, documentos de relaciones públicas, materiales promocionales, etc.

En el sitio web, establezca un botón de "inicio" en cada página para facilitar que los usuarios regresen a la página de inicio en cualquier momento.

(2). Diseño general del sitio web

Después de recibir la declaración de demanda del cliente, no comenzamos la producción directamente, sino que debemos realizar un diseño general del proyecto y diseñar un. Plan detallado de construcción del sitio web para los clientes. El diseño general es un paso muy crítico. Determina principalmente: qué funciones debe implementar el sitio web; qué software se utiliza para el desarrollo del sitio web y qué entorno de hardware se utiliza; cuántas personas y cuánto tiempo se deben seguir; Al mismo tiempo, debe escribir una descripción general de la planificación, que incluya: las columnas y secciones del sitio web, las funciones y programas correspondientes del sitio web, la estructura de enlaces del sitio web, si existe una base de datos, el diseño conceptual del sitio; base de datos; la interactividad y el diseño fácil de usar del sitio web.

Una vez completado el diseño general, generalmente es necesario proporcionar al cliente un plan de construcción del sitio web. Los clientes solicitan a muchas empresas de producción de páginas web que brinden soluciones cuando se ponen en contacto con empresas. Los planes en ese momento eran generalmente relativamente generales y, cuando las necesidades del cliente no eran muy claras, los planes presentados a menudo eran muy diferentes de los resultados de producción reales. Por lo tanto, debemos hacer todo lo posible para lograr la comprensión del cliente y presentar el plan después de aclarar las necesidades y el diseño general. Esto beneficiará a ambas partes. El plan de construcción del sitio web incluye las siguientes partes: análisis de la situación del cliente; metas y objetivos que el sitio web debe alcanzar; descripción de las secciones de la imagen del sitio web y disposición del contenido del sitio web; análisis de software, hardware y tecnología; Descripción; cronograma de desarrollo; plan de publicidad y promoción; costos de producción; perfil de la empresa: trabajos exitosos, tecnología, descripción del talento, etc. Cuando el cliente apruebe su plan, podrá comenzar a crear el sitio web. Pero en realidad aún no es producción, es necesario diseñar en detalle.

(3). Diseño detallado del sitio web

La etapa de diseño general propone soluciones al problema de una manera más abstracta y general. La tarea de la fase de diseño detallado es concretar la solución. El diseño detallado es principalmente para la parte de desarrollo del programa. Pero esta etapa no se trata de escribir el programa, sino de diseñar las especificaciones detalladas del programa. La función de dichas especificaciones es muy similar a los planos de ingeniería que suelen utilizar los ingenieros en otros campos de la ingeniería. Deben contener los detalles necesarios, como interfaces de programas, formularios, datos requeridos, etc. Los programadores pueden escribir código de programa real basándose en ellos. Esta vez utilizamos principalmente ASP para implementar funciones relacionadas y resolver problemas relacionados. Por ejemplo, tableros de anuncios BBS, salas de chat, sistemas de publicación de información, supermercados en línea, etc., utilizan ASP para implementar funciones de interacción persona-computadora, incluida la tecnología de llamadas. .

ASP (ActiveServerPages) es una tecnología de desarrollo de aplicaciones web introducida por Microsoft. También es un entorno de ejecución de scripts del lado del servidor. Esta tecnología se puede utilizar para desarrollar aplicaciones web dinámicas e interactivas.

ASP se puede utilizar para generar y ejecutar programas de servidor WEB dinámicos y de alto rendimiento. Cuando el usuario utiliza el navegador para solicitar la página de inicio de ASP, el servidor WEB responde, llama al motor ASP para ejecutar el archivo ASP, interpreta el lenguaje de script (JScript o VBScript) que contiene, se conecta a la base de datos a través de ODBC y completa la base de datos. operación a través del componente de acceso a la base de datos ADO Finalmente, ASP genera una página HTML que contiene resultados de consultas de datos u otras respuestas y la envía de regreso al cliente para su visualización.

Los programas ASP normalmente se ejecutan en entornos WindowsNT+IIS (Internet Information Server), Windows200IIS o Windows95/98+PWS (Personal Web Server). El código del programa es simple y universal y el nombre del archivo termina en .asp. Los archivos ASP generalmente constan de cuatro partes: etiquetas HTML estándar; comandos de sintaxis ASP, es decir, el código ASP dentro de la etiqueta <%%> del lado del servidor y lenguaje de secuencias de comandos, es decir: ASP viene con dos lenguajes de secuencias de comandos: JScript y VBScript se utilizan para aumentar las funciones de programación de ASP. Los usuarios también pueden instalar otros lenguajes de secuencias de comandos, como Por lenguaje, etc.

ASP proporciona seis objetos integrados a los que los usuarios pueden llamar directamente para realizar la interacción de la página: el objeto Aplicación es responsable de gestionar toda la información de la sesión y se puede utilizar para compartirla entre todos los usuarios de la información de la aplicación especificada. ; el objeto de sesión almacena la información de la sesión de un usuario específico y solo ese usuario accede a él cuando el usuario salta a diferentes páginas WEB, las variables en la sesión siempre existirán durante la sesión del usuario; El objeto de solicitud comienza desde El cliente obtiene información y la pasa al servidor, que es el método principal para que ASP lea la entrada del usuario; el objeto de respuesta admite que el servidor envíe contenido de salida al cliente; métodos y propiedades; el objeto ObjectContext es nuevo en el objeto IIS4.0 y se utiliza para el procesamiento de transacciones.

Esta función debe ser compatible con la administración de MTS (Microsoft Transaction Server).

ASP también tiene los siguientes componentes integrados para mejorar su funcionalidad: el componente AdRotator se utiliza para rotar y mostrar anuncios automáticamente en la misma página según un cronograma específico, que se utiliza para servicios publicitarios cada vez más importantes. en la WWW; el componente BrowserCapabilities determina el acceso a los sitios WEB. Los datos funcionales del navegador del usuario, incluido el tipo, el rendimiento, la versión, etc.; el componente DatabaseAccess, ADO (ActiveXDataObjects), se utiliza para acceder a la base de datos. El componente proporciona la función de leer y escribir archivos del lado del servidor; el componente ContentLinking genera una lista de contenido de la página WEB y cada página se conecta secuencialmente para crear una barra de navegación. Además, los usuarios también pueden instalar Myinfo, Counters, ContentRotator, PageCount y otros componentes, o compilar sus propios componentes ActiveX para mejorar la practicidad del sistema.

Como se mencionó anteriormente, ADO es el componente de servidor ActiveX integrado (ActiveXServerComponent) de ASP. Puede acceder a una variedad de bases de datos a través de la interfaz de conexión de base de datos abierta ODBC y la interfaz de fuente de datos universal OLEDB. Es el método más eficaz, más simple y más directo para operar las bases de datos actualmente soportadas por Microsoft.

El componente ADO proporciona principalmente los siguientes siete objetos y cuatro colecciones para acceder a la base de datos: el objeto de conexión se utiliza para establecer una conexión con la base de datos en segundo plano; el objeto de comando se utiliza para ejecutar instrucciones SQL y acceder a la base de datos; Objeto de parámetros y la colección Parámetros proporciona datos y parámetros para el objeto Comando; el objeto RecordSet almacena los registros de datos llamados desde la base de datos; el objeto Campo y la colección Campo proporcionan la función de acceder a cada campo del registro actual en el RecordSet; El objeto Property y la colección Properties proporcionan información relevante para los objetos Connection, Command, RecordSet y Field. El objeto Error y la colección Errors proporcionan información de error al acceder a la base de datos.

Los pasos generales para utilizar componentes ADO para acceder a la base de datos backend en ASP son:

Abra el "Panel de control" en el servidor WEB, seleccione "ODBC" y defina los datos. fuente; luego use los componentes ADO Consulte la base de datos WEB; luego llame al método Server.CreateObject para obtener la instancia de "ADODB.Connection", luego use el método Open para abrir la base de datos y especifique los comandos SQL que se ejecutarán para operar. la base de datos, como consultar, explorar, modificar, eliminar, etc. Por supuesto, también puede utilizar el método presentado en este artículo sin definir una fuente de datos y llamar directamente a los datos en la base de datos.

(4). Discusión sobre las especificaciones de producción de sitios web

(1) Especificaciones del directorio de sitios web

Principios para el establecimiento de un directorio: proporcionar al menos la información más clara y sencilla. estructura de acceso a nivel.

a. El directorio raíz se refiere al directorio donde se almacenan los archivos de índice a los que apunta el servidor de nombres de dominio DNS. El directorio raíz solo puede almacenar archivos index.html y main.html, así como otros archivos necesarios del sistema;

b. Cada versión de idioma se almacena en un directorio separado;