Programador Web

Get Started. It's Free
or sign up with your email address
Programador Web by Mind Map: Programador Web

1. HTML 5

1.1. Semana 1

1.1.1. Aula1 22102019

1.1.1.1. A história do HTML

1.1.1.1.1. Ada Lovelace

1.1.1.1.2. 1990 http / html

1.1.1.1.3. 2004 xhtml

1.1.1.1.4. 2007~2008 html5

1.1.1.1.5. 2013 html5+Css3+JavaScript

1.1.1.2. As primeiras tags

1.1.1.2.1. <!DOCTYPE html>

1.1.1.2.2. <html></html>

1.1.1.2.3. <head></head>

1.1.1.2.4. <body></body>

1.1.1.2.5. <meta charset="utf-8">

1.1.2. Aula 2 23102019

1.1.2.1. TAGS

1.1.2.1.1. <input type=" ">

1.1.2.1.2. <img src=" ">

1.1.2.1.3. <a href=" "></a>

1.1.2.1.4. <h1> até <h6>

1.1.2.1.5. <strong></strong>

1.1.2.1.6. <br><p><s><u><i><em>

1.1.3. Aula 3 24102019

1.1.3.1. Formulários

1.1.3.1.1. <form></form>

1.1.3.1.2. <font color=" "></font>

1.1.3.1.3. <align=" ">

1.1.3.1.4. <style=" ">

1.1.3.1.5. <select></select>

1.1.3.1.6. <textarea></textarea>

1.1.3.2. Tabela

1.1.3.2.1. <table border=" "></table>

1.1.3.2.2. <td>

1.1.3.2.3. <tr><th>

1.1.3.3. Listas : Ordenada e Não Ordenada

1.1.3.3.1. <a class=" ">

1.1.3.3.2. <div class=" ">

1.1.3.3.3. <ol type=" " start=" "></ol>

1.1.3.3.4. <li></li>

1.1.3.3.5. <ul type="square"></ul>

1.1.3.4. Testando Notepad++

1.1.4. Aula 4 25102019

1.1.4.1. Formulários Trabalhando com imagens

1.1.4.1.1. <ul><li><ol>

1.1.4.1.2. <font color=" "></font>

1.1.4.1.3. <input type=" ">

1.1.4.1.4. <selection></selection>

1.1.4.1.5. <textarea></textarea>

1.1.4.2. Tabelas Iniciando a primeira página

1.1.4.2.1. <table></table>

2. HTML 5 +CSS 3

2.1. Semana 2

2.1.1. Aula 5 28102019

2.1.1.1. Montando a primeira página

2.1.1.1.1. Conectando: Index a CSS

2.1.1.1.2. Criando e linkando o menu

2.1.1.1.3. <input type="button"

2.1.2. Aula 6 30102019

2.1.2.1. <style type="text/css">

2.1.2.1.1. Id: #rodape

2.1.2.1.2. Classe: .formatacao{ }

2.1.2.1.3. Seletor: p{ }

2.1.3. Aula 7 31102019 Aula 8 01112019

2.1.3.1. Sintaxe e Seletores CSS

2.1.3.1.1. .formatacao{ }

2.1.3.2. Estilo CSS

2.1.3.2.1. <div></div>

2.1.3.2.2. <style=" ">

2.1.4. AtividadeCasa 02112019

2.1.4.1. Span e Div

2.1.4.1.1. Span e Div Criando e Aplicando Ids

2.2. Semana 3

2.2.1. Aula 9 04112019

2.2.1.1. Trabalhando com bordas

2.2.1.1.1. <style type="text/css"></style>

2.2.2. Aula 10 05112019

2.2.2.1. Trabalhando com Cores e Fontes

2.2.2.1.1. .vermelho{ color: #6A5ACD; font-size: 30px; font-family: "Times Old Attic", serif; }

2.2.3. Aula 11 06112019

2.2.3.1. Extensão WebDeveloper

2.2.3.1.1. Analisando configurações de páginas

2.2.3.2. Trabalhando com Formações /Fontes

2.2.3.2.1. Aplicando fonte

2.2.3.2.2. .inicio{ border: 1px solid red; background-color: #F5DEB3; font-weight: 500; text-decoration: underline; }

2.2.4. Aula 12 07112019

2.2.4.1. Modelo Caixa

2.2.4.1.1. .class{ border: 1px solid black; margin: 30px 20px 10px 5px; /*padding-top: 10px;*/ /*padding-left: 20px;*/ }

2.2.5. Aula 13 08112019

2.2.5.1. Trabalhando com Posição

2.2.5.1.1. #conteudo-principal{ background-color: #fff; padding: 10px; width: 600px; padding: 10px; margin: 30px auto; height: 2500px; }

2.3. Semana 4

2.3.1. Aula 14 11112019

2.3.1.1. Trabalhando com links

2.3.1.1.1. a{ text-decoration: none; /*Remove o sublinhado abaixo do link*/ } a:link{ color: #b9c941; /*Definindo um atributo cor no link que ainda não foi visitado*/ } a:visited{ color: #c0c0c0; /*Definindo um atributo cor no link que ainda não foi visitado*/ } a:hover{ color: #6d790f; /*Definindo um atributo cor ao passar o mouse em cima do link*/ } a:active{ color: #e4f371; /*Definindo um atributo cor ao segurar o click do mouse em cima do link*/ }

2.3.1.1.2. <a href=""></a>

2.3.2. Aula 15 12112019

2.3.2.1. Trabalhando com galeria de fotos

2.3.2.1.1. p{ } .galeria-foto .clear{ }

2.3.2.1.2. <div> <form> <img> <input>

2.3.2.1.3. Primeiro Contato com: <marquee behavior="slide">

2.3.3. Aula 16 13112019

3. CSS3

4. PHP