Web design - Estrutura de um documento HTML5

Estrutura de um documento HTML5 

Tags Semânticas
Exemplo de documentos HTML5

• As tags semânticas têm nomes significativos que informam sobre o tipo de conteúdo.
–Por exemplo:
–Article, aside, details, figcaption, figure, footer, header, main, mark, nav, section

Read More

Web design - Lectures

Lecture 01 - Apresentação do docente e dos estudantes
                     - Considerações gerais sobre a cadeira
                     - Teste diagnóstico
                     - Instalação de Notepad++ e Sublime text
                     - Abordagem introdutoria sobre as tecnologias internet

Lecture 02 - Introdução ao HTML5
                    - Content Management Systems e suas principais caracteristica
                    - Milestone HTM5
                    - Motivos da depreciação de HTML5


Lecture 03 - Estrutura de um documento HTML5 
                    - Tags Semânticas
                    - Exemplo de documentos HTML5
                    - CSS Precedência
                      - Cálculo de precedência
                      - Herança
                      - Efeito cascata
                      - Exercícios 

Lecture 04 - Manipulaçáo de objectos

                    - Colocação de imagens

                    - Marcação de mapas

                    - Animação de  conteúdos

Lecture 05 - Formatação de LayOut

                          - Formatação de LayOut

                          - Criação de menu de navegação

                          - Web form

                           - Atributos do HTML4 e HTML5 elementos de input e output

Lecture 06 - Sites Responsivos
                    - Processo de design
                    - Configurando viewport
                    - Imagens responsivas
                    - Exercícios


Lecture 07 - Sintaxe de JavaScript

                     - Caracteristicas, aplicação

                     - Declarações de dados

                     - Funções e métodos

                     - Operadores aritméticos, atribuição, relacionais


Lecture 08 - DOM e HTML5, getElementsByClassName
                     - Métodos innerHTML, activeElement e hasFocus() getSelection()                       - Intervalos de seleção document.head


Lecture 09 - Validação de formulários com javascript

                   - Exercicios


Lecture 10 - Operações artimeticas com JavaScript (Video aula)
                   Exercicios

Lecture 11 - Canvas API
                   - O elemento canvas 

                   - Canvas e SVG

                   - Exercicios

Lecture 12 - Histórico de Sessão e API Storage
                   - Histórico de Sessão 

                   - LocalStorage e sessionStorage


Lecture 13 - Aplicações Offline
                  - Caching
                  - O objeto ApplicationCache


Lecture 14 - GEOLOCATION API
                   - Método de geolocalização
                   - Geolocalização IP
                   - Triangulação GPRS


Lecture 15 - Introdução a XML 

                  - Sintaxe básica

                  - XML vs HTML


Lecture 16 - DTD - linguagem para definir
                   - Estrutura de um documento XML
                   - Xpath - linguagem para referenciar partes de um documento
                   - Discussão e divulgação de resultados

Read More

Web design - HTML5

Lecture 01 - Introdução ao HTML5

Conteúdos

- Content Management Systems e suas principais caracteristicas

- Milestone HTM5

- Motivos da depreciação de HTML5

Read More