DICAS 3166 -WEBDEV TUTORIAL 100 - 14-11-2020-10_00Hrs- Lesson 7.4. Ancoragem - Implementando a ancoragem - PARTE B - FINAL

---

https://youtu.be/gNt9SdjAoA0

Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

https://www.youtube.com/channel/UCQGPHrppG5XKoRbeOIgLJEA/join

Esse Video Ao Vivo vai estrear as 10:00 do dia 14/11/2020-

DICAS 3166 -WEBDEV TUTORIAL 100 - 14-11-2020-10_00Hrs- Lesson 7.4. Ancoragem - Implementando a ancoragem - PARTE B - FINAL

https://doc.windev.com/en-US/?1410087505&name=lesson_74_anchoring_and_zoning

https://windevdesenvolvimento.blogspot.com/2020/10/dicas-3166-webdev-tutorial-100-14-11.html

ASSUNTOS

Aula TOP Demais sobre ancora..
se voce ainda nao entendeu assista a 
esse video .
Implementando a ancoragem
Entrar em zoning
Ancorar Cabecalho
Ancorar Menu
Ancorar Conteudo
Ancorar os controles do cabecalho,menu e conteudo
Explicando as ancoras
Explicando as posicoes dos controles 
Mostrando o repositorio windev
Proxima Licao: Lesson 8.1. Responsive Web Design

DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B

DICAS 3070 -WEBDEV TUTORIAL 4-Licao 1.2-14-09-2020 17hrs-Web development and WEBDEV - PARTE C
DICAS 3071 -WEBDEV TUTORIAL 5-Licao 1.3-15-09-2020 11hrs-Lesson 1.3. Minha Primeira Pagina - PARTE A

DICAS 3072 -WEBDEV TUTORIAL 6-Licao 1.3-15-09-2020 15hrs-Lesson 1.3. Minha Primeira Pagina - PAGINA FORMULARIO - PARTE B

DICAS 3073 -WEBDEV TUTORIAL 7-Licao 1.3-15-09-2020 16hrs-Lesson 1.3. Minha Primeira Pagina - CRIANDO CONTROLES - PARTE C

DICAS 3074 -WEBDEV TUTORIAL 8-Licao 1.3-16-09-2020 11hrs-Lesson 1.3. Minha Primeira Pagina - SALVANDO DADOS - ENGENHARIA REVERSA - PARTE D

DICAS 3075 -WEBDEV TUTORIAL 9-Licao 1.3-16-09-2020 15hrs-Lesson 1.3. SALAVANDO DADOS - PARTE E

DICAS 3076 -WEBDEV TUTORIAL 10-Licao 1.3-16-09-2020 16hrs-Lesson 1.3. TESTE PAGINA E WDMAP - PARTE F

DICAS 3077 -WEBDEV TUTORIAL 11-Licao 1.3-17-09-2020 11hrs-Lesson 1.3. CONTROLE ENTRADA - PARTE G

DICAS 3078 -WEBDEV TUTORIAL 12-Licao 1.3-17-09-2020 15hrs-Lesson 1.3. VERIFICACAO SENHA - PARTE H

DICAS 3079 -WEBDEV TUTORIAL 13-Licao 1.3-17-09-2020 16hrs-Lesson 1.3. PESQUISA SIMPLES BANCO DADOS LOGIN - PARTE I

DICAS 3080 -WEBDEV TUTORIAL 14 - Licao 1.3-18-09-2020 11hrs-Lesson 1.3. LOGIN CONECTAR CODIGO - PARTE J

DICAS 3081 -WEBDEV TUTORIAL 15 - 4M - Lesson 2.1. Overview - Lesson 2.2 = Databases- VISAO GERAL - PARTE A

DICAS 3082 -WEBDEV TUTORIAL 16 - 0M -20-09-2020-11Hrs-DOM- Lesson 2.2 = Databases - PARTE B

DICAS 3083 -WEBDEV TUTORIAL 17 - 21-09-2020-11Hrs-SEG- Lesson 2.3. Project and analysis - PARTE A

DICAS 3084 -WEBDEV TUTORIAL 18 - 21-09-2020-11_15Hrs-SEG- Lesson 2.3. Project and analysis - ANALISE - CLIENTE- PARTE B

DICAS 3085 -WEBDEV TUTORIAL 19 - 21-09-2020-11_30Hrs-SEG- Lesson 2.3. Project and analysis - ANALISE - PEDIDO - PARTE C

DICAS 3086 -WEBDEV TUTORIAL 20 - 21-09-2020-11_45Hrs-SEG- Lesson 2.3. Project and analysis - ANALISE - CAMPOS PEDIDO - PARTE D

DICAS 3087 -WEBDEV TUTORIAL 21 - 21-09-2020-12_00Hrs-SEG- Lesson 2.3. Project and analysis - MODO DE PAGAMENTO - IMPORTANDO CSV - WDMAP - PARTE E

DICAS 3088 -WEBDEV TUTORIAL 22 - 22-09-2020-11_00Hrs-SEG- Lesson 2.3. Project and analysis - IMPORTAR PRODUTO - WDMAP - PARTE F

DICAS 3089 -WEBDEV TUTORIAL 23 - 22-09-2020-11_30Hrs-TER- Lesson 2.3. Project and analysis - LINKS - PARTE G

DICAS 3090 -WEBDEV TUTORIAL 24 - 22-09-2020-14_00Hrs-TER- Lesson 2.3. Project and analysis - LINKS PEDIDO ITEN - PARTE H

DICAS 3091 -WEBDEV TUTORIAL 24 - 22-09-2020-14_30Hrs-TER- Lesson 2.3. Project and analysis - LINKS PEDIDO ITEN - CONTINUA - PARTE I

DICAS 3092 -WEBDEV TUTORIAL 26 - 22-09-2020-15_00Hrs-TER- Lesson 2.3. Project and analysis - GERANDO ANALISE - PARTE J FINAL

DICAS 3093 -WEBDEV TUTORIAL 27 - 23-09-2020-11_00Hrs-QUA- Lesson 3.1. Overview - VISAO GERAL

DICAS 3094 -WEBDEV TUTORIAL 28 - 23-09-2020-14_00Hrs-QUA- Lição 3.2. Principio para exibir um site WEBDEV no modo Sessão

DICAS 3095 -WEBDEV TUTORIAL 29 - 24-09-2020-11_00Hrs-QUI-Licao 3.3. Paginas para adição e modificação parte A

DICAS 3096 -WEBDEV TUTORIAL 30 - 24-09-2020-10_30Hrs-QUI-Licao 3.3. Criar Pagina Sessao Lista Produtos - PARTE B

DICAS 3097 -WEBDEV TUTORIAL 31 - 24-09-2020-11_00Hrs-QUI-Licao 3.3. Criar Pagina - CONTROLER LOOPER - PARTE C

DICAS 3098 -WEBDEV TUTORIAL 32 - 24-09-2020-11_30Hrs-QUI-Licao 3.3. Criar Pagina - MODIFICAR_MENU_TEMPLATE - PARTE D

DICAS 3099 -WEBDEV TUTORIAL 33 - 25-09-2020-10_00Hrs-SEX-Licao 3.3.MODIFICANDO PRODUTOS MODO SESSAO - PARTE E

DICAS 3100 -WEBDEV TUTORIAL 34 - 25-09-2020-10_30Hrs-SEX-Licao 3.3. Criacao Controles de Edicao - Parte F

DICAS 3101 -WEBDEV TUTORIAL 35 - 25-09-2020-11_00Hrs-SEX-Licao 3.3. Criacao Controles de Edicao-AJUSTES - Parte G

DICAS 3102 -WEBDEV TUTORIAL 36 - 25-09-2020-11_30Hrs-SEX-Licao 3.3. Exibindo Dados Pagina - Parte H

DICAS 3103 -WEBDEV TUTORIAL 37 - 26-09-2020-11_00Hrs-SAB-Licao 3.3. CRIANDO CONTROLE BOTAO - CANCELAR - Parte I

DICAS 3104 -WEBDEV TUTORIAL 38 - 27-09-2020-11_00Hrs-DOM-Licao 3.3. CRIANDO CONTROLE BOTAO - VALIDAR - Parte J 

DICAS 3105 -WEBDEV TUTORIAL 39 - 28-09-2020-09_00Hrs-SEG-Licao 3.3. UPLOAD - GERENCIANDO A IMAGEN DO PRODUTO - Parte L

DICAS 3106 -WEBDEV TUTORIAL 40 - 29-09-2020-09_00Hrs-SEG-Licao 3.3. - PageDisplay - Exibindo formulario lista produtos - Parte M

DICAS 3107 -WEBDEV TUTORIAL 41 - 30-09-2020-09_00Hrs-QUA-Licao 3.3. - HSAVE - ADICIONAR NOVO PRODUTO - Parte N

DICAS 3108 -WEBDEV TUTORIAL 42 - 30-09-2020-09_30Hrs-QUA-Licao 3.3. MODIFICAR MENU Parte O

DICAS 3109 -WEBDEV TUTORIAL 43 - 30-09-2020-09_30Hrs-QUA-Licao 3.3. VERIFICANDO ADICAO DO PRODUTO Parte P

DICAS 3110 -WEBDEV TUTORIAL 44 - 01-10-2020-09_00Hrs-QUI-Licao 4.1. VISAO GERAL - PARTE A

DICAS 3111 -WEBDEV TUTORIAL 45 - 01-10-2020-09_30Hrs-QUI-Licao 4.2. EXIBIR PAGINA AWP - PARTE A

DICAS 3112 -WEBDEV TUTORIAL 46 - 01-10-2020-10_00Hrs-QUI-Licao 4.3. CRIACAO PAGINA MODO AWP - PARTE A

DICAS 3113 -WEBDEV TUTORIAL 47 - 01-10-2020-10_30Hrs-QUI-Licao 4.3. AWP - LISTA NOVOS PRODUTOS - PARTE B

DICAS 3114 -WEBDEV TUTORIAL 48 - 01-10-2020-11_00Hrs-QUI-Licao 4.3. AWP - LOOPER - IMAGEN - PARTE C

DICAS 3115 -WEBDEV TUTORIAL 48 - 01-10-2020-11_30Hrs-QUI-Licao 4.3. AWP - LOOPER - LINK - STATIC - PARTE D

DICAS 3116 -WEBDEV TUTORIAL 50 - 01-10-2020-12_00Hrs-QUI-Licao 4.3. AWP - LOOPER - ATRIBUTOS - PARTE E

DICAS 3117 -WEBDEV TUTORIAL 51 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - LOOPER - PROGRAMACAO - PARTE F

DICAS 3118 -WEBDEV TUTORIAL 52 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - VISUALIZANDO DETALHES DE UM NOVO PRODUTO- PARTE G

DICAS 3119 -WEBDEV TUTORIAL 53 - 02-10-2020-09_30Hrs-SEX-Licao 4.3. AWP - CRIANDO CONTROLES - PARTE H

DICAS 3120 -WEBDEV TUTORIAL 54 - 03-10-2020-11_00Hrs-SAB-Licao 4.3. AWP - Link nos Contorles - PARTE I

DICAS 3121 -WEBDEV TUTORIAL 55 - 04-10-2020-11_00Hrs-DOM-Licao 4.3. AWP - EXIBINDO DADOS PAGINA - PARTE J

DICAS 3122 -WEBDEV TUTORIAL 56 - 05-10-2020-09_00Hrs-SEG-Licao 4.3. AWP - EXIBINDO O FORMULARIO DA LISTA DE PRODUTOS - PARTE L

DICAS 3123 -WEBDEV TUTORIAL 57 - 06-10-2020-09_00Hrs-TER-Licao 4.3. AWP - GESTAO ESTILOS - PARTE M

DICAS 3124 -WEBDEV TUTORIAL 58 - 06-10-2020-09_30Hrs-TER-Licao 4.3. AWP - APLICANDO ESTILOS CSS - PARTE N

DICAS 3125 -WEBDEV TUTORIAL 59 - 07-10-2020-09_00Hrs-TER-Licao 4.3. AWP - VINCULADO SITE INTERNET E INTRANET - PARTE O

DICAS 3126 -WEBDEV TUTORIAL 60 - 08-10-2020-09_00Hrs-QUI-Licao 4.3. AWP - CRIAR PAGINA VENDAS - PARTE P

DICAS 3127 -WEBDEV TUTORIAL 61 - 09-10-2020-09_00Hrs-SEX-Licao 5.1. PESQUISA MULTICRITERIO PARTE A

DICAS 3128 -WEBDEV TUTORIAL 62 - 09-10-2020-09_30Hrs-SEX-Licao 5.1. PESQUISA CRIACAO CONSULTA PARTE B

DICAS 3129 -WEBDEV TUTORIAL 63 - 10-10-2020-10_00Hrs-SAB-Licao 5.1. PESQUISA - PARAMETOS NOME CLIENTE - PARTE C

DICAS 3130 -WEBDEV TUTORIAL 64 - 10-10-2020-10_30Hrs-SAB-Licao 5.1. PESQUISA - PARAMETOS STATUS PEDIDO E FORMA PAGAMENTO ID - PARTE D

DICAS 3131 -WEBDEV TUTORIAL 64 - 12-10-2020-10_00Hrs-SEG-Licao 5.1. PESQUISA - PARAMETOS VALOR PEDIDO - PARTE E

DICAS 3132 -WEBDEV TUTORIAL 66 - 13-10-2020-10_00Hrs-SEG-Licao 5.1. PESQUISA - CRIACAO PAGINA TABELA - PARTE F

DICAS 3133 -WEBDEV TUTORIAL 67 - 14-10-2020-10_00Hrs-QUA-Licao 5.1. PESQUISA - TABELA PRIMEIRO PARAMETRO CLIENTE - PARTE G

DICAS 3134 -WEBDEV TUTORIAL 68 - 15-10-2020-10_00Hrs-QUI-Licao 5.1. PESQUISA - TABELA PARAMETRO STATUS PEDIDO - PARTE H

DICAS 3135 -WEBDEV TUTORIAL 69 - 16-10-2020-10_00Hrs-SEX-Licao 5.1. PESQUISA - TERCEIRO PARAMETRO MODO DE PAGAMENTO - PARTE I

DICAS 3136 -WEBDEV TUTORIAL 70 - 17-10-2020-10_00Hrs-SAB-Licao 5.1. PESQUISA - ULTIMO PARAMETRO TOTAL - PARTE J

DICAS 3137 -WEBDEV TUTORIAL 71 - 18-10-2020-10_00Hrs-DOM-Licao 5.1. PESQUISA - AJAX - OTIMIZANDO A EXIBICAO PAGINA - PARTE L

DICAS 3138 -WEBDEV TUTORIAL 72 - 19-10-2020-10_00Hrs-Licao 5.2 - RELATORIO IMPRIMIR UMA FATURA- PARTE A

DICAS 3139 -WEBDEV TUTORIAL 73 - 20-10-2020-10_00Hrs-Licao 5.2 - RELATORIO CRIACAO CONSULTA SQL - PARTE B

DICAS 3140 -WEBDEV TUTORIAL 74 - 21-10-2020-10_00Hrs-Licao 5.2 - RELATORIO - CRIANDO RELATORIO FATURA TOP - BASEADO QUERY-SQL - PARTE C

DICAS 3141 -WEBDEV TUTORIAL 75 - 22-10-2020-10_00Hrs-Licao 5.2 - RELATORIO - MODIFICANDO RELATORIO FATURA - PARTE D

DICAS 3142 -WEBDEV TUTORIAL 76 - 23-10-2020-10_00Hrs-Licao 5.2 - RELATORIO - CHAMANDO RELATORIO FATURA - PARTE E - FINAL

DICAS 3143 -WEBDEV TUTORIAL 77 - 24-10-2020-10_00Hrs-Licao 5.3 - EMAIL ENVIANDO - TEORIA - PARTE A

DICAS 3144 -WEBDEV TUTORIAL 78 - 24-10-2020-10_30Hrs-Licao 5.3 - EMAIL - CRIAR POPUP E CONTROLES - PARTE B

DICAS 3145 -WEBDEV TUTORIAL 79 - 25-10-2020-10_00Hrs-Licao 5.3 - EMAIL - ENVIAR EMAIL CODIGO - PARTE C

DICAS 3146 -WEBDEV TUTORIAL 80 - 26-10-2020-10_00Hrs-Licao 5.3 - EMAIL - MEHORIA PAGINA - PARTE D FINAL

DICAS 3147-WEBDEV TUTORIAL 81 - 27-10-2020-10_00Hrs-Licao 5.3 - GROUPWARE-PARTE A

DICAS 3148 -WEBDEV TUTORIAL 82 - 28-10-2020-10_00Hrs-Licao 5.3 - GROUPWARE - CONFIGURANDO - PARTE B

DICAS 3149 -WEBDEV TUTORIAL 83 - 29-10-2020-10_00Hrs-Licao 5.3 - GROUPWARE - CRIACAO USUARIOS E GRUPOS - PARTE C

DICAS 3150 -WEBDEV TUTORIAL 84 - 30-10-2020-10_00Hrs-Licao 5.3 - GROUPWARE - DEFININDO DIREITOS - PARTE D

DICAS 3151 -WEBDEV TUTORIAL 85 - 31-10-2020-10_00Hrs-Licao 5.4 - IDIOMA - GERENCIANDO VARIOS IDIOMAS - PARTE A

DICAS 3152 -WEBDEV TUTORIAL 86 - 01-11-2020-10_00Hrs-Licao 5.4 - IDIOMA - LOCALIZANDO IMAGEN MENU - PARTE B

DICAS 3153 -WEBDEV TUTORIAL 87 - 02-11-2020-10_00Hrs-Licao 5.4 - IDIOMA - LOCALIZANDO CONTROLES - PARTE C

DICAS 3154 -WEBDEV TUTORIAL 88 - 03-11-2020-10_00Hrs-Licao 5.4 - IDIOMA - PROGRAMANDO A MUDANCA DE LINGUAGUEM - PARTE D - FINAL

DICAS 3155 -WEBDEV TUTORIAL 89 - 04-11-2020-10_00Hrs-Licao 5.4 - SEO

DICAS 3156 -WEBDEV TUTORIAL 90 - 05-11-2020-10_00Hrs-Licao 6.1 - DEPLOYING SITE - PARTE A

DICAS 3157 -WEBDEV TUTORIAL 91 - 05-11-2020-11_00Hrs-Licao 6.1 - DEPLOYING - 10 CONEXOES ALPHA SERVER - PARTE B

DICAS 3158 -WEBDEV TUTORIAL 92 - 06-11-2020-11_00Hrs-Licao 6.1 - DEPLOYING - CONTROL CENTER - PARTE C

DICAS 3159 -WEBDEV TUTORIAL 93 - 07-11-2020-10_00Hrs-Licao 6.1 - DEPLOYING - DIFERENTES MODO DE IMPLANTACAO - POR HTTP - PARTE D FINAL

DICAS 3160 -WEBDEV TUTORIAL 94 - 08-11-2020-10_00Hrs-Licao 6.2 - GERENCIANDO UM SITE - WAS

DICAS 3161 -WEBDEV TUTORIAL 95 - 09-11-2020-10_00Hrs-Licao 7.1 - Styles Estilos - PARTE A

DICAS 3162 -WEBDEV TUTORIAL 96 - 10-11-2020-10_00Hrs-Licao 7.1 - Styles Exemplos - PARTE B - FINAL

DICAS 3163 -WEBDEV TUTORIAL 97 - 11-11-2020-10_00Hrs- Lesson 7.2. Cookies

DICAS 3164 -WEBDEV TUTORIAL 98 - 12-11-2020-10_00Hrs- Lesson 7.3. Secure transactions and payment

DICAS 3165 -WEBDEV TUTORIAL 99 - 13-11-2020-10_00Hrs- Lesson 7.4. Ancoragem e zoneamento - PARTE A

DICAS 3166 -WEBDEV TUTORIAL 100 - 14-11-2020-10_00Hrs- Lesson 7.4. Ancoragem - Implementando a ancoragem - PARTE B - FINAL

DICAS 3167 -WEBDEV TUTORIAL 101 - 15-11-2020-10_00Hrs- Lesson Responsive Web Design

PlayList WebDev tutorial Amarildo Webdev

https://www.youtube.com/playlist?list=PLwJwZaqiZW-m1VKca0Ju9xWGT1rFus7ku

Playlist Windev Tutorial Amarildo Windev

https://www.youtube.com/playlist?list=PLwJwZaqiZW-lxU1XF0M0htb5S5f8pavuE

Playlist windev Franca PcSoft

https://www.youtube.com/watch?v=I6OYUmmJOMU&list=PLI6fRsLPTA4gjevtou2V2qCLDo2w2i4bM

Amarildo

http://www.amarildomatos.com.br/

Windev

https://www.windev.com/

WxSolucoes

http://www.wxsolucoes.com.br/

Matos Informatica

http://www.matosinformatica.com.br/

Repositorio Windev

https://repository.windev.com/

Site forum Google 

https://groups.google.com/forum/?oldui=1&oi=1#!forum/amarildowindev

Video sobre 3 Mil Videos Windev 

https://youtu.be/3DshsXJ8I2M

PlayList Pedrosao

https://www.youtube.com/watch?v=ASY7T3Tt0sY&list=PLYgB8kapIj5-yeSTIQdHbzeY_lEaSJpg9

Video sobre Alfaserver servidor 

https://youtu.be/EqnYJFpvPAI

Ultimo Video manipulacao arquivos

https://youtu.be/jpDiUW806zk

---

---

ErpMatos - TgsSistemas

skype:amarildo.matos.informatica

email: amarildo.matos@gmail.com

whats: 51984197742

Youtube: Amarildo Matos

http://www.amarildomatos.com.br

https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com

https://www.pcsoft.fr/webinaires.htm?p=forumpcs

https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp

https://www.windev.com/windev/WD-Express.htm

https://www.windev.com/windevmobile/WM-Express.htm

http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html

---

Implementando a ancoragem

Em primeiro lugar, vamos implementar a ancoragem de áreas e depois a ancoragem de controles nas áreas.

Queremos obter o seguinte comportamento ao ampliar o navegador:

• A área do cabeçalho (amarelo) deve ser ampliada em largura.
• A área do menu (verde) deve ser aumentada em altura.
• A área de conteúdo (laranja) deve ser ampliada em largura e altura.
• Para os controles, queremos que eles permaneçam centralizados em relação à sua área.

Agora vamos realizar todas as operações necessárias.

• Para implementar a ancoragem de áreas:
  1. Exiba a página no modo de zoneamento: clique na guia "Zoneamento" na parte superior da página.
     
  2. Selecione a área amarela.
  3. Exiba o menu pop-up e selecione "Ancorar". A janela para gerenciamento de âncoras é exibida.
  4. A área deve ser ampliada em largura. Selecione:
     • Posição: O controle mantém sua posição.
     • Ancorar na largura: Amplie ou reduza como o navegador.
     • Âncora em altura: Altura fixa.
       
  5. Validar.
  6. Selecione a área verde, exiba o menu pop-up e selecione "Âncora".
  7. A área deve ser aumentada em altura. Selecione:
     • Posição: Sem âncora.
     • Âncora em largura: largura fixa.
     • Âncora em altura: amplie ou reduza como o navegador.
  8. Validar.
  9. Selecione a área laranja e exiba a janela para gerenciamento de âncoras. A área deve ser ampliada em largura e altura. Selecione:
     • Posição: Sem âncora.
     • Ancorar na largura: Amplie ou reduza como o navegador.
     • Âncora em altura: amplie ou reduza como o navegador.
       
  10. Validar.

• Para implementar a ancoragem de controles:
  1. Exiba a página no modo Página: clique na guia "Página" na parte superior da página.
     
  2. Selecione "Cabeçalho".
  3. Exiba o menu pop-up e selecione "Ancorar".
  4. O controle deve ser centralizado na largura:
     • Posição: centrado horizontalmente.
     • Âncora em largura: largura fixa.
     • Âncora em altura: Altura fixa.
  5. Validar.
  6. Repita as mesmas operações para o controle "Menu" e para o controle "Conteúdo":
     • A legenda "Menu" deve ser centrada verticalmente.
     • A legenda "Conteúdo" deve ser centralizada.

• Salve a página (Ctrl + S) e execute o teste de página ( entre os botões de acesso rápido).
  1. A página é exibida no navegador.
     
  2. Redimensione o navegador: as áreas se adaptam ao espaço disponível no navegador.

• Feche o navegador.