Compreender HTML e CSS no Dreamweaver

Name: Compreender HTML e CSS no Dreamweaver
Author: Patti Scully-Lane

Começa tua jornada de codificação neste curso para iniciantes do Dreamweaver

Preview the first lesson free — get full access to all 6 lessons.

Curso: sob demanda

Nesta lição, você aprenderá uma breve história do HTML. HTML é a linguagem que é usada para criar páginas da web. O Dreamweaver permite que você crie essas páginas da web sem que você precise realmente fazer nada com o código. Mas é importante entender um pouco sobre como chegamos onde estamos hoje com código HTML. Antes de entrarmos na história do HTML, precisamos falar um pouco sobre o que é HTML. Bem, HTML é uma linguagem de marcação. Bem, o que significa dizer uma linguagem de marcação? Bem, temos etiquetas, e essas tags abrem e fecham em torno do nosso conteúdo. Essas tags formatam o conteúdo que está nas tags. Envolvemos as tags, abrimos e fechamos, e qualquer conteúdo que esteja dentro dessas tags é formatado dependendo do tipo de tag existente. Por exemplo, com uma tag H1, essa é uma tag de um título. Então isso torna nosso tipo lá muito grande e destaque na página. Portanto, as tags HTML definem o conteúdo do texto na página, mas também, HTML define áreas da página. Usamos a tag div ou division para dividir nossa página em caixas de conteúdo. A tag de rodapé é uma tag relativamente nova que define o rodapé da página ou o rodapé de uma área da página. Então HTML é uma linguagem de marcação que contém muitas tags diferentes que definem como vemos as coisas na página. As versões. Nós vamos. O HTML 1 nasceu por volta de 1990, e entre 1990 e 1998, havia três versões diferentes de HTML, mas o HTML realmente atingiu seu passo com o HTML 4 em 1998. Pouco depois veio o XHTML, Extensible Markup Language, que é uma variação, uma variação mais estrita de HTML. E então, em 2008, o HTML 5 foi lançado, e essa é a versão atual do HTML que usamos hoje. Então, quais são as diferenças entre eles? HTML 4 foi lançado em 1998, então antes disso tivemos HTML 1 até HTML 3.2. Agora HTML era conhecido por seu código solto. O que isso significa? Bem, as tags não precisavam necessariamente ser fechadas. Você pode optar por ter tags maiúsculas ou minúsculas, ou uma combinação de ambos em suas páginas. Os valores de atributo não precisavam ter aspas. E até aqui, estávamos definindo o texto da nossa página usando uma tag de fonte, e tinha que ser envolvido em áreas individuais do tipo, dando muito trabalho ao definir o conteúdo do texto. Mas com HTML 4, tags de fonte começaram a ser substituídas por folhas de estilo em cascata. Agora XHTML é um código muito mais estrito. XHTML surgiu por volta de 2000, e foi aí que as pessoas começaram a construir páginas, especialmente páginas de comércio eletrônico, e havia muito trabalho manual para codificar essas páginas. Então as pessoas pensavam, não seria mais fácil para nós construir páginas baseado em um banco de dados? Assim, XML é uma linguagem de marcação extensível, e é uma linguagem de bancos de dados. E assim o XML é muito rigoroso. E por causa disso, HTML teve que ser alterado para ser um pouco mais rigoroso. Portanto, todas as tags devem fechar em XHTML. Todas as tags devem ser minúsculas, e todos os valores de atributo devem ter aspas. O fim do Flash. Até este ponto, sempre que houve algum tipo de interatividade em uma página ou uma animação em uma página, foi feito usando Flash. Flash era um software proprietário de propriedade da Adobe. Mas quando o iPhone foi lançado pela Apple em 2007, eles decidiram que não haveria suporte do SWF. E assim o World Wide Web Consortium percebeu eles tiveram que fazer a transição para alguma outra maneira de tornar nossas páginas interativas e fazendo animações nas páginas. Assim, a família HTML 5 foi lançada em 2008. Levou alguns anos, porém, antes de se tornar o padrão com o qual as páginas eram construídas. E a razão para isso foi que demorou um pouco para que seja totalmente suportado por todos os navegadores, porque os navegadores por aí, Chrome e Firefox e Safari, eles tiveram que ser reconfigurados para suportar a nova linguagem de marcação que veio com o HTML 5, para suportar os recursos de animação e transição que veio com CSS3, e para suportar o Java Script que estava sendo usado em substituição do Flash para as animações, assim como a interatividade. Então, o que criamos atualmente no Dreamweaver são páginas criadas na linguagem de marcação HTML5, mas é importante conhecer a história por trás disso e saber que quando você cria páginas, você está criando usando a família HTML5. Mas se você for encarregado de editar páginas, algumas dessas páginas podem ter sido criadas usando uma versão anterior do HTML, e assim, você estará um pouco familiarizado com o que você pode encontrar ao editar páginas. Então, nesta lição, você aprendeu uma breve história do HTML.

Principiante Fornecedor : Patti Scully-Lane 6 lições · 46m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinese

Descrição do curso

Entender HTML não é um requisito para usar o Dreamweaver. No entanto, é recomendado. Neste módulo, irás te familiarizar com a estrutura de tags de uma página HTML e como o Dreamweaver facilita o uso da visualização de código para aprenderes HTML ao criares páginas.

Objectivos de aprendizagem:

O Que Você Vai Aprender

Entender uma breve história do HTML
Familiarizar-se com a sintaxe do HTML
Trabalhar com a visualização de código no Dreamweaver para aprender HTML ao criar páginas
Trabalhar com Folhas de Estilo em Cascata (CSS) e sintaxe CSS
Usar código CSS no Dreamweaver e seus arquivos relacionados

Principais Conclusões

Entender HTML não é um requisito para usar o Dreamweaver, mas é recomendado.
O Dreamweaver facilita o uso da visualização de código para aprender HTML ao criar páginas.
Este módulo aborda a estrutura de tag de uma página HTML juntamente com a sintaxe HTML.
O curso também aborda Folhas de Estilo em Cascata, incluindo sintaxe CSS e como o código CSS funciona no Dreamweaver e arquivos relacionados.

Perguntas Frequentes

Preciso conhecer HTML antes de fazer este curso?

Não. Entender HTML não é um requisito para usar o Dreamweaver, embora seja recomendado. O curso o familiariza com a estrutura de tag de uma página HTML e mostra como a visualização de código do Dreamweaver facilita o aprendizado de HTML ao criar páginas.

Que tópicos este curso aborda?

O curso aborda uma breve história do HTML, sintaxe HTML, trabalho com visualização de código no Dreamweaver, trabalho com Folhas de Estilo em Cascata, sintaxe CSS e código CSS no Dreamweaver e arquivos relacionados.

Que habilidades adquirirei com este curso?

Você desenvolverá habilidades em Adobe Dreamweaver, Aplicação HTML, Geração HTML, Script HTML e Certificação Adobe Dreamweaver.

Como o Dreamweaver ajuda no aprendizado de HTML?

O Dreamweaver facilita o uso da visualização de código para aprender HTML ao criar páginas.