https://youtu.be/WbJTZF8qRp8
Bom Dia Boa Tarde Boa Noite
Esse Ao Vivo vai estrear as 09:00 do dia 06/10/2020-TER
DICAS 3123 -WEBDEV TUTORIAL 57 - 06-10-2020-09_00Hrs-TER-Licao 4.3. AWP - GESTAO ESTILOS - PARTE M
Lição 4.3. Criação de páginas no modo AWP
ASSUNTOS
GESTAO DE ESTILHOS
MOSTRANDO ONDE IMPORTA CSS
NOME EXEMPLO CSS - CUSTOMSTYLES
EXEMPLO DE CSS - DENTRO CSS_AMARILDO
EXEMPLO DE CSS - DENTRO TUTORIAL PCSOFT FULL_WEBDEV_SITE
IMPORTANDO CSS
PROXIMA AULA - Aplicando estilos CSS
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 3071 -WEBDEV TUTORIAL 5-Licao 1.3-15-09-2020 11hrs-Lesson 1.3. Minha Primeira Pagina - PARTE A
DICAS 3076 -WEBDEV TUTORIAL 10-Licao 1.3-16-09-2020 16hrs-Lesson 1.3. TESTE PAGINA E WDMAP - PARTE F
PlayList WebDev tutorial Amarildo Webdev
Playlist Windev Tutorial Amarildo Windev
Playlist windev Franca PcSoft
Amarildo
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Site forum Google
Video sobre 3 Mil Videos Windev
PlayList Pedrosao
Video sobre Alfaserver servidor
Ultimo Video manipulacao arquivos
Gestão de estilos
Para melhorar nossa página, vamos modificar os estilos de controles. Se você está trabalhando com um designer gráfico ou se um livro de estilos foi definido para o seu site (livro de estilos da empresa por exemplo), os estilos foram definidos previamente em uma folha de estilos CSS. Vamos importar esta folha de estilo em nosso projeto WEBDEV para usar esses estilos.
 | Observação | WEBDEV propõe dois tipos de estilos:
Por exemplo, um estilo WEBDEV para um controle de edição conterá dois estilos CSS:
|
| Observação | Lembrete: ao criar o site, você pode escolher um tema. As skins são usadas para padronizar o aspecto visual de um site e permitem que você mude facilmente o estilo. O skin fornece as imagens, as fontes, a textura, a forma dos botões e os estilos disponíveis para o projeto. Você cria sites com um estilo profissional a partir dos estilos fornecidos por padrão. A importação de estilos CSS é usada, por exemplo, para adicionar um novo estilo encontrado na Internet. |
Importando uma folha de estilo CSS
- Para importar a folha de estilo CSS para o projeto:
- Na faixa de opções, no painel "Projeto", no grupo "Projeto", expanda "Importar" e selecione "Uma folha de estilo CSS".
- O assistente de importação é iniciado e propõe duas opções:
- Importar estilos CSS para WEBDEV: Esta opção importa os estilos CSS para o projeto WEBDEV. Em seguida, os estilos podem ser modificados no WEBDEV.
- Use uma folha de estilo CSS externa: esta opção permite que você use uma folha de estilo existente. Esta opção deve ser escolhida quando uma folha de estilo é definida para uma empresa e quando deve ser compartilhada entre vários sites (livro de estilo da empresa).
- Selecione "Importar os estilos CSS para WEBDEV" e clique em "Avançar".
- Selecione o arquivo "customstyles.css". Este arquivo se encontra no diretório "\ Tutorial \ WB \ Exercises \ Full_WEBDEV_Site". Os vários estilos encontrados na folha de estilo são exibidos.
- Uma prévia do site selecionado é exibida à direita.
Dica
Os retângulos de cores encontrados na visualização são usados para alterar a cor de fundo. Isso permite que você obtenha uma visualização em outra cor que não o branco. - O prefixo "class-" significa que é uma classe CSS. Este atributo significa que este estilo será aplicado aos elementos com o atributo HTML "class".
- Uma prévia do site selecionado é exibida à direita.
Nenhum comentário:
Postar um comentário