{"product_id":"introduction-to-html-and-css-coding-part-2","title":"Introdução à Programação HTML e CSS Parte 2","description":"\u003cdiv class=\"ebsi-team-licence-note\"\u003e\u003cp\u003e\u003cstrong\u003eVai comprar para uma equipa?\u003c\/strong\u003e\u003cbr\u003eEscolha 5 ou 10 licenças para dar acesso a vários formandos a um preço reduzido por pessoa. Após a compra, a eBSI entrará em contacto consigo para confirmar os dados dos formandos e organizar o acesso ao curso para cada participante.\u003c\/p\u003e\u003c\/div\u003e\n\u003c!-- ebsi-sales-wrapper --\u003e\u003cdiv class=\"ebsi-sales-wrapper\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eDesenvolva conhecimentos práticos e confiança em Introdução à Programação em HTML e CSS — Parte 2.\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003eEstudos demonstraram que o design dos websites influencia a forma como as empresas são vistas, estando a apresentação diretamente relacionada com a confiança. Por isso, é fundamental que as organizações tenham websites bem concebidos.\u003c\/p\u003e\n\n\u003ch3\u003ePorque é importante este curso\u003c\/h3\u003e\n\n\u003cp\u003eEste curso transforma o tema numa aprendizagem prática e estruturada, que poderá aplicar em situações reais de trabalho e de negócios. Foi concebido para o ajudar a ir além das definições e a compreender como as ideias, ferramentas e decisões abordadas no curso se articulam.\u003c\/p\u003e\n\n\u003ch3\u003eO que vai aprender\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003eDesenvolver uma compreensão prática dos principais conceitos abordados em Introdução à Programação em HTML e CSS — Parte 2.\u003c\/li\u003e\n\n\u003cli\u003eReconhecer em que situações profissionais ou empresariais reais se aplica este tema.\u003c\/li\u003e\n\n\u003cli\u003eAplicar com maior confiança os métodos e as boas práticas abordados no curso.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003ch3\u003eA quem se destina este curso?\u003c\/h3\u003e\n\n\u003cp\u003eEste curso é adequado para profissionais de marketing digital, proprietários de PME, empresários, profissionais de vendas e marketing e qualquer pessoa responsável pelo crescimento de negócios online.\u003c\/p\u003e\n\n\u003ch3\u003eO curso em resumo\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eDuração:\u003c\/strong\u003e aproximadamente 2 horas.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eFormato:\u003c\/strong\u003e aprendizagem online ao seu ritmo.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eDesenvolvimento profissional:\u003c\/strong\u003e curso CPD.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\u003cp class=\"ng-scope\"\u003eEstudos demonstraram que o design dos websites influencia a forma como as empresas são vistas, estando a apresentação diretamente relacionada com a confiança. Por isso, é fundamental que as organizações tenham websites bem concebidos.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eEste curso aprofunda os conhecimentos básicos adquiridos na Parte 1, ensinando competências adicionais úteis para a criação de websites.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eEstas incluem:\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003ea importância do desempenho e da organização,\u003c\/li\u003e\n\n\u003cli\u003ecomo estruturar e conceber um website,\u003c\/li\u003e\n\n\u003cli\u003edesign web responsivo,\u003c\/li\u003e\n\n\u003cli\u003ee boas práticas de HTML e CSS que ajudam a manter o código organizado e reutilizável.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cu\u003e\u003cstrong\u003eTópicos do curso:\u003c\/strong\u003e\u003c\/u\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLição 1: Desempenho e organização\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO A: Estratégia e estrutura\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eDesempenho\u003c\/li\u003e\n\n\u003cli\u003eArquitetura de estilos\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO B: CSS orientado a objetos\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eMetodologia CSS orientada a objetos\u003c\/li\u003e\n\n\u003cli\u003eSeparar a estrutura da apresentação visual\u003c\/li\u003e\n\n\u003cli\u003eSeparar o conteúdo do contentor\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO C: Arquitetura CSS escalável e modular\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eCSS escalável e modular\u003c\/li\u003e\n\n\u003cli\u003eAs cinco categorias principais\u003c\/li\u003e\n\n\u003cli\u003eQue metodologia deve escolher?\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO D: Código reutilizável\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eReutilização de estilos\u003c\/li\u003e\n\n\u003cli\u003eAtividade 1-4: Escrever código reutilizável\u003c\/li\u003e\n\n\u003cli\u003eResumo\u003c\/li\u003e\n\n\u003cli\u003ePerguntas de revisão\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLição 2: HTML: Como posicionar conteúdo\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO A: Revisão\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eTermos comuns\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO B: Posicionar conteúdo com floats\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003ePosicionamento com floats\u003c\/li\u003e\n\n\u003cli\u003eLayout sem floats\u003c\/li\u003e\n\n\u003cli\u003eLayout de três colunas com floats\u003c\/li\u003e\n\n\u003cli\u003eLimpar floats\u003c\/li\u003e\n\n\u003cli\u003eAtividade 2-2: Combinar layouts de duas e três colunas\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO C: Posicionamento com inline-block\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003ePosicionamento com inline-block\u003c\/li\u003e\n\n\u003cli\u003eAtividade 2-3: Criar colunas com inline-block\u003c\/li\u003e\n\n\u003cli\u003eResumo\u003c\/li\u003e\n\n\u003cli\u003ePerguntas de revisão\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLição 3: Seletores complexos\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO A: Seletores mais utilizados\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eSeletor de tipo\u003c\/li\u003e\n\n\u003cli\u003eSeletores de classe\u003c\/li\u003e\n\n\u003cli\u003eSeletores de ID\u003c\/li\u003e\n\n\u003cli\u003eSeletores de elementos filhos\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO B: Seletores de atributos\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eSeletor de atributo presente\u003c\/li\u003e\n\n\u003cli\u003eSeletor de atributo igual a\u003c\/li\u003e\n\n\u003cli\u003eSeletor de atributo que contém\u003c\/li\u003e\n\n\u003cli\u003eSeletor de atributo que começa ou termina com\u003c\/li\u003e\n\n\u003cli\u003ePseudoclasses\u003c\/li\u003e\n\n\u003cli\u003eAtividade 3-2: Utilizar seletores\u003c\/li\u003e\n\n\u003cli\u003eResumo\u003c\/li\u003e\n\n\u003cli\u003ePerguntas de revisão\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLição 4: Design web responsivo\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO A: Layouts flexíveis\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eLayout flexível\u003c\/li\u003e\n\n\u003cli\u003eGrelha flexível\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO B: Media queries\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eUtilizar media queries\u003c\/li\u003e\n\n\u003cli\u003eOperadores lógicos em media queries\u003c\/li\u003e\n\n\u003cli\u003eAtividade 4-2: Utilizar larguras dinâmicas e media queries\u003c\/li\u003e\n\n\u003cli\u003eResumo\u003c\/li\u003e\n\n\u003cli\u003ePerguntas de revisão\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLição 5: Escrever o melhor código possível\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO A: Práticas de programação HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eMarcação conforme as normas\u003c\/li\u003e\n\n\u003cli\u003eUtilização de elementos semânticos\u003c\/li\u003e\n\n\u003cli\u003eUtilização de uma estrutura de documento adequada\u003c\/li\u003e\n\n\u003cli\u003eManter a sintaxe organizada\u003c\/li\u003e\n\n\u003cli\u003eAtividade 5-1: Aplicar boas práticas de HTML\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTÓPICO B: Práticas de programação CSS\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eOrganizar o código com comentários\u003c\/li\u003e\n\n\u003cli\u003eEscrever CSS utilizando várias linhas e espaços\u003c\/li\u003e\n\n\u003cli\u003eUtilizar nomes de classe adequados\u003c\/li\u003e\n\n\u003cli\u003eUtilizar propriedades e valores abreviados\u003c\/li\u003e\n\n\u003cli\u003eAtividade 5-2: Aplicar boas práticas de CSS\u003c\/li\u003e\n\n\u003cli\u003eResumo\u003c\/li\u003e\n\n\u003cli\u003ePerguntas de revisão\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003c!-- ebsi-cross-sell --\u003e\u003cdiv class=\"ebsi-cross-sell\"\u003e\n\n\u003ch3\u003eContinue a sua aprendizagem\u003c\/h3\u003e\n\n\u003cp\u003e\u003cstrong\u003eParte deste percurso de aprendizagem:\u003c\/strong\u003e \u003ca href=\"\/pt\/collections\/internet-marketing\"\u003eMarketing na Internet\u003c\/a\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eOs formandos também frequentam:\u003c\/strong\u003e \u003ca href=\"\/pt\/products\/introduction-to-html-and-css-coding-part-1\"\u003eIntrodução à Programação em HTML e CSS — Parte 1\u003c\/a\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\u003c!-- ebsi-academy-breadcrumb --\u003e\n\u003chr\u003e\u003cdiv class=\"ebsi-course-pathway\"\u003e\n\n\u003cp\u003e\u003cstrong\u003ePercurso do curso:\u003c\/strong\u003e \u003ca href=\"\/pt\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eAcademia de Marketing Digital eBSI\u003c\/a\u003e \u0026gt; \u003ca href=\"\/pt\/collections\/internet-marketing\"\u003eMarketing na Internet\u003c\/a\u003e \u0026gt; Introdução à Programação em HTML e CSS — Parte 2\u003c\/p\u003e\n\n\u003cp\u003eExplore mais formação em \u003ca href=\"\/pt\/collections\/internet-marketing\"\u003eMarketing na Internet\u003c\/a\u003e ou regresse à \u003ca href=\"\/pt\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eAcademia de Marketing Digital eBSI\u003c\/a\u003e.\u003c\/p\u003e\n\n\n\u003c\/div\u003e","brand":"eBSI Export Academy","offers":[{"title":"Licença Individual (40 EUR)","offer_id":41822207017138,"sku":"VS-055","price":44.0,"currency_code":"USD","in_stock":true},{"title":"5 Licenças (35 EUR cada)","offer_id":59260649505116,"sku":null,"price":193.0,"currency_code":"USD","in_stock":true},{"title":"10 Licenças (30 EUR cada)","offer_id":59260649537884,"sku":null,"price":330.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0077\/7604\/3071\/products\/IntroductiontoHTMLandCSSCodingPart2.png?v=1649036622","url":"https:\/\/www.ebsiamericas.com\/pt-pt\/products\/introduction-to-html-and-css-coding-part-2","provider":"eBSI Export Academy","version":"1.0","type":"link"}