Desenvolvimento de sites com Odoo - nenhuma codificação é necessária

1. IMG 6581: Olá a todos. Bem-vindo e obrigado por se juntar ao VRP, para começar, sou seu instrutor, Azim, muito mais do que qualquer matriz. Esta aula fará ERP para começar. Vamos concentrar o bloco externo, site totalmente funcional, seguro e responsivo. O que é automático? Sempre será que um ERP de planejamento de recursos corporativos, que oferece muito em um único pacote, é usado para me perguntar Por que uma pequena empresa ou mesmo uma empresa de médio porte não pode mesmo uma empresa de médio porte implementar no ERP dois respostas, operações comerciais diárias, simples. A maioria deles é muito cara, exige suporte contínuo dos desenvolvedores. Além disso, todo e qualquer módulo de personalização acabaria custando muito. Odu é um sistema ERP de código aberto completo. Mas não foi criado para grandes empresas ou corporações, empresas de médio e pequeno porte, freelancers indivíduos também podem usá-lo. Para uma regra muito inteligente, oferece uma infinidade de aplicativos dinâmicos. E até mesmo empresas simples com poucos funcionários podem implementar operações de UDL e linhas com baixo peso sem problemas usando os vários aplicativos. Certo? Neste ponto, eu paro de descrever o ODU. Em vez disso. Vamos mergulhar diretamente na plataforma automática e experimentá-la primeira mão com o primeiro módulo de desenvolvimento. 2. Conheça o Odoo ERP: Bem-vindo mais uma vez ao antigo ERP, para começar. Although.com é simplesmente de onde começamos. Este é o site deles e praticamente tudo é feito a partir daqui. Esse é o menu e ponto de interesse baixo ou principal é o menu Aplicativos, ao qual voltaremos mais tarde. É a primeira vez que você saltou para o link da comunidade no menu. Alu é uma comunidade extremamente poderosa ligada a ela. Como é um ERP de código aberto, usuários de todo o mundo contribuem com nós de várias maneiras. Principalmente, há duas adições para a comunidade e a empresa. A versão comunitária é totalmente gratuita, mas com limitações indefinidamente fornece uma base sólida para entender. Já a edição Enterprise não tem limitações, mas ela tem um custo associado a ela. Novamente, também funciona como uma edição gratuita. Sim, tudo pode aprender e chegaremos lá, pois concentração principal de diesel é a versão empresarial. Se você quiser baixar a versão da comunidade, você pode fazer isso clicando no link. Você só pode baixar a versão empresarial aqui. Se você tiver dúvidas, evite, o que nós não temos, então não passaremos por essa parte. No entanto, podemos rolar para baixo e baixar as versões móveis do vírus, que significa que podemos usar facilmente lesões na web ou a versão móvel. Mas antes disso, devemos voltar e clicar neste link, que nos levará à página do aplicativo de áudio. O link acima dos dois nos leva à mesma base de aplicativos ODU. E esta é a página France. Embora sejam aplicativos, os aplicativos são divididos em categorias. Vendas, operações, fabricação, marketing de sites, recursos humanos e personalizações. 3. Aplicações do Odoo: Tudo bem. Você pode selecionar um aplicativo com base em seus interesses sobre o clima do euro. Depois de selecionar um aplicativo, ele o guiará por um processo simples de isolamento e você estará pronto em alguns minutos. Vamos dedicar um momento para entender um aspecto importante, hospedagem, dando espaço a esse aplicativo. Portanto, o laboratório passará brevemente para a página de hospedagem do ODU. Embora você possa ter opções para hospedar um host com auto em ADA.com. Ou podemos comprar seu armazenamento em nuvem ou implantar o sistema de água em nosso plano de estudos para saber. Tudo depende de como você planeja hospedar e de qualquer orçamento. Bem, é alguém que está desenvolvendo a melhor opção seria hospedá-lo no audible.com. Uma vez que estamos analisando um sistema que não é tão complicado, nem requer muitos recursos. Ok, então vamos fazer isso. Vamos selecionar o aplicativo que gostaria de instalar. Diz selecionar um aplicativo. Por quê? É por isso que as ofertas mais antigas são uma maneira muito conveniente de usar seus aplicativos, com a condição de que você possa usar apenas um aplicativo por vez. Desculpe por isso. A seleção de implicação é um número gratuito de usuários e se D será hospedado em. Então, estamos resolvidos. No entanto, temos que tomar nota de uma coisa. Existem aplicativos que o Google fornece e, se selecionados, são automaticamente vinculados uns aos outros. Isso significa que, por exemplo, se eu tiver um pacote contábil, pacotes de faturamento automático serão enviados automaticamente, ou o pacote de faturamento ou um aplicativo serão automaticamente vinculados a ele é ilegal fazer isso, será cobrado por isso. Mas então temos uma maneira garantir que não façamos isso. Chegaremos a isso mais tarde. Vamos resolver isso por enquanto. Nenhuma em nossa seleção, embora solicite que forneçamos alguns detalhes básicos que, eventualmente, serão nosso URL de login para nosso aplicativo. Certifique-se de elaborar cuidadosamente os literais do URL. Pois inicialmente, esse será o URL, que poderemos alterar posteriormente. Por enquanto, podemos escolher algo parecido com o que você está buscando. Ótimo. Bem-vindo a fazer. 4. Como instalar o aplicativo do site: Tudo bem. Então, depois da tela de boas-vindas ou do, nos leva a esta página. Como selecionamos o site como um aplicativo que estamos usando. Vou perguntar isso se você quiser, como alude, para configurá-lo. Ou podemos clicar no link no canto inferior direito e começar do zero. Eu quero nós, eu quero fazer para nos ajudar nisso. Então chegamos a isso. Duas perguntas. Posso dar a eles uma ideia do que trata meu site. Site da empresa. Você pode ter qualquer coisa, um comércio eletrônico e uma loja online. Essas são apenas opções, mas também poderíamos ter qualquer outra coisa além disso. Depois de selecionar isso. Poderíamos colocar os meios necessários para nossos negócios. Como se eu gostaria de colocar algo relacionado ao design. Isso é o que eu realmente sou. Então, vou colocar esses dez Oscars ou objetivos, como atletas. E então nos daremos uma paleta de cores. Ou podemos escolher isso, ou também podemos fazer o upload do nosso logotipo. E a ALU coletará ou reunirá automaticamente as cores do logotipo e criará primeiro um tema, que novamente, quando estiver pronto, podemos alterá-lo, podemos alterá-lo. Podemos mudar isso totalmente, se você quiser. Mas isso mostra que, embora haja um trabalho muito bom extrair cores do logotipo e criar um tema. Selecionei meu logotipo. E aí você pode ver todas as minhas cores selecionadas. Selecionamos nosso logotipo, temos nosso cálcio da ODU e seguiremos em frente agora mesmo. Em seguida. Nós forneceremos uma seleção de páginas e recursos. Ele tem um conjunto de páginas e recursos prontos. Então, definiremos os básicos sobre nossos serviços. Selecione histórias de sucesso, estudos de caso live shed é porque vamos trabalhar nisso. Então, selecione alguns deles e vá em frente e crie o site. Depois de selecionar Criar site, porém, nos dá a opção de selecionar um tema. Agora, esses temas que vemos aqui são muito parecidos, mas, novamente, são muito dinâmicos. E embora possa não parecer algo que queremos, só precisamos selecionar algo. No momento em que você está vendendo, você está vendo a combinação de cores que selecionamos. Selecione um tema e seguiremos em frente. Vamos deixá-lo rodar, editar e mudar totalmente tudo dessa maneira agora, oh, Louise, construindo nosso site. Está preparando os dados para nós em alguns minutos. Vamos ver que está pronto. Aí está você. Esse é um site ou quem selecionou foi criado para nós com base nas informações que fornecemos. Tudo parece estar sincronizado. Um esquema de cores ou logotipo. Temos um painel dinâmico muito agradável à direita , onde selecionaremos todos os dados. Mas sim, esse é o único por enquanto. Definitivamente, podemos mudar tudo, o que quisermos. Isso foi um backend. Nós vamos para o front-end. Nós vemos isso. 5. Como ativar o Odoo: Então é assim que um site. Antes de editarmos, precisamos fazer uma pequena ativação. Exigiremos que confirmemos nosso endereço de e-mail. Então, vamos lá. Desde a etnia, recebemos uma vez e solicitamos uma recente. Depois de recebê-lo, vou ao meu e-mail e vou comê-lo. Feito isso, estamos prontos para ir. Área na minha caixa de entrada. Vou clicar para ativar meu banco de dados. E eu farei, abrirei uma opção para inserir minha senha, redefinir minha senha. Então eu disse que minha senha me permite acessar o endereço de e-mail. E a senha. Gosto de ler o banco de dados. Vou salvar a senha. Lá vamos nós. Tudo está feito. Posso configurar durante o White fazer vazamentos ou pular e acessar o site principal. Espere um pouco. Seu banco de dados. Foi ativado. 6. O aplicativo do site: Ok. Área. Esse é o nosso site. Você já viu isso antes. Vou ver isso muitas outras vezes. Ok, então esse é o nosso front-end. Vá rapidamente para o back-end clicando no pequeno ícone, no canto superior esquerdo. Acessadores do painel de back-end. A partir daí, veremos as configurações. Algumas áreas serão holandesas. Antes disso. Esse é um painel de back-end. Começarei com a discussão. Eu posso discutir é um módulo de bate-papo interno. Você pode configurar vários canais com os membros da sua equipe no escritório ou seu local de trabalho onde você está. Crie várias áreas e converse com seus funcionários, colegas e outras coisas. Assim, você pode enviar mensagens para isso em seu sistema internamente na empresa ou organização. A seguir, veremos o bate-papo ao vivo. O bate-papo ao vivo é um módulo extra que adicionamos. Felizmente, isso pode fazer parte do aplicativo principal, criar vários canais e permitir que seus usuários de fora da sua organização conversem. Isso conectará seus usuários a você e você poderá conversar no ODU e enviar mensagens. Voltando às configurações. Esta é a área da abside. Todos os aplicativos estão aqui e podem ser instalados com um clique. Ontem, ignore a única coisa. Novamente, o nulo. Todos os aplicativos funcionam juntos como um módulo gratuito, este aplicativo como separado. Se tiver que ser gratuito. Se você combinar a cobrança por usuário, por mês. Então, quando voltar para o ícone, que nos levará ao painel. E a partir daí, iremos para as configurações do site. Essa é a página de configurações gerais do site. Começaremos com os usuários. Uma das áreas mais importantes para começar. Você terá quantos usuários quisermos, essa origem. Então, vamos com os usuários. Você mesmo vê apenas um usuário e clica em qualquer usuário se tiver mais ou quiser criar mais. Uma área de usuário pode criar um usuário aqui, conjunto de referências, permissões. Basta configurar um nome aleatório. John tem, sim, ele faz. Vou pegar esse e-mail aleatório que todo mundo usa. O convite eventualmente não será aceito, mas é apenas para fins exemplificativos. Podemos atribuir as omissões de acordo com as normas. Dessa forma, seja a administração ou os direitos de acesso, podem ser tratados aqui. Podemos dar a eles um logotipo ou uma imagem. Ignore o preço e aumente seus preços. Aviso. Não importa, desde que você tenha um aplicativo. Diz aqui que seu convite foi enviado. Caso não seja recebido, podemos enviá-lo novamente onde o mesmo link de e-mail e nós podemos não ser perfeitos, duplicados, excluídos, alterar a senha, desativar a autenticação de dois ou envie uma redefinição de senha. Assim, o usuário recebeu seu convite e pode, depois de acessá-lo, acessar a área específica que especificamos para o usuário. O usuário foi adicionado. Agora, como não usamos um e-mail genuíno, diz nunca conectado, mas tudo bem. Mas quando ele chegar às empresas, economizará na fazenda se for um e-mail genuíno, é claro. Então, voltando aqui e veremos outro aspecto importante, a empresa, nossa empresa, que está lidando ou para a qual estamos visualizando o site. Para. Esses são os detalhes da empresa aqui. Podemos colocar nosso logotipo. Há uma diferença entre o site e o logotipo da empresa. O que poderia ser visto. Mas a empresa é a organização por trás do site. Portanto, qualquer detalhe da empresa, qualquer coisa a ver com a empresa , deve ter suas próprias informações. Então, voltamos. Vou voltar para as configurações gerais. Tudo bem, volte para as Configurações gerais. Percorra-os rapidamente. Você já viu a área desses usuários. Depois, há a área de idiomas. Poderíamos adicionar um idioma. Poderíamos entrar na empresa e também configurar os documentos relacionados a isso. Depois, temos algumas configurações e a integração está relacionada ao canal de discussão. Vamos nos integrar em contextos. A área de permissões que já vimos. Essa integração completa para e-mails. E, claro, temos que capturar abaixo que há um menu sobre o modo de desenvolvedor. Vamos falar sobre isso mais tarde. Então, a partir daqui, acessaremos os sites. Acho que aqui temos o site básico ou, eu diria, configurações específicas de sites. Altere o nome do site. Vou parar na matriz. Você pode mudar o ícone. Definir. Novamente. Também podemos mudar o idioma aqui. Poderíamos instalar um novo. Poderíamos colocar a opção de que, quando alguém fizer login, seja por convite ou inscrição gratuita. Quando você recebe uma inflação, você pode aceitá-la ou recusá-la. Para salvar isso. E volte para o painel do site. Agora vamos ao site. Backend. Será capaz de ajustar o site de acordo com nossas preferências. 7. Como configurar o Webiste no Odoo: Ok, então esse é o nosso painel. Atualmente, está vazio e certamente está, porque não conectamos os detalhes e os conectamos a esse ícone em nossos detalhes e os conectamos ao Google. E a hora em que veremos nosso texto com muita facilidade. Então, vamos examinar rapidamente esses menus aqui. Muito parecido com o que você já viu. As configurações nos levam de volta ao início. X nos levará de volta aqui. Isso nos mostrará os detalhes dos dados de todos os visitantes que visitaram nosso site É um descuido? Acho que você pode ver a lista aqui. Ela nos diz o nome, o país. Eu saberei como Shawn ou há quanto tempo você nos visita? Apenas as páginas lidas, elas são visualizadas. E clique novamente sobre isso. Você pode exportá-lo ou excluí-lo. Pode alterar a exibição para gráfico. Obviamente, é apenas uma pessoa que estamos vendo agora não é a diferença. Mas temos várias opções de visualização. Você pode enviar um e-mail para cada usuário, diretamente do ODU, desde que seu endereço de e-mail esteja conectado, que na maioria dos casos está sempre conectado ao nosso nome de usuário, que é nosso endereço de e-mail. Você pode enviar um e-mail para eles diretamente daqui, sem muito. Estou considerando as configurações. Novamente, você também pode voltar à página Judeus e ver o que cada usuário viu. Páginas das páginas do site que temos, atualmente disponíveis em. Ok, então você está destinado a uma análise. Agora vamos ao site. Esse é o front-end da nossa ausência. Há algumas áreas aqui que temos que cobrir. Então, vamos passar por isso rapidamente. Mas antes disso, vamos ao menu. Vamos associar o discurso que foi dado a nós por todos que sabíamos quando o estávamos montando. Mas podemos mudar isso, se necessário. Solteiros com sobre nós. Se você quiser. Podemos até mesmo excluir essa página e criar uma nova do zero. Depois, há uma página de contato que, na maioria das vezes, planejará ou preferirá uma nova. Então, também veremos esses menus aqui. Vamos começar com esse menu de edição. Mostra nossos links de menu que já estão lá e todos os links em nosso menu em páginas definidas, obviamente a partir do back-end, no botão Configurações. Novamente, você pode alterá-lo, se necessário. Podemos adicionar um novo item de menu aqui. Então, vamos apenas fazer um pequeno link para testar. E vamos definir como você é. Quando colocamos o hash, ele nos dá a âncora para a parte superior e inferior. Então, vamos pegar o item do menu inferior que está lá. Nós podemos nos movimentar. Podemos excluir o item de menu daqui usando esse ícone de lixeira. Vamos salvá-lo. E podemos ver isso lá. Você chuta porque era apenas uma âncora maior. Tudo bem, na parte inferior, o menu de Páginas Gerenciadas nos levará ao gerenciamento de nossas páginas com configurações extras de varejo. Eu posso ver você, eu também posso replicar e excluir o ícone. Você pode acessar rapidamente as configurações. Nos mostrará as configurações, em parte das quais já vimos. Mas isso nos permite selecionar essas opções, o que nos permite mostrar a ponte no menu da página inicial. Queremos indexá-lo pelo Google ou não, quer queiramos publicá-lo , selecionar a data de publicação ou atribuir um determinado usuário à praia. Mas também duplique a mesma página aqui. Algumas configurações não são aplicadas em todas as páginas. Você pode alterá-los se quiser. Esse acesso vinculado diretamente a essa página específica. E sob as páginas específicas, uma configuração de CMOS acolhedora chegará a ela mais tarde. Podemos duplicar a página aqui ou até mesmo excluí-la. Em seguida, vamos para o editor de HTML, CSS e JS. Isso nos permite editar a praia usando o código e todas as páginas e está no editor. Agora mesmo. Estamos no back-end, mas ainda podemos ver um editor relacionado a essa página específica. Por exemplo, vou tentar mudar alguma coisa aqui. Temos os dados para gerenciar páginas, gerenciar suas páginas ou aborrecer algo aqui e salvá-los. E vemos as mudanças lá. Então, se você estiver bastante familiarizado com a codificação, você também pode personalizá-la por conta própria usando HTML, CSS ou Jess. Essa é a parte do CSS, chegaremos ao pé da letra. Aqui, podemos selecionar todas as áreas, todos os módulos e seu site e alterar o código com base em nossas preferências. A qualquer momento, se você cometer um erro na codificação ou todos não, salve o código. E é muito conveniente. Não podemos dizer que vamos fazer um liquidificador se o código estiver errado ou não, salve-o de qualquer maneira. Adicionar recursos nos levará de volta aos aplicativos que são uma opção no site, mas não os queremos agora. Então siga em frente. A opção de visitante de tráfego pode estar ativada. Voltaremos à parte da ASU e do domínio. Eles estão ligados. 8. Como desenhar um site com o Odoo-Theme: Ok, estamos de volta. O front-end do site. Agora é a hora de editá-lo, embora forneça uma maneira muito conveniente de editar o site. Tudo está aqui. Quando clicamos na guia Edição no canto superior direito, ele nos traz esse painel. Tem três áreas, blocos, estilo e tema. Cada uma, cada seção separadamente. Por enquanto, vamos passar rapidamente pelos blocos. Não fale rapidamente no estilo e no tema. Essas são as áreas que realmente construirão o site com as várias estruturas. Pode clicar e arrastar qualquer um desses elementos da direita na tela. E estará lá do jeito que vemos agora. Todos nós familiarizados com web design estaríamos familiarizados com todas as terminologias existentes. Mas, novamente, uma vez que oferece um playground aberto, sempre podemos clicar e arrastar e ver a aparência dos elementos. Caso contrário, podemos excluí-los. A estrutura fornece principalmente áreas ou elementos que criarão o layout do site, como banners, cabeçalhos e galerias. E então chegamos a recursos que são mais detalhados, como acordeões para mais conteúdo, guias e cronogramas. Depois, há uma área para conteúdo dinâmico , como formulários e mapas. Mas também há algumas áreas, como eventos, notícias, um pop-up, grupos de discussão. Eles estão vinculados a aplicativos extras que, se você instalar, serão cobrados. Então, vamos ficar longe de lá agora. Além disso, há mais conteúdo interno, como separadores, alertas, compartilhamento, pesquisa e mídias sociais. Todas essas áreas também podem ser, todos esses elementos também podem ser muito incorporados. Então, basicamente, todo o painel está usando algumas áreas. Sempre podemos adicioná-los. Mostre o loop e siga em frente de acordo. Se você observar as outras seções do mesmo painel de edição. Desta vez, o que é estilo é o elemento ou módulo que arrastamos para a esquerda. Quando selecionamos é quando obtemos as opções de edição para esse elemento específico na área Estilo. Assim, podemos ver todas as opções que abordaremos mais tarde. Podemos adicionar mais colunas. Você pode mudar a imagem de fundo, uma cor. A posição. Podemos adicionar filtros e alterar as peles. Tudo é possível neste lado depois de selecionar o elemento, o que, novamente, veremos mais tarde. Então, rapidamente, vá para a área feminina. Depois de escolher a guia Tema, temos opções para alterar ou alterar todo o tema com base em nossas preferências. Nós adicionamos cor. Selecionamos as cores e tudo mais, mas, novamente, temos medo de mudar o que quisermos. Essas são as opções para mudar o tema. Na parte inferior, podemos realmente mudar toda a equipe em si, se você precisar, se precisar. Volte a essas seções mais tarde. Por enquanto, vamos seguir em frente. Tudo bem, então, antes de voltarmos ao painel de edição, veremos rapidamente essas ferramentas na vertical direita. Este nos permite adicionar um curso extra de postagem de blog no fórum extra na praia, que só é especificado para mim ao criar um site para uma plataforma de e-learning. Se for um site de comércio eletrônico, você pode adicionar um produto. Este é um ícone móvel e nos dá uma prévia de como o site será exibido em um dispositivo móvel. É muito limpo. Muito direto ao ponto. Todos os menus estão lá, todos os links são o conteúdo de suas imagens, tudo está perfeitamente alinhado. Tudo bem. Então, voltaremos ao painel de edição e começaremos a editar o site com base no design, no layout e no conteúdo. Portanto, neste painel de edição, temos as três áreas, bloqueadas, estilo e tema. Você viu os blocos. O estilo agora é quando selecionamos um bloco no tema, claro, é o ponto crucial de todo o site. Tem todas essas opções, opções tema, estrelas, botões, visite as cores, as cores que o ODU extraiu de um logotipo e dê ao nosso tema. Nós podemos mudá-los aqui. Esses são temas de cores extras. Eu poderia selecionar todos eles, não, estragou toda a aparência colorida. Então não vá por enquanto. Você tem opções aqui. Optamos pelo primeiro, você pode selecionar mais. Sob cada área de cores. Há uma explicação de seleção de onde estão as cores, cada cor é usada. E também podemos mudar essa cor específica. Por exemplo, se eu não quiser um fundo branco, eu poderia mudar isso para outra coisa. Links, eu poderia mudá-los. Cabeçalhos, eu poderia mudar essa dinâmica bastante dinâmica aqui. Você pode optar por remover o cabeçalho. Acho que vou fazer isso. Então eu posso facilmente trazê-lo de volta. No momento, não vemos que o cabeçalho tenha sumido. Mas em trazê-lo de volta. Portanto, a camada base aqui nos dá opções úteis em caixas, molduras ou cartões postais, emolduradas em Boston ou evitam similares. Além do fato de que há um espaço na superior e inferior, esse cartão postal. Basicamente, há um espaço em cada lado. Visualmente útil é uma melhor aparência do site. Também altere o tamanho da fonte principal aqui. Para dizer 12º. As fontes são selecionadas para nós, poderiam alterá-las, poderiam adicionar uma nova fonte do Google. Para ver isso rapidamente. Você pode adicionar o telefone do Google por meio de um link do Google. Basta trazer o link aqui, cópia colada e pronto. Essas são opções nos botões. Como estão os botões? Os botões podem ser preenchidos ou delineados. Vou apenas vincular. Depois, temos o tamanho da fonte, a motivação, raio da borda, o efeito cascata, todos esses links, estilos e seleções de cores. Então também mude a coisa toda aqui. Pode editar o código e clicar nele e mudar nosso tema. Isso nos permitirá selecionar a coisa toda. Selecionei o tema, o começo. Mas sempre podemos voltar aqui e mudar o tema. Podemos ver o tema que foi usado como o primeiro. É chamado de biblioteca. A cor inteira parece muito diferente. Novamente, aqui podemos mudar o tema. E, curiosamente, qual conteúdo e layout seriam mantidos de forma justa. Na verdade, tudo isso será mantido. Então, basta voltar. Queríamos ser mantidos. Abaixo disso. Temos a opção de incorporar códigos. Então, se você tiver algum código de análise ou algum código específico e quiser incorporar no cabeçalho ou rodapé. Podemos fazer isso daqui. Isso é muito conveniente e faz facilmente tudo o que queremos. Super, super bom. Ok, então vimos a seção temática. Vamos terminar esta aula aqui e depois passaremos para a próxima. Começará a editar o site a partir do hidrocarboneto. 9. Como criar um site com o Odoo-Header-Part 1: Pessoal, bem vindos de volta. Mais uma vez, vá até o painel de edição e comece a levantar o cabeçalho. Vamos até a área de blocos e começaremos a trabalhar no cabeçalho. E então, mais abaixo, você vai. Ok? Então, vamos começar editando o cabeçalho. Quando você seleciona o cabeçalho, a área Estilo é aberta. E a primeira coisa começa com o dia do nó do cabeçalho. Odu nos deu a opção selecionar todos os cabeçalhos pré-projetados ou eles os degradaram aqui. O selecionado é aquele que eles foram, que foi definido como padrão. Mas podemos mudar isso no momento em que mudarmos alguma coisa, diz respeito a sete elementos, veremos que eles terão isso. Assim, podemos salvar e recarregar caso você tenha feito alterações. Se não, podemos seguir em frente de qualquer maneira. Mas se você fez alterações, é melhor salvar e seguir em frente. Então, agora vemos o novo cabeçalho que selecionamos. Vamos mudar. A parte superior desapareceu, tudo está sob o mesmo cabeçalho. Podemos voltar e selecionar outra versão das opções de cabeçalho. Então, ele sai do padrão de edição mais uma vez. Ou você vai. Então, selecione a parte novamente, qualquer parte. E agora, na verdade, optamos por um dos cabeçalhos, vamos dar uma olhada. Essa. Usa uma ideia de quais elementos existem. Links do logotipo, a área de Logan. Dissemos que a área de Logan é específica para possivelmente um site que requer um login. Eu simplesmente não estava. OK. Essa é uma versão mais simples. Provavelmente vou querer algo um pouco mais elaborado. Então, optaremos por outra opção. Eu geralmente gosto daquele em particular que tem todos os links de mídia social, escuta, e-mail e um número no link bem espaçados, mas com alguma altura. Além disso. Mais uma vez eu selecionei isso. Agora, selecionarei um cabeçalho que realmente nos fornecerá algo que gostamos , adequado ao site. Vamos salvar e recarregar mais uma vez e talvez ir até ela. Eu gosto disso. Tem tudo. número é o logotipo do e-mail, é claro, os links e um botão de apelo à ação incluídos. Parece que. E aqui está uma pequena impressora para incluí-la. Ok, agora vamos editar o cabeçalho. Esse é o link colorido. Podemos alterar as cores do cabeçalho clicando em qualquer uma das opções disponíveis ali. O uso de opções de tema, as opções de cores normais, cor do link, sólido. E então eles também nos dão um gradiente, que abordaremos mais tarde. Agora, e você selecionou todas essas cores, as cores do tema. O cabeçalho muda de acordo com o tema. Cores com links e fundo, mesclando muito bem. A subordem. Você pode selecionar uma borda. Vou intencionalmente colocar algo em ordem para que possamos vê-lo bem visível. Podemos selecionar a aquarela, podemos selecionar o estilo da borda. Oh, uau. Eles são muito úteis. Certo? Não tem problema. visualizar, ele simplesmente passará por ele. Remova-o novamente. A parte da sombra nos dá um slide. Sombra muito sutil sob a bandeira. Como você pode ver, está lá agora. Não podemos selecionar nenhum. Também podemos selecionar a cor. E podemos selecionar um pouco mais de sombra. Interesses comerciais. O que estamos selecionando? Veremos que eles podem te dar tudo de lá. Essas são pequenas mudanças imediatamente, logo ali. Se for uma grande mudança, provavelmente vai querer mudar o cabeçalho ou algo assim. Em seguida, teremos que recarregar depois de salvá-lo. Essas são as opções de cabeçalho. Depois de selecionar o cabeçalho, ele nos diz o que acontece quando você rola para baixo. Portanto, temos todos esses cabeçalhos regulares. Normalmente, eles realmente se animam quando você os seleciona ou passa o mouse sobre eles. Vamos tentar novamente. Dê-nos uma ideia de como fica. No momento, o cabeçalho aparece depois que rolamos. Sim, aí está. Então é assim, é assim que o manipulador terá quando você rolar. Nós poderíamos selecionar isso. Eu vou doar, ele se comporta. É aqui que o cabeçalho é posicionado, linha de vezes o conteúdo está logo abaixo do cabeçalho. O fundo é transparente. Essa é uma opção para a adoção do menu móvel para a fonte, para o cabeçalho. E selecione o telefone, podemos adicionar fontes extras do Google. Você pode colar o link aqui e salvar e recarregar, e veremos o formulário ali mesmo e foi selecionado. Portanto, essa fonte específica será aplicada ao cabeçalho. Vou deixar isso continuar e também mudar o tamanho da fonte 16 é muito grande porque também. Depois, há o estilo do link, o submenu. Há uma pequena borda agora na parte inferior da página inicial do link que está destacada, que é aquela em que estamos na página em que estamos. Então, temos uma pequena fronteira lá. Você também pode alterá-lo para todas essas opções. Preencher, delinear ou bloquear não os alterará no momento. Então, vamos seguir em frente. Mostrar assinatura é o link que está lá. E você tem um site de comércio eletrônico ou e-learning. Tudo em ação é um botão Fale conosco destacado lá. Em seguida, temos o seletor de idiomas. A partir das configurações que tínhamos, instalamos mais idiomas, teríamos a opção adicioná-los todos aqui e colocar uma seleção. Assim, o usuário os selecionaria com muita facilidade. Acho que selecionamos a parte superior do cabeçalho. Isso está nos dando a largura do conteúdo. Se quisermos centralizar, queremos que a altura esteja em um determinado nível. Você sempre pode mudar isso. Isso é muito interessante. Foi habilidade. O cabeçalho pode ser visível em ocasiões ou condições específicas. se eu for dos EUA, isso pode ser visível para mim. Com base na seleção aqui. Eu poderia selecionar todos os países que me permitissem ver esse banner específico. Se eu sou dos EUA, é só uma refeição, mas outra pessoa é dos Emirados Árabes Unidos. Eles não serão capazes de ver. Em seguida, temos adoções em lasers similares. Informações repentinas podem estar disponíveis para determinados usuários. Portanto, você também pode selecionar a disponibilidade dessas informações específicas no banner para determinados usuários. Você viu a posição do cabeçalho. Acima. O cabeçalho é um minicabeçalho pequeno, onde, novamente, teremos as mesmas opções de mudança de cores com base no tema, já com base na cor sólida. Acho que vou continuar com isso. Você tem todos esses gradientes definidos. Você também pode selecionar um personalizado e criar um. Vamos selecionar isso novamente. Volte para uma parede agora mesmo. Algo muito interessante, porém, também podemos fazer upload de uma imagem nesse pequeno cabeçalho específico. E essa instalação ou recurso está embutido na ALU. Isso é do Unsplash. Podemos pesquisar facilmente imagens, imagens de estoque do Unsplash. Eles estão lá. Eles podem ser adicionados com o clipe. No momento, pesquisei o plano de fundo e a opção diz tudo, mas temos uma seleção ali. Diz minhas imagens. Agora, minhas imagens são imagens que eu enviei durante meu projeto. Ainda não usamos nenhuma imagem de nossa própria biblioteca. Então não há nada lá. Depois, há ilustrações do Unsplash, mas as ilustrações são muito mínimas. E então, sob essa opção específica de plano de fundo, há fotos via Unsplash. Então, temos muitas fotos. Você podia procurar por algo e não entendeu. Portanto, você pode adicionar isso como plano de fundo na cama, banner pequeno ou embaixo de qualquer elemento que adicionamos. Qualquer elemento pode ter um plano de fundo, cor ou imagem. Mas a parte interessante é essa, embora forneça alguns designs muito bons. Animação estática sutil, muito semelhante à animação, animação sutil que estamos vendo na tela principal no momento. Além de mergulhar no nosso original, está o texto. É uma animação muito sutil que está acontecendo com todas essas bolhas. Mas vamos abordá-los mais tarde. Telas maiores. Essas são as áreas para excluir, copiar e salvar. Todos esses elementos que ajudamos. Remova isso. Em seguida, salvaremos isso rapidamente e voltaremos para a próxima seção. 10. Como criar um site com o Odoo-Header-Part 2: Tudo bem, estamos de volta. Desta vez. Vamos editar nosso logotipo. Nós adicionamos um logotipo de antes. Mas caso deseje alterar o logotipo, você sempre pode voltar. Você só precisa clicar nele. E o painel e abra o painel da pilha. E vá diretamente para a parte inferior , onde diz logotipo e depois mídia. Nós podemos substituir. Agora, novamente, se quisermos montar o logotipo de um site de fotografia de estoque ou algo assim, podemos obtê-lo a partir daí. Caso contrário, faremos o upload do nosso logotipo. Agora mesmo. O logotipo é muito, parece muito bonito. Então, e altura. E essa é a altura da aparência do logotipo quando o site estiver rolando, quando você rolar para baixo. Então mudamos a altura para a largura, dobramos na verdade, e então é assim que parece. Parece um tamanho muito bom agora. São formas de identificar quando o link está ativo ou destacado. Esse é o tamanho da fonte dessa barra de navegação. Eu selecionei algo errado, só vou aumentar o tamanho novamente. Acho que 12 é um tamanho razoavelmente bom, vou manter isso. Então, acho que somos bons para o logotipo ou os links deles. Agora, tentaremos alterar os detalhes da barra superior onde estão os números de e-mail e telefone. Assim, podemos selecionar rapidamente o endereço de e-mail na barra superior. Mude os detalhes a partir daí. Basta selecioná-lo, nos permite editar, copiar ou alterar o idioma, remover o link e podemos alterá-lo da mesma forma. Também podemos fazer algo semelhante com o número de telefone. Agora, aqui estamos apenas mudando o texto. Os links principais anexados ao e-mail e número os levarão ao painel do lado direito. Quando terminarmos com o texto aqui, clicaremos neles. E então eu vou nos dar os detalhes para que possamos alterá-los ali. Então, temos os detalhes lá, mas ainda precisaremos garantir que essas mudanças sejam refletidas no back-end. Então, vamos selecioná-los. E no momento em que você os seleciona, o painel de estilo é destacado. E tenha opções de copiar, editar ou quebrar o link. No momento, ele me mostra informações da sua empresa, mas não queremos isso. No momento em que você clica , aparece. Agora é aqui que podemos alterar seu endereço de e-mail. Cursos, métricas, Africa.com. Agora, quando você voltar e passar o mouse, veremos nosso endereço de e-mail. Então, agora vamos até o número de barras e alterá-lo da mesma forma. Podemos clicar duas vezes ou clicar no link Editar. Lá vamos nós. O número está classificado. para o lado direito do mesmo cabeçalho, selecionarei os ícones de mídia social e os encerrarei. Mantenha o que precisamos. Remova, o que não fazemos. Depois de clicar nele, o painel lateral se abre, é claro. E nós teremos as propriedades. Então, essas são propriedades para as mídias sociais. E faça com que essa guia siga-nos. Podemos mudar o tamanho deles. Eu posso. Olhando para o tamanho do cabeçalho, esses ícones gravam enormes. Não vá até eles agora. Talvez possamos remover e remover nossos ícones que não precisamos. Talvez nós os encaixemos. Por enquanto, está pronto? As opções podem aumentar ou diminuir o tamanho. A opção de cor nos fornece as cores originais do rastreamento. Acho que vamos deixar isso na audiência. Esses são os URLs. Nós podemos removê-los. Você não quer dizer essa parte, então vamos removê-la. Removerá a ferramenta do YouTube. É assim que fica novamente em cores. Podemos manter a cor do tema. Experimente o tamanho novamente. Novamente, acho que está ocupando muito espaço. As melhores coisas para viver três dias , a menos que decidamos aumentar o espaço do cabeçalho, tudo bem. Poderíamos adicionar um novo link de mídia social para sua escolha. Ou poderíamos mudar o posicionamento. Instagram na parte superior ao lado do Facebook. Vamos, todos veem isso. Agora vamos dar uma olhada rápida no menu. Parece muito chato. Basta mudar um pouco, vai deixar os links e letras maiúsculas. E aqui você verá rapidamente o item de serviço do menu. Depois de selecionar o URL, com um choque francês, podemos ter todos os nomes das páginas. Bom, pegue um hash e deixe-nos rolar até o topo, na parte inferior. Então isso funciona como uma âncora. Então, vamos salvar isso agora. E então vá mais longe. E, portanto, os links, no momento, parecem mais apenas texto. É claro. Podemos mudá-los e fazer com que pareçam mais botões ou pílulas. Vamos editar a área. Em seguida, selecionaremos um dos links. Ou, na verdade, quando você selecionar, será selecionado na área editável sob a barra de navegação. Você pode ver essas opções no estilo dos links. E selecione uma das opções, salve e recarregue. Então é assim que parece. Você pode selecionar a opção de salvar e recarregar novamente. Ok, o que é o que parece? Atraindo um pouco essa área. Vamos deixar isso assim e depois ganharemos a Doria. Bem, primeiro remova o login, o botão de login. Não precisamos disso. Usuário de refrigerante. Sites específicos prateados, remova isso. Remova-o aqui. Ainda o veremos porque você está logado como usuário. Mas quando olharmos para fora, desaparecermos e existirmos, não haverá como o usuário fazer login ou ter espaço para fazer login. Depois, há esse botão de apelo à ação. Também os remova porque você já tem um botão Fale conosco, mas é opcional, não poderia estar lá. Então, isso é tudo por enquanto. Assim que sairmos, especialmente na área de Logan, o link de login também desaparecerá. Pronto para ir. Nós guardamos isso e seguimos em frente. 11. Como desenhar um site com o Odoo-Footer: Tudo bem, bem vindos de volta, pessoal. Já que você terminou com o cabeçalho, vou dar uma olhada no rodapé. O rodapé, assim como o cabeçalho, nos apresenta as mesmas opções ou outras, eu diria, opções semelhantes. Vou clicar nele e agora teremos adoções. Ele nos apresenta opções de design semelhantes. Os que são atualmente, apenas selecionarão uma opção e verão como ela fica. Vamos salvar e recarregar exatamente como fazemos com o cabeçalho. Lá vamos nós, Essa é a nossa vida. logotipo ou o social ilumina a empresa e alguns links para outra opção, já que esse plano x dois. Ou talvez a chamemos de outra opção. Tudo bem? Como este, um pouco melhor. É muito central, por favor, levante-se. Ele contém todas as informações. Pronto, mínimo, parece muito mínimo. Não gosto do cabeçalho com itens do Yukon. Podemos facilmente mudar os elementos com base no que quer que seja. Selecione. Substitua isso. Uma vez que não enviamos um logotipo nem nada. Apenas vá para trás. O logotipo que enviamos era principalmente um logotipo, não como uma imagem. Ok, então esse logotipo que fizemos aqui, essas opções e a largura oferecem uma opção para aumentar ou diminuir o tamanho, momento ou passar o mouse sobre a mudança de uso. Essas são as opções de edição. Isso pode nos permitir recortar o logotipo ali mesmo. A próxima opção nos permite girar ou redimensionar. Assim, podemos editar nosso logotipo ou uma imagem nesse local, redefinir as adoções ou redefinir as alterações que fizemos. As molduras, os suprimentos, a sombra, o preço, o circuito cuidará disso. A fronteira. Isso aplica a imagem, a imagem de fundo a ela. Mas, novamente, se seu logotipo é muito fino e um PNG como os que eu usei e a medida não tem certeza, existem pequenas animações que você pode fazer com todas as imagens sejam muitos elementos. Também podemos fazer isso neste logotipo. Então, quando eu passo o mouse sobre a animação, podemos ver a animação acontecendo. Eu posso selecionar a coisa. Caso contrário, podemos sobrecarregar. Selecionaremos o texto aqui. Novamente, assim como o cabeçalho. Podemos facilmente verificar, alterar o texto selecionando, colocarei meu endereço aqui. Em seguida, selecionará o endereço. O endereço. E, novamente, vamos mudar isso. Às vezes, sons ou repetições de som entre os processos, que podem levar apenas alguns segundos para serem aplicados, mudarão isso rapidamente. Vou mudar o número da mesma forma novamente. Ok, novamente, os ícones sociais e selecione-os, mude o tamanho, mude as coisas e mova-os para dentro de mais. Processos. Muito parecido com o cordão de riqueza no início do cabeçalho, o rodapé. Na próxima seção, passaremos para o corpo principal. 12. Como criar um site com o Odoo-Main Odoo-Main 1: Olá pessoal. Bem vindo de volta. Então, aqui está um site. Novamente. Trabalhamos no cabeçalho, no rodapé. Agora vamos trabalhar nesse corpo principal, que já nos forneceu seu modelo de design de três conjuntos. Eles adicionaram todos esses elementos. Combine tudo junto, obviamente vou editá-lo. Essas são as áreas que definirão nosso conteúdo ou design. Tudo aqui, obviamente com base em cada página. Vamos começar editando esse controle deslizante aqui. O controle deslizante consiste em um alelo de imagem sobre uma animação sutil, pouco de texto e selecione-o e edite-o e alimente-o de acordo com o que Bree se refere. Então, nessa primeira opção, a imagem será colocada, ela usará o diretório Unsplash dentro do ODU. Essa tecnologia. E vamos apenas especificar que queremos uma imagem do unsplash. E não teremos fotos ali mesmo. Tudo a ver com tecnologia de uma forma ou de outra. Uma delas ficou um pouco perdida quando eu estava selecionando uma imagem ou imagens para serem bonitas. Nada mais, tanto no rosto. Talvez selecionemos isso e vejamos como o LEA ou um travesseiro filtram acima da imagem na parte superior da imagem. Então parece que não parece muito. O rosto. É o posicionamento. Depois, há alguns filtros que podemos aplicar, começando com o desfoque, que desfoca a imagem. Assim, você pode ver os textos e os mencionados com mais clareza do que os outros filtros de cores. E vamos deixar os filtros por enquanto. Acho que eles mencionaram é cultivado. Essa é a largura. Você pode aumentar ou diminuir a largura. Aumente a largura. Música, a imagem é menor, mas está ocupando um pouco de espaço para a qualidade. aumentos também diminuem ou aumentam sua qualidade com base no controle deslizante. Então temos a paralaxe. Adoro o produto, então selecionarei um pouco de paralaxe para permitir que a imagem role quando você estiver rolando. Sophia aumenta a intensidade. A pontuação será maior, mas a imagem será ampliada mais. No momento, a imagem está rolando. Então, para a escola, eles precisam imprimir a imagem mais voltada para a tela. A intensidade do ombro era média. Vou incluir isso ou alterar esse elemento de formas. Podemos alterá-lo ali mesmo, mas vou simplesmente removê-lo e trazê-lo novamente. Então, podemos começar da estrela. Remova-o e fizemos uma parceria novamente. Então, podemos selecionar um bom filtro aqui. Já passei por isso novamente mais cedo, então vamos passar por isso novamente. Os marcados com um ou animados. Então você pode ver algumas estimativas de luz. Uma vez que você deve a eles, você pode vê-los. A maioria deles é bastante brilhante, especialmente com a nossa cor principal. Mudará as cores. Como chuva e outras coisas. Talvez possamos passar para o próximo. São sutis. Não esses. Talvez espaço oco. Parece bom. Nem tanto. Pode invertê-lo novamente. Quero dizer canto da imagem. Apenas deixe isso aí. Eu também posso mudar as cores, mas as cores são apenas realçar e ver. Eu não sei. Ok, acho que vamos deixar as coisas do jeito que está. Pequenos. O conteúdo intermediário pode ser novamente, resignado à SAP ou pode ser distribuído. E terminou o botão de rolagem lá embaixo. Ao clicar nele, você ocupará espaço abaixo. Novamente, esse botão pode estar disponível ou ser visto como uma visibilidade, pode estar lá com base em nossas preferências. Já passamos por isso antes. Vamos mudar o texto. Bem-vindo à coação. Veja, oh, não, não, não, não. Cursos. Vamos em um movimento que mudará o estilo do botão. Então, podemos descobrir como eu posso colocar um link ou, agora, vamos simplesmente mudar a aparência dele com base em nossos botões consistentes para chatear ou principalmente nos links. Mude isso ou salve-o e veremos como fica. Tudo bem, então é assim que as mudanças visuais que faremos são continuar editando. Vou descer mais abaixo e tentar acabar ou ajudar mais blocos que se encontram no lado direito. Pise neste título. Cada elemento vem com uma imagem simples de símbolo de texto. Você pode mudar. Então, vamos substituir essa imagem. Remova a imagem e colocaremos, mais uma vez, um design simples. Algo exigirá algo quase mais simples desta vez. Posso levar essa animação para ele. Parece muito bom. Você pode selecionar uma característica do tema ou por algum gradiente de cor com base em nosso esquema de cores. Próximo ou colorido. Bom. Não tenho certeza se gosto de aumentar a altura e usar o menor tamanho e diminuir o tamanho da fonte. Muito grande para esse tamanho. Certo? Coisa. Alteramos o tamanho do formulário. C. Tão pequeno. Ok, isso soa bem. Vou mudá-lo para branco. Para ir e mudar a cor de fundo. O branco não parece muito bonito. Existem? cota do Looks se destaca ou salve-a e veja como fica. 13. Como criar um site com o Odoo-Main Odoo-Main 2: Lá vamos nós. É assim que parece. Muito sutilmente e isso é bom. Legal. Tudo bem, voltamos a isso. um pouco no controle deslizante ou no texto Pense um pouco no controle deslizante ou no texto e você terá o título. Belo plano de fundo animado e, em seguida, seguiremos em frente e alguns textos abaixo podem ser uma pequena descrição abaixo do título. O bloco selecionará esse elemento, que podemos vender e arrastar em todos os períodos. Uma área repentina na página onde mostra que é para onde ela irá. Mas então, desde que você tenha selecionado e arrastado e não deixe tomates e apenas esteja lá e possa colocá-los em qualquer lugar, ou você pode retirá-los e selecionar outra coisa e volte novamente e faça o mesmo processo de novo. Então, mendigo para o feixe Tx, o feixe é a altura de 5000. espaço dos estudantes apenas o minimizará. Pode ser qualquer coisa, poderia ser aumentada, poderia diminuir a escola e dizer selecionar algo e ela me ajudou a ver aquela caixa lá. É assim que eu sei que há uma caixa de ferramentas e seleciono para alterar esses detalhes. Três colunas das duas. Visibilidade que você está passando por isso. Há um metro selecionado. Então, mudamos a cor de fundo. Puff branco, de preferência, ou poderia colocar uma imagem de fundo, selecionar algo dos meus braços, ir até lá ou substituí-la. Não estou muito claro sobre a quantidade. Os mesmos filtros que tínhamos anteriormente, deslizam, todas as imagens serão reproduzidas da mesma forma. Quanto à vitamina, até St. Louis. Bordas ao redor dos cantos. Viva as mesmas formas aqui ou podemos colocar vídeos. Vídeo imediatamente. Dependendo do tamanho e da otimização do vídeo, eles estarão visíveis quando você realmente publicar o site. Deixe-me selecionar algo tão simples para esse bloco. Ou talvez deixemos isso claro. Vamos dar uma olhada nas opções. Quando selecionamos o bloco inteiro, as opções que obtemos de cada bloco. Temos mais opções para selecionar o bloco inteiro. Cada bloco tem suas opções logo no topo. E exclua o bloco. duplicar o bloco. Usando esse ícone. Podemos conectar ou desconectar a aparência em um telefone ou talvez não seja visível na espuma. Bloquear. Esse bloco pode ser usado novamente com as mesmas configurações. Você pode aplicar um link no mesmo bloco. Portanto, todo o bloco é realmente clicável. Excluí isso e voltaremos a ele. Mais uma vez. Leia algo aqui. Números ou desculpas podem nos dar uma ideia de quantos cursos temos, quantos alunos tiveram. Basicamente, os números que definem o aluno ou a academia, então podemos ter essa pequena área de preço, certo? Nós vemos esses sites. Pode selecionar cada gráfico de comparação. E eu fiz isso. Vou aumentar as colunas, mudar as cores novamente. Pode mudar. Podemos adicionar todos os elementos que vimos anteriormente. Algo muito básico aqui para fazer sons muito altos, ok, parece bom. Essas áreas de sombra. Você pode colocá-lo em muitas animações. Você já viu essa animação, mas o logotipo e o rodapé mesma animação. Pedigrees chegando aqui. Eu estava ciente e você vê a animação acontecendo. Feliz, você pode selecioná-lo. Isso é legal por enquanto. Podemos ler algumas das áreas que são mais selecionadas pelos CMOs. Vamos dar uma olhada na possibilidade do que está lá. Essa área é chamada de mercenária. Então, vamos selecionar meu cenário. Você tem opções para selecionar todos os vários blocos ou a aparência dos vários blocos missionários. Esse estilo específico pode ser aplicado um bom site de curso, talvez opções de como os cursos são, um pouco de texto deles. Podem parecer bons e fáceis dois cursos e, em seguida, pode haver um botão abaixo para cursos pequenos. Vou me livrar desse bloco em particular. Eu poderia excluí-lo das opções ou lê-lo ali mesmo. Acima do cara, eles sumiram. Você tem coisas extras lá embaixo. Eu posso selecionar esse bloco em particular e aumentá-lo. Usando essa flecha. Posso clicar e arrastar esses ícones e empurrá-los para cima ou para baixo. Então, agora, essa coisa surgiu. Então, esse é o nosso total bruto textos completos da biblioteca que surgiu logo ao lado do rodapé. Assim, podemos empurrá-lo novamente ou empurrá-lo para baixo. Apareça novamente. Então, o que faremos é tornar isso simples. E desculpe por se livrar desses elementos extras. Sim, não acho que usaremos uma seleção visual. Certifique-se de selecionar o bloco certo. Então, eu sei que você selecionou o bloco, vou excluí-lo de lá. Preso com isso, selecione-o e exclua-o, partiu daí. Agora temos uma página atraente ou tão boa quanto aranhas e eu estava no lugar ver até mesmo como fica. Talvez nossa página inicial esteja praticamente pronta. Clique no botão, vai para a página Fale conosco que já foi programada por linha, mas você pode alterá-la. 14. Como editar conteúdo no Odoo: Bem vindo de volta. Esta página antiga que construímos até agora. Vemos muitos elementos aqui dos módulos em todas as seções. Todas essas foram seções relevantes e podemos importá-las ou integrá-las prontamente sem muitos problemas. Acima, vemos um menu que sempre nos forneceu. Essas são as páginas que você selecionou. Primeiro construindo um site. Essas páginas estão lá apenas para nos guiar ainda mais. Nós podemos usá-los. Ou, novamente, como vimos, pode mudar totalmente tudo, todo o conteúdo ou o design. Mas isso nos dá um bom interior, uma boa ideia do que ou como poderíamos criar a página. Também darei uma ideia de como, que tipo de imagens podemos usar. O texto do layout. Veja aquela imagem lá em cima, o banner embaixo do menu. Muito magro. Parece bom. Ele fornece o plano de fundo do título. Tudo está lá, então é uma boa ideia. Às vezes, você pode levantar alguns elementos daqui e usá-los. Agora, de acordo com o trabalho na primeira página, vamos trabalhar mais sobre como podemos editar conteúdo para criar ou criar e desenvolver o resto do site. Bem-vindo e edite isso no Banner. E podemos simplesmente clicar em qualquer lugar e alterar esse elemento específico. Mude o tamanho. Um pouco de fontes extra grandes. Altere o tamanho da fonte. Seis. Ok? Então, configure essa imagem e brinque um pouco dela. Pesquise a fonte IP do leasing por algo corporativo. E garantiremos que selecionaremos a fotografia. Digamos que. Vamos pegar isso. Do jeito que fazemos com os planos de fundo. Temos a opção de adicionar animações e layouts à imagem ou imagens. Você pode enviar uma forma muito adequada, uma forma animada aqui. Isso deve melhorar a aparência da imagem , dependendo de onde nos baseamos, pode não ter sido necessariamente aplicável a você, chateado pelo que está fazendo. Se você estiver trabalhando em um site corporativo que não se encaixa em nada , ele pode fazer algo mais sutil. De todos os vestígios daquele velho que nos deu. Às vezes você pode ser difícil, mas essas são as opções que estamos analisando no momento. Selecione qualquer um deles para ver algo muito legal. Se for colocado no site certo. Muito, muito bom. Os mesmos filtros aqui. Existe em toda a quantidade. Os mesmos recursos de configuração praticamente encerraram essa animação. Então, quando a página está carregando, mas todo o conteúdo, as próximas imagens são provavelmente alguns dos elementos que podem desaparecer ao mover minha fuga. Então, simplesmente não saia de lugar nenhum. Então, mude esse botão para atirar no resto dos botões e eu enviarei para frente e dispararei as pernas pela lateral. Agora que você viu mais antigo, nos fornece imagens e textos já existentes. Quero dizer, parece um pouco perdido, mas tudo bem. Depois de salvá-lo, ele entrará em vigor. A área de gerenciamento de área da equipe, área de equipe, eu poderia chamá-la. Funcionários ou equipe de funcionários aqui. Mas então nós simplesmente voltamos para baixo. Bloco Reagan de listas de referência. A equipe voltará, mas traremos o globo de referência agora mesmo. Veremos logotipos. O uso pode ser logotipos, clientes ou parceiros. Associados apenas acompanham. Todos esses logotipos são colocados em um módulo. Mas, novamente, podemos selecionar esse logotipo e editá-lo separadamente. Eu posso selecionar esse logotipo. Em vez disso, trarei meu logotipo. Por enquanto. Meu logotipo é muito grande aqui. Então, temos toda a edição. Ele está lá. Você pode ver que começa com referências, depois chega à coluna e depois à imagem. E aqui temos a imagem com essa menor, embora nos dê uma maneira, mas temos opções para mantê-la aqui. Já vimos isso antes. O racialismo soda, então mude isso e realmente o redimensionarei. Usando este dimensionador imaginário automático embutido. Redimensionar isso. até aumentar o número de logotipos aqui na parte superior, onde está escrito colunas. Ali no canto superior direito. Podemos aumentar as colunas. Então, por enquanto, vamos deixar isso aí e voltar para nossa seção de equipes da seção de gerenciamento. Podemos entender que agora você vê quatro membros que podem selecionar isso e duplicá-lo usando o ícone duplicado ali mesmo, mas é gostoso. Reabilitação ou duplicação. Todo o texto é uma tabela e imagens editáveis. Você pode colocar toda a nossa inflamação, colocar as imagens que são semelhantes. Portanto, toda a área de edição é basicamente o fluxo do processo é exatamente o mesmo em cada elemento. Basta experimentar o máximo que pudermos com o experimento do filme, quanto mais trabalharmos nele, mais 0s se sentirá ao construir nosso próprio projeto. Ou imagens de idade menor, efeito de rolagem. Sempre tente usá-los. São mais de quatro membros e nosso logotipo é que qualquer forma, havia uma grande piada. Ótimo. Ok, então vamos rolar para baixo. Como estamos usando alguns elementos aqui com a faculdade, vamos apenas removê-los. Portanto, a base parece mais limpa. Mais sobre esse extra, principalmente de todos os parálogos. Exclua uma das equipes. Manteremos as referências. Em vez disso, traremos mais um elemento que não tocamos. Agora. Vamos ver. Traremos os tribunais e poderemos trazer os tribunais ou referências CEO ou depoimentos que nos são dados por nossa clientela ou parceiros. Nós arrastamos isso. E é isso que nos dá três controles deslizantes, só que mais leves. São três controles deslizantes e está oferecendo um slide que oferece um design diferente. Poderíamos selecionar qualquer um deles. Então, uma vez que rolamos, rolamos usando essa guia específica no lado da edição, nós a rolamos. Deixe-me ver que cada slide tem uma área diferente. Novamente, vamos estragar todas essas mudanças, todos esses botões de edição aqui A melhor coisa que eu geralmente gosto de fazer é se eu souber, se eu souber, vou pegar um design repentino e deixar o resto. Então, é mais fácil para mim editá-lo, a menos que, se eu quiser, comece a parecer diferente. Eu prefiro que todos sejam parecidos. Então eu os excluo usando essa área. E eu mantenho um de acordo com o que eu quero. E então eu duplico design da minha antena, que estamos usando na página inicial. Mais arriscado do que tínhamos. Mais um e tudo o que segue o design seguido. A menos que, novamente, queiramos ir até este slide e alterá-lo ou lá para que possamos alterá-lo um pouco individualmente. E é assim que parece atualmente. Rapidamente, vá e edite este jogo. Desta vez, vamos aprimorá-lo. Selecionará o texto e o mudará para algo. Algo bom, certo? Podemos colocar todos esses detalhes. Podemos mudar tudo o que está associado. O que eu gostei do nome, também pode mudar a imagem. Da pulseira humana lá. Novamente, as mesmas configurações se aplicam a todas as imagens. Eu posso trocar a caixa azul. Eu posso mudar as cores. Você também pode colocar um incomensurável lá. Temos modelos prontos para isso. Ampliar. Parece bom, melhor para odores coloridos. E isso é tudo menosprezado. Então, vamos guardar isso e ver como fica junto com o resto. 15. Como adicionar páginas -Parte 1: Ok, bem vindos de volta, pessoal. Agora examinaremos as páginas, como adicionar páginas. Se vi isso antes, mas vou entrar em detalhes. Vá para o menu nas propriedades da página que nos fornecerá essa propriedade específica da página e, em seguida, poderemos duplicá-la facilmente. Temos uma página do mesmo tipo, cópia exatamente exata. Eu posso chamá-lo de qualquer coisa. Por enquanto. Deixe isso e no momento em que receba. No menu. Posso remover as propriedades e garantir que, enquanto a página não estiver ativa, não apareça lá. Ou talvez Rolando apareça lá, está tudo bem. Vou apenas salvá-lo e depois voltar para a página principal. Nesse ponto, a página mostra algo inédito. É claro que não foi publicado. Portanto, continue trabalhando nisso. Ou você pode disponibilizá-lo para que as pessoas o vejam. Podemos publicá-lo aqui ou acessar as Propriedades da página e publicá-lo a partir daí. Então vá até lá e veja as propriedades em publicar, publicar, publicar. Portanto, temos a primeira opção que nos permite removê-la do menu superior. Então, também podemos usá-lo como página inicial. O índice é por meio de seu SEO. E, obviamente, precisamos selecionar a data e a hora em que gostamos que fosse publicado no futuro anticoncepcional ou B lá. Você também pode configurá-lo para ficar visível para determinados usuários. Por enquanto, vamos deixá-lo lá. Apenas descarte-o. Qualquer alteração como parte. Basicamente, é assim que podemos adicionar outra página. Em seguida, adicione outra página usando o novo link. Você já viu isso antes. Então, podemos adicionar o patriarcado aqui, mas esta página ou vulnerável vê uma página vazia. Vamos apenas dar um nome a ele. Essa extensão de dois. Podemos mudar o nome ou o título, a praia no menu. A partir daqui. Vamos deixá-lo no menu por enquanto, para facilitar o acesso. Mas agora as páginas estavam vazias. Velho que não nos deu nada porque nós não fazemos isso. Nós não o replicamos. A praia, nem a selecionamos como modelo da ODU. Então, consideramos isso uma página vazia, o que é bom. Podemos construí-lo sozinhos. Temos todos os elementos lá. Então editado. E começaremos a criar a página. O que eu quero fazer é nos concentrar em obter uma página de contato, que nos permite ver vários módulos na área dinâmica. Além disso, trouxemos a imagem de paralaxe. Deixe-o rolar ou alterar a imagem. Aqui. Mantenha esse. Escrevi algo a ver com conteúdo. Realiza todas as categorias em conjunto. Então, o que faremos é selecionar todas as fotografias que sentimos falta de serem despejadas. Selecione essa opção. Conduta significa diferente. Estranho, OK, vamos aceitar isso. Ok. A imagem já foi alterada, o back-end. Então, diminuiremos a intensidade. É um filtro de cores Atualmente, assim como o escuro. E você pode alterar uma aplicação na frente de ambas. Porque vamos selecionar uma cor e depois diminuir a opacidade. Essa coisa faz com que o gradiente fique melhor. Use. Então, deixe isso pra lá. Muitas vezes mantemos certas áreas, por exemplo, cabeçalhos, texto, então elas precisam estar lá. Então, vamos manter isso e brincar um pouco com isso. E tem o paciente aqui, o que será simples. Então, vamos deixar assim. Diminua a caça. Aumente isso. Nós mantemos esse. Altere esse texto para ocasionalmente a página Fale conosco. Incrível. Então limpe tudo. Bom. Vou voltar para os blocos, arrastando um formulário de contato. Mas então eu acho que antes disso foram tiradas de colunas. Eu costumo trazer essas três colunas dependendo das minhas necessidades. Então, agora você precisa de duas colunas, então nós as criaremos também. E também exclua todo o conteúdo extra de cada um deles. A imagem lá, o que eu faço, eu entro em uma coluna específica, depois desço até o módulo de imagem abaixo da coluna, e acredito nessa imagem. Portanto, eu não excluo a coluna inteira, apenas excluo a imagem que faz parte da coluna. Então, digamos, imagem. Farei o mesmo lá porque não preciso das imagens no momento. Eu tenho esse texto ali. Vou trazer meu formulário aqui para que eu possa trazer aquele Foreman. E esses são meus telefones. Agora será solicitado que você o faça para editá-lo. Novamente, selecione o formulário inteiro ou pode selecionar cada campo e você seleciona o formulário. Temos propriedades para o formulário lá. No lado direito. Embora as propriedades da forma regular, os atributos vistos em todas as formas as apresentam de forma muito simples. Mas visite de forma muito eficaz. Durante essa nossa forma. Pode alterar essas propriedades dependendo de como você as usa. Os principais são os principais no topo. Por enquanto, vamos apenas selecionar o texto para. O rótulo é, digamos, seu primeiro nome. Depois, podemos ocultar o rótulo, onde está no topo, ou podemos colocá-lo do outro lado. Eu prefiro esconder que parece mais limpo. E então o que podemos fazer é usar um espaço reservado. Placeholder traz o nome ou o título para dentro do campo e ela parece muito mais limpa comparativamente. É isso mesmo. 16. Como adicionar páginas-parte2: O que podemos fazer é colocar um espaço reservado. espaço reservado traz o nome ou o título para dentro do campo. Ela parece muito mais limpa comparativamente. É isso mesmo. É sempre possível adicionar outro campo aqui. Digamos que adicionaremos o texto no formato LastName. Isso segue as mesmas propriedades do primeiro espaço reservado. E também têm uma pequena descrição. E se o campo não for muito autoexplicativo, podemos exigir que possamos alterar nosso endereço de e-mail para lá para onde o formulário será enviado. Depois de clicar no formulário, ele precisa nos redirecionar para nada nenhuma das páginas ou exibir uma pequena mensagem diretamente nesta página. Uma vez que selecionamos a base e colocamos um link aqui para a página atualmente, é isso. É para lá que o formulário ou o usuário serão direcionados após anos de envio do formulário. Assim, podemos formar nossa própria página. Você pode editar essa página. E podemos deixar que as fórmulas sejam melhores onde quisermos que ele vá. Então, salvaremos essa página e veremos como ela fica. Imagem de paralaxe aqui. Agora, o que faremos é que os detalhes de contato ainda vejam as páginas não publicadas, editadas. Voltar à edição dos detalhes do contato. Mude o texto aqui. Desculpe por isso. Vou simplesmente desfazer aquele link ali. O topo. Saindo, envie-nos um e-mail, leve-nos ao telefone. E então aqui estão meus dados de contato e entre em contato conosco trazendo um texto extra para colocar um até os detalhes. Mas também podemos selecionar esse texto específico e você pode editá-lo e colocá-lo até obter detalhes ou quaisquer outros detalhes. Então, ter um endereço de metal aqui, essa barra dianteira, para trazer para outros lugares. Nenhuma. Aí está você. Alguns endereços, eles são como o Dave, eu aumento a fonte, mudo o formulário abaixo do meu vermelho. Lá vamos nós. E leve fórmulas de tesoura lá. Vamos parecer um pouco diferentes e não falar muito alto. Algo muito bom aqui. Pode selecionar uma dessas áreas e, em seguida, aplicar uma cor de fundo semelhante ao elemento anterior. Você não deve fazer com que pareça perfeitamente contínuo. Salton, aquelas linhas onduladas lá em cima. Olha, continua a partir daí. O elemento mudará a cor aqui. Parece que é um recipiente, parece pequeno. Então, isso é tudo página de contato e salve isso e veja como fica. Talvez continue inédito. Mas estamos fazendo todas as mudanças. Está economizando. E eu também tenho um link no menu. Então é assim que parece. E publique-o agora. Olá, o buffer não fez nenhuma diferença, mas está mais disponível. Está publicado e está acessível. Mudando a letra maiúscula, na verdade, mudando o nome. nome pode ser o mesmo ou qualquer outra coisa, não importa. Também vamos mudar o nome principal e o menu. Pneumonia porque você não precisa deles. Mais seguro. Embora tenhamos excluído oh, página do menu. As páginas ainda podem ir para Gerenciar páginas e ver todas as nossas páginas criadas anteriormente. Vamos excluir uma página daqui que não estará disponível. Caso contrário, você pode ver todas as idades aqui. Esta é uma página de contato que criamos para que também possamos acessar a original e editar nossas áreas ou elementos a partir daqui. Essa poderia ser uma opção mais fácil. Tudo está pronto. Sempre posso editar coisas ali mesmo. Voltaremos ao conceito de espaço que criamos e adicionaremos mais um elemento. Um importante, o mapa de localização. Acabei de copiar o código, que vou incorporar usando esse elemento de código incorporado no conteúdo dinâmico. Então clique e arraste, clique e arraste aquele. Diz que substitua isso pelo seu próprio código de streaming. Então, vamos selecionar isso e colar nosso código, que eu tirei do Google Maps. Então, o que eu tenho que fazer é copiar esse código do Google Maps. Eu vou colar lá. Agora, geralmente o 640 mais antigo é, a largura é bem pequena, então vou alterá-lo aqui. Você pode alterá-lo para qualquer tamanho que desejar. Tenho certeza de que há grande parte da página. Veremos que o mapa é tão fácil quanto isso. Novamente. Coloque um pouco de cor no fundo, alguns efeitos. Mas a linguagem corretamente. Mas acho que está tudo bem. Então, o mapa de localização está lá, rips. Muito bem, defina isso como nosso código simples. E você pode incorporar qualquer coisa , desde que o código esteja bem definido e compatível. 17. HTML, CSS e WhatsApp: Bem vindo de volta. Foi assim que eu cronometrei o evento nos recursos. Eu já vi a maioria deles. Agora, voltaremos à edição principal, ao menu de páginas, mas voltaremos à personalização. Primeiro. Examinamos a área de visitantes do rastreador clicamos nela e depois a movemos. Ele está ativado por padrão e pode trazê-lo de volta. Isso nos permite ver quantas pessoas visitaram um site e quais são os detalhes básicos. Embora nos forneça alguns detalhes básicos, que veremos em breve. Então, chegamos ao painel e vamos porque é. Então, atualmente, vemos apenas um. Obviamente, temos um critério que diz que, nos últimos sete dias, por padrão, podemos mudar isso. Mas atualmente, como você não comercializou o site, você só me vê visitando. Pode, de alguma forma, para alguns mecanismos de busca. Outra pessoa viu isso. Então esse é o visitante do site 20. Mas, novamente, isso também seria eu porque o resíduo anterior sou eu. Sabemos disso porque eu tranquei. Mas aqui eu posso ter visto o site sem fazer login. Então, ele mostra meus detalhes ou o que eles escolheram, meus detalhes apenas sobre aqueles em que eu entrei. Então, aqui estão os detalhes extras, o nome ou o login. Ou pode apenas dizer que eu sou o número de visitante do site, então há uma página que você está visitando data para que possamos ver quantos visitantes visitam nosso site, de que país você é, e quais páginas são mais interessantes. Voltaremos a essa personalização e depois ao editor HTML CSS JS. Você já viu isso antes. Mas agora vamos ver algo extra. Então, no fundo, esse editor nos permite editar o site usando código de edição HTML, XML , CSS, JS. Se eu estiver familiarizado com isso, posso fazer muitas personalizações. Esses são os módulos , eu diria, páginas que podemos selecionar e editar com base em nossos requisitos. Então, se vocês estão familiarizados, podem ir em frente e brincar com isso. Então essa é a parte do HTML. Então, se você clicar no menu, verá a área CSS. Normalmente, os únicos dois módulos que você precisa selecionar. A segunda, uma regra personalizada. E podemos colocar todo o código CSS com base no HTML. Os módulos de bancada que temos. Atualmente, essa área de rodapé ou um código de rodapé está lá, mas está sempre lá por padrão, mas está desabilitado. Então, vamos ativá-lo e ver o que vemos no rodapé. Uma vez que habilitamos isso. Habilite isso. E eu vou guardar isso. Nós rolamos para baixo. Veremos o pedido. Eles estão lá. Então, novamente, se você tiver um código CSS, podemos removê-lo ou redefini-lo. Mas se você tiver muita personalização que não a redefina porque tudo funcionaria. Vamos apenas desabilitar isso, cancelaremos isso. De qualquer forma, já tínhamos dito alguma coisa. Então desativei esse código. Salve novamente. Depois de salvá-lo, role para baixo. Você vê a fronteira. É, aí, você vai. Ok. Voltaremos ao editor de HTML. Para isso, acho que vou seguir a forma de incorporar código. Já vimos isso antes. Vamos pegar o código de incorporação. E o que veremos aqui é acasalamento do WhatsApp. Dentro de um site. Já temos código do WhatsApp, HTML e fonte CSS de um site de terceiros. Eles estão todos disponíveis em. Sim, então comece. Agora, o que faremos é incorporar primeiro a parte do HTML. Tudo bem, aqui. Diz para substituir isso pelo código HTML. Então, eu já tomei meu WhatsApp resfriado. Coloque-o ali mesmo, me permite adicionar meu número lá e uma pequena mensagem. Dessa forma. Quando um usuário toca no que está acontecendo neste site, há uma mensagem automática, uma mensagem automática já está lá. Tudo que eu tenho que fazer é enviá-la. E o ícone do WhatsApp já está lá. É muito pequeno. Ou clique nele. Ele tem todos os parâmetros que outras imagens ou ícones tinham anteriormente. Vamos mudar a cor. Vamos pegar o verde. Mas, novamente, não é isso que está acontecendo, mas está tudo bem. Isso pode mudar com outras pessoas. O fundo, eu posso dimensionar, o estilo. Você pode até mesmo mudar o ícone em si, o que eu acho que não queremos mudar. Então salve isso e volte para adicionar a personalização do CSS. Esse código HTML já está lá e o líquen está lá. Mas o CSS vai permitir o WhatsApp, eu posso flutuar dentro do site. O Css nos permite editar tudo aqui por causa do tamanho, da posição. Mas quando você salvá-lo, veremos que agora eu posso , obviamente, é mais visível ali mesmo. Para que eu possa estar lá. Agora podemos tocar nele ou clicar nele. E isso permitirá que nós, ou qualquer usuário, converse com a pessoa associada a esse número no WhatsApp. Tudo bem. Muito baixo. 18. Odoo: Então, o lado positivo está feito. Agora, veremos um aspecto muito importante. Muito adorável. Geralmente, com outras plataformas, você não precisa se preocupar com isso. Mas, embora seja uma maneira muito profunda de colocar o nome deles em todos os lugares, também nos dá uma maneira de sair disso com muita facilidade. Como bloqueamos o site , não o vemos. Mas basta o botão de sair. Na parte inferior. O rodapé. Veremos, embora dando crédito a si mesmos, o que é justo. Se você criar um site, não quer vê-lo lá. Especialmente se for um site profissional tentando se promover. Você não quer mostrar isso aos seus clientes. Então, vamos dar uma olhada novamente. Não, não há link de login aqui. Então, como você faz o login? Você terminou o login inventado em seu URL. E é assim que você faz o login ou seu clipe na tela de login. Então, eu sinto em minhas credenciais 0. Eu volto para o painel do meu site. Depois de entrarmos novamente, veremos que não vemos o recurso de criador automático do seu site, o rodapé. Depois de fazer login, você não o vê, mas está lá. Então, volte para as configurações do nosso painel e vamos estacionar. E clicaremos em ativar o modo de desenvolvedor. Portanto, o modo de desenvolvedor nos permitirá editar o site repetidamente, ele tem muitas áreas, mas vamos dar uma olhada nesse recurso. Vá para o menu técnico. Agora mesmo, apareça. Isso não foi feito antes. Então, vá até a interface do usuário. Agora, apesar das metas, aquela mensagem de promoção da marca. Então, vamos digitar isso e pesquisar por isso. Vou clicar nele e acessar a mensagem Exibir arquitetura para promoção de marca. E só aparece um. Ela é excelente, então não precisamos nos preocupar com mais nada. E esse é o código dessa mensagem de promoção da marca. Se você estiver familiarizado com XML em dias de pouca água. Então, há aquela parte que é muito evidente. Mesmo que você não saiba, o XML mostra o Power BI. E depois há um símbolo de código, esse símbolo qualquer coisa no backend, que sempre garantirá que você não saia dessa janela. Então, o caso diz um erro. Você sempre pode voltar e mudar isso. Então, vamos salvar isso e acessar uma janela privada ou oculta e fazer login na versão de login do site. Então, aqui não estamos logados. Eu vou lá e eles vão esquiar. Há dois que saíram. Ela pode voltar. E agora veja que o lado positivo está rotulado em branco. 19. SEO e idiomas: Agora, veremos mais um aspecto interessante. Isso para o ícone do modo desenvolvedor. Você está logado. Então, ele nos mostra alguns detalhes que podemos ser ativados. Vamos deixar isso por enquanto. O site está pronto, mas precisamos comercializá-lo on-line. Então, vamos promover e acessar o módulo Otimizar SEO SEO. Basicamente, é aqui que colocamos os detalhes do CEO. O que quer que escrevamos aqui, está conectado ao que, qualquer conteúdo que tenhamos na página. Vou colocar meu título primeiro. Aprenda o meu. Há alguns aspectos que são bons se for melhor se houver um fluxo ou conectividade entre o título e a descrição. E, claro, os outros aspectos do ACO que devem existir, devem ser considerados como links, imagens, número de caracteres, muita coisa tributada. Eu tentei combinar algo aqui entre o título e a descrição. Agora, o conteúdo da página não é algo em conectividade ou conexão indireta com o que estamos fazendo aqui. Temos textos simples no site, mas ainda vou tentar te mostrar uma coisa. Veja aqui a descrição, as palavras-chave, o título e o conteúdo da página , se todos precisarem ter alguma conectividade. Então, atualmente aqui, a única palavra-chave IC é aprender online. E bem-vindo aos seus cursos. Então, o que faremos é colocar uma palavra-chave aqui. aprendizado é encontrado em todos os lugares da página, na descrição e no título aqui O que fazer nos dá a possibilidade de onde ele foi encontrado. Então, já está lá. Mas eu seria melhor se eu tivesse colocado a palavra-chave learn ou o título, aprendesse tudo isso online apenas como um cabeçalho. H1 ou H2 um pouco melhor, quanto mais demorar, melhores dias. Quando a colocamos em uma palavra-chave, você precisa garantir que ela seja encontrada em muitos ônibus, em muitas áreas, em muitas áreas da página. E a descrição. Então, o auto também nos oferece opções extras, podemos escolhê-las ou removê-las. Então, temos essas palavras-chave porque agora podemos adicionar quantas palavras-chave quisermos. Ou podemos deixá-los de fora. E também nos dá uma pequena prévia de como ela será exibida nos mecanismos de pesquisa. Mais um. Esse foi encontrado. Algumas áreas. Então, ele nos mostra o que está relacionado a essa palavra-chave específica, a disponibilidade na página ou a descrição somente quando o título. É sempre melhor ter essa conectividade entre várias áreas do site. Então, já temos o título lá. Como sempre, é melhor adicionar outros aspectos, como links, imagens otimizadas, todas as tags, descrição. E isso fará a diferença no seu SEO. Agora, examinaremos rapidamente o outro aspecto dessa seção específica, os idiomas. Embora haja muitos idiomas instalados. Então, vamos lá. A opção de rodapé e silicone. Também podemos obter o back-end e obtê-lo. Mas também podemos ir aqui. Selecionaremos o inglês, EUA, que é o idioma padrão e o adulto. E teremos um menu de idiomas. Por fazer isso. Temos todas as linguagens que o automóvel nos deu pontos fortes. E é algo muito evidente. verdade, existem alguns. O que vou fazer é selecionar italiano nos idiomas automáticos para que nosso site esteja trazendo coisas. Lá vamos nós. Então, o idioma italiano é ativado. E no caso de alguém que não entenda inglês corretamente , você pode escolher um conjunto de idiomas. E você pode passar por isso. Sempre volte e mude de volta para inglês ou qualquer idioma que você preferir preferir ouvir isso. Mas, para liberar, volte e adicione mais idiomas quantos quisermos. 20. O backup, o domínio e o suporte do Odoo: Tudo bem pessoal, bem vindos de volta. É a última seção deste curso. Criamos um site, o desenvolvemos, mas ainda temos algumas coisas para analisar. Muito importantes. A principal delas é que o domínio está em auto.com. Login. Para fazer o login, acesse nosso painel, que, por sua vez, nos levará ao back-end automático. Fará o login e examinará outras opções por lá. A partir daqui, agora se conectará ao painel automático. Vá até lá e acesse meus bancos de dados. Cada aplicativo, cada instalação é um banco de dados. Para analisar isso, não fizemos login no painel, portanto, atribuindo seu nome de usuário e senha. Você deve tê-lo recebido naquele momento e assinar ao configurar o login. E esses são nossos cursos de banco de dados, qualquer matriz, que mostra um logotipo lá para que possamos lutar. Tem aquele botão conectado ali caso façamos login diretamente aqui. E se você tiver mais de um banco de dados e puder se conectar ao nosso banco de dados principal ou qualquer banco de dados com o qual queremos trabalhar. A partir daqui. Se eu clicar aqui, nos levará de volta aos nossos cursos. Então, volte para um banco de dados. Clique no banco de dados e veremos as opções disponíveis. Digamos que banco de dados e podemos duplicá-lo, renomeá-lo. Você pode baixá-lo, o que funciona como backup, mas não nos fornece uma maneira de restaurá-lo. Eu posso baixá-lo e salvá-lo. Caso, no futuro, queiramos restaurar algo. Sempre podemos entrar em contato com a ODU e fornecê-los definidos ou dizer que esse é o backup que queremos. E eles o restaurarão para nós. Nomes de domínio, muito importantes. Chegaremos a isso mais tarde. Vamos seguir em frente agora e ver as etiquetas. Novamente, edite o banco de dados aqui e compartilhe o banco de dados ou podemos excluí-lo e entrar em contato com o ODU. Você acessa esses usuários, grava usuários e move usuários. Agora, o nome de domínio, eu não acredito que você esteja usando O2.com, digamos seus cursos, qualquer matriz staccato.com. Nós não queremos isso. Vamos ver um profissional médico. Não quero usar no domínio. Então, clicamos nisso. E se você não tiver um domínio, um domínio ou domínio pessoal , podemos nos registrar para saber por que eu faria isso. Ou podemos usar o domínio que está disponível conosco, como eu tenho meu domínio. Então eu vou usar isso. Qualquer domínio que eu queira usar, vou colocá-lo aqui. Vou usar meu domínio. Eu criei um subdomínio no meu servidor, o nome dos cavalos ou de qualquer sistema matricial. Vou comer esse domínio. Uma segunda empresa, Stan, embora a defina. Mas teremos que passar pelo painel de controle principal e adicionar o domínio de registros CNAME apontando para esse site específico. Ali. Sim. Estou aqui sob qualquer sistema de dutos matriciais como domínio principal. Então, o que vou fazer é, sob os registros DNS, apontar o registro CNAME desse domínio específico, o banco de dados antigo. Então eu seleciono o registro CNAME. Eu pedi um banco de dados , é claro que é qualquer matriz. E eu quero que meu domínio principal seja Cursos de qualquer sistema de dutos matriciais. Estou dizendo que cursos ou sistemas de pontos matriciais devem apontar para cavalos e o metrics.com, é claro a matriz dos sistemas agora será apontada para cursos e uma matriz. Mas auto.com, uma vez feito isso, aguardaremos alguns minutos antes de começar a funcionar. Aguarde o domínio. A propagação do DNS examinará a área de suporte abaixo do pé, no rodapé, no site da ODU, posso clicar em Suporte. Quando você acessa uma página de suporte é bastante autoexplicativo. Qualquer problema, qualquer problema, qualquer dúvida. Você sempre pode entrar e preencher os detalhes aqui. É muito fácil nos dizer quais são seus problemas. E eles são muito eficientes. Eles respondem em um período muito curto e tentam resolver os problemas de curto prazo da melhor maneira possível, a menos que você tenha algo que esteja abaixo da área paga. Ok. Então, vamos olhar para cima agora. Vou tentar ver se o domínio foi propagado. Atualmente, seus cursos e o matrix.com. Mas agora vou digitar em nossos cursos de domínio que qualquer sistema de pontos matriciais está lá, é propagado. Então, vemos o ponto dos cursos na matriz. O site agora está nesse domínio. É inútil e dominante É meu domínio pessoal. Não é mais automático. O domínio automático está lá. Mas se eu quiser compartilhar com meus usuários, sempre posso dar a eles esse domínio. Não preciso dar a eles esse domínio. Portanto, parece mais profissional e mais janeiro antes que alguém embarque em qualquer área da ODU. Odu, novamente, fornece uma maneira muito eficiente de aprender o que eles fizeram. Sempre podem voltar ao site e aprender como eles colocaram tudo, como oferecem vários aplicativos. Em nosso modo de demonstração, podemos acessar a demonstração em Odu.com e todos os seus aplicativos estão lá para serem testados. Podemos aceitar qualquer implicação, tentar, mexer com ela. Você pode ver todo o código lá. Você pode ver todas as implicações, todos os módulos. Quando, em algum momento, você pode estragar seus erros. E esse aplicativo pode não funcionar no modo de demonstração. Em alguns minutos, ele reinicia e você volta a ele. Mas tudo isso só é possível demo.com e mexer com ele. Se você já o instalou, pode fazer uma demonstração, mas pode entrar e brincar automaticamente com todos os aplicativos. Por exemplo, faz o aplicativo de contabilidade. Todas as funcionalidades estão disponíveis para serem jogadas em todos os seus aplicativos mais antigos e estão muito bem feitas. Seu aplicativo de mídia social também é muito bom. Você pode vincular todas as suas contas de mídia social. Aqui. Estamos no final desta aula agora. Foi uma ótima experiência. Espero que tenham gostado e aprendido tanto quanto eu. Espero que todos saibamos mais. Acesse auto.com saiba mais sobre isso. Aplicativos instalados. Você também pode acessar demo.com e experimentar máximo de aplicativos que puder ver que agora é gratuito. Vá em frente e se desenvolva subdesenvolvido, subdesenvolvido. Obrigada.