Programação Web: HTML, CSS, JS e SQL: Aula 2, Slides de Web Design e Desenvolvimento

Baixe Programação Web: HTML, CSS, JS e SQL: Aula 2 e outras Slides em PDF para Web Design e Desenvolvimento, somente na Docsity!

19-08-2023 M. S

Programação Web

19-08-

UNIVERSIDADE SÃO TOMÁS DE MOÇAMBIQUE

FACULDADE DE CIÊNCIAS E TECNOLOGIAS DE INFORMAÇÃO

Curso: Licenciatura em Desenvolvimento de Software

 Conceitos Básicos



Tags

 Listas

 Tabela

 Imagens

 Navegação

FUNDAMENTOS DO HTML

Web site

 Colecção de páginas HTML estáticas, que não interagem com um

banco de dados através de uma linguagem de servidor Web.

 Todo o conteúdo do site que está escrito directamente no

documento HTML (incluindo Mídias).

Programação Web

Web application

O conteúdo destas páginas é montado dinamicamente e carregado através de

solicitações ( Request ) à BD, que armazena os textos e indicação dos caminhos

das imagens ou mídias que a página precisa exibir.

O HTML não tem acesso directo à BD. Esta comunicação deve ser feita por uma

linguagem de programação de servidor Web.

Programação Web

Editores de Texto: Notepad++, TexyMAte, Vim, …

IDE’s: VScode; Eclipse, Atom, JetBrains WebStorm, VisualStudio, …

Editores

Programação Web

É um conjunto estruturado de instruções (etiquetas ou tags ), que dizem a um

browser como publicar uma página web.

O browser interpreta essas etiquetas e desenha a página no ecrã. Estes

conjuntos de instruções estão agrupados em ficheiros de tipo texto.

A linguagem HTML foi criada por Tim Barners Lee na década de 1990. As

especificações da linguagem são controladas pela W3C (World Wide Web

Consortium).

HTML - HyperText Markup Language

Programação Web

TPC

Investigar mais sobre elementos HTML

Programação Web

HTML – Conceitos Fundamentais

Atributo

É utilizado para definir as características de um elemento e é colocado no

interior da tag de abertura do elemento.

Os atributos são sempre especificados na tag de início. Geralmente vêm em

pares de nome/valor como: name="value"

…….

< a href = https://www.w3schools.com> Clica aqui

Programação Web

HTML – Conceitos Fundamentais

Aninhamento (Nestiing)

Em um página web existem quase sempre múltiplos elementos que nunca se

devem sobrepor.

Os elementos devidamente aninhados são sempre independentes uns dos

outros.

Programação Web

HTML – Conceitos Fundamentais

Aninhamento (Nestiing )

---

Programação Web

Resultado

Programação Web

HTML – Estrutura completa

é uma instrução para o navegador para detectar a versão do HTML para escrever a

página

**** Serve para indicar a lingua da pagina

---

---

---

especifica a codificação de caracteres para o documento HTML.

---

Programação Web

HTML TAGS

Headings

São os títulos ou subtítulos que se deseja exibir na página.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

 São definidpos com as tags …, sendo que n varia de 1 até 6 e representa um

tamanho relativo.

Programação Web

HTML TAGS

Headings

**** Texto a aparecer no cabeçalho ****

Também pode se especifica o tamanaho do cabeçalho através do atributo style , usando a

propriedade CSS font-size.

**Heading 1 ****

Programação Web