¿Cómo iniciar un sitio web para niños?
Introducción a la producción de páginas web (1)
Introducción a la producción de páginas web
Trabajamos con páginas web todos los días y pueden tener interfaces exquisitas y ricas. Contenido, o ideas únicas, páginas web con diferentes estilos, no sé cuántas personas han atraído la atención sobre cómo funcionan y cómo están hechas, si dices que no tienes ninguna curiosidad y no quieres saber. En absoluto, entonces debe ser falso Jeje, yo también. Lo mismo, y a veces mi curiosidad no es pequeña ~~~, pero mi curiosidad ya ha surgido, porque la producción de páginas web realmente no se considera una persona que come, así que. "La popularidad inicial fue de solo tres minutos. Aquí me gustaría presentarles a todos algunas de mis experiencias anteriores y espero firmemente que todos los expertos intervengan. Déjenme hablar, ustedes hablan, yo hablo, todos hablan y. Reúna aquí la sabiduría de todos. Debido a que la mayoría de ellos se basan en mi propia práctica y mi propia comprensión, es inevitable que haya algunos errores.
Conferencia 1: Conocimientos básicos sobre páginas web
Nuestras páginas web comunes se pueden dividir básicamente en dos categorías, páginas web estáticas (htm, html, etc.) y páginas web dinámicas ( asp, cgi, php, etc.) espera). Las páginas web estáticas no son muy interactivas y simplemente transmiten información al navegador del cliente, mientras que las páginas web dinámicas generalmente tienen una fuerte interactividad. Muchas de ellas se combinan con bases de datos hasta cierto punto y pueden realizar búsquedas de datos y otras funciones. foros. Libro de visitas, pedidos online, etc. Los lenguajes de secuencias de comandos de páginas web de uso común VBScript y JScript también son lenguajes de programación. Los siguientes puntos están copiados de otros lugares. Simplemente léalos como si fueran novelas. Solo necesita tener una comprensión general de ellos.
1. ¿Qué es HTML?
El nombre científico de una página web es un archivo HTML que puede transmitirse en la red www y ser reconocido y traducido a una página por el navegador para su visualización. www es la abreviatura de "World Wide Web" HTML significa "lenguaje de marcado de hipertexto", que se traduce al chino como "lenguaje de marcado de hipertexto". "Hipertexto" significa que la página puede contener imágenes, enlaces, incluso música, programas y otros elementos que no son de texto.
Las páginas web están escritas en lenguaje HTML.
El lenguaje HTML es solo un lenguaje de composición tipográfica. La sintaxis es similar a esta: "La página tiene 8 de alto y 5 de ancho. Inserte la imagen A con una altura de 1 y un ancho de 1 en (1,2). )..."
El lenguaje HTML se está desarrollando rápidamente. Ha pasado por múltiples versiones de HTML1.0, HTML2.0 y HTML3.0, html4.0. Ahora se está probando html5.0. DHTML (dinámico), VHTML (virtual), SHTML, etc. también se están probando un desarrollo rápido. Ahora generalmente solo necesitamos dominar HTML4.0.
2. ¿Qué es HTML dinámico (DHTML)?
HTML dinámico es un conjunto de tecnologías y una nueva forma de pensar diseñada para crear y mostrar páginas web más interactivas, incluidos estilos dinámicos, contenido dinámico, diseño 2D y agrupación de datos y efectos multimedia. etc.
HTML dinámico (DHTML) es una nueva e interesante tecnología que supera por completo las deficiencias del HTML tradicional y tiene grandes perspectivas de desarrollo. DHTML utiliza un modelo de objetos de documento (DOM) para extender el lenguaje HTML de modo que se pueda acceder a todos los elementos y atributos de la página WEB en tiempo real, lo que le permite usar scripts para modificar dinámicamente los elementos de la página sin la intervención del servidor WEB. Con DHTML, es completamente posible diseñar páginas WEB complejas, dinámicas e interactivas, haciendo que nuestras páginas WEB sean más vívidas y emocionantes. DHTML está actualmente en desarrollo y aún no se ha formado un estándar. Microsoft y Netscape tienen cada uno sus propios puntos de vista sobre DHTML. Aunque ambas compañías utilizan muchos de los mismos términos técnicos y se refieren al mismo conjunto de estándares publicados y propuestos, no pueden unificarse en su implementación. Netscape agrega algunas etiquetas nuevas (principalmente Layer, Ilayer, etc.), mientras que Microsoft agrega algunos atributos nuevos a las etiquetas existentes.
El problema causado por esto es que las páginas web dinámicas que se ejecutan normalmente en Internet Explorer pueden ejecutarse incorrectamente en Netscape y viceversa. El W3C está trabajando actualmente para desarrollar un estándar que sea compatible con todas las plataformas y navegadores.
3. ¿Qué es HTTP?
Protocolo de transferencia de hipertexto, el protocolo utilizado por el programa de servicio WWW. Cuando usamos el navegador para navegar por la web, usamos este protocolo, por lo que debemos ingresar pila en la barra de direcciones para compilar. Es fácil de escribir y se puede ejecutar directamente en el lado del servidor.
3. Utilice un editor de texto normal, como el Bloc de notas de Windows, para editar y diseñar.
4. Independencia del navegador, el cliente puede navegar por el contenido web diseñado por Active Server Pages siempre que utilice un navegador que pueda ejecutar código HTML. Los lenguajes de secuencia de comandos (VBScript, Jscript) utilizados por Active Server Pages se ejecutan en el lado del servidor WEB y no es necesario que el navegador del cliente pueda ejecutar estos lenguajes de secuencia de comandos.
5.Active Server Pages es compatible con cualquier lenguaje de scripting ActiveX. Además de utilizar el lenguaje VBScript o JScript para diseñar, también puede utilizar otros lenguajes de scripting proporcionados por terceros a través de complementos, como REXX, Perl, Tcl, etc. El motor de script es un objeto COM (Modelo de objetos componentes) que maneja programas de script.
6. El programa fuente de Active Server Pages no se transmitirá al navegador del cliente, lo que evitará que otros plagien el programa fuente escrito y mejorará la seguridad del programa.
7. Los scripts del lado del servidor se pueden utilizar para generar scripts del lado del cliente.
8.Orientado a objetos.
9.Los componentes del servidor ActiveX (componentes del servidor ActiveX) tienen una escalabilidad ilimitada. Puede utilizar Visual Basic, Java, Visual C++, COBOL y otros lenguajes de programación para escribir el componente de servidor ActiveX que necesita.
8. ¿Qué es JavaScript? ¿Java y JavaScript son lo mismo?
JavaScript es un nuevo lenguaje de descripción que se puede incrustar en documentos HTML. A través de JavaScript, puede responder a los eventos de demanda de los usuarios (como la entrada de formularios) sin utilizar ninguna red para transmitir datos de un lado a otro. Entonces, cuando un usuario ingresa una información, no es necesario enviarla al servidor para su procesamiento y luego devolverla, sino que puede ser procesada directamente por la aplicación del cliente. También puede imaginarlo como un programa ejecutable. que se ejecuta en su cliente. Aunque JavaScript funciona bien, es extremadamente lento en Internet.
En términos de JavaScript, JavaScript y Java son muy similares, pero no son lo mismo. Java es un lenguaje de programación mucho más complejo que JavaScript. JavaScript es un lenguaje bastante fácil de entender y los creadores de JavaScript pueden prestar menos atención a las habilidades de programación. Por lo tanto, muchas funciones de Java no son compatibles con JavaScript.
9. ¿Cuáles son los formatos de imágenes WEB más utilizados?
1. PNG (Portable Network Graphic)
El formato PNG es el formato más común entre las imágenes WEB. Es un formato de compresión sin pérdidas, pero es posible que algunos navegadores no admitan este formato sin compatibilidad con complementos. El formato PNG puede admitir colores de hasta 32 bits, pero no admite imágenes animadas.
2. GIF (Formato de intercambio de gráficos)
GIF es el formato de imagen más utilizado en la Web y se puede utilizar para almacenar varios archivos de imagen. Especialmente indicado para almacenar líneas, iconos e imágenes generadas por ordenador, dibujos animados y otras imágenes con grandes bloques de color. Los archivos GIF son muy pequeños y forman un archivo de imagen comprimido de 8 bits, por lo que sólo admiten hasta 256 colores diferentes. Gif admite imágenes dinámicas, imágenes transparentes e imágenes entrelazadas.
3. BMP (mapa de bits de Windows)
El formato BMP utiliza colores indexados. Sus imágenes tienen colores extremadamente ricos y pueden utilizar 16 millones de colores para representar imágenes. Este formato se utiliza generalmente en situaciones como presentaciones multimedia y salida de vídeo.
4. TIFF (Formato de archivo de imagen de etiqueta)
El formato TIFF es el formato más útil para imágenes de canales en color. Admite 24 canales y puede almacenar más de 4 canales. Los resultados del formato TIFF son más grandes y complejos que otros formatos, lo que lo hace ideal para impresión y salida.
5. JPEG (Grupo Conjunto de Expertos en Fotografía)
JPEG es el formato de imagen más utilizado en la Web después del GIF. JPEG es un formato muy compacto diseñado para imágenes que no contienen grandes bloques de color. Las imágenes JPEG tienen cierto grado de distorsión, pero con una pérdida normal, el ojo desnudo no puede distinguir entre imágenes JPEG y GIF. , mientras que los archivos JPEG tienen solo 1/4 del tamaño de los archivos GIF. JPEG no es muy eficaz para imágenes que contienen grandes bloques de color, como iconos, y no admite imágenes transparentes ni dinámicas.
6. TGA (Targa)
El formato TGA es el mismo que el formato TIFF y se puede utilizar para procesar gráficos de canales de color de alta calidad.
Además, los formatos PDD y PSD también son los formatos de archivo más comunes para almacenar imágenes RGB, incluidos los canales.
10. Nombre de Dominio
Dado que las direcciones IP son todas números, para facilitar la memoria de los usuarios, se introdujo en Internet el Sistema de Servicio de Nombres de Dominio DNS (Sistema de Nombres de Dominio). Cuando escribe un nombre de dominio, esta información llega primero al servidor que proporciona la resolución del nombre de dominio y luego resuelve el nombre de dominio en la dirección IP del sitio web correspondiente. El proceso de realizar esta tarea se llama resolución de nombres de dominio.
Originalmente, hay 7 nombres de dominio principales que se distinguen por organizaciones: com (organización comercial), net (organización de servicios de red), gov (organización gubernamental), mil (organización militar), org (organización sin fines de lucro) , edu (departamento de educación), int (instituciones internacionales). En 1997, se agregaron siete nombres de dominio estándar de alto nivel más: firm (empresas y compañías), store (empresa comercial), web (entidad dedicada a negocios relacionados con WEB), arts (entidad dedicada a la cultura y el entretenimiento), REC ( dedicadas al ocio y entretenimiento) entidades dedicadas a la industria de servicios de información), info (entidades dedicadas a la industria de servicios de información), nom (individuos dedicados a actividades personales, publicando información personal). Los servicios de registro de estos nombres de dominio son realizados por muchas instituciones, y CNNIC también tiene la suerte de ser una de las instituciones de registro nacionales. Los nombres de dominio formulados de acuerdo con el estándar ISO-3166 generalmente son operados por el NIC (Centro de información de red) de; cada país.
Los nombres de dominio más altos distinguidos por región son: AQ (Antártida), AR (Argentina), AT (Austria), AU (Australia), BE (Bélgica), BR (Brasil), CA (Canadá) , CH (Suiza), CN (China), DE (Alemania), DK (Dinamarca), ES (España), FI (Finlandia), FR (Francia), GR (Grecia), IE (, Irlanda), IL (Israel ) , IN (India), IS (Islandia), IT (Italia), JP (Japón), KR (Corea del Sur), MY (Malasia), NL (Países Bajos), NO (Noruega), NZ (Nueva Zelanda), PT (Portugal), RU (Rusia), SE (Suecia), SG (Singapur), TH (Tailandia), TW (Taiwán, China), UK o GB (Reino Unido), US (Estados Unidos) (generalmente se puede omitir) , etc.
Desde la perspectiva de la estructura de los nombres de dominio, los nombres de dominio se pueden dividir en nombres de dominio de primer nivel, nombres de dominio de segundo nivel, nombres de dominio de tercer nivel, etc. Tomando como ejemplo el sitio web del periódico informático, www.cpcw.com es un nombre de dominio de primer nivel y bbs.cpcw.com, el nivel inferior del nombre de dominio de primer nivel, es un nombre de dominio de segundo nivel. desea configurar xxx.bbs.cpcw en bbs.cpcw.com. .com es un nombre de dominio de tercer nivel. Los nombres de dominio gratuitos que vemos suelen ser nombres de dominio de segundo nivel.
Introducción a la producción de páginas web (2)
Autor:
Conferencia 2: Conociendo el código por primera vez
Mi viaje a las páginas web comenzó con el tutorial de DW en el sitio web de Hong En, desde cero hasta el nivel actual de medios tonos. Muchos de los tutoriales comienzan desde el nivel más básico, que es muy adecuado para principiantes, por lo que se recomienda que todos comiencen por ahí. La URL de aprendizaje del sitio web de Hong En: /pc/homepage/index.htm
Aquí, básicamente, no hablamos sobre el uso específico del software, solo resumimos las cosas y las técnicas que debes Preste atención al final, también escribiré uno o dos ejemplos simples de efectos especiales usando DW.
Abra una página web al azar, haga clic para ver y luego haga clic en el código fuente. Por lo general, puede ver el código de esta página web. Para decirlo sin rodeos, crear una página web significa combinar texto, imágenes y de forma orgánica. Otros efectos multimedia, DW y FP son solo herramientas para escribir código. Siempre que conozca el código, también puede crear hermosas páginas web con el Bloc de notas (se dice que los verdaderos maestros usan el Bloc de notas para crear páginas web), pero para nosotros los principiantes. , no es necesario memorizar códigos, solo necesitas saber qué operaciones se pueden lograr usando DW o FP, al igual que usando WORD Cuando dibujas una línea, hay una línea, y cuando dibujas una tabla, hay una. una tabla. En la ventana de demostración del software, hay las mismas funciones que WORD. Lo que ves es lo que obtienes al final. Por tanto, se puede decir que empezar a utilizar páginas web es muy sencillo. Pero detrás hay otra frase: ¡No es fácil hacer una página web! Porque una buena página web no es sólo escribir código, sino más importante aún, diseño artístico y enriquecimiento de contenido. Aunque no es necesario escribir muchos códigos manualmente uno por uno, comprender la estructura organizativa básica de algunos códigos sigue siendo muy útil para crear páginas web. Podemos aprender y estudiar código de esta manera: después de realizar una determinada operación en DW o FP y comparar el efecto con la ventana de código anterior, podemos saber qué código logra qué efecto y también podemos verificar el origen de las páginas web de otras personas. Aprendizaje del análisis de código. Amigos que quieran aprender páginas web ASP, deben recordar algunos códigos básicos.
Muchas personas que crean páginas web ahora utilizan el método del huevo y la gallina para crear páginas web. El método consiste en descargar plantillas de páginas web listas para usar de Internet, cambiar ligeramente las plantillas y reemplazarlas. contenido. Por supuesto, esta también es una buena manera para que los principiantes creen páginas web rápidas. Las plantillas se pueden descargar de muchos sitios web que brindan espacio. Muchas URL incluidas anteriormente ya no son útiles para abrir ahora. Aquí, estas son las únicas que puedo proporcionarle.
1. Descarga del código fuente: si desea descargar el código fuente ASP, puede ir a "China Webmaster Station", URL: /descargar/, este es un punto de descarga de código fuente más autorizado. Descárguelo aquí. Código fuente neto, tal vez pueda descargarlo en Dongwang 7.0 para la versión de SQL Server (el foro de ExcelHome usa esta versión).
2. Imágenes, música y otros materiales de la página web: /sucai/shejilei/bj/
3. Código de efectos especiales de la página web: recomiendo una pequeña herramienta: "Crystal Love Web Special". Effects Expert", es 1M. Originalmente quería enviarlo, pero es demasiado grande. Olvídalo. Si quieres, deja tu dirección de correo electrónico y te lo enviaré. Por ejemplo, aquí están disponibles efectos de nieve, efectos de deslizamiento del mouse, etc.
He escrito algunas de uso común a continuación para su referencia:
Etiquetas de uso común de DREAMWEAVER: (Estas son algunas notas que tomé antes)
Etiquetas en general aparecen en pares, uno representa el comienzo de una parte de código específica y el otro representa el final de una parte de código específica (con un símbolo "/" delante del final), pero no es absoluto, como
etiqueta. Etiquetas HTML básicas: html, head y body son esenciales.
1. Las etiquetas
y solo contienen el título de la página web (como2. La etiqueta
contiene todo el contenido de la página web. Es la parte principal de la página web.3.
4
y
: marcan el texto de h1. a h6 Es el título, que suele ser más grueso que el texto, y h1 es el más grande5.
y
: marcas de párrafo, agregando líneas en blanco adicionales entre líneas; /p>6.
: Etiqueta de salto de línea forzada, insertando una sola línea, no se requiere etiqueta de cierre
7. width="500" height="198" align="center">
alinear alineación horizontal (izquierda, derecha o centro), valign alineación vertical (arriba, abajo o medio), ancho del borde del borde p>
alt ="Texto de aviso que aparece cuando se coloca el mouse sobre la imagen"
8.
Los caracteres en esta línea aparecerán se mostrará en negrita font>
9
Los caracteres de esta línea se mostrarán en cursiva<. /i>
(< i>Equivalente a )10.
Los caracteres de esta línea se mostrarán en fuente Song
11. Haga clic en el texto aquí para abrir la página web vinculada< /a>: El texto aquí está subrayado
12 .
muestra una línea larga y delgada de color gris que divide la página web en partes superior e inferior. Puedes usar solo un lado.
La versión completa es la siguiente:
Muestra un rectángulo gris Cuando TAMAÑO es 1, el ancho es 1 (muy delgado y se puede ver). como una línea recta)
13.
14.< OL type= 2 start=1>
15.< UL>Sangría de la primera línea y la parte inferior del párrafo con aproximadamente dos caracteres
16.
Sangría de todo el párrafo con aproximadamente dos caracteres, y se puede usado varias veces< BLOCKQUOTE>17.Esta es una palabra en superíndice, Esta es una palabra en subíndice, Esta es una palabra subrayada< /U>
18.Esta es la fuente de ancho fijo de Windows
19.Amplía la fuente en un nivel< /FONT>
20.
: "Idioma" se muestra como título de la lista y "Elementos básicos" se muestra como contenido de la lista. , sangría automáticamente.
- Idioma
- Elementos básicos
21.
Este es el párrafo uno alineado a la derechaEl valor predeterminado es la alineación a la izquierda.Este es el párrafo dos alineado a la derecha
Tabla y su logo: Alinear: horizontal, Valign: vertical. Cuando se escribe Align o Valign en
, varias columnas de la fila de la tabla se usan de la misma manera. 22: el texto en el marcado logra un efecto de parpadeo, pero no se aplica a todos los navegadores.
23.
Primera columna, primera columna Primera columna, segunda columna 23. p>
Primera columna de la segunda columna Segunda columna de la segunda columna Horizontal: alineado a la izquierda
Vertical: centradoBgColor se puede escribir En
,
y , establezca el color de fondo de toda la tabla, toda la fila y una sola celda, respectivamente. Las anteriores son algunas etiquetas de uso común incluidas en mis notas anteriores. Hoy vi que lfspecter Daxia también publicó algunas publicaciones sobre páginas web. Puedes comparar ambas. El énfasis es diferente, y tal vez más. Para ayudar a los principiantes a comprender, el enlace es el siguiente: ", haga clic en esta imagen en el navegador y se abrirá la ventana de envío de correo electrónico. Agregue el símbolo "#" antes de la dirección del enlace para evitar abrir el enlace real en la página web.
7. El fondo de la animación es transparente:
Selecciona Flash (gif) y agrega el código antes del código fuente
: . O ingrese wmode,value="transparent" para "Parámetro" en la barra de propiedades del archivo.8. Imagen de fondo flotante (el efecto de desplazarse hacia abajo en el contenido de la página de inicio pero la imagen de fondo no se mueve):
(1).
(2) En Dreamweaver, utilice "Texto"-"Estilo personalizado"-"Editar hoja de estilo"-"Nuevo"-Redefinir etiqueta HTML para seleccionar Cuerpo y luego seleccione. Cuerpo en segundo plano Seleccionar fijo en archivo adjunto