¿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 existe, porque la producción de páginas web en realidad no se considera una persona que come, así que. "El entusiasmo 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 las palabras se basan en mi propia práctica y mi propia comprensión, es inevitable que haya algunos errores y espero que puedan corregirme.
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" y la traducción al chino es "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 y 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, y html4.0. Ahora se está probando html5.0. al mismo tiempo que DHTML (dinámico), VHTML (virtual), SHTML, etc. Rápido desarrollo. 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 usan muchos de los mismos términos técnicos y se refieren al mismo conjunto de estándares publicados y propuestos, en términos de implementación, los dos no pueden ser unificados.
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 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). 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 el punto de vista estructural 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 de semitono actual. 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 que se incluían anteriormente ya no son útiles para abrir ahora. Aquí, estas son las únicas que se le pueden proporcionar.
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 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 lt; ; marca. Etiquetas HTML básicas: html, head y body son esenciales.
1. Las etiquetas lt;headgt; y lt;/headgt; solo contienen el título de la página web (como lt;titlegt;My Webpagelt;/titlegt;) y el script del programa.
2. lt; bodygt; lt; /bodygt; la etiqueta contiene todo el contenido de la página web. Es la parte principal de la página web.
3. lt;centergt; y lt;/centergt;: son las marcas de centrado del contenido;
4. h6, marca el texto como título, que suele ser más grueso que el texto, h1 es el más grande
5. líneas ;
6. lt; brgt;: Marca de salto de línea forzada, insertando una sola línea, no se requiere marca de cierre
7. \bbb. gif" width="500" height="198" align="center"gt;
alinear alineación horizontal (izquierda, derecha o centro), valign alineación vertical (arriba, abajo o medio) , ancho del borde del borde
alt="El texto que aparece cuando se coloca el mouse sobre la imagen"
8. ;lt;bgt;los caracteres de esta línea aparecerán en negrita lt;/bgt;lt;/fontgt;lt;/pgt;
9. lt;igt;los caracteres de esta línea se mostrarán en cursiva lt;/igt;lt;/fontgt;lt;/pgt; (lt;igt; equivalente a lt;emgt;)
10.lt; pgt;lt;font size="3" face="宋体" color="#RRGGBB"gt; Los caracteres de esta línea se mostrarán en Song Dynastylt;/fontgt;lt;/pgt; 11. lt;a href="test .htm"gt; Haga clic en el texto aquí para abrir la página web vinculadalt;/agt;: El texto aquí está subrayado
12.HRgt; Se muestra una línea que divide la página web en partes superior e inferior. Puedes usar solo un lado.
El completo es el siguiente:
lt; HR align=center width="100" TAMAÑO=1gt; Muestra un rectángulo gris, cuando TAMAÑO es 1, el ancho es 1 (muy delgado, se puede ver como una línea recta)
13.lt; Aparece una viñeta con un punto lt; /LIgt; se puede usar solo o en combinación con lt;
14.lt ;OL type=2 start=1gt;lt;ligt;marklt;/ligt;lt;ligt;sectionlt;/ligt;lt;/olgt;: Controla el número de serie del artículo y el modo de visualización, como 1, 2, 3
15.lt; ULgt; Haga que la primera línea y la línea inferior de este párrafo tengan una sangría de aproximadamente dos caracteres;
16.lt; este párrafo completo Ambos tienen una sangría de aproximadamente dos caracteres y se pueden usar varias veces.lt;BLOCKQUOTEgt;
17.lt;SUPgt;Esta es la palabra en superíndicelt;/SUPgt;,lt;SUBgt;Esta es la palabra subíndicelt; /SUBgt;,lt;Ugt;Esta es la palabra subrayadalt;/Ugt;
18.lt;TTgt;Esta es la palabra de ancho fijo de Windowslt;/TTgt;
19.lt; TAMAÑO DE FUENTE = 1gt; Ampliar la fuente en un nivellt; /FONTgt;
20.lt; DTgt; "Idioma" se muestra como título de la lista y "Elementos básicos" se muestra como contenido de la lista, con sangría automática.
21.lt;DIV Align="Right"gt;Este es un párrafo alineado a la derecha onelt;Pgt;Este es un párrafo alineado a la derecha twolt;Pgt;lt;/DIVgt;El valor predeterminado es izquierda Camino de alineación.
Tabla y sus símbolos: Alinear: horizontal, Valign: vertical. Align o Valign se escribe en lt; TR gt; cuando varias columnas de la fila de la tabla se usan de la misma manera.
22lt;BLINKgt;Blinklt;/BLINKgt;: El texto en el marcado logra un efecto parpadeante, pero no se aplica a todos los navegadores.
23.lt;TABLE BORDER=1gt;lt;TRgt;lt;TDgt;Primera columna, primera columnalt;/TDgt;lt;TDgt;Primera columna, segunda columnalt;/TDgt;/TRgt; ;
lt;TR BgColor="amarillo"gt;lt;TD gt;La primera columna de la segunda columnalt;/TDgt;lt;TDgt;La segunda columna de la segunda columna lt;/TDgt; lt;/TRgt;
lt;TRgt;lt;TD Align="Left" Valign="Center"gt;Horizontal: alineado a la izquierdalt;brgt;Vertical: centradolt;/ TDgt;lt;/TRgt; lt;/TABLEgt;
BgColor se puede escribir en lt;TABLEgt;, lt;TRgt;, lt;TDgt;, respectivamente para toda la tabla, toda la fila y la configuración de color de fondo de una sola celda.
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, tal vez más para principiantes. Entienda, 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:
Seleccione Flash (gif) y agregue el código antes del código fuente: lt /objectgt; nombre="wmode" valor="transparent"gt;. O ingrese wmode en la columna "Parámetro" de la propiedad del archivo, valor="transparente".
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).lt; " bgproperties="fixed"gt;
(2). En Dreamweaver, utilice "Texto"-"Estilo personalizado"-"Editar hoja de estilo"-"Nuevo"-Redefinir etiqueta HTML para seleccionar el cuerpo y luego seleccione fijo en Adjunto en segundo plano