Información básica sobre la web: HTML para los novatos en codificar | Cookie Redding | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Información básica sobre la web: HTML para los novatos en codificar

teacher avatar Cookie Redding, Artist, Designer, Teacher

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Web 101 de introducción

      0:53

    • 2.

      Web 101 de terminología

      3:47

    • 3.

      Web 101 de la código

      5:42

    • 4.

      Configuración de archivos de Web

      3:21

    • 5.

      Web 101 de código

      13:44

    • 6.

      Web 101 de la web de

      2:36

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

530

Estudiantes

1

Proyecto

Acerca de esta clase

¿Has pensado en hacer una página web pero no de confianza para empezar? ¿Eres un diseñador de impresión que tiene curiosidad sobre el diseño web? ¡Entonces esta es la clase para ti! ¡Aprende los fundamentos de la codificación paso a paso y crea tu propio sitio web de 1 que te pondrá en el mundo de la codificación paso a la codificación!

Conoce a tu profesor(a)

Teacher Profile Image

Cookie Redding

Artist, Designer, Teacher

Profesor(a)

Good hello!

Welcome to my Skillshare page and channel. My name is Cookie and I'm a practicing artist and designer as well as a professor of art/design. I am a firm believer in experimentation, trial and error and practice makes perfect. Skillshare is a wonderful platform to flex those creative muscles and learn new things.

Be sure to hit that "follow" button so you get info on my new classes and updates. Be sure to follow me on facebook or instagram for my daily musings and art adventures.

*Learn lots of stuff about art, print design, web design and illustration!

Ver perfil completo

Habilidades relacionadas

Desarrollo Lenguajes de programación HTML

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Web 101 de introducción: Bienvenido a Web one, uno en esta clase, vas a estar aprendiendo los conceptos básicos del código. ¿ Qué es? ¿ Cómo funciona Y qué puedes hacer para que funcione una página Web, si tienes cero experiencia o si has estado en el campo de impresión y nos preguntamos qué hacen exactamente los departamentos Web por ahí? Esta es la clase para ti. Mi nombre es Cookie. Soy artista, diseñadora y educadora, y me encanta ayudar a la gente a encontrar su camino. Ya sea a través de las primeras etapas del proceso de diseño o en los pasos más avanzados esta clase, lo vamos a despojar a los conceptos básicos en los que vamos a aprender sobre el código. Vamos a hacer una página Web que explora los elementos básicos a todo el diseño Web. Espero que disfruten de esta clase, y no puedo esperar a ver su proyecto. Empecemos 2. Web 101 de terminología: bienvenido a la clase HTML y esta clase vas a aprender los conceptos básicos de cómo empezar a codificar. Entonces, ¿por dónde empezamos? Bueno, ¿qué es exactamente HTML? Es lenguaje de marcado de texto hiper. Esa es la forma en que las computadoras se hablan entre sí. Por esto. Tenemos que aprender la terminología básica para poder empezar todo. La primera parte es sólo ver cómo funciona todo en conjunto. El tag es nuestro primer paso. Piensa en esto es una especie de Adán. Este es el comando que le dice a la página exactamente lo que tiene que hacer. Es lo básico. Ese es el bloque de construcción. Estos se van a encerrar entre paréntesis en tu teclado. Se ven así para tu lado. Vas a necesitar aperturas y cierres. Necesitas una etiqueta de apertura ingeniería. El tag de cierre. Piensa en esto es una especie de sentencia. Necesitas la capitalización en el frente y necesitas el periodo en los extremos que sepas dónde comienza la sentencia y dónde termina esa sentencia. Tus etiquetas van a ser ese marcador. A continuación tenemos nuestros elementos. Esta es una etiqueta de inicio y tiene una etiqueta de fin. También es cualquier cosa que esté escrito entre esas etiquetas. Piensa en esto es el tipo de contenedor lo que estés construyendo en tu página va a ser visible cuando esté dentro de la sección. Este es el contenido del elemento que está en el punto culminante ahí mismo. Entonces lo que sea que tengas entre las etiquetas de inicio y final, esto es lo que realmente van a ver los espectadores. Se conoce como el código de mercado atributos sobre las cosas empiezan a ponerse un poco más divertido y emocionante y esa etapa embellecida esto va a extender el contenido de tu página, y te va a dar la funcionalidad de tus etiquetas. Así que piensa en enlaces, fotos , imágenes, fondos, colores, etcétera, protocolo. Esto es un poco de la ciencia. Te vio cosas, así que no nos vamos a empantanar demasiado con esto, que estos aireen las formas en que las computadoras realmente hablan entre sí. Entonces, ¿cómo consigues tu voto a los televidentes? Estas requieren reglas específicas, y están conectadas a cualquier tipo que vas a estar usando al FTP facilitan las impresoras, I P y la que vamos a usar el http. Entonces adivina qué significa esa última letra Lo adivinaste protocolo para que puedas ver cómo funciona esto. La primera parte es ese protocolo del que acabamos de hablar desde ahí tenemos ese W w w w al que estamos acostumbrados. A esto se le conoce como el subdominio. Este es también el nombre del servidor Web. Siguiente es la parte divertida. Este es el que probablemente reconocemos primero y ante todo. Y ese es nuestro nombre de dominio tus nombres de dominio. En realidad puedes registrarte a través de varios sitios como Go Daddy y Hover. Y este es el tú que la gente fue reconocida. Entonces, si estás construyendo una marca, probablemente vas a estar pasando mucho tiempo pensando en el dominio. ¿ Y cómo se puede hacer un dominio que sea fácil de recordar para la gente? Y ahora, por supuesto, algo que está realmente disponible La siguiente parte es en realidad el nombre de tu carpeta. Entonces nuestro primer paso, cada vez que iniciemos nuestro proyecto, vamos a crear una carpeta, y yo voy a llamar a la mía, ya sabes, índice o página Web, o ¿qué tienes? Como sea que llames a eso, va a aparecer ahí arriba, y esta última porción es justo lo que en realidad se llamaba tu página Web cuál era su nombre de archivo . Va a aparecer en esta parte de tu dirección. Está bien, Ahora, empecemos a meternos en un poco más de los detalles. Ahora que conocemos algunos de los conceptos básicos de cómo funciona esto, vamos a entrar en algunos de los bits de Cody para que podamos decirle a nuestras páginas Web qué hacer. 3. Web 101 de la código: Entonces ahora empecemos. El parte de codificación real esta parte es el tipo de carne y patatas de tu página Web, y esto es lo que va a hacer todo tecnológico. Lo primero es lo primero. Usted adivinó que la etiqueta HTML esta va a iniciar su página y esta va a terminar su página. Uh, nos referíamos antes a Es un contenedor. Entonces piensa en esto es el contenedor gigante. Esto es lo que está sosteniendo todo unido. Tu página Web necesita saber una vez pasando por el sistema que aquí es donde comienza. Entonces aquí es donde termina y usa eso con tu HTML. Las páginas web se dividen en dos secciones. El primer apartado que vas a estar tratando con nosotros, Este, el encabezado. El encabezado te da toda la información que está pasando en tus documentos. Entonces, ¿cuál es la página? Es describir el lenguaje, los personajes que vas a usar, cómo va, cómo va, Teoh se muestre cada vez que el espectador lo vea, y la otra parte va a ser el cuerpo mismo, cual estamos se va a conseguir. Teoh, tu página web va a necesitar un descriptor para que los espectadores sepan dónde están. Ves, hay que poner un título. El título de tu página aparece en la parte superior de tu navegador. Muy bien, el cuerpo. Entonces nuestro encabezado va a contener el, uh, tipo de invisibles para que las computadoras sepan leerlo. El cuerpo es lo que realmente vamos a ver como espectadores. Este es todo el contenido. Estos son los enlaces las tablas de texto, imágenes, listas, usted lo nombre. Va a estar aquí, y esto es lo que es visible. Por lo que hablar de lo que es visible es esto lo que puedes poner justo como iniciador dentro de tu cuerpo. Lo primero es lo primero, probablemente vas a querer un párrafo de algún tipo. También te vas a dar cuenta de todos estos que tiene las etiquetas de apertura y cierre. En cualquier momento que escribas, conoces la apertura, tienes que asegurarte de que la etiqueta de cierre esté ahí en alguna parte, para que sepa por dónde empezar y terminar ese comando hasta el momento. Párrafo. Lo ponemos literalmente, el comienzo de cada párrafo al final del párrafo en, luego lo repite para el siguiente párrafo, que verás en nuestro ejemplo que viene, pero asegúrate de abrir y cerrar siempre tu párrafos. Si estás entrando en la codificación desde un fondo de impresión, ya estás muy consciente de la jerarquía. Entonces piensa en todos nuestros rubros como jerarquía, um, uno siendo el más importante para ser, ya sabes, el siguiente importante. Entonces y así sucesivamente para nuestros ejemplos iban a estar usando seis tipos de encabezamiento diferentes H uno, h dos, h tres, h cuatro, h cinco y H seis y seis siendo el más pequeño y uno el más grande. Cuando consigamos a Teoh nuestro proyecto de clase, quiero que experimenten con cada uno de estos. Él es sólo ayuda a fluir el contenido a través de la página para el espectador, igual que la jerarquía y sus anuncios. Al hablar de anuncios y también de sus diseños, más probable es que haya tenido que hacer una cotización pull o esa cotización de bloque para dar énfasis a diversa sección de párrafo, Uh, para nuestro caso, llamamos a esos cotizaciones de bloque y saltará, um, el final en para cualquier sección que sea que estés usando para tus cotizaciones de bloque continuando en nuestro estilo de texto. Si necesitas construir algo ahora estamos usando fuerte. Entonces va a saltar la atención en la página. Érase una vez, sólo usamos la B para negrita. Pero con el nuevo HTML cinco, es más estándar usar fuerte para negrita. Entonces si necesitas apretar algo, usa el comando strong y esto es funciona igual que un tallix. Y otra vez, una vez, era yo t por un talico. Pero con HTML cinco, ha cambiado a ser utilizado como énfasis. Entonces si necesitas cursiva algo, vas a estar poniendo énfasis en ello. Los dos últimos que vamos a cubrir son nuestro tipo de listas. En realidad tenemos dos tiempos de listas. Tenemos la lista ordenada y la A Nordeste. Entonces la lista ordenada, lo que sea que pongas dentro de ese mando, te va a dar el número uno, 234 etcétera. Y ahora, por muchos que añadas, automáticamente va a poner ese siguiente número ahí, y la lista ordenada funciona como puntos de bala. Entonces si necesitas poner listas de balas a tu vista, vas a estar usando las listas ordenadas por la ONU. Entonces obviamente hay tantos códigos más por ahí, pero estos son los buenos con los que ponerse cómodos desde el principio. Uh, solemos decir, ya sabes, es como querer correr antes de que camines, Pero en este caso con el diseño Web, estamos tan acostumbrados a ver diseño Web que básicamente queremos correr un maratón antes de que saber gatear. Así que vamos a gatear antes de maratón y simplemente enfocarnos en estos códigos fundamentales para que puedas sentirte cómodo con ellos y jugar con ellos y familiarizarte con ellos. Y luego puedes empezar a agregar más a la mezcla. Entonces tomemos todo esto y empecemos a ponerlo todo junto. 4. Configuración de archivos de Web: Está bien, sigamos adelante y empecemos. Primero lo primero. Estoy usando un Mac. Entonces si estás en un PC, debes conocer el simulacro. Por ahora. Siempre que diga comando, sepan que es control con un Mac, vamos a estar usando texto en él. Y si estás en un PC, vas a estar usando el pad de notas plus, que tendré un enlace para eso. Ah, y nuestro curso señala si ya no tienes eso en tu PC, pero sin importar, si estás en un Mac o PC, el primer paso que vas a hacer es hacer una carpeta nueva. Voy a llamar a mi índice sólo a la página web de Rick Scott. Podrías ponerle tu nombre, ya sabes, como quieras llamarlo, adelante y llamarlo así. Y sólo voy a mantenerlo todo bonito y ordenado. Y por ahí, fuera a un costado. Está bien. Si estás en un PC, solo tienes que seguir adelante y abrir tu bloc de notas plus. Y cuando hagas un nuevo documento, asegúrate de que sea uno HTML, y deberías estar bien para ir. Si estás en un Mac, podrías tener un paso extra cuando se trata de texto en él, voy a crear un nuevo documento. No, como trabajar un poco más grande que su defecto. Entonces voy a redimensionar eso, y tienes que subir a tu texto Editar y preferencias. Um, cuando hagas esto, tienes que dar click en la nota Tierra. Perdón. Abrir y guardar a la derecha de nuevo documento. Y lo que hay que asegurarse es seleccionarlo es mostrar los archivos HTML como código HTML en lugar de texto formateado, así que asegúrese de hacer clic en esta casilla. Si lo es, estás bien para irte. Si no lo es, asegúrate de que sea para que puedas funcionar. Está bien, voy a seguir adelante y ahorrar, y voy a llamar a este índice. Además, cientos van a mantenerlo bonito y ordenado organizado. Y, uh, si estás en esto, aquí es donde están tus formatos de archivo. Es para el mío. por impago a rico impuesto. Simplemente haga clic abajo eso y cámbielo a html y golpee. Guardar. Asegúrate de ponerlo en la carpeta adecuada y luego pulsa Guardar. Está bien. Por lo que también puedes tener un paso extra con un max. Se puede ver una razón por la que las personas de código suelen estar en PC porque simplemente te levantas y te vas . Ahora mismo, tu código no está apareciendo, así que voy a cerrar eso. Adelante y reabre y cierra. Sólo mando. W um voy a seguir adelante y voy a dar clic y arrastrarlo a mi texto en él. Entonces ahora cuando hago eso, realidad podemos ver nuestros bits de código. Esto es lo que queremos ver. Entonces si no tuviste a Vicks este poquito extra, vas a querer hacer una pausa, cerrarla y reabrirla. De esa manera, puedes ver que sabes, la parte del código real. Podrías dejar esto. Ciertamente, no voy a decir que no. Um, a veces solo pone pedacitos extra que realmente no necesitas del todo. Ah, en las primeras etapas. Ya sabes, si solo estás jugando por ahí aprendiéndolo, está bien. Simplemente puedes seguir adelante y editar tu título, y solo puedes empezar a sumergirte de inmediato en ese cuerpo. Um, va a ser completamente tú, pero por nuestro bien, voy a seleccionar Oh, vamos a golpear delete porque realmente vamos a hacer toda esa parte nosotros mismos. 5. Web 101 de código: floretas. Ahora estamos listos, Toe, en realidad empieza a poner algún código en su página por fin. Está bien, Entonces, como dije, si no querías ningún problema. Puedes dejar sus pedacitos y bobs ahí y simplemente empezar a sumergirte con los elementos con los que estábamos, ya sabes, que estábamos,ya sabes, yendo a jugar para nuestro proyecto de clase. Pero empecemos de cero. Paso uno. Tenemos que decirle que este es un tipo de documento dijo el tipo doc. En realidad es HTML, que más o menos asumimos en esta etapa. Necesitamos esa etiqueta HTML de la que estamos hablando que empieza, tienes que iniciarla y luego tienes que terminar con esto. Vamos a añadir una pequeña parte extra a esto porque queremos que el idioma sea inglés . Si no eres hablante de inglés, um, pondré una lista para los diferentes códigos para idiomas, y puedes poner cualquier código de idioma aquí por nuestro sake de demos. Y como hablo inglés, sólo me voy a quedar con el inglés como mi tipo de idioma. Está bien, así que detente uno. Creamos ese HTML. Tienes dos opciones. Puedes seguir bajando por la línea y poniendo los elementos dentro. Pero me gusta asegurarme de que todo esté cerrado en el segundo que lo haga. Entonces cuando hago eso, solo agrego un par de devoluciones extra. Yo voy, Teoh, cierra esa etiqueta. Entonces ahora no tengo que preocuparme por ello. Entonces empezamos a medida que terminamos, y yo sólo voy a volver a subir así y pasar a esa siguiente parte. Muy bien, entonces el HTML es ese contenedor gigante. Ahora tenemos que decirle una de las dos partes nuestra primera parte fue nuestra cabecera en la segunda parte fue nuestro cuerpo. Ya que el encabezado viene primero, vamos a empezar con el encabezado. Está bien, Así que puse esa etiqueta y esa es sólo la cabeza del soporte. Y ahora tenemos que darle un título. Podría ser tu nombre. Podría ser un perro gato. Nombre de hurones. Podría ser cualquier cosa que lo quieras, Teoh. Voy a ser súper genérico y solo digo mi primer sitio web y estoy muy emocionado. Grupos sitio lado exclamaciones abiertas en él. Oh, Dios mío. Esa es una página Web emocionante. Y ahora, claro, desde que empecé el título, necesito terminar ese título, así que lo voy a cerrar. ¿ Todo bien? Nuestro título va a estar ahí. Tenemos que darle un juego de caracteres. Y ese código info es metta care. Establecer igual a grupos T. ¿ Eres TF grupos de ocho corchetes. Ahí vamos. Entonces esto es sólo dar el conjunto de caracteres para que conozca, ya sabes, personajes especiales, etcétera. De dónde sacarlo. Esto es parte de esa cosa HTML cinco. Está bien, ¿y qué? Tenemos que dio que lo adivinaste. Yo sólo voy a desplazarme hacia arriba. Tenemos nuestro html final html, nuestro encabezado. Um, esa parte que no hemos cerrado en título terminó nuestro título. Muy bien, entonces lo que tenemos que hacer es ir adelante y terminar el encabezado. ¿ Todo bien? Terminaron nuestros encabezados. Ahora podríamos pasar a la parte divertida. El cuerpo parte. Esta es la parte que todos ven. Sólo voy a poner un poquito. Simplemente deja un espacio extra ahí dentro solo para que puedas ver visualmente las secciones que estamos trabajando en estos espacios, ya que no están codificadas en él no aparecerán en la página web. Entonces ese soy solo yo desde mi propia estructura. Necesitamos un cuerpo. Y voy a simplemente seguir adelante y terminar ese cuerpo al igual que hicimos con el, um html de abajo. De esa manera. Sé que cuerpo un cuerpo final son iguales. Está bien, así que ahora empecemos a tener ah, un poco de diversión con esto. Ah, lo primero que vamos a querer hacer es poner un párrafo. Por lo que nuestra info o etiquetas de párrafo era el P y el NP. Voy a entrar a Lauren Ipsen y sólo agarrar un poco de ipsum. Um, nos vendría bien cupcake, ipsum, zombie, ipsum. Lo que quieras. Hay todo tipo de Lawrence Yeso. Ah, vamos sólo por ahora, un párrafo y yo sólo voy a Uops. Copiar y pegar, Apple C, Apple V. Muy bien, entonces iniciamos el párrafo. Ahora tenemos que terminar ese párrafo, y voy a seguir adelante y guardar diapositiva eso a un lado y entrando en mi índice, voy a hacer doble clic en esto para que realmente podamos obtener una vista previa en vivo de lo que estamos haciendo a nuestra página web. Está bien, ahí está nuestro título. Mi primer sitio web, mi primer sitio web. Tan emocionante. Y ahí está esa Lorne Epsom que acabamos de poner si queríamos poner un segundo. Lauren, está encendido. Lo adivinaste Nuevo párrafo. Yo solo voy a pasar el mismo, guardarlo y luego ir a tu navegador y luego vas a poder ver eso. Entonces cuando trabajo, ¿cómo te gusta trabajar con ventanas divididas? Entonces si estoy usando nota, pad o texto en él, usualmente seguiré con eso. Si estás trabajando con Dreamweaver, que es algo para crecer, tendrás la vista dividida de todos modos. Y entonces también tienes el adelanto de la vida. Esos dos sistemas son realmente agradables para trabajar. Por ahora, no me preocupa Dreamweaver para esta demo. Si te sientes cómodo con Dreamweaver, sin embargo, solo tienes que seguir adelante y estar en el código. Si te sientes cómodo con Dreamweaver, probablemente no estés viendo esta clase de todos modos. De acuerdo, así que una de las cosas de las que hablamos fue poner un poco de nuestros ah, personajes especiales o más bien están haciendo que nuestras páginas sean un poco más fantasiosas. Eso tal vez para el próximo. Ya sabes, pusiste en el tercer párrafo, yo sabía que el medio va a ser una cotización de bloque, pero vamos a conseguir 1/3 1 pulg. Ups. Asegúrate de no capitalizar, Espacios olvidando etiqueta final. Um, capitalización. Estas cosas te quitarán el abrigo. Y si no está funcionando, revisa la ortografía y las mayúsculas y las cuestiones de espacio. Cualquiera de esos puede tirar toda la página. Está bien, entonces ahí tenemos tres párrafos, y voy a añadir una cotización de bloque a ese medio. Si lo deseas, puedes conseguir espacios extra en el medio, por lo que solo hace un poco más fácil. Y me gustaría Nestea Así que lo que fuera más cercano al Texas cómo terminé también, Así bloque estaba justo al lado. Cita de bloque va a ir primero, y luego voy a terminar mi párrafo y luego refrescar. Y se puede ver cómo eso en denso solo un poquito lo hace un poco más elegante. Uh, tal vez para este segundo párrafo, esa primera pequeña parte necesita ser audaz. Entonces ese fue nuestro fuerte. Y sólo tomemos la primera frase y vamos a hacer que esa primera frase sea bonita y fuerte. Guardar, refrescar. Y se puede ver que el texto se puso un poco más audaz. Uh, ¿ tal vez por eso? No lo sé. Última línea. Queremos darle un poco de metálico, por lo que necesitamos darle énfasis. Y entonces tenemos que terminar con ese énfasis. Entonces para manning o texto, um, Disc usando estos dos hizo mucho más fácil de leer. Um, para nuestro proyecto en clase, también vamos a hacer encabezados. Entonces sólo voy Teoh Sólo un retorno sobre esto Donde fue h uno a h seis un titular uno a través de titulares seis Sólo diré titular uno para que puedas ver el tamaño y lo voy a guardar para que puedas verlo paso a paso. Por lo que el titular uno es nuestro más grande. Y luego solo trabajamos abajo desde ahí. Oops, cada uno a nueve a H tres cada cuatro. Asegúrate de que no tipografía. Es bueno ver a la gente trabajando, um, en tiempo real para que puedas ver los espacios traseros, etcétera. Entonces sabes qué buscar cuando no si. Cuando surge un problema, es que correr antes de que camines cosa. Habrá problemas sin importar lo cómodo que estés con el código y cuánto tiempo hayas codificado. A veces sólo un pequeño tipo de voluntad para todo lo apagado. Entonces diablos fui 23456 Guardar y refrescar eso. ¿ Qué? Se puede ver la jerarquía. Entonces para aquellos de ustedes que están en más de las disciplinas de diseño de impresión estaban acostumbrados a ver eso. Así que piensa en el cielo querer es como, bueno, tu titular principal sería Ya sabes, el sub encabezado Byline Así sucesivamente y así sucesivamente Y entonces, por supuesto, para um, si sabes ella está en copia corporal Solo usa tu párrafo. Pero esto ayuda a fluir al lector a través. También hablamos de listas para este. Entonces sigamos adelante y hagamos nuevo párrafo. Y para este párrafo, voy a Teoh mis artistas favoritos. Entonces para esto, vamos a querer construir, estamos en lista ordenada y luego vamos a seguir adelante y convertirla en una lista ordenada. En realidad, he cambiado de opinión, solo he dicho que los titulares tienen un poco más de sentido. Adelante y hagamos que en un Chuan es tengamos un poco de flujo jerárquico a ella. Entonces mi artista favorito y esto va a ser una lista ordenada porque sólo quiero los puntos de bala y no, ya sabes, quiero tener como, Oh, Oh, este es mi artista favorito número uno. Estos aire. Apenas la lista de artistas que me gusta así son una Lista Norden tendría que empezar, y tendría que terminar Y entonces necesitamos el contenido en medio de ella. Necesitamos una nueva línea y me gusta Van Gogh. ¿ Quién no? Necesitamos otra línea. Sólo voy a hacer tres o cuatro. Um, ¿ quién más me gusta? Sólo una especie de pegarle el área. Monet como Degas y Cassatt lo guardan. Muy bien, vamos a triple salida de paranoia. Se va a hacer un retorno extra para que pueda ver todo. Estos son mis artistas favoritos. Y recuerda que el espacio extra no se presentará por aquí. Es solo para mí hacer un seguimiento de las cosas en línea. Uno cerrado en lista ordenada. Cerró las líneas cerradas de cada uno. Me siento feliz. Guárdalo de nuevo y adelante y golpea. Refrescar. Y ahí está. Titular uno. Mis artistas favoritos son los bullet points y la lista de nuestros artistas que me gustaron podrían agregar al infinito. Um Esa es la alegría de nuestras propias listas ordenadas. El otro es listados ordenados. Hagamos también esa H, y voy a llamar a esta lista de abarrotes porque ¿quién no hace una página Web para la lista de abarrotes ? Muy bien, así que éste es una lista ordenada. Adelante y terminémoslo. Es exactamente los mismos pasos en el medio. Se lo voy a contar. Grupos de huevos no la cierran primera leche. Vamos a ser súper genéricos con nosotros. A puñetazos Adivina la siguiente. Lo adivinaste pan. Entonces huevos, leche, pan y sólo asegurémonos de que todo esté ahí. Cada uno lo cerró. Lista ordenada línea de lista ordenada. Cada una está abierta y cerrada. Guardar, refrescar. Y ahí vamos. 12 y tres. Está bien, así que aquí es donde todo empieza a juntarse. Se pueden ver nuestros titulares, tenemos nuestro contenido y estamos empezando a conseguir un poco de estructura y fluir a través de esto. Podemos tener nuestro énfasis y podemos tener nuestros audaces 6. Web 101 de la web de: Está bien. Entonces para este proyecto, hagan al menos dos. Yo diría diferentes tipos de titulares y simplemente jugar con esos y ver lo que dieron. Prueba un par de párrafos lanzando en esa cuadra. Cotización hacer una lista ordenada haciendo en lista ordenada. Ver lo que los audaces y cursiva dio. Voy a Teoh anuncio una lista de otras cosas que puedes hacer Si quieres que sea un poco más elegante, diré. Pero para este avión es la forma en que vamos con él. Por lo que el contenido depende completamente de ti. Podría ser un diario. Podría ser un día en la vida de la misma. Podría ser una documentación de algún tipo. O simplemente podrías usar el Lauren Ipsen que yo hago. El contenido depende completamente de ti. Esto es lo que busco. Simplemente relájate y diviértete y ve qué hace el código. Cámbiala, cámbiala. Ve qué pasa si no lo cierras. O qué pasa si te pierdes una de esas líneas finales o no terminaste la lista a ordenada y cierras eso. Um, pruébalo , ve qué pasa, y sabes que la única forma de aprender es haciendo. Y hablando de cerrar, parece que hice una cosa mal. Tengo que poner mi propia lista ordenada ahí arriba para que no tengamos un tema más adelante por la línea. Entonces así es como aprendes. Sólo inténtalo. Fallas experimento, y luego aprendes a atrapar los errores. Entonces para tu proyecto, solo diviértete, Ver, con todo sí lo guarda y luego sube. Um, podrías hacer una captura de pantalla. Si solo estás usando el tipo como este, puedes poner tu índice html aquí arriba para que todos lo veamos. Um, si quieres tomar una captura de pantalla en un Mac, es shift apple four y crea un, um, um, pelo cruzado y solo tienes que hacer clic y arrastrar sobre él y se va a poner una instantánea o una captura de pantalla en tu escritorio, que solo subas de esa manera, Si quieres mostrar a todos tu código, solo puedes seleccionar todo y copiarlo y pegarlo en ah, tu proyecto de clase también. No puedo esperar a ver qué se te ocurre, y espero que te diviertas mucho en estas primeras etapas del código. ¿ Recuerdas estos aires, los escenarios de caminata? Y una vez que te pongas realmente cómodo que nos vamos a poner un poco más de fantasía con eso. Muchas gracias por tomar esta clase. No puedo esperar a ver qué se te ocurre para tu proyecto. Asegúrate de compartirlo a continuación, para que todos podamos disfrutarlo y tener un gran día.