sábado, 26 de setembro de 2020

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



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





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:
  • os estilos WEBDEV.
  • os estilos CSS.
Um estilo WEBDEV é um conjunto de estilos CSS usados ​​para definir um estilo global em objetos de alto nível.
Por exemplo, um estilo WEBDEV para um controle de edição conterá dois estilos CSS:
  • um estilo para a legenda.
  • um estilo para o texto da área de entrada.

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:
    1. Na faixa de opções, no painel "Projeto", no grupo "Projeto", expanda "Importar" e selecione "Uma folha de estilo CSS".
    2. O assistente de importação é iniciado e propõe duas opções:
      Assistente de importação de estilo
      • 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).
    3. Selecione "Importar os estilos CSS para WEBDEV" e clique em "Avançar".
    4. 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.
      Selecionando estilos para importar
      • 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".


Nenhum comentário:

Postar um comentário

Teste

Teste
teste