Web 101: HTML para programadores iniciantes

1. Web101 //de introdução: Bem-vindo à Web 1, um nesta turma, você vai aprender o básico do código. O que é isso? Como funciona E o que você pode fazer para fazer uma página da Web funcionar, se você não tem experiência ou se você já esteve no campo de impressão e estamos nos perguntando o que exatamente os departamentos da Web estão fazendo lá? Esta é a aula para você. Meu nome é Cookie. Sou um artista, designer e educador, e adoro ajudar as pessoas a encontrarem o seu caminho. Seja através dos estágios iniciais do processo de design ou nas etapas mais avançadas desta classe, nós vamos retira-lo até o básico que vamos aprender sobre o código. Vamos fazer uma página da Web que explora os elementos básicos para todo o Web design. Espero que gostes desta aula, e mal posso esperar para ver o teu projecto. Vamos começar 2. Web 101// terminologia: Bem-vindo à classe HTML e esta classe você vai aprender o básico de como começar a codificação. Então, por onde começamos? Bem, o que exatamente é HTML? É hiperlinguagem de marcação de texto. É assim que os computadores falam uns com os outros. Por isto. Precisamos aprender a terminologia básica para começar tudo. A primeira parte é ver como tudo funciona em conjunto. A etiqueta é o nosso primeiro passo. Pense nisso é uma espécie de Adam. Este é o comando que diz à página exatamente o que ela precisa fazer. É o básico. Esse é o bloco de construção. Estes serão colocados entre parênteses no seu teclado. Parecem assim para o seu lado. Vai precisar de aberturas e fechamentos. Você precisa de uma etiqueta de abertura projetada. A etiqueta de encerramento. Pense nisso é uma espécie de frase. Você precisa da capitalização na frente e você precisa do ponto final que você sabe onde a frase começa e onde essa frase termina. As tuas etiquetas vão ser esse marcador. Em seguida, temos os nossos elementos. Esta é uma tag de início e tem uma tag de fim. Também é tudo o que está escrito entre essas etiquetas. Pense nisso é o tipo de contêiner que você está construindo em sua página vai ficar visível quando ele está dentro da seção. Este é o conteúdo do elemento que está no destaque ali mesmo. Então, o que quer que você tenha entre as tags de início e fim, isso é o que os espectadores realmente verão. Ele é conhecido como os atributos de código de mercado sobre as coisas começam a ficar um pouco mais divertido e emocionante e que embelezar estágio isso vai estender o conteúdo de sua página, e ele vai dar-lhe a funcionalidade de suas tags. Então pense em links, fotos , imagens , fundos, cores, etc, protocolo. Isto é um pouco da ciência. Ele viu coisas para vocês, então não vamos ficar muito atolados com isso, que esse ar as maneiras que os computadores realmente falam um com o outro. Então, como você consegue o seu voto para os telespectadores? Estes exigem regras específicas, e eles estão conectados a qualquer tipo que você vai usar para o FTP facilitar as impressoras, I P e aquele que vamos usar o http. Então adivinha o que significa a última carta? Você adivinhou o protocolo para que você possa ver como isso funciona. A primeira parte é que o protocolo que estávamos falando a partir daí temos aquele W W que estamos acostumados. Isso é conhecido como o subdomínio. Este é também o nome do servidor Web. A próxima é a parte divertida. Este é o que provavelmente reconhecemos em primeiro lugar. E esse é o nosso nome de domínio, seus nomes de domínio. Você pode realmente se registrar através de vários sites como Go Daddy e Hover. E este é o você que as pessoas foram reconhecidas. Então, se você está construindo uma marca, você provavelmente vai gastar muito tempo pensando sobre o domínio. E como você pode criar um domínio que é fácil para as pessoas lembrarem? E agora, claro, algo que está realmente disponível A próxima parte é na verdade o nome da sua pasta. Então nosso primeiro passo, sempre que começamos nosso projeto, vamos criar uma pasta, e eu vou chamar meu, você sabe, você sabe, índice ou página da Web, ou o que você tem? Seja lá o que você chama isso, ele vai aparecer lá em cima, e esta última parte é exatamente o que sua página da Web foi realmente chamada como era seu nome de arquivo . Vai aparecer nesta parte do seu endereço. Tudo bem, agora, vamos começar a entrar em um pouco mais de detalhes. Agora que sabemos algumas das noções básicas de como isso funciona, vamos entrar em alguns bits do Cody para que possamos dizer às nossas páginas da Web o que fazer. 3. Web 101// o código: Então agora vamos começar. A parte de codificação atual esta parte é o tipo de carne e batatas de sua página da Web, e isso é o que vai tornar tudo tecnológico. As primeiras coisas primeiro. Você adivinhou que a tag HTML esta vai começar sua página e esta vai terminar sua página. Estávamos nos referindo mais cedo a “É um contêiner”. Então pense nisso é o contêiner gigante. Esta é a coisa que mantém tudo junto. Sua página da Web precisa saber, uma vez que passar pelo sistema, que é onde ele começa. Então é aqui que termina e use isso com o seu HTML. As páginas da Web são divididas em duas seções. A primeira seção que você vai estar lidando com a gente, esta aqui, o cabeçalho. O cabeçalho fornece todas as informações que estão acontecendo em seus documentos. Então, qual é a página? É descrever a linguagem, os personagens que você vai usar, como ele está indo, Teoh ser exibido sempre que o espectador vê, e a outra parte vai ser o próprio corpo, que nós estamos vai conseguir. Teoh, sua página da Web precisará de um descritor para que os espectadores saibam onde estão. Veja, você tem que colocar um título. O título da sua página aparece na parte superior do seu navegador. Tudo bem, o corpo. Então o nosso cabeçalho vai conter o de tipodeinvisíveis para que os computadores saibam como lê-lo. O corpo é o que realmente vamos ver como telespectadores. Este é todo o conteúdo. Estes são os links as tabelas de texto, imagens, listas, você nomeia. Vai estar aqui, e isto é o que é visível. Então, falando do que é visível é isso que você pode colocar apenas como um iniciador dentro de seu corpo. Primeiramente, você provavelmente vai querer um parágrafo de algum tipo. Você também vai notar para todos esses que têm as tags de abertura e fechamento. Sempre que você digita, você sabe a abertura, você tem que se certificar de que a tag de fechamento está lá em algum lugar, para que ela saiba por onde começar e terminar esse comando até agora. Parágrafo. Nós o colocamos literalmente, o início de cada parágrafo no final do parágrafo, em seguida, repeti-lo para o próximo parágrafo, que você verá no nosso exemplo chegando, mas certifique-se de que você sempre abre e fecha seu parágrafos. Se você está entrando em codificação a partir de um fundo de impressão, você já está muito ciente da hierarquia. Então pense em todos os nossos títulos como hierarquia, um sendo o mais importante para ser, você sabe, o próximo importante. Assim por diante e assim por diante para nossos exemplos estavam indo para usar seis diferentes tipos de cabeçalho H um, h dois, h três, h quatro, h cinco e H seis e seis sendo o menor e um sendo o maior. Quando tivermos Teoh nosso projeto da turma, quero que experimente cada um desses. Ele só ajuda a fluir o conteúdo através da página para o espectador, assim como a hierarquia e seus anúncios. Falando de anúncios e também seus layouts, as chances são que você teve que fazer um pull quote ou aquele bloco de citação para dar ênfase a várias seções do parágrafo, uh, para o nosso caso, nós chamamos esses e ele vai saltar, um, o final em para qualquer seção que é que você está usando para suas aspas de bloco continuando em nosso estilo de texto. Se precisares de construir algo, estamos a usar o forte. Então, vai chamar a atenção na página. Era uma vez, usamos o B para negrito. Mas com o novo HTML cinco, é mais padrão usar forte para negrito. Então, se você precisa aparafusar algo, use o comando strong e isso é funciona da mesma forma que um tallix. E novamente, uma vez, eu não era para um talic. Mas com o HTML cinco, ele mudou para ser usado como ênfase. Então, se você precisa colocar algo em itálico, você vai colocar ênfase nisso. Os últimos dois que vamos cobrir são os nossos tipos de listas. Na verdade, temos duas vezes de listas. Temos a lista ordenada e o A Nordeste. Então a lista ordenada, o que quer que você coloque dentro desse comando, vai lhe dar o número um, 234 etc. E agora, por mais que você adicionar, ele vai colocar automaticamente o próximo número lá, e a lista ordenada funciona como marcadores. Então, se você precisa colocar listas de balas em sua visão, você vai estar usando as listas ordenadas da ONU. Então, obviamente, há muitos mais códigos lá fora, mas estes são os bons para se sentir confortável com o início. Geralmente dizemos que é como querer correr antes de andar, mas neste caso com o Web Design, estamos tão acostumados a ver o Web Design que basicamente queremos correr uma maratona antes de Geralmente dizemos que é como querer correr antes de andar, mas neste caso com o Web Design, sei rastejar. Então vamos rastejar antes da maratona e focar nesses códigos fundamentais para que você possa se sentir confortável com eles, brincar com eles e se familiarizar com eles. E então você pode começar a adicionar mais à mistura. Então vamos pegar tudo isso e começar a juntar tudo. 4. Configuração de arquivos na web: Tudo bem, vamos em frente e começar. As primeiras coisas primeiro. Estou usando um Mac. Então, se você está em um PC, você deve saber o que fazer. Por agora. Sempre que digo comando, saiba que é controle com um Mac, vamos usar texto nele. E se você estiver em um PC, você estará usando o bloco de notas plus, que eu vou ter um link para isso. Ah, e nosso curso observa se você ainda não tem isso no seu PC, mas independentemente disso, se você estiver em um Mac ou PC, o primeiro passo que você vai fazer é criar uma nova pasta. Vou ligar para o meu índice só para o site do Rick Scott. Você poderia colocar seu nome nele, você sabe, como você quiser chamá-lo, vá em frente e chamá-lo assim. E eu vou manter tudo agradável e arrumado. E ali, para o lado. Tudo bem. Se você estiver em um PC, basta ir em frente e abrir o bloco de notas plus. E quando você criar um novo documento, certifique-se de que ele é um HTML, e você deve estar pronto para ir. Se você estiver em um Mac, você pode ter um passo extra quando se trata de texto nele, eu vou criar um novo documento. Não, gosto de trabalhar um pouco maior do que o padrão deles. Então eu vou redimensionar isso, e você tem que ir até seu texto Editar e preferências. Hum, quando você faz isso, você tem que clicar na nota Terra. Desculpe. Abra e salve à direita do novo documento. E o que você precisa ter certeza é selecioná-lo é exibir arquivos HTML como código HTML em vez de texto formatado, então certifique-se que esta caixa é clicada. Se for, você está pronto para ir. Se não estiver, certifique-se de que é para que você possa funcionar. Tudo bem, eu vou ir em frente e salvar, e eu vou ligar para este índice. Além disso, centenas vão mantê-lo bem organizado. E, uh, se você está nisso, é aqui que seus formatos de arquivo estão. É para o meu. Inadimplente para imposto rico. Basta clicar para baixo que e alterá-lo para html e clicar. Salvar. Certifique-se de colocá-lo na pasta adequada e, em seguida, pressione Salvar. Tudo bem. Então você também pode ter um passo extra com um máximo. Você pode ver uma razão pela qual as pessoas de código normalmente estão em PCs porque você simplesmente se levanta e sai . Agora, seu código não está aparecendo, então eu vou fechar isso. Vá em frente, reabra e feche. Apenas comande. Whum eu vou ir em frente e eu vou clicar e arrastá-lo para o meu texto nele. Então, agora, quando eu faço isso, nós podemos realmente ver nossos bits de código. Isto é o que queremos ver. Então, se você não tinha Vicks este pouco extra para ele, você vai querer pausar, fechá-lo e reabri-lo. Dessa forma, você pode ver, você sabe, a parte do código real. Você poderia deixar isso. Certamente, eu não vou dizer não. , Às vezes,só coloca pequenos pedaços extras que você realmente não precisa. Ah, nos estágios iniciais. Você sabe, se você está apenas brincando aprendendo isso, tudo bem. Você pode simplesmente ir em frente e editar seu título, e você pode apenas começar a mergulhar imediatamente naquele corpo. Hum, vai ser completamente com você, mas para o nosso bem, eu vou selecionar Oh, vamos apertar deletar porque nós vamos realmente fazer toda essa parte nós mesmos. 5. Site 101//o tempo de código: floretas. Agora estamos prontos, Toe, comece finalmente a colocar algum código na página dela. Tudo bem, então, como eu disse, se você não queria nenhum problema. Você pode deixar seus pedaços e bobs lá e apenas começar a mergulhar com os elementos que nós estávamos, você sabe, indo para brincar com o nosso projeto de classe. Mas vamos começar do zero. Passo um. Precisamos dizer que este é um tipo de documento disse que o tipo doc. Na verdade, é HTML, que nós praticamente assumimos nesta fase. Precisamos da tag HTML que estamos falando que começa, você tem que começar e então você tem que terminar com isso. Vamos adicionar uma pequena parte extra a isto porque queremos que a língua seja o inglês . Se você não é um falante de inglês, um, eu vou colocar uma lista para os códigos diferentes para idiomas, e você pode colocar qualquer código de idioma aqui para nossas demonstrações. E já que falo inglês, vou ficar com o inglês como meu tipo de língua. Tudo bem, então pare um. Nós criamos esse HTML. Você tem duas opções. Você pode continuar indo pela linha e colocando os elementos dentro Mas gosto de ter a certeza que está tudo fechado assim que o fizer. Então, quando eu faço isso, eu apenas adiciono alguns retornos extras. Estou indo, Teoh, feche essa etiqueta. Então agora eu não tenho que me preocupar com isso. Então começamos como terminamos, e eu vou voltar para cima e ir para a próxima parte. Certo, então o HTML é aquele contêiner gigante. Agora precisamos dizer que uma das duas partes nossa primeira parte foi o nosso cabeçalho na segunda parte foi o nosso corpo. Uma vez que o cabeçalho vem primeiro, vamos começar com o cabeçalho. Tudo bem, então eu coloquei essa etiqueta e isso é apenas a cabeça do suporte. E agora temos de lhe dar um título. Pode ser o seu nome. Pode ser um cão gato. Nome dos furões. Pode ser qualquer coisa que você quiser, Teoh. Eu vou ser super genérico e apenas dizer meu primeiro site e eu estou realmente animado. Grupos lado do site abrir exclamações sobre ele. Oh, meu Deus. Essa é uma página da Web empolgante. E agora, claro, desde que comecei o título, preciso terminar esse título, então vou fechá-lo. Tudo bem? O nosso título vai estar lá. Temos de lhe dar um conjunto de caracteres. E essa informação de código é Metta Care. Conjunto igual a grupos T. Você é TF oito grupos de colchetes. Lá vamos nós. Então isso é apenas dar o conjunto de caracteres para que ele saiba, você , personagens especiais, etc. De onde retirá-lo. Isso é parte daquela coisa HTML 5. Tudo bem, daí? Precisamos dizer que você adivinhou. Eu só vou rolar de volta para cima. Temos o nosso html final, nosso cabeçalho. Essa parte que não fechamos no título acabou com o nosso título. Tudo bem, então o que precisamos fazer é ir em frente e terminar o cabeçalho. Tudo bem? Nossos cabeçalhos terminaram. Agora podemos passar para a parte divertida. A parte do corpo. Esta é a parte que todo mundo vê. Eu só vou colocar um pouco. Basta sair de um espaço extra lá apenas para que você possa ver visualmente as seções que estamos trabalhando nesses espaços, já que eles não estão codificados nele não aparecerão no site. Então isso sou só eu da minha própria estrutura. Precisamos de um corpo. E eu vou apenas ir em frente e acabar com esse corpo assim como fizemos com o, hum html abaixo. Dessa forma. Eu sei que corpo e corpo final são os mesmos. Tudo bem, então agora vamos começar a ter ah, um pouco de diversão com isso. A primeira coisa que vamos querer fazer é colocar um parágrafo. Então nossas informações de parágrafo ou tags foram o P e o NP. Vou à Lauren Ipsen pegar um pouco de ipsum. Poderíamos usar cupcake, ipsum, zumbi, ipsum. Poderíamos usar cupcake, ipsum, zumbi, O que você quiser. Há todos os tipos de Gypsum Lawrence. Ah, vamos começar por agora, um parágrafo e eu estou indo para Oops. Copiar e colar, Apple C, Apple V. Tudo bem, então começamos o parágrafo. Agora precisamos terminar esse parágrafo, e eu vou ir em frente e salvar o slide para o lado e indo para o meu índice, eu vou clicar duas vezes sobre isso para que possamos realmente obter uma prévia ao vivo do que estamos fazendo nosso site. Muito bem, aí está o nosso título. Meu primeiro site, meu primeiro site. Tão excitante. E há aquele Lorne Epsom que acabamos de colocar, se quisermos colocar um segundo. Lauren, está ligado. Você adivinhou. Novo parágrafo. Eu vou apenas para o mesmo ritmo, salvá-lo e depois ir para o seu navegador e então você vai ser capaz de ver isso. Então, quando eu trabalho, como você gosta de trabalhar com janelas divididas? Então, se eu estiver usando nota, pad ou texto nele, eu geralmente vou manter isso. Se você estiver trabalhando com o Dreamweaver, que é algo para crescer, você terá a exibição dividida de qualquer maneira. E então você também tem a pré-visualização da vida. Esses dois sistemas são muito bons de trabalhar. Por enquanto, não estou preocupado com o Dreamweaver para esta demonstração. , se você estiver confortável com o Dreamweaver No entanto, se você estiver confortável com o Dreamweaver, basta seguir em frente e estar no código. Se você está confortável com o Dreamweaver, provavelmente não está assistindo a essa aula. Certo, então uma das coisas sobre as quais conversamos foi colocar um pouco de nossos personagens especiais ou estão deixando nossas páginas um pouco mais chiques. Eso talvez para o próximo. Você sabe, você colocou no terceiro parágrafo, eu sabia que o do meio seria uma citação em bloco, mas vamos colocar 1/3 1 dentro Oops. Certifique-se de não capitalizar, Espaços esquecendo de finalizar tag. Capitalização . Essas coisas vão jogar fora do seu casaco. E se não estiver funcionando, verifique os problemas de ortografia e capitalização e espaço. Qualquer um deles pode jogar a página inteira fora. Tudo bem, então temos três parágrafos, e eu vou adicionar uma citação em bloco para aquele do meio. Se você quiser, você pode obter espaços extras no meio, então isso só torna um pouco mais fácil. E eu gostaria de Nestea então o que estava mais perto do Texas como eu terminei também, então o bloco estava bem ao lado dele. A citação do bloco vai primeiro, e depois vou terminar o meu parágrafo e depois atualizar. E você pode ver como isso em denso só um pouco torna um pouco mais extravagante. Talvez para este segundo parágrafo, a primeira parte precisa ser ousada. Talvez para este segundo parágrafo, Então esse era o nosso forte. E vamos pegar a primeira frase e vamos fazer essa primeira frase agradável e forte. Salvar, atualizar. E você pode ver que o texto ficou um pouco mais ousado. Uh, talvez para isso? Eu não sei. Última linha. Queremos dar-lhe um pouco de metal, por isso precisamos dar-lhe ênfase. E então precisamos acabar com essa ênfase. Então, para manning ou texto, um, Disc usando esses dois tornou muito mais fácil de ler. Hum, para o nosso projeto de classe, nós também vamos fazer cabeçalhos. Então eu só vou Teoh Apenas um retorno sobre isso Onde foi h um a h seis uma manchete um através de manchetes seis Eu vou apenas dizer manchete um para que você possa ver o tamanho e eu vou guardá-lo para que você possa vê-lo passo a passo. Então, a manchete um é a nossa maior. E depois trabalhamos de lá para baixo. Opa, cada um a nove a H três a cada quatro. Certifique-se de que não digita digitação. É bom ver pessoas trabalhando em tempo real para que você possa ver os espaços traseiros, etc. em tempo real para que você possa ver os espaços traseiros, Então você sabe o que procurar quando não se. Quando surge um problema, é que correr antes de andar coisa. Haverá problemas, não importa o quão confortável você esteja com o código e quanto tempo você tenha codificado. Às vezes, apenas um pouco de vontade para tudo fora. Então inferno eu fui 23456 Salvar e atualizar isso. O que? Você pode ver a hierarquia. Então, para aqueles de vocês que estão em mais das disciplinas de design de impressão estavam acostumados a ver isso. Então, pense no desejo do céu é como, bem, sua manchete principal seria você sabe, o subcabeçalho Byline assim por diante e assim por diante E então, é claro, para um, se você sabe Ela está na cópia do corpo. Basta usar o seu parágrafo. Mas isso ajuda a fluir o leitor. Também falamos de listas para este. Então vamos em frente e fazer um novo parágrafo. E para este parágrafo, vou para Teoh meus artistas favoritos. Então, para isso, nós vamos querer construir, estão na lista ordenada e, em seguida, vamos em frente e torná-lo uma lista ordenada. Na verdade, eu mudei de idéia, só disse que as manchetes fazem um pouco mais de sentido. Vamos em frente e fazer isso em um Chuan é que temos um pouco de fluxo hierárquico para ele. Então o meu artista favorito e esta vai ser uma lista encomendada porque eu só quero os marcadores e eu não, você sabe, quero ter tipo, oh, oh, este é o meu artista favorito número um. Estes ar. Apenas a lista de artistas que eu gosto é uma Norden List precisaria começar, e precisaria terminar e então precisamos do conteúdo no meio dela. Precisamos de uma nova linha e eu gosto do Van Gogh. Quem não quer? Precisamos de outra linha. Eu só vou fazer três ou quatro. De quem mais eu gosto? Vamos apenas tipo de furar a área. Monet como Degas e Cassatt salvá-lo. Tudo bem, vamos apenas triplicar a paranoia. Vai fazer um retorno extra para que eu possa ver tudo. Estes são os meus artistas favoritos. E lembre-se que espaço extra não aparecerá aqui. É só para mim manter o controle das coisas em linha. Um fechado na lista ordenada. Fechado, linhas cada um está fechado. Estou me sentindo feliz. Salve-o novamente e vá em frente e bata. Refresque. E aí está ele. Manchete um. Meus artistas favoritos são marcadores e a lista de nossos artistas que eu gostei você poderia adicionar ao infinito. Essa é a alegria de nossas próprias listas ordenadas. O outro é listas ordenadas. Vamos fazer o H um também, e eu vou ligar para essa lista de compras porque quem não faz uma página web para a lista de compras ? Certo, então esta é uma lista ordenada. Vamos em frente e acabar com isso. São exatamente os mesmos passos no meio. Eu vou contar. Grupos de ovos não fecham primeiro leite. Vamos ser super genéricos conosco. Adivinhe o próximo. Você adivinhou pão. Então ovos, leite, pão e vamos ter certeza de que tudo está lá. Cada um fechou. Lista ordenada linha de lista ordenada. Cada um está aberto e fechado. Salvar, atualizar. E lá vamos nós. 12 e três. Tudo bem, então é aqui que tudo começa a se unir. Você pode ver nossas manchetes, nós temos nosso conteúdo e estamos começando a obter um pouco de estrutura e fluir através disso. Podemos ter a nossa ênfase e podemos ter os nossos bolds 6. Web 101// o projeto: Tudo bem. Então, para este projeto, faça pelo menos dois. Eu diria diferentes tipos de manchetes e apenas brincar com eles e ver o que eles dio. Tente jogar alguns parágrafos naquele quarteirão. Citação fazer uma lista ordenada fazendo na lista ordenada. Veja o que os bolds e itálico dio. Vou fazer uma lista de outras coisas que você pode fazer se quiser torná-lo um pouco mais chique, eu vou dizer. Mas para este avião é a maneira que vamos com ele. Então, o conteúdo depende completamente de você. Pode ser um diário. Pode ser um dia na vida dele. Pode ser algum tipo de documentação. Ou você poderia usar a Lauren Ipsen que eu faço. O conteúdo depende completamente de você. Aqui está o que estou procurando. Relaxe e divirta-se e veja o que o código faz. Mude isso, estrague tudo. Veja o que acontece se você não fechá-lo. Ou o que acontece se você perder uma dessas linhas finais ou você não terminar a lista ordenada e fechá-la. , Experimente, veja o que acontece, e você sabe que a única maneira de aprender é fazendo. E falando em fechar, parece que fiz uma coisa errada. Eu tenho que colocar minha própria lista de pedidos lá em cima para que não tenhamos um problema mais tarde . Então é assim que se aprende. Você só tenta. Você falha na experiência, e então você aprende a pegar os erros. Então, para o seu projeto, apenas se divertir, Veja, Veja, com tudo faz salvá-lo e, em seguida, fazer upload. Você poderia fazer uma captura de tela. Se você está apenas usando o tipo como este, você pode colocar seu índice html aqui para todos nós ver. Hum, se você quiser tirar uma captura de tela em um Mac, é Shift Apple 4 e cria um, hum, cabelo cruzado e você apenas clica e arrasta sobre ele e ele vai colocar um instantâneo ou uma captura de tela em seu desktop, você basta carregar dessa forma, Se você quiser mostrar a todos o seu código, você pode simplesmente selecionar tudo e copiá-lo e colá-lo em ah, seu projeto de classe também. Mal posso esperar para ver o que você inventa, e espero que você se divirta muito nestes estágios iniciais do código. Lembra-se deste ar, dos palcos de caminhada? E uma vez que você se sentir realmente confortável que nós vamos ficar um pouco mais chiques com isso. Muito obrigado por fazer essa aula. Mal posso esperar para ver o que você inventa para o seu projeto. Certifique-se de compartilhá-lo abaixo, todos possamos aproveitar e ter um ótimo dia.