Resumos das Aulas
16/02/2023
O HTML foi criado por Tim Berners-Lee no CERN em 1991 como um meio de compartilhar documentos de forma fácil e acessível. É uma linguagem de marcação que permite ao servidor enviar instruções para o cliente sobre como formatar o conteúdo de um documento, como tags simples e de par, atributos gerais e específicos, e estrutura básica de arquivo. A tag HTML define o início e o fim de uma página, a tag head define o início e o fim de um cabeçalho, a tag title define o início e o fim de um título, e a tag body define o início e o fim do conteúdo de um documento. O HTML permite que o conteúdo de um conhecimento seja acessível a todos que acessam a Internet. Os atributos das tags são usados para ajustar o funcionamento da tag ou especificar detalhes para o servidor de páginas. Exemplos de atributos incluem gerais, como bgcolor, e específicos, como link e vlink.
23/02/2023
O HTML foi criado para indicar a estrutura do conteúdo, não para
conter tags de formatação. A HTML 3.2, no entanto, começou a
incluir tags de formatação, como a tag <font>, o que tornou
a administração de um padrão de layout quase impossível em sites
com muitas páginas feitas por muitas pessoas diferentes.
Para resolver esse problema, o World Wide Web Consortium (W3C)
criou o CSS, que permite que as definições de formatação sejam
colocadas em um só lugar e acessadas por todas as páginas, e cada
uma cuida somente do seu conteúdo e não mais da formatação.
Um conjunto de regras CSS consiste em um seletor e um bloco de
declaração. Os seletores CSS são usados para estabelecer qual é o
elemento que deverá ser definido no CSS, e podem ser feitos pelo
nome, id, class e outras características do seletor.
Os comandos CSS podem ser agrupados para que sejam aplicados a
vários elementos HTML de uma vez.
É possível definir novas tags ou alterar o comportamento de tags
existentes usando seletores CSS, que estabelecem o vínculo entre
HTML e CSS.
Existem três formas de incorporar CSS ao HTML: estilo InLine,
estilo Interno e estilo Externo. A última é a mais utilizada para
garantir uniformidade de estilo em todas as páginas que
referenciam o mesmo arquivo CSS.
É importante ter em mente que a construção de um site deve seguir
as diretrizes de objetividade e simplicidade, com foco em aumentar
a produtividade dos usuários finais. Por isso, o planejamento e o
layout são fundamentais para garantir uma navegação fácil e
intuitiva.
Além disso, o uso do Cascading Style Sheets (CSS) permite definir
o estilo que todos os formatos de um site vão aparecer, tornando a
administração de um padrão de layout muito mais fácil.
É recomendado que sejam usados comentários no arquivo CSS para
deixar tudo bem documentado e que as especificações sejam
agrupadas e ordenadas alfabeticamente para facilitar a localização
e edição.
O seletor de id usa o atributo id de um elemento HTML para
selecionar um grupo de atributos CSS. O seletor de classe usa o
atributo class de um elemento HTML para selecionar um grupo de
atributos CSS. As declarações em CSS podem ser feitas na própria
tag HTML através do estilo InLine, no HEAD da página dentro da tag
<style>...</style> através do estilo Interno, ou em um
arquivo externo através do estilo Externo.
02/03/2023
As tabelas são compostas por cabeçalho, linha e célula, e podem
ser estruturadas usando as TAGs de par: TABLE, TH, TR e TD. É
possível personalizar a aparência das tabelas com CSS, definindo
bordas, cores e outras características. Além disso, é possível
expandir células e combinar colunas ou linhas usando as
propriedades colspan e rowspan. A utilização de tabelas pode
facilitar a organização do conteúdo em uma página HTML, e é uma
herança das páginas montadas em prensas de tipos móveis no início
da indústria da imprensa.
A construção de uma tabela deve seguir as diretrizes de
objetividade e simplicidade, com foco em aumentar a produtividade
dos usuários finais. É importante lembrar que as tabelas devem ser
usadas de forma adequada e não devem ser utilizadas para criar
layouts complexos, pois isso pode dificultar a experiência do
usuário na navegação do site.
09/03/2023 - FRAMESET - DIV
As tags <frameset>, <div> e <iframe> são utilizadas em HTML para estruturar a apresentação de uma página.
A tag <frameset> permitia a criação de quadros retangulares fixos na área de visualização,
possibilitando a divisão da tela em linhas retas na vertical ou na horizontal. Essa funcionalidade
foi muito útil para o desenvolvimento de sistemas de informação, pois permitia a padronização de
interfaces e facilitava o treinamento do usuário. No entanto, a tag <frameset> foi descontinuada na
HTML 5 devido a questões de acessibilidade e de dificuldade de acesso ao conteúdo por parte de
ferramentas de pesquisa e de programas de leitura de sites para pessoas com deficiência.
A tag <div> é usada para criar divisões na tela do navegador que carrega a página. Aspectos da DIV
podem ser configurados usando CSS, permitindo que uma DIV tenha o comportamento semelhante ao de
<frameset>. A vantagem da DIV em relação ao <frameset> é que ela é reconhecida na HTML5, já que
a tag <frameset> foi descontinuada.
A tag <iframe> é semelhante à <div>, mas é usada para exibir conteúdo de outras páginas da
web. É útil para integrar conteúdo de outras fontes em uma página, mas pode apresentar
problemas de segurança se o conteúdo carregado não for confiável.
16/03/2023
TAG
Projeto 1
Projeto 1 envolvendo HTML, CSS.