Desenvolvimento de sites - Guia rápido

Um site pode ser definido como uma coleção de várias páginas da web que estão todas relacionadas entre si e podem ser acessadas visitando uma página inicial, usando um navegador como Internet Explorer, Mozilla, Google Chrome ou Opera. Por exemplo, o endereço do site deTutorialspointé - www.tutorialspoint.com .

Cada site tem seu próprio URL que é um unique global address chamado domain name. Um URL é composto por -

  • o protocol usado para acessar o site, que neste caso é http, que significa porta 80. Também pode ser https; porta 443.

  • o subdomain que por padrão é www.

  • o domain name; nomes de domínio são normalmente escolhidos para ter um significado. Como no nosso caso “tutorialspoint”, podemos entender que este site oferece tutoriais.

  • o suffix name que pode ser .com, .info, .net, .biz,ou específico do país. Para obter informações detalhadas, consulte o seguinte link da Wikipedia -https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains.

  • o directories ou em palavras simples, uma pasta no servidor que contém este site.

  • o webpage que estamos vendo, em nosso exemplo, é “about_careers.htm”.

Por que precisamos de sites?

Os sites atuam principalmente como uma ponte entre quem deseja compartilhar informações e aqueles que desejam consumi-las. Se você está administrando uma empresa, é quase imperativo ter um site para divulgar suas ofertas e alcançar clientes em potencial em um cenário global.

Os pontos a seguir explicam por que é importante ter um site -

  • Um site é um folheto online onde você pode anunciar suas ofertas comerciais.

  • Ele fornece uma plataforma para alcançar uma base de clientes global em toda a parte.

  • Se você é um blogueiro, tem a possibilidade de influenciar seus leitores.

  • Você pode mostrar todas as suas ideias e publicá-las em um site.

  • Se você tem uma ideia de negócio, não precisa esperar. Você pode abrir imediatamente uma loja online e vender seus produtos ou serviços online. Uma vantagem adicional é que a loja online estará aberta 24 horas por dia, 7 dias por semana para os seus clientes, ao longo do ano.

  • Você pode se comunicar com seus clientes, dando-lhes a oportunidade de se expressarem.

  • Você pode fornecer suporte valioso ao cliente por meio de um sistema de registro de problemas.

  • Se você tiver um site oficial com um domínio, poderá ter seu e-mail personalizado. Por exemplo,[email protected] (é muito melhor do que [email protected]).

Como configurar um site?

Um site é composto por vários elementos e, ao montar um site, você teria que cuidar de cada um deles.

  • Para configurar um site e torná-lo ativo, você deve primeiro adquirir um plano de hospedagem.

  • Selecione um nome de domínio para este site.

  • Aponte os registros DNS para o servidor ou provedor de hospedagem.

  • Desenvolva o conteúdo que deseja publicar no site.

  • Verifique se você precisa adquirir um certificado público e instalá-lo.

  • Publique a página da web na Internet.

Nos capítulos subsequentes deste tutorial, discutiremos cada uma dessas etapas em detalhes.

As habilidades necessárias para configurar um site podem variar das mais básicas às mais avançadas. Se você pretende criar um site profissional para um público global, deve ter o seguinte conjunto de habilidades ou terá que contratar um grupo de pessoas para fazer esse trabalho por você.

Experts em Conteúdo

Os especialistas em conteúdo fornecem o conteúdo a ser publicado no site. Eles projetam o conteúdo de acordo com os requisitos do público-alvo e, em seguida, editam e aprimoram o conteúdo antes de ser publicado.

Os especialistas em conteúdo normalmente contam com a experiência do designer do site e do webmaster. Observe que o conteúdo pode ser texto, dados, imagens, áudio ou links.

Web designer

Um web designer é uma pessoa técnica que projeta e mantém a interface gráfica do usuário (GUI) do site. Por exemplo, onde os botões devem ser colocados, como as imagens devem ser exibidas, etc.

Designers gráficos

Os designers gráficos desenvolvem arquivos de imagem que devem ser incluídos no site. Esses profissionais têm um grande conhecimento do desenvolvimento de gráficos adequados para o ambiente da web.

Desenvolvedores da Web

Os desenvolvedores da Web criam os códigos do programa para manipular o conteúdo fornecido, com base no design do site estabelecido pelo designer do site. Um programador da web deve usar um conjunto de linguagens de programação para compilar funções específicas que as páginas da web devem fazer em segundo plano. Aqui está um conjunto de linguagens de programação importantes nas quais um programador da web deve ser bom -

  • HTML / XHTML- Estas são as linguagens de marcação que você usará para construir seu site. Um programador da web deve ter um bom conhecimento de HTML e XML.

  • PHP- É uma linguagem de programação popular para desenvolver páginas da web. Você pode coletar mais informações sobre PHP em -https://www.tutorialspoint.com/php/.

  • PERL Script- PERL é outra linguagem que está sendo usada para desenvolver aplicativos da Web interativos. Se você está planejando usar PERL para desenvolver seu site, navegue em nosso tutorial -https://www.tutorialspoint.com/perl/ para saber mais sobre PERL.

  • Java or VB Scripts- Esses scripts são necessários para realizar validações no nível do usuário e adicionar mais interatividade ao seu site. Portanto, um desenvolvedor da web deve ter conhecimento adequado de qualquer um desses scripts do lado do cliente.

  • AJAX Technology- AJAX é a tecnologia mais recente na web. Google e Yahoo estão usando essa tecnologia para oferecer uma melhor experiência de navegação aos visitantes de seus sites.

  • ASP or JSP- Os desenvolvedores da Web devem ser bem versados ​​em ASP ou JSP para desenvolver sites interativos. Para obter mais informações, você pode consultar nossos tutoriais sobre ASP e JSP em -https://www.tutorialspoint.com/asp.net/ e https://www.tutorialspoint.com/jsp/.

  • Macromedia Flash- Você pode usar o Macromedia Flash para construir um site. Pode ser um pouco demorado aprender essa tecnologia, mas depois que você aprender a usá-la, poderá desenvolver sites atraentes usando Flash.

Pesquisador da web

Você deve pesquisar sobre novas ferramentas, tendências e questões que afetam a tecnologia da web. Os pesquisadores da web reportam ao webmaster sobre novas técnicas que podem ser integradas ao site. Eles otimizam o tráfego apropriado do site e avaliam as ferramentas de desenvolvimento do site, que podem ser hardware ou software.

Recursos de suporte de hardware e software

O recurso de suporte atualiza o hardware e o software conforme e quando necessário. Eles desempenham um papel crucial em manter o sistema instalado e funcionando sem falhas.

Marketing e Promoção

Os profissionais de marketing usam principalmente plataformas de mídia social populares, como Facebook e Twitter, para promover o conteúdo e os recursos disponíveis no site. Eles alcançam o público-alvo e criam consciência entre eles.

Administrador do sistema

Um administrador do sistema sabe como configurar e apontar os protocolos como registros HTTP, FTP, SMTP e DNS. Os administradores de sistema são aqueles especialistas que cuidam de todos os aspectos do desenvolvimento e manutenção de sites.

O nome de domínio é a parte do seu endereço online e seus visitantes o usarão para encontrar você facilmente. Por exemplo, o nome de domínio Tutorialspoint étutorialspoint.com. Seu nome de domínio é exclusivo para você. Depois de registrá-lo, ninguém mais poderá registrar o mesmo se você continuar a renová-lo.

Registrar um nome de domínio pode ser fácil porque você pode selecionar o nome que quiser, mas a escolha é crucial para o futuro de sua empresa ou para seu site de blog. Portanto, nesta seção, vamos nos concentrar em algumas regras que devemos ter em mente antes de comprar um nome de domínio.

Rule 1- Escolha um nome de domínio que pode ser sua marca, se necessário. Nosso nome de domíniotutorialspoint.com é realmente a marca porque não existe uma string de palavra-chave genérica como tutorials-points.com que pode ser difícil de memorizar onde o '-' está localizado.

Se sua marca não tiver números, não compre um domínio com números porque não há nenhuma marca correspondente da perspectiva do usuário. Por exemplo, tutorialspoints29.com.

Rule 2- Se você tiver possibilidades financeiras, poderá adquirir domínios com várias extensões, como .com, .net, .info, .biz, etc. No nosso caso, seria como tutorialspoint.net, tutorialspoint.info, tutorialspoint. biz. Alguns domínios estão incorretos, como um caso semelhante é google.com. Se você escrevergogle.com 1 ‘o’ está faltando, mas ainda assim o redirecionará para o site oficial google.com.

Rule 3 - Você deve garantir que este nome de domínio não seja uma marca comercial ou protegido por direitos autorais.

Rule 4- Encontre um nome de domínio curto. Quanto menor for o número de caracteres em um nome de domínio, mais fácil será digitar, dizer, compartilhar e obter uma lista restrita em plataformas de mídia social e nos resultados de pesquisa.

Rule 5- As extensões são sufixos, como .com ou .net, no final dos endereços da web. Eles podem ter um uso específico, portanto, certifique-se de escolher uma extensão que funcione para sua empresa. A extensão de domínio .com é de longe a mais popular, mas pode ser difícil conseguir um nome de domínio .com curto e memorável porque ele existe há muito tempo. Se sua página da web estiver servindo localmente, você poderá comprá-la com o sufixo de seu país.

Rule 6- Se o nome do seu domínio não estiver escrito pelo nome da marca, pelo menos você deve usar palavras-chave específicas que descrevam o seu negócio, por exemplo, tutorialspoint.com. Ajuda a melhorar sua classificação nos mecanismos de pesquisa (o que aumenta o tráfego) e também faz mais sentido para seus clientes.

Extensões de nome de domínio

O primeiro tipo de domínio é Top Level Domain (TLD). Esses domínios de nível superior incluem quaisquer extensões que contenham apenas um sufixo - por exemplo, .net, .info, .biz e assim por diante.

Second Level Domains (2LDs)são nomes de domínio que contêm mais um nível após o sufixo .com ou .co. Por exemplo,.com.au é um estilo de domínio de segundo nível, pois contém um sufixo adicional após o .com que mostra que o site é originário da Austrália.

UMA gTLD é um Generic Top-Level Domaine inclui endereços como - .marketing, .estate, .fashion e .photography. Este é um segmento em expansão, muito popular recentemente e com uma grande variedade de opções, seja qual for o seu setor!

CcTLDs está Country Code Top-Level Domainsque geralmente são restritos a determinados países. São domínios como .au, .uk, .ae, .us, etc.

A extensão também tem um significado. Os significados de alguns domínios de nível superior são listados a seguir -

  • .com – commercial- Este é um TLD aberto; qualquer pessoa ou entidade tem permissão para se registrar e é sempre o TLD principal.

  • .org – organization- Este é um TLD aberto; qualquer pessoa ou entidade tem permissão para se registrar. Porém, ele se destina originalmente ao uso por qualquer organização sem fins lucrativos. Mas, a partir de agora, não há tais restrições e o nome de domínio .org está sendo usado por várias organizações.

  • .net – network- Este é um TLD aberto; qualquer pessoa ou entidade tem permissão para se registrar. Ele foi originalmente planejado para uso por domínios que apontam para uma rede distribuída de computadores, ou sites "Umbrella" que agem como um portal para um conjunto de sites menores.

  • .edu – education - Este TLD é limitado a instituições de ensino superior específicas, como, mas não limitado a, escolas comerciais e universidades.

  • .mil – military - O TLD .mil é limitado para uso pelos militares dos Estados Unidos.

  • .arpa – Address and routing - é para Advanced Research Projects Agency nos primeiros dias da Internet, .arpa agora é usado exclusivamente como um TLD de infraestrutura da Internet.

No próximo capítulo, entenderemos como registrar um nome de domínio.

Para registrar um nome de domínio envolve registrar o nome que você deseja com uma organização chamada ICANN através de um domain name registrar. Por exemplo, se você escolher um nome como "meudominio.com", você deve ir a um registrador e pagar uma taxa de registro que custa cerca de US $ 10 por ano para esse nome. Isso lhe dará o direito ao nome de domínio por um ano. Você deve renová-lo anualmente pelo mesmo valor por ano.

Alguns webhosts registrarão seu nome de domínio gratuitamente, se você adquirir um plano de hospedagem deles, enquanto outros farão isso por você também, mas você deverá arcar com as taxas e encargos do registrador.

Alguns dos maiores registradores onde você pode registrar seu domínio são fornecidos abaixo -

  • GoDaddy - com o URL https://uk.godaddy.com

  • Nome - com o URL https://www.name.com/

  • iPage - com URL https://www.ipage.com

  • BlueHost - com URL https://www.bluehost.com/

  • Hostgator - com URL https://www.hostgator.com/

Agora, vamos ver passo a passo como registrar um nome de domínio no GoDaddy.

Em primeiro lugar, devemos escolher nosso nome de domínio e ver se ele é gratuito para compra.

No meu caso, escrevi “tutorialspoint.com“ e cliquei em “Pesquisar domínio”.

Como você pode ver nos resultados que estão na imagem a seguir, este domínio já foi obtido e não é gratuito. Então GoDaddy vai me recomendar outros nomes semelhantes, nos quais podemos estar interessados.

Vamos selecionar outro nome de domínio que GoDaddy nos sugeriu, que é “tutorialspoint.online”.

  • Clique no botão verde “Selecionar”.
  • Em seguida, clique em “Continue to Card” conforme mostrado na imagem abaixo.

Na outra página, GoDaddy perguntará se desejo ocultar minhas informações pessoais da Internet por uma taxa extra em relação a este nome de domínio, porque por padrão eles estão abertos ao público.

GoDaddy é um registrador de nomes de domínio aceito. É também um provedor de hospedagem que oferece serviços de hospedagem para o seu site. Permite que você compre e ao mesmo tempo dá um plano adequado para o seu site.

Clique em “Continuar para o carrinho”.

Na página que se abre a seguir, você deve escolher quantos anos de seu domínio serão necessários com a possibilidade de prorrogar esse período.

  • Além disso, você tem a possibilidade de comprar outros domínios semelhantes.
  • Clique em “Continuar para check-out”.

Como somos um novo cliente, clicaremos em “Continuar”.

Na seção de cobrança, devemos preencher dados genuínos porque eles devem corresponder às informações de pagamento.

Nas informações da conta, inseriremos um id de e-mail (receberemos todas as notificações relacionadas ao faturamento e outras notificações para este endereço de e-mail), nome de usuário, senha e PIN (este id de e-mail também é importante para redefinição de conta ou outros problemas de propriedade, se o conta for hackeada).

Agora, devemos inserir os dados do cartão de crédito ou do PayPal. Em seguida, clique em “Continuar” conforme mostrado na imagem a seguir.

A tela a seguir aparecerá assim que a compra do domínio for bem-sucedida.

Subdomínios são extensões de nomes de domínio que você pode encaminhar para URLs ou apontar para endereços IP e diretórios na conta de hospedagem ou em servidores diferentes. Subdomínios funcionam separadamente de seu domínio principal. Podemos criar áreas de um site usando subdomínios.

Exemplo

Você pode criar um subdomínio para um blog no site chamado "Blog" que pode ser acessado por meio do URL - blog.tutorialspoint.com além do www.tutorialspoint.com/blog já existente.

Podemos adicionar infinitos subdomínios por nome de domínio em teoria. Também podemos adicionar vários níveis de subdomínios. Por exemplo, você pode adicionarinfo.blog.tutorialspoint.compara mergulhar em uma área de interesse ainda mais específica do site. Cada subdomínio pode ter até 25 caracteres.

A Corporação da Internet para Nomes e Números Atribuídos (ICANN) exige amplamente que o endereço para correspondência, número de telefone e endereço de e-mail dos proprietários e administradores de um nome de domínio sejam disponibilizados publicamente por meio dos diretórios "WHOIS". Mas esta regra permite que spammers, comerciantes diretos, ladrões de identidade ou outros invasores usem o diretório para obter informações pessoais. Embora a ICANN esteja explorando mudanças no WHOIS para permitir maior privacidade. Há uma falta de consenso entre as principais partes interessadas quanto ao tipo de mudança que deve ser feita. No entanto, com a oferta de registro privado de muitos registradores, alguns dos riscos foram mitigados.

Existem quatro posições de contato em um registro WHOIS de domínio, que são -

  • Owner
  • Administrator
  • Faturamento e
  • Technical

Alguns registradores não protegerão o nome da organização proprietária para proteger a propriedade do nome de domínio.

Vamos agora ter uma compreensão detalhada do que está sendo discutido aqui.

Vá para o URL https://whois.icann.org/en e, em seguida, insira o nome de domínio do qual queremos ver os dados públicos.

O próximo passo é clicar em “Lookup” conforme mostrado na imagem a seguir.

Digite o Captcha que é exibido na página da web conforme mostrado na imagem a seguir, clique em “Lookup”.

As informações que este nome de domínio possui serão mostradas a seguir. A seção principal é "Informações de contato", que tem algumas subseções como -

  • Contato do registrante
  • Contato Admin
  • Contato Técnico

Cada uma dessas seções tem -

Name and Surname, Company name, Address, Phone Number and email address. A captura de tela a seguir mostra o nome do registrante que, neste caso, é GoDaddy.com, LLC

A imagem a seguir mostra as informações de quando o nome de domínio foi registrado e quando irá expirar.

Enquanto a última captura de tela mostrará os servidores de nomes (DNS) do domínio.

A captura de tela a seguir contém informações completas sobre o nome de domínio.

Os registros DNS são usados ​​principalmente para converter nomes de domínio em IP de servidores que hospedam este site. É importante mencionar que os registros são inseridos em registradores de domínio. Eles geralmente fornecem um painel de gerenciamento de DNS. O objetivo principal é que as pessoas e os aplicativos não precisem se lembrar de grandes números para navegar até um domínio. Por exemplo, www.tutorialspoint.com tem um IP 93.184.220.42, então é mais fácil lembrar de um nome amigável.

O apontamento de um Domínio para um IP é feito por meio de um registro. Por exemplo: www.tutorialspoint.com A 93.184.220.42

Existem outros tipos de registros DNS que são usados ​​para uma página da web, dependendo das funções que precisamos publicar.

S.No Tipo de registro e explicações
1

A Record

Conecta um endereço IP a um nome de host

2

CNAME Record

Permite mais de um nome DNS para um host

3

MX Record

Garante que o e-mail seja entregue no local certo

4

NS Record

Contém as informações do servidor de nomes

5

TXT Record

Fornece informações adicionais sobre um host ou mais informações técnicas para servidores

6

SRV Record

Encontra computadores que hospedam serviços específicos

7

AAAA Record

Fornece endereços IP que não se enquadram em um formato de registro A padrão

8

SPF Record

Usado para ajudar a prevenir contra spam

Vamos agora ver na prática: antes, o domínio tutorialspoint.onlinefoi comprado no GoDaddy, que agora precisa apontar para um IP. Para fazer isso, devemos seguir os passos abaixo.

Para começar, você deve começar inserindo o nome de usuário e a senha. Em seguida, clique em “Manage My Domains”.

Selecione o Domínio cujo DNS deve ser gerenciado clicando em

. Clique em “Gerenciar DNS“.

Uma nova janela aparecerá e você deve selecionar o registro que deseja inserir. Neste caso, devemos inserirA Grave para publicar no site.

As caixas mostradas na imagem a seguir serão abertas. Na caixa “Host”, digite o nome do subdomínio que seráwww e na caixa “Aponta para” insira o IP - 93.184.220.42. Na caixa suspensa "TTL", precisamos selecionar1 Hour, o que significa que em uma hora o registro será divulgado globalmente e a página da Web entrará em vigor. Depois de fazer tudo isso, clique em “Salvar”.

Neste capítulo, discutiremos primeiro como fazer a escolha certa para o seu site e qual plataforma de sistema de gerenciamento de conteúdo (CMS) escolher para o seu site.

Escolhendo o site certo

Vamos entender isso perguntando a nós mesmos algumas perguntas e, em seguida, discutir o conceito em detalhes.

Question 1 - Quanto dinheiro queremos gastar?

Answer- Essa é uma das principais questões porque está diretamente relacionada ao orçamento. Se o seu orçamento for baixo, você deve pensar em algo não comercial e não muito complicado.

Question 2 - Quanto tempo temos para planejar a manutenção?

Answer- Se vai publicar muitas ofertas, ter um blog para moderar, etc., então com certeza vai precisar de um site dinâmico. Você deve ter uma equipe extra para lidar com tudo isso, portanto, esta questão se correlaciona com a Questão 1. Caso contrário, você deve ter um site plano, que explicaremos nos próximos capítulos.

Question 3 - O site será usado como site de comércio eletrônico para venda de produtos online?

Answer- Se for o caso, você deve procurar uma plataforma que se chama e-commerce. Existem muitos códigos abertos e comerciais, como Magento, Opencard, Shopify, etc.

Question 4 - A visualização deve ser adaptável para telas diferentes, como celulares?

Answer- Se este é um dos critérios principais e se não existem muitas outras alterações em termos de informação no site; então você deve ir com um site simples com recursos como Bootstrap.

Question 5 - Meu site interagirá com a mídia social ou outras plataformas de terceiros?

Answer- Você precisará de um registro de todos os eventos ocorridos em seu site e eles serão salvos em um banco de dados. Para manter todos esses dados e registros, você precisará de um site dinâmico.

Question 6 - Que tipo de linguagem ou plataforma de programação da web é mais fácil de encontrar?

Answer- Dependendo do país, existem várias linguagens ou plataformas de programação mais populares do que as outras. Portanto, você deve primeiro encontrar uma plataforma que acompanhe as tendências da sua região.

Plataforma CMS

Plataformas de Sistema de Gerenciamento de Conteúdo (CMS) são aplicativos que permitem criar e administrar seu site. Você obterá um painel de administração, que é uma interface onde você pode criar e atualizar páginas, posts e outro tipo de conteúdo (imagens, vídeos, etc.) e organizar o conteúdo da maneira que você precisa.

Você também poderá alterar o design do site através do painel de administração, instalando temas (modelos de design) e alterando-os. Todas as ações são feitas simplesmente clicando em vários botões. Você não precisa escrever códigos ou scripts na maioria dos casos, para que possa gerenciar seu conteúdo facilmente.

As plataformas CMS mais proeminentes são WordPress, Joomla e Drupal. Eles são motores CMS gratuitos e de código aberto. Isso significa que seu código-fonte está aberto ao público. Você pode usar, editar e personalizar os arquivos principais do mecanismo em seu site e, se descobrir uma ótima maneira de melhorar a plataforma, pode apresentá-la aos desenvolvedores e ajudar a tornar seu mecanismo ainda melhor em sua próxima atualização.

WordPressé um CMS de código aberto. Mais de 50% das páginas da web são dessa plataforma. Está ficando mais abrangente, intuitivo e popular a cada nova versão de atualização. WordPress tem uma comunidade comprometida, que temtonnes of free extensions and the easiest-to-use interface.

Gerenciar seu conteúdo com WordPress é perfeitamente simples: você cria uma página, adiciona-a ao menu, posta algo nela e vê seu conteúdo no front-end do seu site. Tudo isso se soma a uma plataforma CMS preeminente. A página oficial éhttps://wordpress.com/.

A captura de tela a seguir mostra o plano de fundo do painel.

Joomlatem equilíbrio entre possibilidades de personalização e facilidade de uso, mas é muito mais complexo do que o WordPress. Se você nunca trabalhou com este mecanismo antes, precisará de algum tempo para se acostumar a modificá-lo. Atribuir plug-ins a módulos, posicionar módulos em páginas diferentes, configurar layouts e outras manipulações necessárias pode ser um pouco difícil para um desenvolvedor iniciante.

Por outro lado, a comunidade e os desenvolvedores de extensões do Joomla criaram muitas soluções inspiradas para problemas comuns de design da web que são difíceis de resolver no WordPress. Se tomarmos qualquer extensão do controle deslizante do Joomla como exemplo, você pode definir sua localização na página, a duração da exibição de cada slide, o efeito de deslizamento e o tipo de paginação.

Sua página oficial é https://www.joomla.org/.

Drupalé para grandes sites e organizações que podem pagar administradores em tempo integral. Você pode fazer quase tudo com o Drupal. Muitas vezes fico fascinado com a quantidade de opções que o motor vem pronto para usar. Muitas coisas que no WordPress ou Joomla exigiriam codificação personalizada têm soluções prontas por padrão no Drupal. Ele pode ser aprimorado ainda mais com extensões de terceiros. Mas, serei honesto com você - aprender a operá-lo é o verdadeiro desafio. É preciso muito trabalho e paciência para dominar.

Seu site oficial é https://www.drupal.org/. Uma visão do plano de fundo do painel é mostrada na captura de tela abaixo.

Uma página da Web estática ou plana significa uma página da Web na qual todas as informações e materiais são apresentados aos usuários à medida que são armazenados nela. Uma página da Web estática mostra as mesmas informações e dados para todos os usuários. Na tecnologia da internet,Hyper Text Markup Language (HTML)foi o primeiro idioma ou canal pelo qual as pessoas começaram a criar páginas da web estáticas. HTML oferece estilo de texto, criação de parágrafos e quebras de linha. Mas a função e o recurso mais importante do HTML é a opção de criação de link. As páginas da web estáticas são úteis pelo seu material e conteúdo, que raramente precisam ser revisados ​​ou atualizados.

Vantagens de sites estáticos

  • Rápido para desenvolver
  • Barato para desenvolver
  • Não há necessidade de ter um grande plano de hospedagem

Desvantagens de sites estáticos

  • Requer experiência em desenvolvimento web para atualizar o site
  • Site não tão útil para o usuário
  • O conteúdo pode ficar estagnado

A estrutura do arquivo do site estático com uma página é mostrada abaixo.

Páginas da web dinâmicas

As páginas da Web dinâmicas são a tendência mais recente no momento, pois podem produzir conteúdos diferentes para visitantes diferentes a partir do mesmo arquivo de código-fonte. O site pode exibir diferentes conteúdos com base em parâmetros como -

  • Qual sistema operacional ou navegador o visitante está usando.
  • Se o usuário está usando um computador ou um dispositivo móvel.
  • O local de origem que encaminhou o visitante.
  • Se o visitante já tiver feito uma compra em uma loja online, etc.

As páginas da web dinâmicas podem ter uma variedade de finalidades. Por exemplo, sites executados por sistemas de gerenciamento de conteúdo permitem que um único arquivo de código-fonte carregue o conteúdo em muitas páginas diferentes possíveis. Devemos mencionar que todas essas páginas da Web dinâmicas usam bancos de dados. Os criadores de conteúdo usam uma página de gateway para enviar o material para novas páginas no banco de dados do CMS. A página dinâmica carrega o material para qualquer página do banco de dados, que se baseia nos parâmetros da URL. Isso é feito quando um visitante solicita uma página da web. As páginas dinâmicas permitem que os usuários façam login em sites para ver conteúdo personalizado.

Todos os sistemas de gerenciamento de conteúdo (WordPress, Joomla e Drupal) que mencionamos antes são sites dinâmicos.

A ilustração a seguir mostra uma visão esquemática de uma página da web dinâmica.

Como você agora conhece as necessidades fundamentais para desenvolver um site como um desenvolvedor iniciante, precisará de algumas ferramentas que deverá ter para uso primário.

Primeiramente, você deve ter um pacote básico de internet que tenha uma boa velocidade de upload, no mínimo 1Mbps. Em segundo lugar, você deve ter um computador com qualquer sistema operacional (pode ser Linux, iOS X ou Windows). Então, as especificações de hardware devem ser mínimas - 1-2 GB de RAM, o processador deve ser pelo menos Dual-Core e o disco rígido deve ter cerca de 80 GB.

O próximo passo é - você deve ter um editor de texto que o ajudará na escrita e edição do código. Alguns dos melhores editores de texto para este propósito são mencionados abaixo.

Texto Sublime

O texto sublime pode ser baixado de https://www.sublimetext.com/. É bom porque o texto muda a cor dos parâmetros dependendo de suas funções.

Notepad ++

Outro editor de texto popular é o Notepad ++, que pode ser baixado de - https://notepad-plus-plus.org/.

Editpad

O próximo na lista dos editores de texto mais populares é o EditPad, que é outra ferramenta gratuita. Ele pode ser baixado de -https://www.editpadlite.com/.

Note - Você deve sempre usar um editor de texto em que se sinta mais confortável para trabalhar.

XAMPP & LAMPP

Outra ferramenta que você precisa ter em seu computador quando está desenvolvendo especialmente uma página da Web dinâmica é - XAMPP para Windows OS e LAMPP para Linux OS. Possui vários produtos como

  • Web Apache
  • MariaDB com phpMyAdmin para gerenciamento de banco de dados
  • PHP e
  • Perl Extra.

Se desejar, você também pode criar um servidor FTP e um servidor de correio com Mercury.

Outra ferramenta semelhante como o XAMPP é WAMPSERVER, que pode ser baixado do seguinte link - http://www.wampserver.com/en/.

Para desenvolvedores que desejam codificar ASP, o Visual Studio é fornecido pela Microsoft. Ele pode ser baixado de -https://www.microsoft.com/web/.

Se você é um iniciante e está planejando desenvolver um site simples (estático), você deve ter editores de texto Visual HTML chamados WYSIWYG. Um dos editores mais comumente usados ​​éMacromedia Dreamweaver. Ele pode ser facilmente baixado do seguinte link -https://www.adobe.com/products/dreamweaver.html.

A outra ferramenta que você precisa é o Cliente FTP, que é usado para transferir arquivos para o Container de Hospedagem. Geralmente, esses clientes FTP são gratuitos e podem ser facilmente baixados da Internet.

  • WinSCP pode ser baixado de https://winscp.net/eng/docs/guide_install.

  • O FileZilla pode ser baixado de https://filezilla-project.org/download.php.

Um tema é um design personalizado de um site da Web, geralmente incluindo seu layout. Mudar seu tema muda a visão de como seu site aparece no front-end. Normalmente as plataformas CMS têm versões gratuitas e comerciais. Esses temas são categorizados de acordo com suas funções, como

  • Business
  • Indústria de TI
  • Hospedagem, etc.

Temas gratuitos são encontrados em provedores de temas e são gratuitos, mas às vezes os recursos são mais limitados do que os comerciais. Tomemos os temas gratuitos do WordPress como exemplo. Esses temas são encontrados no seguinte link -https://wordpress.org/themes/, você pode localizá-los e instalá-los de acordo com seu perfil de negócios ou necessidades.

Pelo contrário, para os temas comerciais, você deve pagar. Os temas comerciais do WordPress podem ser encontrados no seguinte link -https://wordpress.org/themes/commercial/.

Ao escolher uma empresa de hospedagem na Web, um dos principais indicadores é ver as avaliações satisfatórias de seus clientes e o preço, o que também é importante. Como as tecnologias e o setor de hospedagem mudam com muita frequência e rapidez para um especialista, devemos estar atentos para verificar os seguintes critérios.

  • Server Reliability / Uptime Scores- O ponto mais importante a saber aqui é se eles têm um host operacional 24 × 7. Você precisa de um host da web para operar em um servidor poderoso e ter conexões de rede estáveis. Perto de 99,5% e acima é a pontuação de tempo de atividade recomendada; qualquer coisa abaixo de 99% é inaceitável.

  • Uma empresa que apóia Multiple Add-on Domains.

  • Preço de Hosting Signup e Renewal Cost. As ofertas de hospedagem e de hospedagem compartilhada, especialmente, normalmente estão vendendo muito barato nos preços de inscrição, mas cobram muito mais nas renovações.

  • o que Refund Policyeles estão oferecendo? - Se você decidir cancelar o seu host dentro do período de teste, quais são as implicações? A empresa oferece reembolso total do dinheiro? Qual é a política de reembolso da empresa de hospedagem após a sessão de teste? Existe alguma taxa de cancelamento?

  • Fácil de usar Hosting Control Panel. Um painel de controle de hospedagem amigável e funcional é muito importante.

  • Account Suspension- Quais são as limitações? Aqui está uma dica de dinheiro que a maioria dos sites de avaliação de hospedagem não dirá a você - as empresas de hospedagem irão desligar a tomada e suspender sua conta se você estiver usando muito poder da CPU (sim, hospedagem ilimitada é limitada) ou violando as regras.

  • Eles oferecem Backup. Eles são gratuitos?

  • Eles têm 24/7/365 Live Chat Support.

Escolha um plano de hospedagem na web

Antes de escolher o plano de hospedagem certo, você deve saber o que precisa, um Windows OS hospedagem baseada ou um Linux OShospedagem baseada. Essa escolha depende da linguagem de codificação do seu site. Se for ASP, certamente deve ser uma hospedagem baseada em Windows e também deve ter um servidor IIS instalado. Se ele tiver qualquer outra linguagem de programação como PHP, Perl, Ruby, então você deve escolher a hospedagem baseada em Linux.

Depois de decidir sobre o tipo de hospedagem (Windows ou Linux), você deve definir o plano de hospedagem correto.

Você deve levar em consideração os seguintes fatores -

  • Espaço em disco
  • Bandwidth
  • Número de domínios hospedados
  • Número de subdomínios
  • Domínios estacionados
  • Versões de PHP, MySQL e Perl.

Os principais planos em geral são os seguintes -

Hospedagem Compartilhada

É o most basic planque todo provedor de hospedagem oferece. A hospedagem compartilhada consiste basicamente em muitas contas de hospedagem localizadas em um servidor. Alguns deles compartilham o mesmo endereço IP (embora um endereço IP dedicado geralmente esteja disponível por uma taxa adicional). Este plano sempre oferecerá um conjunto específico de recursos e sempre terá limites de recursos. Se você não tiver certeza, será melhor começar com um plano limitado e depois atualizá-lo quando o site crescer e receber mais tráfego.

Hospedagem VPS

VPS é um Virtual Private Server. Isso se refere ao particionamento de um servidor físico em vários servidores, onde cada um atua como um servidor dedicado, cada um tem seu próprio sistema operacional e pode ser reiniciado separadamente. Esses sistemas operacionais recebem uma parcela específica dos recursos do servidor físico e são isolados uns dos outros. Existem dois tipos de hospedagem VPS -

  • Managed - Gerenciado significa que o patch é feito pela empresa de hospedagem, oferecendo um CPanel nele.

  • Unmanaged - Unmanaged é um hosting onde você deve cuidar do seu VPS em tudo e não há CPanel nele.

Hospedagem Dedicada

Isto é o most powerful type of hosting, que atende aos requisitos e necessidades das grandes empresas. Proprietários de servidores dedicados podem vender serviços de hospedagem com lucro. Eles podem escolher as especificações e o ambiente do servidor. Se você tiver tráfego intenso, um site muito popular ou um grande banco de dados de clientes, considere a hospedagem dedicada. Um servidor dedicado também oferece mais liberdade para enviar e-mails e transmitir mídia.

TIPS- O mais importante em hospedagem é verificar os preços de diferentes empresas de hospedagem e seus preços de planos de hospedagem com sites de comparação para um melhor entendimento. Um exemplo de site de comparação para verificar preços de empresas de hospedagem é -http://www.hostmonk.com/.

O painel de controle é o administration web interfaceda sua conta de hospedagem na web. É uma interface que você acessa para administrar todos os aspectos de sua conta. Normalmente, você pode controlar todas as partes do seu site no painel de controle sem usar nenhum software adicional, como software FTP, para carregar arquivos, embora muitas pessoas achem isso mais rápido e fácil.

Alguns hosts da web usam painéis de controle proprietários personalizados, mas a maioria deles usa plataformas populares. No entanto, o líder da indústria é cPanel. É o painel de controle mais difundido entre os provedores de hospedagem. A página oficial do cPanel é -http://cpanel.com.

Agora vamos discutir o cPanel em detalhes e entender os aspectos mais importantes dele.

Primeiramente, para entrar no CPanel você deve digitar a URL que a Hosting Company irá fornecer para você. Isso em geral deve ser -yourdomain.com/cpanel. Você deve inserir seu nome de usuário e senha fornecidos pela empresa de hospedagem.

O painel principal será como mostrado na captura de tela a seguir, onde no lado esquerdo, você verá o General Information, que mostrará o nome de usuário, o nome do domínio, o diretório inicial e o endereço IP do login. À esquerda, na parte inferior da tela, estão os Statistics como bancos de dados usados, e-mail e domínios complementares.

No FILES seção, a pasta mais importante é a File Manager, você pode fazer upload ou download de arquivos de sua página da web. O próximo importante éFTP Accounts, onde você pode criar usuários que podem usar programas como FileZilla para fazer upload ou download de arquivos.

Fazendo um backup do FILES seção permite que você baixe total ou parcialmente a página da web.

No DATABASES, a phpMyAdminé a seção mais importante que permite gerenciar o banco de dados das páginas da web. Ele pode editar, adicionar, truncar bancos de dados e tabelas. oMySQL Databasespermite que você crie e exclua os bancos de dados ou usuários. A mesma coisa pode ser feita passo a passo com oMySQL Database Wizard.

No DOMAINS seção, o Addon Domainspasta é um domínio adicional que o sistema armazena como um subdomínio do seu site principal. Você pode usar esses domínios adicionais para hospedar domínios adicionais em sua conta. oSite Publisheré usado para criar rapidamente um site a partir de um conjunto de modelos disponíveis. oSubdomains pasta é uma subseção do seu site que pode existir como um novo site sem um novo nome de domínio.

No EMAIL seção, a pasta mais importante é Email Accounts no qual você pode gerenciar contas de e-mail associadas ao seu domínio.

o Metricsseção é mais para estatísticas do seu site. Você pode ver que cada um dará relatórios diferentes para o seu site.

No SECURITY seção, a pasta mais importante é IP Blocker, você pode bloquear qualquer host ou rede para o qual não deseja dar acesso ao seu site. Também háModSecurity que é usado para proteger o Apache.

Depois de entender a maioria dos fatores importantes de desenvolvimento de sites, agora é hora de configurar uma página da web. Para configurar uma página da web, devemos seguir todas as etapas abaixo.

Step 1 - Em primeiro lugar, compramos um nome de domínio em GODADDY.

Step 2 - Escolhemos o provedor de hospedagem com base na análise dos planos de hospedagem que precisávamos.

Step 3 - Configuramos os registros DNS e os servidores DNS do registrador que no nosso caso era GODADDY novamente.

Step 4 - Agora que concluímos todas as etapas mencionadas acima, é hora de fazer o upload dos arquivos da página através do CPanel → Gerenciador de Arquivos.

Step 5 - Depois de abri-lo, carregue os arquivos na pasta chamada public_html como mostrado na imagem a seguir.

Step 6- Se você tem um site dinâmico, deve configurar o banco de dados também. Para fazer isso, vá para Bancos de dados MySQL.

Step 7 - Clique em Create New Database e, em seguida, escreva o nome do banco de dados que seu site terá e clique em Criar banco de dados como mostrado na imagem abaixo.

Step 8 - no Add New User seção digite o nome de usuário e a senha e clique em Create User.

Step 9 - Devemos adicionar o usuário que criamos para este banco de dados para dar direitos ou permissões para gerenciá-lo.

Certificados digitais são um padrão de security for establishing an encrypted linkentre um servidor e um cliente. Geralmente, ocorre entre um servidor de e-mail ou um servidor da web que protege os dados em transições criptografando-os. Um Certificado Digital também é um ID digital ou passaporte emitido por uma autoridade terceirizada, que verifica a identidade do proprietário do servidor.

Por exemplo, a captura de tela a seguir mostra o certificado público do eBay.

Componentes de um certificado digital

Todos esses componentes podem ser encontrados nos detalhes do certificado -

  • Serial Number - Usado para identificar exclusivamente o certificado.

  • Subject - A pessoa ou entidade identificada.

  • Signature Algorithm - O algoritmo usado para criar a assinatura.

  • Signature - A assinatura real para verificar se veio do emissor.

  • Issuer - A entidade que verificou as informações e emitiu o certificado.

  • Valid-From - A data a partir da qual um certificado é válido pela primeira vez.

  • Valid-To - A data de validade.

  • Key-Usage - Finalidade da chave pública (por exemplo, criptografia, assinatura, assinatura de certificado ...).

  • Public Key - A chave pública.

  • Thumbprint Algorithm - O algoritmo usado para hash do certificado de chave pública.

  • Thumbprint - O próprio hash, usado como uma forma abreviada do certificado de chave pública.

Tipos de Validações

Existem três tipos de validações, que são as seguintes -

  • Certificado SSL de validação de domínio.
  • Certificados SSL validados pela organização.
  • Certificados SSL de validação estendida.

Vamos agora discutir cada um deles em detalhes.

Certificado SSL de validação de domínio

Ele valida o domínio registrado por um administrador do sistema e ele tem direitos de administrador (autorização ou permissão) para aprovar a solicitação de certificado. Essa validação geralmente é feita por uma solicitação de email ou por registro DNS.

Certificados SSL validados pela organização

Ele valida a propriedade do domínio e as informações comerciais, como o nome oficial, cidade, país. A validação é feita também por e-mail ou entrada de registro DNS. A autoridade de certificação também precisa de alguns documentos genuínos para verificar sua identidade. Os certificados SSL validados pela organização exibem as informações da empresa nos detalhes do certificado, conforme mostrado na captura de tela a seguir.

Certificados SSL de validação estendida

Ele valida a propriedade do domínio, as informações da organização e a existência legal da organização. Ele também valida se a organização está ciente da solicitação de certificado SSL e a aprova. A validação requer documentação para certificar a identidade da empresa, além de um conjunto de etapas e verificações adicionais. Os certificados SSL de validação estendida são geralmente identificados com uma barra de endereço verde no navegador contendo o nome da empresa como o mostrado na captura de tela abaixo.

Para adquirir um certificado SSL, você deve ir ao Provedor de Certificado SSL (autoridade de certificação). Cada provedor de certificado SSL tem diferentes produtos, preços e níveis de satisfação do cliente, o que é quase a mesma lógica da compra de hospedagem na web. Para verificar as melhores ofertas e produtos, você pode experimentar SSLShopper clicando no link a seguir.

https://www.sslshopper.com/certificate-authority-reviews.html.

Possui análises e experiência de outros clientes que adquiriram antes de um Certificado SSL.

O processo de compra ocorre conforme descrito na ilustração a seguir.

Neste capítulo, trataremos do comércio eletrônico. Quais são as plataformas de comércio eletrônico mais populares e seguras? O que é necessário para protegê-los?

E-commerce é vender e comprar bens e serviços da internet e pagar por este meio. Essa transação acontece entre clientes para negócios, B2B, cliente para cliente. Entre tudo isso, há transações de dinheiro que devemos ter cuidado ao usar ou configurar sites de comércio eletrônico.

Algumas das principais plataformas de comércio eletrônico que também são seguras estão listadas abaixo, juntamente com uma explicação detalhada sobre elas.

Magento

O link do site é - https://magento.com.Esta plataforma é uma das melhores e é desenvolvida pela eBay. Magento pode ser facilmente integrado com oPayPal gateway. Tem duas versões - versão gratuita e versão paga. As vulnerabilidades são corrigidas muito rápido. Ele tem uma grande variedade de plug-ins e personalizações. TemSaaS solutions, o que significa escalabilidade elástica, alta resiliência e disponibilidade, conformidade com PCI, disponibilidade global e correção automatizada, enquanto ainda mantém a flexibilidade na personalização de software que nossos comerciantes exigem.

Shopify

O link do site é - https://www.shopify.com,então, se você está tentando projetar a página de checkout exatamente como deseja, o Shopify provavelmente não é para você. Na verdade, nenhuma das soluções hospedadas oferecerá processo de checkout personalizável, então você pode pular para a seção Auto-hospedado imediatamente. O Shopify tem muitos aplicativos que você pode baixar e instalar em sua loja, que estendem os recursos padrão ou introduzem novas funcionalidades.

Woocommerce

O link do site é - https://wordpress.org/plugins/woocommerce/.WooCommerce é um plugin de e-commerce gratuito que permite a você vender qualquer coisa de forma prática. Construído para se integrar perfeitamente com o WordPress, WooCommerce é a solução de e-commerce favorita do mundo. Dá a você tanto os proprietários de lojas quanto os desenvolvedores controle total que usam modelos do WordPress.

Com flexibilidade infinita e acesso a centenas de extensões gratuitas e premium do WordPress, o WooCommerce agora abastece 30% de todas as lojas online, mais do que qualquer outra plataforma.

Bigcommerce

O link do site é - https://www.bigcommerce.com.Tem mais de 115 modelos de e-commerce, uploads ilimitados de produtos, visualização móvel, é perfeitamente integrado com Amazon e eBay. Ele também pode ser integrado à maioria dos gateways de pagamento. Do ponto de vista da segurança, é compatível com PCI.

Gateway de pagamento é um online paymenttecnologia de processamento que ajuda as empresas a aceitarem cartões de crédito e cheques eletrônicos. Em outras palavras, os gateways de pagamento são “Manin-the-middle” que estão localizados entre plataformas de e-commerce e clientes.

Um gateway de pagamento permite que você -

  • Efetue e receba pagamentos com rapidez e facilidade.

  • Mantenha os dados (informações) e o dinheiro de seus clientes protegidos.

  • Ganhe a confiança de seus clientes, para que eles estejam dispostos a entregar seu dinheiro.

Para escolher o gateway de pagamento correto, você deve seguir as seguintes diretrizes -

  • Você deve finalizar aquele portal de pagamento que é suportado em seu país, nem todos operam globalmente.

  • Você deve verificar quais gateways de pagamento têm melhor suporte em sua plataforma de comércio eletrônico. Por exemplo, o gateway do PayPal é totalmente compatível com Magento porque o mesmo grupo os criou.

  • O gateway de pagamento deve seguir os padrões de segurança de dados de 3.0 PCI.

  • Você precisa de gateway de pagamento e conta de comerciante ou de um provedor de serviços de pagamento tudo-em-um?

  • Você deve ver os encargos e taxas que serão deduzidos por transação.

  • Qual método de pagamento eles aceitam? Por exemplo, VISA é um método de pagamento, Master Card é outro.

  • Eles apoiam o seu tipo de negócio? Por exemplo, alguns deles não lidam com empresas que vendem materiais adultos, apostas, jogos de azar, venda de armas de fogo, narcóticos, etc.

Provedores de gateway de pagamento mais populares

A seguir está a lista dos provedores de viagens de pagamento mais usados ​​e populares, juntamente com um breve histórico sobre eles.

  • PAYPAL - Você pode encontrar todos os termos e condições do modelo de negócios em seu URL - https://www.paypal.com/. O PayPal é um dos serviços mais antigos e provavelmente o mais conhecido para transferência de dinheiro online.

  • Amazon Payments - O URL desse provedor de viagens de pagamento imensamente popular é - https://payments.amazon.com/. Criado em 2007, o Amazon Payments oferece aos seus clientes a mesma experiência de checkout que eles têm na Amazon.com

  • Stripe - O URL desta fuga de pagamento é - https://stripe.com/.Sem taxas mensais, sem taxas extras para diferentes cartões e diferentes métodos de pagamento, também para diferentes moedas. O Stripe também oferece uma ótima API (Interface de Programa de Aplicativo).

  • Authorize Net - O URL deste popular provedor de viagens de pagamento é https://www.authorize.net/.É um dos gateways de pagamento mais poderosos e conhecidos. É bem suportado por plug-ins de e-commerce WordPress.

  • 2Checkout - O URL para este provedor de fuga de pagamento é - https://www.2checkout.com/. 2checkout é um dos gateways de cartão de crédito mais simples e acessíveis.

No próximo capítulo, entenderemos como criar um site para pequenas empresas.

Criar um site para uma pequena empresa não é uma tarefa complicada. O principal medo é descobrir o conteúdo do site, que é um dos principais motivos para o adiamento dos empresários. Os sites de pequenas empresas são melhores quando são simples, com um mínimo de texto e apenas uma única opção em cada página - por exemplo, um formulário de envio ou um botão Fale conosco.

Os sites de negócios também tendem a seguir um formato padrão, usando algumas páginas essenciais. Conforme você percorre a lista, não se preocupe em formatar cada página ainda, apenas pense no texto, nas imagens e no conteúdo que irá incluir. As páginas mais importantes de um site de pequena empresa são -

  • Home
  • About
  • Gallery
  • Services
  • Contact

Você pode ver todas essas páginas importantes na captura de tela a seguir de um site de uma pequena empresa.

Vamos agora entender cada uma dessas páginas essenciais em detalhes.

  • Home - Na página inicial, você deve incluir o nome de sua empresa, onde você está localizado e um argumento simplificado de algumas linhas sobre por que os clientes devem escolher sua empresa.

  • About- Forneça o histórico da sua empresa e liste as associações organizacionais. Além disso, inclua depoimentos de clientes, a menos que você queira vincular isso em uma página separada, como mídia social, Facebook.

  • Gallery - Na página da galeria, você deve colocar fotos profissionais de seus processos de trabalho, produto, equipe, etc. Os clientes podem “sentir” a maneira como você trabalha.

  • Services- Uma página com detalhes sobre os produtos que você vende ou os serviços que fornece. Na página onde você detalha seus produtos ou serviços, use de uma a cinco frases descrevendo cada categoria que você oferece e forneça preços.

  • Contact- Nesta página, você deve colocar seu endereço, e-mail, número de telefone, o horário de funcionamento. Os links para qualquer conta de mídia social, como Twitter e Facebook, devem aparecer nesta página. Incorpore um mapa do Google de sua localização.

Criar um backup do seu site é importante porque oferece seguro contra todos os tipos de contratempos, como comprometimento da segurança, exclusão inadvertida dos arquivos do site e corrupção do banco de dados.

É sugerido fazer backup de seu site antes de fazer alterações todas as vezes. Se algo der errado, você tem uma nova cópia que sabe que está funcionando. Pode parecer um aborrecimento, mas a primeira vez que usar um backup, você vai se dar um tapinha nas costas por ter tanta previsão.

Existem duas maneiras de fazer backup do seu site -

  • Manual
  • Automático (através do cPanel).

Deixe-nos discutir essas duas maneiras de fazer backup do seu site em detalhes.

Backup Manual

Para fazer backup manualmente do seu site, você pode fazer isso com um File Transfer Protocol Cliente (FTP) como discutimos anteriormente com - FileZilla ou WinSCP. Você conecta seu computador local à sua conta de hospedagem e move arquivos entre eles. Para fazer backup do seu site, você deve apenas copiar todos os arquivos da sua conta de hospedagem para o seu computador local.

Se você tiver um banco de dados, crie um arquivo de despejo (exportação / backup) usado por sua conta. Para fazer isso, você deve acessar ophpMyAdmin ferramenta (disponível em seu cPanel).

Backup Automático

Para fazer backup automático de um site, podemos fazer isso através do CPanel Console, que pode ser feito clicando no Backup Wizard como mostrado na imagem abaixo.

Após clicar em Backup Wizard, a próxima janela que aparecerá será como a seguinte imagem. Estará explicando o que tudo será feito com as ferramentas fornecidas pelo cPanel.

Migração de página da web é um processo de moving a webpage from one host to another. Este processo é feito por vários motivos, alguns dos quais são -

  • Você não está mais satisfeito com o suporte da Hosting Company

  • Os preços são mais baratos para outra hospedagem

  • Seu plano de hospedagem real não atende mais às suas necessidades

  • A tecnologia oferecida não é mais competitiva, etc.

Como a migração é um processo, as etapas a seguir são necessárias para concluí-la com o mínimo de tempo de inatividade de sua página da web.

  • Devemos fazer backup completo de nossa página da Web, conforme discutido nos capítulos anteriores.

  • Carregue o arquivo de backup na nova hospedagem.

  • Descompacte os arquivos na pasta Pública.

  • Importe o arquivo de banco de dados.

  • Configure os arquivos com as credenciais do novo banco de dados.

  • Aponte seus novos servidores de nome de domínio com seu registrador atual e espere que os novos registros sejam propagados.

Neste capítulo, aprenderemos como solucionar pequenos problemas em um site.

Scenario - O cenário é simples - Ao tentar abrir um site, ocorre um erro que está aparecendo - Page cannot be displayed.

Answer - Esse problema pode ser resolvido seguindo as etapas de solução de problemas fornecidas a seguir.

Step 1- Em primeiro lugar, certifique-se de que não tem problemas de ligação à Internet. Você pode verificar simplesmente tentando abrir outro site e ver se obtém o mesmo resultado ou não.

Step 2 - Você tem internet no computador, mas o site ainda não abre.

  • Você deve verificar com o provedor de hospedagem se o seu plano de hospedagem expirou ou não (talvez você tenha esquecido de pagar).

  • Você também deve verificar com o seu registrador de domínio, se o seu nome de domínio ainda é válido e também não expirou.

Step 3- Depois de verificar as etapas mencionadas acima, você deve verificar se seus registros DNS estão ok ou não. Às vezes, os provedores de hospedagem alteram os servidores DNS e se esquecem de atualizar os registros. Você pode verificar isso abrindo o CMD, digiteping yourdomainname.com e se você obtiver a seguinte resposta, verifique mais adiante.

A solicitação de ping não encontrou o host seunomedominio.com. Por favor, verifique o nome e tente novamente.

Se você obtiver o seguinte resultado, os registros DNS e o servidor estão íntegros.

Step 4 - Verifique se há erros de conexão de banco de dados, se você estiver tendo erros semelhantes, como as imagens mostradas abaixo.

Para verificar se o banco de dados está funcionando no backend, você deve ter a confirmação de que o nome de usuário, permissões de arquivo, senhas e portas do banco de dados não foram alterados.

Step 5 - Se você tiver um erro 404 Not Foundconforme mostrado na captura de tela a seguir, ao abrir www.yourdomainname.com , você deve verificar se a estrutura do seu diretório não mudou e está apontando para oPublic_html folder.

Proteger suas páginas da web é tão importante quanto desenvolvê-las, porque qualquer ameaça que possa comprometer a segurança pode prejudicar a reputação de sua empresa, prejudicá-lo financeiramente (por roubar seus depósitos online), prejudicar seus clientes que visitam seu site, etc.

De acordo com especialistas em segurança, eles irão sugerir fazer a verificação de segurança do site com base no OWASP TOP 10, que é um poderoso documento de conscientização para segurança de aplicativos da web. O OWASP Top 10 representa um amplo consenso sobre quais são as falhas de segurança de aplicativos da Web mais críticas.

Injeções SQL

Falhas de injeção, como injeção de SQL, SO e LDAP, ocorrem quando dados não confiáveis ​​são enviados a um intérprete como parte de um comando ou consulta. Os dados hostis do invasor podem induzir o intérprete a executar comandos indesejados ou acessar dados sem a autorização adequada.

Solution - Para proteger sua página da web de iSQL, você deve validar entradas e símbolos de filtragem.

Autenticação quebrada e gerenciamento de sessão

As funções do aplicativo relacionadas à autenticação e ao gerenciamento de sessão geralmente não são implementadas corretamente, o que permite que os invasores comprometam senhas, chaves, tokens de sessão ou até mesmo explorem outras falhas de implementação para assumir as identidades de outros usuários.

Solution - Para proteger o seu site dessa falha, você deve fazer cookies e sessões com tempo de validade.

Cross-Site Scripting (XSS)

As falhas de XSS ocorrem sempre que um aplicativo pega dados não confiáveis ​​e os envia para um navegador da web sem validação ou escape adequados. O XSS permite que os invasores executem scripts no navegador da vítima, que podem sequestrar as sessões do usuário, desfigurar sites ou redirecionar o usuário para sites maliciosos.

Solution - A proteção contra isso está nas mesmas linhas que para iSQL.

Referência Insegura de Objeto Direto

Uma referência direta de objeto ocorre quando um desenvolvedor expõe uma referência a um objeto de implementação interno, como um arquivo, diretório ou chave de banco de dados. Sem uma verificação de controle de acesso ou outra proteção, os invasores podem manipular essas referências para acessar dados não autorizados.

Solution - Você deve implementar mecanismos de proteção específicos, como senhas, para proteger esses arquivos.

Configuração incorreta de segurança

Uma boa segurança requer ter uma configuração segura definida e implementada para o aplicativo, estruturas, servidor de aplicativos, servidor da web, servidor de banco de dados e plataforma. As configurações seguras devem ser definidas, implementadas e mantidas, pois os padrões geralmente são inseguros.

Solution - O software deve ser mantido atualizado.

Exposição de dados sensíveis

Muitos aplicativos da web não protegem adequadamente os dados confidenciais, como cartões de crédito, IDs fiscais e credenciais de autenticação. Os invasores podem roubar ou modificar esses dados fracamente protegidos para conduzir fraude de cartão de crédito, roubo de identidade ou outros crimes.

Solution - Os dados confidenciais merecem proteção extra, como criptografia em repouso ou em trânsito, bem como precauções especiais quando trocados com o navegador.

Controle de acesso de nível de função ausente

A maioria dos aplicativos da web verifica os direitos de acesso de nível de função antes de tornar essa funcionalidade visível na IU. No entanto, os aplicativos precisam realizar as mesmas verificações de controle de acesso no servidor quando cada função é acessada. Se as solicitações não forem verificadas, os invasores poderão forjar solicitações para acessar a funcionalidade sem a autorização adequada.

Solution - Você deve verificar os níveis de autenticação.

Cross-Site Request Forgery (CSRF)

Um ataque CSRF força o navegador da vítima conectada a enviar uma solicitação HTTP forjada, incluindo o cookie de sessão da vítima e qualquer outra informação de autenticação incluída automaticamente, para um aplicativo da web vulnerável. Isso permite que o invasor force o navegador da vítima a gerar solicitações que o aplicativo vulnerável pensa serem solicitações legítimas da vítima.

Solution - A prevenção mais comumente usada é anexar alguns tokens baseados em desafios imprevisíveis a cada solicitação que vem de um site da Web e associá-los à sessão do usuário.

Usando componentes com vulnerabilidades conhecidas

Componentes, como bibliotecas, estruturas e outros módulos de software quase sempre são executados com privilégios totais. Se um componente vulnerável for explorado, esse tipo de ataque pode facilitar a perda de dados graves ou o controle do servidor. Os aplicativos que usam componentes com vulnerabilidades conhecidas podem prejudicar as defesas do aplicativo e permitir uma variedade de ataques e impactos possíveis.

Solution - Verifique se essa versão do componente tem vulnerabilidades e tente evitar ou mudar para outra versão.

Redirecionamentos e encaminhamentos inválidos

Os aplicativos da Web freqüentemente redirecionam e encaminham os usuários para outras páginas e sites. Esses aplicativos usam dados não confiáveis ​​para determinar as páginas de destino. Sem a validação adequada, os invasores podem redirecionar as vítimas para sites de phishing ou malware ou usar encaminhamentos para acessar páginas não autorizadas.

Solution - Sempre valide um URL.

Protocolos Usados ​​Seguros

É o caso de ter um plano VPS e gerir tudo sozinho. Quando os serviços são instalados, eles usam portas padrão. Isso torna o trabalho mais fácil para um hacker, porque ele sabe para onde olhar.

Algumas das principais portas de serviço usadas na hospedagem de sites são fornecidas abaixo -

  • SSH - porta 22
  • FTP - porta 21
  • MySQL - porta 3306
  • DNS - porta 53
  • SMTP - porta 25

A mudança de porta desses serviços varia de acordo com o sistema operacional e suas diferentes versões. Além disso, você deve instalar um firewall. Se for um sistema operacional Linux, vamos recomendarIPtablese bloquear todas as outras portas desnecessárias. Caso seu sistema operacional seja Windows, você pode usar o firewall incorporado.

Para bloquear logins de força bruta em seus serviços, você pode usar Fail2ban, que é um software baseado em Linux e bloqueia todos os endereços IP, o que faz muitas tentativas de login malsucedidas.

Acelerar uma página da web ou site é tão importante quanto encontrar o provedor de hospedagem ou nome de domínio correto. Por quê?

Basta ler as estatísticas a seguir e você mudará de ideia.

One second nos rendimentos do tempo de carregamento da página -

  • 11% menos visualizações de página.
  • Diminuição de 16% na satisfação do cliente.
  • 7% de perda nas conversões.

A Amazon descobriu que isso é verdade, relatando aumento de receita de 1% para cada melhoria de 100 milissegundos na velocidade do site com base nos relatórios de grupo.

Com base nos resultados de um estudo feito pela Akamai -

  • 47% das pessoas esperam que uma página da web carregue em dois segundos ou menos.

  • 40% abandonarão uma página da web se demorar mais de três segundos para carregar.

  • 52% dos compradores online afirmam que os carregamentos de página rápidos são importantes para sua fidelidade a um site.

Como testar a velocidade do meu site?

Alguns renomados especialistas neste campo sugerem o uso de uma ferramenta online chamada de Webpagetest (https://www.webpagetest.org/) É um projeto de código aberto que está sendo desenvolvido e apoiado principalmente pelo Google. Ele faz o teste de velocidade do site de vários locais ao redor do globo usando navegadores reais (IE e Chrome) e em velocidades de conexão reais do consumidor. Você pode executar testes simples ou avançados, incluindo transações em várias etapas, captura de vídeo, bloqueio de conteúdo e muito mais. Seus resultados fornecerão informações valiosas de diagnóstico, incluindo gráficos em cascata de carregamento de recursos, verificações de otimização do Page Speed ​​e sugestões de melhorias.

Em nosso exemplo, estaremos testando o desempenho de tutorialspoint.com para um usuário da Alemanha usando o navegador Chrome.

Para executar o teste, abra o URL https://www.webpagetest.org/

Digite o nome de domínio conforme mostrado na imagem a seguir -

  • Local de teste - é o país do local do usuário.
  • Navegador - É para simular o navegador do usuário.
  • Clique em “Iniciar teste”.

Iremos obter os seguintes resultados na página principal. Ele mostrará todo o tempo necessário para abrir a página da Web com seus respectivos elementos.

Se formos para o Performance Review seção, ele indicará quais elementos devem ser otimizados.

Como acelerar meu site?

As dicas básicas para acelerar o seu site são as seguintes -

  • Minimize HTTP requests- Em palavras simples; simplifique o design de sua página da web.

  • Minimize server response time- Conforme a localização dos usuários, o tempo de resposta do servidor muda, isso ocorre devido à distância entre eles. Recomenda-se que, se a maioria de seus visitantes estiver em uma região específica, seu provedor de hospedagem também esteja localizado nessa região, o que diminui a distância de viagem para os dados.

  • Enable Compression- A compactação reduz a largura de banda de suas páginas, reduzindo assim a resposta HTTP. Você pode fazer isso com uma ferramenta chamadaGzip.

  • Enable Browser Cache - Quando você visita um site, os elementos da página são armazenados no armazenamento em cache, portanto, da próxima vez que você visitar o site, seu navegador poderá carregar a página sem ter que enviar outra solicitação HTTP ao servidor.

  • Optimize Images do seu site.

  • CSS delivery deve ser externo, se possível. A folha de estilo externa é preferível, porque reduz o tamanho do seu código e cria menos duplicações de código.

  • Reduce redirections que criam solicitações HTTP.

  • Se o seu site for um Content Management System platforme, em seguida, minimize o uso de plug-ins o máximo possível.

  • Remove broken links de seus URLs de JavaScript, CSS e imagem.

No próximo capítulo, aprenderemos como anunciar uma página da web.

Depois de criar seu site e ele estiver funcional, vem uma etapa muito importante de marketing. Isso é feito para aumentar o número de visitantes do site e divulgar, algo que pode ajudar a existir na internet. A ilustração a seguir é uma visão esquemática de todas as etapas que precisam ser executadas ao anunciar um site.

Publicidade nas redes sociais

Um anúncio de mídia social é qualquer tipo de conteúdo pago em uma rede de mídia social. Essas opções vão desde um Tweet ou postagem no Facebook promovido uma única vez até uma campanha em grande escala com grandes orçamentos anexados. Cada rede social oferece opções diferentes, mas vamos discutir como fazê-lo no Facebook porque é a maior plataforma de mídia social e o ROI dos anúncios é de cerca de 95% nela.

O Facebook tem cerca de 1,4 bilhão de usuários e mais de 900 milhões de visitas por dia, o que o torna adequado para grandes e pequenas empresas. A verdadeira vantagem do Facebook está na quantidade de dados granulares disponíveis para os usuários-alvo. Isso ocorre porque você pode segmentar seu público com vários critérios, como idade, localização, sexo, etc.

Por exemplo, neste tutorial, mencionamos muitas vezes a palavra Hosting. Agora, se fizermos login no Facebook, você poderá ver no lado esquerdo da página um anúncio sobre hospedagem, conforme mostrado na imagem abaixo.

Para criar um anúncio no Facebook, clique no nome da conta. Então clique emCreate Ads como mostrado na imagem a seguir.

Uma nova janela se abrirá e nela você deve selecionar seu objetivo. No nosso caso, selecionareiBrand Awareness.

Escreva o nome da campanha, no nosso caso é - tutorialspoint → depois clique Create Ad Account como mostrado na imagem abaixo.

Selecione o país da sua conta e a moeda que deseja pagar no Facebook, conforme mostrado na imagem a seguir → e clique em Continue.

Para selecionar seu público, você deve especificar a faixa etária e o local onde este Anúncio será veiculado.

Role para baixo e você terá opções para selecionar como este anúncio será mostrado. Digite o texto para este anúncio e carregue uma foto, quando terminar → CliquePlace Order.

Este é um programa de publicidade do Google, onde você pode se registrar e pagar com base no número de cliques no link do seu site ou com base no número de impressões de página. As páginas da web do Google e de sites parceiros são projetadas para permitir que o Google selecione e exiba a publicidade.

Como criar uma campanha do AdWords?

Para criar uma campanha do AdWords, você deve seguir as etapas fornecidas abaixo.

Step 1 - Para criar uma campanha do AdWords, você deve primeiro criar uma conta clicando no seguinte link - https://adwords.google.com/um/signin

Step 2 - Após fazer o login, clique em Campaigns, selecione o tipo de carga e localização conforme mostrado na captura de tela a seguir. O AdWords é como os anúncios do Facebook.

Step 3- Clique no botão Radio para o destino que você deseja, conforme mostrado na imagem abaixo. Além disso, você deve definir o orçamento. Quanto você deseja gastar por clique?

Step 4 - Coloque um nome de grupo e, em seguida, preencha o Headlines e Description Fields para o AdWords que deve ser criado.

Enquanto preenche os detalhes, você pode ver no painel de visualização esquerdo como o AdWords ficará depois de criados.

Step 5 - Selecione as palavras-chave que o mecanismo de pesquisa mostrará quando as pessoas fizerem pesquisas.

Search Engine Optimizationé o processo pelo qual você pode tornar seu site melhor em termos de classificação nos motores de busca. A maior parte do tráfego da web é direcionado pelos principais mecanismos de pesquisa comerciais, Google, Bing e Yahoo !. Embora as mídias sociais e outros tipos de tráfego possam gerar visitas ao seu site, os mecanismos de pesquisa são o principal método de navegação para a maioria dos usuários da Internet. Isso é um fato, quer o seu site forneça conteúdo, serviços, produtos, informações ou qualquer outra coisa.

Para otimizar a classificação de sua página da web, você deve saber o que os mecanismos de pesquisa procuram -

  • Content - É determinado pelo tema que está sendo dado, o texto da página, os títulos e as descrições que são dadas.

  • Performance- Sua página da web deve ser rápida (sem atrasos). Nós discutimos isso no capítulo anterior chamado -Speed up your website.

  • Authority - Seu site deve ter um bom conteúdo para vincular ou para outros sites autorizados usarem seu site como referência ou citar as informações disponíveis.

  • User Experience - Sua página da web deve ser segura para navegar, nenhum software prejudicial carregado.

  • Keyword Stuffing - Não abuse das palavras-chave em suas páginas.

  • Purchased Links - Não use muitos links de compra.

Ganhar dinheiro com um site

Um dos principais objetivos ao criar um site é ganhar dinheiro com isso. Para conseguir isso, existem vários métodos que discutiremos a seguir -

Anúncios do Google

O AdSense é o inverso do AdWords, permitindo que os editores (que inclui blogueiros e outros proprietários de sites) acessem a imensa rede de publicidade do Google, para que outros anunciantes possam veicular anúncios em seus sites. Para se registrar neste programa, você deve clicar no seguinte URL -https://www.google.com/adsense/

Faça marketing afiliado

Você promove um produto para os visitantes do seu site e assinantes de e-mail. Se o produto ou serviço agradar a essas pessoas, elas clicarão em seu link de afiliado e comprarão o produto, e com isso você receberá comissões.

Faça parcerias

Basicamente, isso significa encontrar empresas que possam ter interesse em anunciar no seu site e fazer um acordo.