¿Qué es HTML5?

HTML: ¿Se refiere al lenguaje de marcado de hipertexto? (Lenguaje de marcado de hipertexto). Este es también el lenguaje común más utilizado en nuestras páginas web. Ha experimentado el desarrollo de múltiples versiones y ahora se ha desarrollado. versión 4.01. Gracias a los estándares y especificaciones establecidos por el W3C, ahora se ha actualizado generalmente a XHTML. XHTML se refiere al lenguaje de marcado de hipertexto extensible (código HTML extensible de hipertexto, XHTML tiene como objetivo reemplazar el HTML). XHTML es casi idéntico a HTML 4.01, que es HTML redefinido como una aplicación XML y es un estándar W3C. El W3C define XHTML como la última versión de HTML. Todos los navegadores nuevos son compatibles con XHTML. Además, el W3C está trabajando con WHATWG para crear una nueva versión de HTML, que es HTML5. HTML5 se convertirá en el nuevo estándar para HTML. Ya es muy emocionante, especialmente en el trabajo front-end, esos problemas de compatibilidad del navegador se resolverán bien y se podrán implementar más efectos y aplicaciones de manera más conveniente. Los ingenieros de front-end también deben mantenerse al día y estar a la vanguardia del desarrollo de la industria, de lo contrario, siempre permanecerán en la tecnología antigua y serán eliminados sin piedad.

La primera etapa: aprendizaje de HTML.

El lenguaje de marcado de hipertexto (HTML para abreviar) es el esqueleto de una página web, ya sea una página web estática o una página web dinámica, lo que finalmente se devuelve al navegador es el código HTML y. el navegador convierte el código HTML en La explicación se presenta y se presenta al usuario. Por tanto, debemos dominar la estructura básica y las etiquetas y atributos comunes de HTML.

El aprendizaje HTML es un proceso de memoria y comprensión. Durante el proceso de aprendizaje, puede utilizar la vista "dividida" de Dreamweaver para facilitar el aprendizaje. Vea el efecto en la vista "Diseño", aprenda la esencia en la vista "Código" y maximice las ventajas de varias vistas. Este método de aprendizaje comparativo compensa el tedio de simplemente memorizar etiquetas y atributos HTML. para todos los principiantes. ¡Definitivamente será genial para tus pequeños amigos!

Después de aprender HTML, solo dominamos los métodos de producción de varias "materias primas". Si queremos construir un edificio, debemos combinar y distribuir estas "materias primas" de acuerdo con el plan que diseñamos. Haz algunos embellecimientos.

Así que entramos en la segunda etapa: aprender CSS.

La formación es para aquellos que tienen las condiciones. Muchos amigos prefieren el autoestudio. Pero después de todo, el poder del autoestudio es limitado. Para que aquellos que quieran aprender aprendan mejor, recomiendo una falda que mide 6 1 1, la del medio es cuatro dos ocho y la última es uno. cuatro? dos Aquí hay muchas personas que quieran aprender se comunicarán con usted, y también hay expertos que enseñan gratis todas las noches. Cualquiera que quiera aprender puede unirse a nosotros, pero solo damos la bienvenida a las personas que quieran aprender. No estoy aquí para aprender. Si solo miras a tu alrededor, no entres.

CSS es la abreviatura de Hojas de estilo en cascada en inglés, que se denomina hojas de estilo en cascada. Es un lenguaje de diseño de estilo que realmente puede separar el rendimiento y el contenido de las páginas web. En comparación con el rendimiento del HTML tradicional, sus estilos se pueden reutilizar, lo que mejora enormemente nuestra velocidad de desarrollo y reduce los costos de mantenimiento.

Al mismo tiempo, el modelo de caja, el diseño relativo, el diseño absoluto, etc. en CSS pueden lograr un control preciso a nivel de píxel de la posición y el diseño de cada objeto en la página web. A través de esta etapa de aprendizaje, podemos completar con éxito la construcción de "un edificio".

Una vez completada la construcción del "edificio", podemos entregárselo a los usuarios para que lo utilicen, pero si queremos que los usuarios tengan una mejor experiencia, también podemos "decorar" aún más el "edificio". para que se vea mejor.

Para completar esta tarea, ingresamos a la tercera etapa: aprender JavaScript.

JavaScript es un lenguaje de script ampliamente utilizado en el lado del cliente. JavaScript nos proporciona algunas funciones, objetos y operaciones DOM integrados. Con la ayuda de estos contenidos, podemos implementar algunos efectos especiales en el lado del cliente. , verificación, interacción, etc., hacen que nuestra página parezca menos aburrida y diaosi puede contraatacar instantáneamente a los ricos y guapos. ¿Hay alguno?

En este momento, tal vez todavía estés inmerso en la sorpresa que te ha traído JavaScript, pero tu gerente de proyecto de repente te gritó:

“Este efecto es × ×El navegador es no es compatible, inténtalo de nuevo..."

"¿Incompatible?" ¿Es posible petrificarse instantáneamente?

“¡Oh, no, es una estafa! ¡Me tomó una noche escribir cientos de líneas de código y me hizo vomitar sangre!”

Compatibilidad y complejidad de JavaScript A veces Nos da dolor de cabeza, pero afortunadamente hay un "gran dios" que nos ayuda a encapsularlo.

A continuación ingresamos a la cuarta etapa: el aprendizaje de jQUery.

jQuery es una biblioteca JavaScript liviana, de código abierto y gratuita que es compatible con varios navegadores (jQuery2.0 y las versiones posteriores han dejado de ser compatibles con los navegadores IE6/7/8), y ahora hay muchos jQuery- Complementos basados ​​​​en ellos para elegir, que son más convenientes y rápidos cuando implementamos algunos efectos dinámicos ricos, lo que nos ahorra mucho tiempo de desarrollo y mejora la velocidad de desarrollo, lo que también refleja plenamente su núcleo de escribir menos y hacer más propósitos. ¡Esto se siente tan bien! ¿Hay alguno?

Se ha erigido el "edificio de lujo", ¡pero es tan engorroso construirlo así día tras día, año tras año! ¿No sería fantástico si cada componente del edificio pudiera modularizarse y ensamblarse como bloques apilados cuando llega el momento de construir un edificio? ¿Es posible? La respuesta es sí.

Este tipo de pensamiento también es adecuado para el desarrollo web front-end, por lo que han aparecido varios marcos front-end. El que se recomienda a todos aquí es Bootstrap. Bootstrap es un conjunto de herramientas de código abierto para el desarrollo front-end lanzado por Twitter. Es un marco CSS/HTML y admite diseño responsivo. Se volvió muy popular una vez que se lanzó y siempre ha sido un proyecto popular de código abierto en GitHub.

Durante el proceso de desarrollo del proyecto, podemos utilizar los estilos CSS, componentes, complementos de JavaScript, etc. proporcionados por Bootstrap para completar rápidamente el diseño de la página y la configuración de estilo, y luego ajustar los estilos en de manera específica, para desarrollarse según el marco. El ciclo de desarrollo se acorta considerablemente. ¡Es genial estar sobre los hombros de gigantes!

Sugerencias de estudio para el front-end web

Finalmente, permítanme hablar sobre algunas sugerencias y métodos para aprender el front-end web.

Un problema al que se debe prestar atención al diseñar CSS es que muchos estudiantes carecen del análisis general del diseño de la página y no pueden captar la relación anidada entre los cuadros de la página desde una perspectiva macro, por lo que están ansiosos por hacerlo. Como resultado, la relación entre los distintos elementos de la página es muy confusa y es fácil que los cuadros se extravíen al flotar. Se recomienda que adopte la idea de "refinar gradualmente de arriba hacia abajo" al diseñar. Primero use varios cuadros para dividir la página en su conjunto y luego continúe anidando gradualmente los cuadros dentro de los cuadros.

"Un caballero no es una persona diferente y es bueno para falsificar cosas". En el proceso de aprendizaje, debes explorar más sitios web excelentes, ser bueno analizando y aprovechando sus ideas de diseño y diseño. métodos, y ser conocedores al ver muchas cosas, y sólo así podremos entendernos y aprovecharnos de los demás para nuestro propio uso.

Al mismo tiempo, debes ser bueno usando Firebug como herramienta.

Por un lado, Firebug puede ayudarnos a depurar nuestras propias páginas durante nuestro proceso de aprendizaje. Por otro lado, podemos usar Firebug para ver y analizar fácilmente el código fuente de los sitios web de otras personas. ¡"Robar" también es una habilidad!

Con el advenimiento del auge de Internet móvil, el desarrollo móvil se está volviendo cada vez más popular. La demanda de diseños responsivos, micrositios, etc. está aumentando, lo que también es una de las futuras direcciones de desarrollo de nuestra Web. front-end. Aprende a Los estudiantes que tienen más energía pueden prestar más atención. Finalmente, deseo que todos puedan encontrar un mundo cada vez más amplio en el camino hacia el desarrollo front-end web.