Para criar a página:
1. Clique entre os botões de acesso rápido.
2. A janela de criação de elemento é exibida. Esta janela é usada para criar todos os elementos que podem ser associados a um projeto.
3. Clique em "Página" e depois em "Página". O assistente de criação de página é iniciado.
4. Selecione "Em branco".
5. Certifique-se de que o "Modo de design da Web responsivo" esteja desmarcado. Nesta parte, vamos nos concentrar na criação de páginas simples. As páginas no modo Web Design Responsivo serão apresentadas na Parte 8 deste tutorial.
6. Validar (botão "OK"). A página é criada automaticamente no editor. A janela para salvar a página é exibida. Esta janela exibe:
  - O título da página. Este título será exibido na barra de título do navegador.
  - O nome da página. Este nome corresponde ao nome da página lógica. Este nome será usado para lidar com a página por programação.
  - A localização. Este local corresponde ao diretório no qual o arquivo correspondente à página será salvo.
7. Digite o título da página: "Formulário".
8. O nome da página (que será usado na programação) é deduzido automaticamente do título da página. Se este nome não for adequado para você, você pode modificá-lo e especificar um título diferente do nome da página.
9. Validar (botão "OK").


	Observação	Para cada página criada no editor, WEBDEV gera vários tipos de arquivos: Um arquivo "WWH" que contém a descrição da página para o editor de página. Este arquivo é salvo no diretório do projeto. Um arquivo "AWL" que corresponde à descrição da página para o mecanismo WEBDEV no subdiretório EXE do projeto. Um arquivo "HTM" que contém o código HTML e o código JavaScript da página que será enviada ao navegador. Este arquivo é salvo no subdiretório "\ <Nome do projeto> _WEB \ XX" (um subdiretório por idioma, por exemplo "US" para inglês, "ES" para espanhol, etc.).

Criando controles

Vamos criar os diferentes controles de formulário. Esses controles permitirão ao usuário preencher os dados necessários para o cadastro.

O formulário inclui os seguintes controles:

Último nome.
Primeiro nome.
Endereço.
O email.
Conecte-se.
Senha.

Todos esses controles são controles de edição, permitindo ao usuário digitar dados.

Para criar um controle de edição:
1. No painel "Criação", no grupo "Controles usuais", clique em .
2. O controle criado atualmente segue o movimento do mouse.
3. Clique dentro da página em branco para criar o controle. O controle é criado e as alças são exibidas para indicar que o controle está selecionado.
  Observação
  Você deve criar um controle? Exibir o painel "Criação" do WEBDEV: todos os controles disponíveis são acessíveis neste painel.

Para modificar a legenda de controle:
1. Clique no controle (clique simples): a legenda se torna editável. Se preferir usar o teclado, pressione a tecla Espaço ou a tecla Enter para que a legenda se torne editável.
2. Digite "Sobrenome" e pressione Enter para validar. A legenda é modificada imediatamente. O nome do controle também é modificado: ele aparece na dica de ferramenta ao passar o mouse sobre o controle: EDT_Last_name.


	Observação	Estude o nome do controle proposto pelo WEBDEV: este nome começa com as letras "EDT_". Este prefixo é adicionado automaticamente porque o projeto usa um estilo de código. O estilo de código é usado para definir um prefixo para cada tipo de objeto, permitindo que você identifique rapidamente o elemento: uma página começa com "PAGE_" (vimos isso ao salvar a página). um controle de edição começa com "EDT_". um botão começa com "BTN_", etc. Se você não quiser usar este estilo de código, você pode simplesmente desativá-lo: na faixa de opções, no painel "Projeto", no grupo "Outras ações", expanda "Estilo de código" e desmarque "Usar estilo de código".

Para modificar as características detalhadas do controle, tudo o que você precisa fazer é clicar duas vezes no controle. Uma janela de descrição de controle é exibida:

DICAS 3071 -WEBDEV TUTORIAL 5-Licao 1.3-15-09-2020 11hrs-Lesson 1.3. Minha Primeira Pagina - PARTE A

erMY7beJ8rI

Bom Dia/Boa Tarde/Boa Noite

Esse Ao Vivo vai estrear as 11:00 do dia 15/09/2020

DICAS 3071 -WEBDEV TUTORIAL 5-Licao 1.3-15-09-2020 11hrs-Lesson 1.3. Minha Primeira Pagina - PARTE A

https://doc.windev.com/en-US/?1410087407&name=lesson_13_first_pages

Lesson 1.3. My first pages

https://windevdesenvolvimento.blogspot.com/2020/09/dicas-3071-webdev-tutorial-5-licao-13.html

ASSUNTOS

VISAO GERAL

PROJETO DE ABERTURA

My_First_Pages

PROJETO AMARILDO

MINHA_PRIMEIRA_PAGINA

CRIANDO PAGINA

ADICIONANDO SCM CLASSIC

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

https://youtu.be/WRrRpIGLwk8

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

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

Lesson 1.3. My first pages

This lesson will teach you the following concepts

Creating a form page.
Saving data.
Checking inputs.
Simple search in a database.


	Estimated time: 30 mn

Previous Lesson

Table of contents

Next Lesson

Overview

To start developing with WEBDEV, we are going to create pages.


	Remark	Pages are used to display or enter information on the screen. The Web user can directly act on the pages via controls, buttons, ...

These examples will allow you to understand the operating mode of Internet/Intranet sites and will allow you to handle your first database.

Opening project

Start WEBDEV 25 (if necessary).

Open the "My_First_Pages" project.
1. Open the WEBDEV home page (Ctrl + <).
2. Click "Tutorial", then "My first pages (Exercise)".


	Important!	In this part, we will focus on the creation of simple pages. The "My_First_Pages" project is an empty project that was created beforehand. The project creation will be presented in another lesson.

DICAS 3070 -WEBDEV TUTORIAL 4-Licao 1.2-14-09-2020 17hrs-Web development and WEBDEV - PARTE C

https://youtu.be/ojCMIXJzgJE

Bom Dia/Boa Tarde/Boa Noite

Esse Ao Vivo vai estrear as 17:00 do dia 14/09/2020

DICAS 3070 -WEBDEV TUTORIAL 4-Licao 1.2-14-09-2020 17hrs-Web development and WEBDEV - PARTE C

https://doc.windev.com/en-US/?1410087405&name=lesson_12_web_development_and_webdev

Lesson 1.2. Web development and WEBDEV

https://windevdesenvolvimento.blogspot.com/2020/09/dicas-3070-webdev-tutorial-4-licao-12.html

ASSUNTOS

Intranet / Extranet / Internet

E no WEBDEV? (Sessão / AWP, PHP, Estático)

ABRIR PROJETO

WEBDEV_Concepts

ABRINDO PAGE_INTERNET

MOSTRANDO AWP

MOSTRANDO PAGINA SESSAO

O método para criar um site

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

https://youtu.be/WRrRpIGLwk8

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

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

Practical example

First of all, let's see the operating mode of an Internet page:

In the "WEBDEV_Concepts" project (that was opened at the beginning of this lesson), open the "PAGE_Internet" page in the editor: double-click its name in the "Project explorer" pane.


	Tip	To quickly find a page in the current project, press Ctrl + E. A window is displayed, allowing you to perform a search on all pages containing the set of letters typed in the search area. Simply select the desired page and validate to open it in the editor.

Let's check the page type:
- On the "Page" pane, in the "Description" group, click "Description" (you can also select "Description" in the popup menu of the page).
- In the "General" tab, the page is a page in AWP mode.
- Validate the page description window.
Run the test of this page: click the icon among the quick access buttons.
The page is displayed in your default browser.
Study the address displayed in the browser: this page has a fixed address. If you copy this address and if you paste it in a new browser, the same page will be displayed!

Remark: if you use the IIS Express Web server, "localhost" can be followed by an identifier.
Close the browser that displays the test page.

Now, let's check the behavior of an Intranet page:
1. Open the "Page_Home_of_Intranet_site" page in the editor: double-click its name in the "Project explorer" pane.
2. Let's check the page type:
  - On the "Page" pane, in the "Description" group, click "Description" (you can also select "Description" in the popup menu of the page).
  - In the "General" tab, the page is a page in session mode, a mode used for Intranet/Extranet sites.
3. Run the test of this page: click the icon among the quick access buttons.
4. The page is displayed in the browser.
5. Study the address displayed in the browser. The URL has the following format: http://localhost/WEBDEV_Concepts/CONNECT_TESTMODE/<Connection identifier> where <Connection identifier> is a string that changes at each connection. The address changes at each connection therefore the security is improved. However, this behavior is not compatible with a referenceable site.
  
  Remark: if you use the IIS Express Web server, "localhost" can be followed by an identifier.
6. Close the browser.

The method for creating a site

Now that the main Web concepts have been presented, let's see how to develop a WEBDEV site.

To create a site with WEBDEV, use the following method:

Creating the site model:
- Model of pages (user experience).
- Defining the CSS styles (if necessary).
- Design the database structure.
Development in WEBDEV:
- Creating a project that groups all the site elements.
- Creating the page templates that will define the site style. These templates are based on the model of pages, the CSS styles and the WEBDEV styles.
- Defining the database (Analysis), that can re-use an existing structure.

Páginas

domingo, 6 de setembro de 2020

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

https://youtu.be/zwcHA1DhopM

Esse Ao Vivo vai estrear as 15:00 do dia 15/09/2020

DICAS 3071 -WEBDEV TUTORIAL 5-Licao 1.3-15-09-2020 11hrs-Lesson 1.3. Minha Primeira Pagina - PARTE A

https://youtu.be/erMY7beJ8rI

DICAS 3070 -WEBDEV TUTORIAL 4-Licao 1.2-14-09-2020 17hrs-Web development and WEBDEV - PARTE C

https://youtu.be/ojCMIXJzgJE

Esse Ao Vivo vai estrear as 17:00 do dia 14/09/2020

Teste

Marcadores


	Observação	Você deve criar um controle? Exibir o painel "Criação" do WEBDEV: todos os controles disponíveis são acessíveis neste painel.