Onde está o código fonte da página. Como alterar o código da página no Google Chrome

08.09.2023

O serviço SendPulse é uma ferramenta de marketing para criar uma base de assinaturas e converter visitantes casuais do seu site em visitantes regulares. SendPulse reúne em uma plataforma as funções mais importantes para atrair e reter clientes:
● boletins informativos por e-mail,
● web push,
Correspondências SMS,
●SMTP,
● boletins informativos no Viber,
● envio de mensagens para o Facebook Messenger.

Boletins informativos por e-mail

Você pode utilizar diversas tarifas para a realização de mailings por e-mail, inclusive gratuitas. O plano gratuito tem restrições: a base de assinaturas não passa de 2.500.
A primeira coisa que você precisa fazer ao trabalhar com o serviço de boletim informativo por e-mail é criar seu próprio catálogo de endereços. Defina um título e carregue uma lista de endereços de e-mail.


É conveniente criar no SendPulse formulários de assinatura na forma de uma janela pop-up, formulários integrados, flutuantes e fixos em uma determinada parte da tela. Usando formulários de assinatura, você coletará uma base de assinantes do zero ou adicionará novos endereços à sua base.
No designer de formulários, você pode criar exatamente o formulário de inscrição que melhor atende às suas necessidades, e as dicas de serviço o ajudarão nessa tarefa. Também é possível utilizar um dos formulários prontos disponíveis.


Ao criar formulários de inscrição, certifique-se de usar um e-mail com domínio corporativo. Leia como.
Modelos de mensagens irá ajudá-lo a projetar lindamente suas cartas para os assinantes. Você pode criar seu próprio modelo de carta em um designer especial.


Envios automáticos. Os gerentes de conteúdo usam ativamente a correspondência automática. Isso ajuda a automatizar o processo de trabalho com os clientes. Você pode criar um boletim informativo por e-mail automático de várias maneiras:
Série sequencial de letras. Esta é a opção mais simples quando, independentemente das condições, são escritas várias cartas que serão enviadas aos destinatários numa determinada ordem. Pode haver opções aqui - série de mensagens(cadeia de mensagens simples), data especial(as cartas são cronometradas para datas específicas), carta de gatilho– a carta é enviada dependendo das ações do assinante (abrir uma mensagem, etc.).
Automação360– mailing com determinados filtros e condições, bem como tendo em conta as conversões.
Correntes prontas de acordo com o modelo. Você pode criar uma série de cartas usando um determinado modelo ou modificar o modelo e ajustá-lo às suas necessidades.
Teste A/B irá ajudá-lo a experimentar diferentes opções para enviar uma série de cartas e determinar a melhor opção com base em aberturas ou cliques.

Envio de notificações push

Push mailings são uma assinatura em uma janela do navegador, é uma espécie de substituto para assinaturas RSS. As tecnologias web push entraram rapidamente em nossas vidas e já é difícil encontrar um site que não utilize push mailings para atrair e reter clientes. Solicitar script para , você pode enviar cartas manualmente ou criar correspondências automáticas criando uma série de cartas ou coletando dados de RSS. A segunda opção implica que após o aparecimento de um novo artigo no seu site, uma notificação sobre o mesmo será enviada automaticamente aos seus assinantes com um breve anúncio.


Novo do envioPulso– agora você pode monetizar seu site usando notificações push, incorporando-as anúncios. Ao atingir US$ 10, os pagamentos são feitos todas as segundas-feiras para um dos sistemas de pagamento - Visa/mastercard, PayPal ou Webmoney.
As mensagens push no serviço são totalmente gratuitas. O pagamento é feito apenas para White Label - mailings sem mencionar o serviço SendPulse, mas se o logotipo do serviço não incomoda você, você pode usar notificações push gratuitamente, sem restrições.

SMTP

A função SMTP protege suas correspondências de serem colocadas na lista negra usando endereços IP na lista branca. As tecnologias de assinatura criptográfica DKIM e SPF, usadas nas correspondências do SendPulse, aumentam a confiança nas cartas enviadas, tornando menos provável que suas cartas acabem em spam ou lista negra.

Bots do Facebook Messenger

O chatbot do Facebook está em teste beta. Você pode conectá-lo à sua página e enviar mensagens aos assinantes.

Enviando SMS

Através do serviço SendPulse é fácil enviar correspondências através do banco de dados números de telefone. Primeiro, você precisa criar um catálogo de endereços com uma lista de números de telefone. Para fazer isso, selecione a seção “Catálogo de endereços”, crie um novo catálogo de endereços e carregue os números de telefone. Agora você pode criar um boletim informativo por SMS usando este banco de dados. O preço das mensagens SMS varia de acordo com as operadoras de telecomunicações do destinatário e é em média de 1,26 rublos a 2,55 rublos por 1 SMS enviado.

Programa de afiliados

Implementações SendPulse programa de afiliados, dentro do qual um usuário registrado usando seu link que pagou pela tarifa lhe trará 4.000 rublos. O usuário convidado recebe um desconto de 4.000 rublos nos primeiros 5 meses de uso do serviço.

Tamanho, cor de alguns elementos importantes do blog - como o título do blog ou da postagem, mais etiqueta e assim por diante. Procurei manualmente o código necessário, experimentando o domínio de teste, com base no qual o artigo foi escrito posteriormente.

E recentemente precisei mudar a cor dos links. Depois de examinar um monte de literatura sobre esse assunto, percebi uma coisa simples: cada um dá exemplos de seus próprios modelos, mas todos nós temos modelos diferentes e é bom que o código do exemplo seja pelo menos um pouco semelhante: sem reclamar, Ainda vou encontrá-lo pesquisando - usando o método poke.

O número não funcionou com o código do link. Todos apontaram caminhos completamente diferentes. Eu me perguntei se havia uma ferramenta simples e precisa, como encontrar o código HTML necessário em qualquer site. Muitos blogueiros, mesmo com experiência, têm dificuldade em fazer pequenas modificações no template. Não há nada de errado com isso, pois cada um tem seus próprios interesses e objetivos na criação de um site.

Se você quiser fazer pequenas alterações no modelo, por ex. alterar qualquer título, título de artigos e seções, cor e tamanho de fontes e links, Geralmente é o suficiente para aprender princípio simples, que é discutido neste artigo. Mas também existem casos complexos que requerem um estudo mais aprofundado de html e css, ou a ajuda de um especialista.

Um dia, um conhecido me pediu para descobrir onde mudar a cor do painel de categorias em seu template. Carregou um tópico em um subdomínio de teste. As configurações deste elemento não foram armazenadas em style.css, mas em outro arquivo, portanto, uma pessoa não conseguiu encontrá-lo.

Como encontrar e alterar o código HTML e CSS de um site

Se você não gosta de artigos longos, isto é para você no final do artigo um vídeo tutorial que mostra como você pode ver o código html do site usando o Notepad++ e fazer alterações no design de qualquer modelo usando um exemplo de como alterar a cor da fonte. No vídeo há outras sutilezas de como lidar com um blog. E para quem está mais próximo e claro do texto, abaixo análise detalhada temas com capturas de tela.
httpv://youtu.be/uIlVvwCt2ho

Termos e conceitos

Seria mais correto intitular o artigo “ Como encontrar código css “, mas decidi usar o nome “errado”, porque basicamente a resposta para essa pergunta se encontra em html. CSS e HTML são coisas muito diferentes, embora sejam duas partes do mesmo sistema. Existem muitos artigos técnicos na Internet, aqui bastará entendermos que:

  • HTML— é responsável pela estrutura do site (o que segue o quê, em que ordem, etc.). Esta é a base sobre a qual o site é criado. Se compararmos com uma casa, então esta é a sua disposição, a disposição dos quartos.
  • CSS— é responsável pelo design (quais fontes, tamanhos, cores, etc.). Este é o estilo geral da casa e o estilo de seus cômodos individuais: que tipo de papel de parede haverá, luminárias, cortinas, móveis. Portanto, o documento que afirma códigos css, chamado de "folha de estilo"

E se você está se perguntando como alterar, por exemplo, a cor do título do site, o tamanho da fonte dos textos ou a cor dos cabeçalhos da barra lateral, então você precisa procurar tudo isso na folha de estilos CSS. Esta é a única coisa que vale a pena entender primeiro para que você mesmo possa fazer alterações no código.

Gosto de tornar o complexo simples. Lembro-me de há muito tempo, quando tive meu primeiro carro, ele era muito velho, a fiação estava podre, os fusíveis queimavam muitas vezes e toda vez eu o rebocava até o posto de gasolina. Imagine quanto dinheiro foi desperdiçado, dado que auto-substituição, como se viu, custa um centavo.

Um dia olhei exatamente o que o mestre faz. Ainda não sei como funciona o fusível. Mas eu sei onde mudar isso). Eu não consertaria o motor sozinho e não é difícil substituir o fusível. É o mesmo com sites.

Se você não quer se tornar um programador, não há necessidade de ter um conhecimento profundo de programação. É suficientemente claro para compreender o que se pretende, para quê, onde procurar e como alterá-lo. É melhor mudar o que você puder e deixar todo o resto para especialistas. O artigo sobre possui um link útil sobre este tópico.

Você precisa ser um especialista em tudo?

Muitas vezes há discussões em blogs de SEO sobre se um iniciante precisa ter um conhecimento profundo de HTML ou, melhor ainda, aprender como escrever sites para que tudo seja único.. Bem, eu não sei - cada um com o seu, e aqui o que está mais perto de quem está mais perto. Estou um pouco mais interessado, então agora estou aprendendo mais com Vladimir. Em novembro deste ano, Vladimir abriu seu próprio blog. O blog dele é feito da maneira mais simples, modelo grátis, ele apenas mudou ligeiramente para se adequar a si mesmo.

Após 10 dias de existência, o blog ocupou o 104º lugar no ranking de todos os sites Runet com um tráfego de cerca de 1,5 mil pessoas por dia. Em 10 dias. Então qual é o problema? Vladimir é bem versado em HTML e pode solicitar e comprar um modelo exclusivo. Então você deve entender isso O segredo não está nos modelos, mas na utilidade da informação.

Onde o código HTML está escondido?

Desculpe a digressão, voltemos aos nossos códigos). Digamos que você queira alterar a cor da fonte do título do seu blog. Vejamos o exemplo do meu site de teste.

  1. Abrindo o site em um navegador Google Chrome (se você ainda não usa, instale-o - é bem projetado para trabalhar com sites, possui muitas ferramentas integradas).
  2. Passamos o cursor do mouse sobre o elemento que vamos alterar . Neste caso - o nome do blog. Clicamos com o botão direito sobre ele e na janela que aparece, selecione VER CÓDIGO DO ELEMENTO.

IMPORTANTE: não confunda isso com VISUALIZAR O CÓDIGO DA PÁGINA! Não precisamos da página inteira agora, apenas elemento separado.

Clique nele - uma janela de visualização do código aparece na parte inferior do navegador:

A linha de código que estamos alterando está destacada em vermelho.

Mas a área destacada em azul contém o que procuramos. É aqui que você pode encontrar a linha de código exata (não aproximada) responsável pelas fontes, cor, tamanho, destaque, etc. Desta forma você pode descobrir QUALQUER código de qualquer elemento de qualquer modelo.

Encontre a linha desejada no bloco destacado em azul. Há um controle deslizante à direita, você pode rolar e encontrar a linha que precisa.

Princípio geral onde procurar algo:

Nome da fonte - na linha FONT FAMILY

Tamanho da fonte - na linha FONT SIZE

Cor da fonte - na linha COLOR

Aqui estão três linhas principais nas quais o nome, o tamanho e a cor da fonte de qualquer elemento mudam. À direita, no estilo linha css, é fornecida a posição da linha no documento. Se você precisar alterar algum outro elemento (por exemplo, você precisa descobrir onde está a linha onde você pode alterar a cor da barra de menu ou a cor dos links), tudo é feito exatamente igual.

ATENÇÃO:

A linha que iremos copiar está destacada em vermelho na figura,

para que você possa encontrá-lo posteriormente na folha de estilos.

4. Copie a linha. Como neste exemplo queremos mudar a cor do nome do site, copio a linha destacada no retângulo vermelho da segunda imagem. No meu template, ele é responsável por alterar a cor do título do site:

#header h1 a, #header h1 a:visitado (

Encontre a linha necessária no arquivo “folha de estilos (style.css)”. Isso já é feito no painel de administração. Peço veementemente que, embora não haja confiança e entendimento completo, todos os experimentos sejam realizados em um subdomínio de teste para excluir .

Então, vá ao painel de administração: CONSOLE - APARÊNCIA - EDITOR. Na barra lateral direita encontramos o arquivo STYLE TABLE (STYLE.CSS), abra-o.

Agora abra a linha de pesquisa usando as teclas CTRL + F: uma janela de linha vazia aparecerá na janela superior. Colamos nele a linha que copiamos na etapa 4.

E você verá como esta linha ficará destacada na folha de estilo (em laranja na imagem):

Fazemos uma alteração no elemento. No nosso caso estamos alterando a cor da fonte, então na linha COLOR substituímos outro valor - a cor que desejamos. No exemplo, a cor é preta, seu significado é:

Você pode escolher uma cor em qualquer serviço de paleta de cores da web: digite “Paleta de cores da web” em um mecanismo de busca e selecione a que deseja. Selecionamos uma cor, copiamos seu valor digital e substituímos cuidadosamente pelo antigo. depois disso clicamos em ATUALIZAR ARQUIVO e vamos ver o que aconteceu.

Se as alterações não forem exibidas, passe a última hora e volte para a página - desta vez tudo deve ser exibido.

Demora muito para descrever, mas na prática tudo é feito rapidamente, principalmente quando surge a habilidade inicial.

Mais detalhadamente, como alterar determinados elementos:

Por hoje é tudo, não vou mais incomodar vocês com códigos. Espero que agora você mesmo possa encontrar e alterar facilmente qualquer elemento do código html, ou melhor, do código css - que os especialistas me perdoem por simplificá-lo. E se você não descobrir, ainda visite a página. Não perca seu tempo com bobagens.

Sugiro assistir ao vídeo do Artem Abramovich sobre como pesquisar e encontrar qualquer palavra ou elemento em qualquer tema/template, para qualquer mecanismo (wordpress, joomla, etc.) e substituí-lo pelo que você precisa:

Por favor, compartilhe se você gostou:

Você também pode estar interessado em saber:


Instruções

No Mozilla FireFox, expanda a seção “Visualizar” no menu e clique em “Original” código" O mesmo item também está no menu de contexto, que, se você clicar com o botão direito no texto páginas. Você também pode usar o atalho de teclado CTRL + U. Mozilla FireFox não usa programas externos - original código páginas com destaque de sintaxe será aberto em uma janela separada do navegador.

No navegador Internet Explorer Clique na seção “Arquivo” no menu e selecione “Editar no Bloco de Notas”. Em vez do nome Bloco de Notas, outro nome pode ser escrito, você o atribuiu nas configurações do navegador para visualizar o original código UM. Ao clicar páginas clique com o botão direito desaparece menu de contexto, que também possui um item que permite abrir o original código páginas em um programa externo - “Ver HTML- código UM".

No navegador Opera, abra o menu, vá até a seção “Página” e você terá a oportunidade de selecionar “Fonte” na subseção “Ferramentas de Desenvolvimento” código"ou o item "Original código quadro." Essas seleções recebem as teclas de atalho CTRL + U e CTRL + SHIFT + U, respectivamente. Em um menu de contexto vinculado a um clique páginas clique com o botão direito, há também um item “Inicial código" Fonte da ópera páginas em um programa externo atribuído no sistema operacional ou nas configurações do navegador para edição de arquivos HTML.

O navegador Google Chrome sem dúvida tem a melhor organização para visualizar o original código UM. Ao clicar com o botão direito do mouse, você pode selecionar Exibir código UM páginas"e então o código-fonte com destaque de sintaxe será aberto em uma guia separada. Ou você pode selecionar a linha “Visualizar” no mesmo menu código elemento” e na mesma aba abrirá dois frames adicionais nos quais você pode inspecionar HTML e CSS código elemento páginas. O navegador responderá ao movimento do cursor pelas linhas código e, destacando elementos na página que correspondem a esta seção do HTML código UM.

No navegador Safári da Apple expanda a seção “Visualizar” e selecione a linha “Visualizador HTML” código UM". No menu que aparece quando você clica com o botão direito, abra páginas, o item correspondente é denominado “Ver fonte”. As teclas de atalho atribuídas a esta ação são CTRL + ALT + U. Original código em uma janela separada do navegador.

Fontes:

  • como alterar chaves atribuídas no firefox

Muitas pessoas, tendo encontrado dificuldades em jogos de computador que não conseguem superar, utilizam códigos especiais para resolver este ou aquele problema ou simplificar o jogo. Um código de trapaça é um código que pode ser inserido em um jogo de computador para alterar o curso de sua operação. A inserção de tais códigos é feita reproduzindo um determinado texto (composto por letras ou números) no teclado. Você também pode inserir texto em áreas especialmente designadas (menu do jogo ou console). Como posso encontrar o código do jogo?

Você vai precisar

  • Internet

Instruções

Considere o primeiro método usando o exemplo popular http://chemax.ru. Para encontrar um código para um jogo específico, clique na guia “Cheat Codes” e selecione “For”. Na janela que se abre, você pode inserir o nome do jogo em uma janela especial (o que facilitará o processo de busca) ou clicar na letra em inglês ou russo com que começa o nome do jogo. Após selecionar um jogo, você verá uma lista de todos os códigos possíveis.

Para baixar o banco de dados de códigos de trapaça, você precisa acessar o site http://chemax.ru e selecione a guia “CheMax” - “CheMax Rus”. Este banco de dados de códigos de trapaça também é de língua russa e possui um grande número de jogos representados. Ao instalar, você deve selecionar o idioma russo e a localização do programa no seu arquivo . Depois de iniciar o programa, você precisa inserir o nome do jogo em uma linha especial, e como resultado receberá todos os códigos de trapaça necessários.

Vídeo sobre o tema

Observe

Não se esqueça de atualizar imediatamente este programa para ter a base de código mais completa.

Conselhos úteis

Tente completar o jogo sem usar códigos de trapaça, pois completar o jogo honestamente lhe dará muito mais prazer.

Vejamos como determinar o valor inicial código páginas, pois este parâmetro é muito importante ao trabalhar na Internet. Se precisar de alguma notícia, tag ou imagem, mas não sabe como escrevê-la, você sempre pode copiar a informação de outro site após descobrir o original código páginas se ele não é para código criado pelos desenvolvedores do site. O original é importante código em arquivos paginados que não são programas, usando a fonte código e você pode trabalhar com páginas e editá-las.

Você vai precisar

  • Instruções para visualizar o código fonte da página.

Instruções

Para ficar visível, está registrado no original código ohm Preencha com código Você pode, se for o dono do recurso, ou alterá-lo usando o bloco de notas, um editor, utilizando extensões especiais para isso. O usuário também pode alterar a página editando o arquivo e adicionando o seu próprio arquivo . In - navegadores que visualizam a fonte código e é executado por meio de vários comandos, vamos examiná-los com mais detalhes.

Para o Internet Explorer, selecione a guia "visualizar" e depois "original" código páginas»ou o item pode ser selecionado clicando com o botão direito do mouse. Para ser criptografado pelos desenvolvedores código neste vamos ao menu “serviço”, depois “ferramentas de desenvolvedor”, clicamos na seta, selecionamos o elemento desejado e código tornar-se . Em seguida, clique no ícone e código em formato de texto e copie seus componentes para html.

Navegador Mozilla O Firefox oferece a capacidade de visualizar usando um simples comando “Ctrl+U” ou no menu “ferramentas” selecione a substring “visualizar fonte” código" Ver informações criptografadas em Mozilla Firefox pode ser instalado Web especial Desenvolvedor, selecione no menu “ código"string" gerada código" e abaixo páginas o valor do original aparece código UM. Copie o arquivo para a área de transferência ou salve-o com a extensão page.htm.

Ao usar o Google Chrome, no menu principal “ferramentas”, selecione a substring “ver código-fonte código", a seguir use o botão direito do mouse para abrir o item "visualizar código UM páginas» ou usando as teclas "Ctrl + U".

Para o navegador Safari, no menu encontramos “view html- código", também clicando com o botão direito, abra a substring "ver código-fonte" ou use o atalho de teclado "Ctrl + Alt + U".

Observe

A capacidade de visualizar informações criptografadas sobre o código-fonte é realizada por meio de dois navegadores.

Conselhos úteis

Se você não for desenvolvedor de sites, poderá alterar a página apenas para seu próprio uso.

Nos jogos de computador, como na vida real, existe a oportunidade de trapacear um pouco. Para isso, os desenvolvedores disponibilizam aos seus produtos diversos códigos, com os quais no menu do jogo você pode completar facilmente níveis e missões.

Você vai precisar

  • Programa CheMax.

Instruções

Para descobrir os códigos que já foram usados ​​​​pelos desenvolvedores durante os testes, não é necessário abrir todos os arquivos exe do produto do jogo usando editores HEX. Você só precisa ir a um site especializado em cheats usando o seguinte link http://chemax.ru.

Na página carregada, mova o cursor para a barra de menu, nomeadamente a secção “Cheat Codes”, e na lista que aparece, selecione “In language”. Na próxima página, digite o nome do jogo na barra de pesquisa e clique no botão “Pesquisar”. Recomenda-se inserir o nome mais completo, que pode ser copiado das propriedades do atalho. Para fazer isso, vá até a área de trabalho e clique com o botão direito no atalho do jogo. No menu de contexto, selecione “Propriedades” e copie o nome usando o atalho de teclado Ctrl + C ou Ctrl + Insert.

Nos resultados da pesquisa, selecione a opção mais apropriada para abrir a tabela de códigos. Além da tabela de códigos, se você rolar até o final da página, também encontrará uma lista de treinadores com links ativos. Para acesso rápido aos códigos necessários, até que você se lembre deles, é recomendável selecionar e copiar as informações da página carregada e colá-las em uma nova documento de texto.

Acessar constantemente o site para obter o código necessário é uma tarefa muito longa, pois... lançar programa especial(CheMax) é muitas vezes mais rápido. Para fazer isso, entre em contato menu superior CheMax e selecione CheMax Rus. Na página de download do programa, clique em “Instalador” ou “ Arquivo RAR", e indique o local de salvamento arquivo executável.

Após a instalação do programa, um atalho será colocado na área de trabalho, iniciando o qual abrirá o programa. Durante o jogo, pressione “Pause” e use a combinação Alt + Tab para navegar até uma janela aberta. Na barra de pesquisa, digite o nome do jogo e pressione Enter.

Vídeo sobre o tema

Fontes:

  • Como descobrir o código do banner?

O código do programa pode variar em termos de privacidade - muitos desenvolvedores não o disponibilizam publicamente e os termos do contrato de licença impõem restrições aos usuários quanto ao seu uso e visualização. Existem também programas de código aberto que podem ser visualizados, editados e assim por diante.

Você vai precisar

  • - um programa para abrir o código-fonte.

Instruções

Certifique-se de que o código-fonte esteja programas, que você deseja visualizar é destinado a acesso aberto. Para fazer isso, acesse o site oficial do desenvolvedor do software e visualize o tipo de licença. Se o código-fonte do programa estiver fechado, você não poderá visualizá-lo. Isto é inconveniente, mas com tal sistema é muito raro encontrar cópias de um programa contendo Trojans e outros malware. Esta é a principal desvantagem do software livre.

Se você possui software gratuito, encontre “Código Fonte” no menu do programa, se tal item for fornecido pelo desenvolvedor, o que é extremamente raro. Para visualizá-lo em outros casos, utilize um assembler ou outro software de terceiros.

Muitas vezes, para abrir o código-fonte, você precisa saber qual linguagem de programação os criadores do programa usaram durante o desenvolvimento, o que muitas vezes é muito difícil de determinar. Aqui você pode instalar o conjunto no seu computador vários programas para abrir código-fonte escrito em diferentes idiomas.

Ao usar software livre, se tiver opção, revise o código-fonte antes do processo de instalação, principalmente se o programa foi baixado de uma fonte não oficial. Isso ajudará a proteger seu computador contra malware instalado junto com o principal.

Além disso, não recorra a vários métodos para fazer alterações no código-fonte fechado de um programa; muitas vezes, nesses casos, há uma certa responsabilidade por violar as regras do contrato de licença entre o usuário e o desenvolvedor; Além disso, não publique esses programas editados na Internet.

Vídeo sobre o tema

Conselhos úteis

Verifique as fontes de software livre.

Programas dividido em aberto e fechado. No primeiro caso, todos os internautas podem baixar o original código do site oficial e demais recursos, no segundo - o código do sistema é fechado e seu

Habilidade alterar o código fonte da página– uma habilidade útil para um usuário avançado da Internet. Ao substituir o código HTML, você pode alterar a página da web aberta como desejar. Neste artigo vamos contar a você como alterar o código da página no Google Chrome. Porém, em outros navegadores tudo é feito de forma semelhante, portanto não deverá haver dificuldades.

Qual é o código HTML da página?

Cada página que você abre em seu navegador possui seu próprio código na linguagem de marcação HTML. Este código representa tags e texto. Tags são rótulos exclusivos que informam ao navegador como exibir esta ou aquela parte do site. Texto é o conteúdo da página, o que o usuário vê. A página também pode ser conectada Estilos CSS, que definiu aparência elementos da página. Para alterar o código fonte do site você não precisa conhecer HTML e CSS completamente e logo verá por si mesmo.

Por que mudar uma página da web?

Você pode alterar os dados do site, alterar o texto da mensagem ou fazer uma captura de tela falsa. Observe que todas as alterações são visíveis apenas para você e desaparecerão quando você recarregar a página. Além disso, os dados alterados não serão reais. Por exemplo, se eu não tiver 10 dólares e mudar para 100, não terei mais dinheiro. Esta é apenas a exibição da página pelo navegador. Exemplo:

Depois:

Por exemplo, pegarei o mesmo site e alterarei o anúncio anterior do artigo “” Abertura página inicial no Google Chrome. Clico com o botão direito no elemento que desejo alterar, por exemplo, o título do anúncio e seleciono “Ver código”.

Na janela que se abre, vá até a aba Elementos e veja o código HTML da página. Nele precisamos encontrar o texto que nos interessa. (sublinhado em vermelho)

Agora vou deletar o texto antigo e escrever um novo.

Só isso, o título do anúncio foi alterado. Agora vou mudar o anúncio em si, tags e categoria.

Você pode inserir outra imagem alterando o atributo src na tag img.

Por muito tempo, a opção “mostrar código-fonte da página” foi inútil e desinteressante para mim. Até agora, aprender HTML na Codecademy e criar meus próprios sites não se tornou meu novo hobby. Foi aí que surgiu a questão: onde encontrar casos reais e emprestar soluções interessantes para o seu “cofrinho”? A resposta foi inesperadamente simples, como todas as coisas engenhosas: veja o código-fonte da página no Google Chrome! Compartilho com vocês minhas modestas descobertas.

Qual é o código fonte da página

Se você, como eu, está apenas dando os primeiros passos na programação HTML, seria uma boa ideia descobrir qual é o código-fonte de uma página.

O código-fonte, também conhecido como código de página HTML, é um texto em Hyper Text Markup Language (HTML). Inclui o conteúdo real da página (texto, tabelas) e tags. Estes últimos funcionam como instruções para o navegador: como exibir o conteúdo, que tipo de formatação usar, onde inserir um hiperlink ou arquivo de mídia. Bem, para nós, programadores novatos, o código-fonte é o melhor campo de treinamento: encontramos um site interessante e o espionamos, salvamos e usamos fragmentos bem-sucedidos. Como?

Como visualizar o código-fonte na página do navegador Google Chrome

Encontre a página que você gosta. Por exemplo, eu estava interessado no design do menu do site. Existem três maneiras de abrir o código-fonte no navegador Google Chrome:

  1. Clique no ícone menu no canto superior direito do navegador e selecione “ Ferramentas adicionais" Entre outras, existe a opção “Ver código-fonte”. Francamente, raramente uso este método: muitos movimentos desnecessários. Isso pode ser ainda mais simples.
  2. Pressione a combinação de teclas Ctrl+U– abre-se uma nova janela com o código fonte;
  3. Para fãs do menu de contexto: clique com o botão direito na página e selecione a opção “Ver código da página”.

Cumprimos a tarefa de visualizar o código HTML da página no navegador. Vamos passar para a fase mais interessante.

Como editar e salvar o código-fonte

Para aprender a criar sites, não basta ler o código HTML de outra pessoa. Você precisa brincar, experimentar, fazer alterações e conferir o resultado. Você pode até começar compilando alguns exemplos bem-sucedidos. Como editar e salvar o código-fonte?

Opção 1. “Manualmente”

Após abrirmos o código fonte da página, chame o menu de contexto e selecione a opção “Salvar como” e salve o arquivo em disco rígido. Editamos o arquivo no Bloco de Notas ou Bloco de Notas, salvamos as alterações e abrimos através do navegador. Os resultados de nossas alterações (bem-sucedidas e não tão bem-sucedidas) serão refletidos na janela do navegador.

Opção 2. Para os profissionais

Quando você “brinca” com o código-fonte todos os dias, o processo de “salvar - abrir - alterar - salvar - verificar” se torna cansativo. Para mim, encontrei uma solução na forma de instalar um plugin para Google Chrome - Firebug Lite. Ele permite editar e salvar o código-fonte sem sair da janela do navegador.