Programador Web

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

1. PHP

2. HTML 5

2.1. Semana 1

2.1.1. Aula1 22102019

2.1.1.1. A história do HTML

2.1.1.1.1. Ada Lovelace

2.1.1.1.2. 1990 http / html

2.1.1.1.3. 2004 xhtml

2.1.1.1.4. 2007~2008 html5

2.1.1.1.5. 2013 html5+Css3+JavaScript

2.1.1.2. As primeiras tags

2.1.1.2.1. <!DOCTYPE html>

2.1.1.2.2. <html></html>

2.1.1.2.3. <head></head>

2.1.1.2.4. <body></body>

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

2.1.2. Aula 2 23102019

2.1.2.1. TAGS

2.1.2.1.1. <input type=" ">

2.1.2.1.2. <img src=" ">

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

2.1.2.1.4. <h1> até <h6>

2.1.2.1.5. <strong></strong>

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

2.1.3. Aula 3 24102019

2.1.3.1. Formulários

2.1.3.1.1. <form></form>

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

2.1.3.1.3. <align=" ">

2.1.3.1.4. <style=" ">

2.1.3.1.5. <select></select>

2.1.3.1.6. <textarea></textarea>

2.1.3.2. Tabela

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

2.1.3.2.2. <td>

2.1.3.2.3. <tr><th>

2.1.3.3. Listas : Ordenada e Não Ordenada

2.1.3.3.1. <a class=" ">

2.1.3.3.2. <div class=" ">

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

2.1.3.3.4. <li></li>

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

2.1.3.4. Testando Notepad++

2.1.4. Aula 4 25102019

2.1.4.1. Formulários Trabalhando com imagens

2.1.4.1.1. <ul><li><ol>

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

2.1.4.1.3. <input type=" ">

2.1.4.1.4. <selection></selection>

2.1.4.1.5. <textarea></textarea>

2.1.4.2. Tabelas Iniciando a primeira página

2.1.4.2.1. <table></table>

3. HTML 5 +CSS 3

3.1. Semana 2

3.1.1. Aula 5 28102019

3.1.1.1. Montando a primeira página

3.1.1.1.1. Conectando: Index a CSS

3.1.1.1.2. Criando e linkando o menu

3.1.1.1.3. <input type="button"

3.1.2. Aula 6 30102019

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

3.1.2.1.1. Id: #rodape

3.1.2.1.2. Classe: .formatacao{ }

3.1.2.1.3. Seletor: p{ }

3.1.3. Aula 7 31102019 Aula 8 01112019

3.1.3.1. Sintaxe e Seletores CSS

3.1.3.1.1. .formatacao{ }

3.1.3.2. Estilo CSS

3.1.3.2.1. <div></div>

3.1.3.2.2. <style=" ">

3.1.4. AtividadeCasa 02112019

3.1.4.1. Span e Div

3.1.4.1.1. Span e Div Criando e Aplicando Ids

3.2. Semana 3

3.2.1. Aula 9 04112019

3.2.1.1. Trabalhando com bordas

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

3.2.2. Aula 10 05112019

3.2.2.1. Trabalhando com Cores e Fontes

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

3.2.3. Aula 11 06112019

3.2.3.1. Extensão WebDeveloper

3.2.3.1.1. Analisando configurações de páginas

3.2.3.2. Trabalhando com Formações /Fontes

3.2.3.2.1. Aplicando fonte

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

3.2.4. Aula 12 07112019

3.2.4.1. Modelo Caixa

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

3.2.5. Aula 13 08112019

3.2.5.1. Trabalhando com Posição

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

3.3. Semana 4

3.3.1. Aula 14 11112019

3.3.1.1. Trabalhando com links

3.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*/ }

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

3.3.2. Aula 15 12112019

3.3.2.1. Trabalhando com galeria de fotos

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

3.3.2.1.2. <div> <form> <img> <input>

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

3.3.3. Aula 16 13112019

4. CSS3