Os termos de web design são as principais coisas que um empresário deve saber. Web design é o processo de criação e organização dos aspectos visuais e funcionais de um site. Inclui vários termos e conceitos que descrevem vários aspectos do design e desenvolvimento de páginas da web.

O web design já existe há muito tempo e não perde tempo desenvolvendo uma linguagem complexa e cheia de jargões. Assim que você der o menor passo no mundo do web design, você começará a ouvir: “Qual CMS você deseja usar?”, “Você quer acima da dobra ou abaixo da dobra?”, “Você quer quer um layout fixo? ", "Qual hospedagem você deseja usar? ”E você fica se perguntando o que tudo isso significa. Sabemos que tentar descobrir todas as principais definições e termos de web design pode ser bastante cansativo, especialmente quando é tudo novo.

O web design cobre uma ampla gama de trabalhos, desde desenvolvedores web que escrevem código, até designers de UI e UX que trabalham em interfaces, até web designers que cuidam da aparência do seu site. Existem muitas pessoas envolvidas em web design.

Aprender o que significam apenas alguns acrônimos e jargões de web design pode tornar as coisas muito mais fáceis para seu designer e desenvolvedor e também pode ajudá-lo a entender como seu próprio site realmente funciona. Portanto, quer você contrate ajuda ou faça você mesmo, conhecer os termos mais comumente usados ​​e mais confusos em web design e desenvolvimento pode ser útil:

 

Definições e termos de web design.

Acessibilidade

Disponível atualmente é de grande importância em web design. Essencialmente, isso significa o quão acessível o seu site é para as pessoas, incluindo aquelas com deficiência auditiva ou visual. É importante ter isso em mente antes e durante a criação do seu site. Dê uma olhada nestas seis etapas para tornar seu web design acessível se você não souber por onde começar.

Abaixo da dobra (e acima da dobra).

Abaixo e acima da dobra estão dois termos que têm origem nos jornais. A “dobra” é onde o jornal se dobra. Superior e Inferior descreve se as informações são exibidas na metade superior ou inferior da dobra. Para páginas da web, a “dobra” geralmente é definida como o ponto em que você deve começar a rolar, mas o princípio é o mesmo – as informações que estão no topo da página (ATF) são mais acessíveis e visíveis do que as informações na parte inferior da página (BTF). .

Elástico (layout). Elástico (layout). Termos de webdesign

O layout elástico é uma abordagem ao design de páginas da web que descreve as relações entre os elementos e sua posição na página em termos de porcentagens, em vez de espaçamentos e tamanhos especificamente projetados. Isto significa que as páginas web se tornam mais adaptáveis ​​- tanto às preferências definidas pelos visitantes em termos de tamanho Fonte e a distância entre eles, e otimizar a página para visualização em um smartphone ou tablet.

Hoje em dia, os layouts elásticos são uma parte fundamental das abordagens de design responsivo, mas antes do nascimento da ideia do design responsivo, os layouts elásticos forneciam uma maneira fácil de tornar os sites responsivos.

Ex. Antigo

Ex é uma unidade de medida que usa um “x” minúsculo na fonte como medida padrão.

Largura fixa (layout). Largura fixa (layout). Definições e termos de web design.

Um layout de largura fixa é um método de design de páginas da web em que o designer especifica o tamanho da página da web e exatamente onde os elementos aparecerão nela. Isso dá aos designers muito mais controle sobre o design da página web do que um layout elástico, mas torna as páginas menos responsivas. tamanhos diferentes tela.

hexadecimal.

Os números hexadecimais, também conhecidos como números "hexadecimais", são um sistema numérico de base 16, o que significa que usam 16 caracteres para definir uma cor. Os números hexadecimais usam os números de 0 a 9 e as letras de A a F. Cada cor é identificada por três pares de números hexadecimais. O primeiro par de números ou letras refere-se à tonalidade vermelha, o segundo par à tonalidade verde e o terceiro par à tonalidade azul.

Rolagem infinita. Rolagem infinita

A rolagem infinita ocorre quando um novo conteúdo é carregado conforme você continua a rolar. Isso cria um pergaminho "infinito" e sem fim. Alguns exemplos populares disso são as linhas do tempo do Facebook, Pinterest ou Twitter.

Rolagem paralaxe. Rolagem paralaxe.

Este método de rolagem cria uma sensação de profundidade em design do site. Quando um usuário rola a página, os elementos de um site ficam em distâncias diferentes e se movem em velocidades diferentes conforme o usuário rola. Isso cria a ilusão de profundidade e distância em um site plano.

Resolução. Permissão. Definições e termos de web design.

Resolução é o número de pixels exibidos na tela. Este é um método padrão usado em web design para determinar tamanho imagens. A qualidade da imagem é geralmente descrita em pixels por polegada, com mais pixels resultando em uma imagem de maior qualidade.

Responsivo / compatível com dispositivos móveis / otimizado para dispositivos móveis. Responsivo / Compatível com dispositivos móveis / Otimizado para dispositivos móveis

No ano passado, mais da metade do tráfego da web vem de smartphones. Isso significa que está se tornando cada vez mais importante que um site tenha uma aparência melhor dispositivos móveis, bem como em computadores. Tornar sites responsivos/responsivos para dispositivos móveis/otimizados para dispositivos móveis significa projetar e desenvolver um site que se adapte ao dispositivo ou tela em que é visualizado.

Usabilidade. Fácil de usar.

Usabilidade é um conceito de web design que descreve o quão fácil é o seu site para os visitantes para os quais foi projetado. Idealmente, um visitante poderá usar seu site facilmente quando o encontrar pela primeira vez, com o mínimo de obstáculos, frustração e necessidade de pedir ajuda. Compreender os princípios de usabilidade é um passo fundamental na criação ótimo local na rede Internet.

UX (pesquisa do usuário) / UI (interface do usuário)

O design de UX e UI é um trabalho que melhora a experiência do usuário. É importante conhecer as diferenças entre UX e UI para entender como elas funcionam juntas.

UX, pesquisa de usuário, envolve todos os aspectos da experiência do usuário em um site, do início ao fim. Alvo - melhorar a qualidade interação do usuário com o site.

UI, interface do usuário, concentra-se nos elementos visuais e interativos de um site, como botões, ícones e tipografia. O objetivo é melhorar a aparência e funcionalidade do site.

Anatomia de um site frontend. Definições e termos de web design.

-

Migalhas de pão. Migalhas de pão.

Quando as páginas da web mostram aos usuários como eles navegaram na página e como retornar pagina inicial, isso geralmente é feito usando breadcrumbs. Normalmente, isso é exibido como uma série de categorias aninhadas, como Início > Categoria > Ano > Mês > Postagem.

Favicon. Favicon.

Um favicon é um pequeno ícone que aparece na barra de guias do seu navegador. Eles geralmente têm tamanho de 16 × 16 pixels (que na verdade é muito pequeno) e são salvos como imagens .ico, .gif ou .png. Você pode usar quase qualquer imagem como ícone, desde que tenha o tamanho certo e seja salva no formato correto.

Ponto focal. Coordenador.

O foco de uma página da web é a parte da página para onde sua atenção é atraída. Os designers gastarão muito tempo criando um ponto focal que realmente prenda a atenção do visualizador e, em seguida, colocando em foco o que há de mais importante na página. Isso garante que o maior número possível de pessoas o veja.

Front-end. Front-end.

Esses são todos os elementos, como imagens, texto, páginas que as pessoas verão quando visitarem seu site pela primeira vez. Essencialmente, é com isso que as pessoas irão interagir e interagir em um site.

Ícone de hambúrguer. Ícone de hambúrguer.

O ícone de hambúrguer refere-se ao ícone de menu comumente encontrado em programas posteriores. Possui três listras horizontais (daí o “hambúrguer”) e esconde o menu de navegação tradicional atrás de um único ícone.

Página de destino. Página de destino.

Esta é a primeira página que os visitantes do seu site verão. Muitos sites usam uma landing page dedicada para aprender algo com o visitante (como compartilhar seu endereço de e-mail ou uma página específica de um produto). Seu página de destino é uma das páginas mais importantes do seu site e você deve gastar muito tempo otimizando-a.

Navegação. Navegação.

A navegação é o sistema usado para mover-se entre os elementos da sua página web e é um dos elementos mais importantes de qualquer página web. É por isso que é tão importante conhecer os princípios fundamentais da navegação no site. O mais um exemplo brilhante As navegações são menus que aparecem na maioria das páginas da web. Mas também preste muita atenção em como as páginas estão organizadas e nas conexões entre elas. Eles também podem tornar a navegação de uma página da web muito mais fácil para os visitantes.

Anatomia de um back-end de site. Definições e termos de web design.

-

Processo interno. Processo interno.

Esta é a parte do seu sistema que administra seu site de maneira eficaz, mas fica oculta dos visitantes. Existem muitos componentes de back-end diferentes disponíveis, mas todos geralmente contêm as mesmas coisas: aplicativos, estrutura de informações e seu CMS.

CMS

Um sistema de gerenciamento de conteúdo é um sistema interno ferramenta para gerenciar o conteúdo do seu site, adicionando usuários, gerenciando comentários e possivelmente muito mais. Se você já usou o WordPress para criar um site, você usou um CMS. Um CMS torna o design e a criação de uma página da web muito mais fácil porque oculta grande parte do código bruto que alimenta o site.

Comércio eletrônico. Comércio eletrônico.

comércio eletrônico significa "comércio eletrônico". assim como “e-mail” significa “correio eletrônico”. Normalmente você adiciona uma loja ao seu site comércio eletrônico, que tratará de descrições de produtos, compras e vendas e dados de clientes.

HTTP/HTTPS

É um sistema que lida com a comunicação entre navegadores, servidores e aplicações web. Ele define como os dados devem ser empacotados e enviados.

HTTPS é uma extensão do HTTP que pode estabelecer conexões através de SSL (Secure Socket Layer). Esta é uma maneira muito mais segura de compartilhar dados online. Muitos navegadores modernos irão avisá-lo se um site usar o protocolo HTTP padrão em vez de HTTPS.

Como proprietário de um site, você pode adquirir os certificados SSL necessários para usar HTTPS de vários provedores. Uma vez adicionado, ele tornará seu site mais seguro e construirá a confiança de seus clientes.

Plugar. Termos de web design

Um pequeno programa que é instalado no site principal e fornece segurança adicional. Os plug-ins estão disponíveis para as plataformas CMS mais populares e podem ser usados ​​para muitas funções diferentes, desde automação de postagens em blogs até gerenciamento de leads.

Modelo. Amostra.

Os modelos são usados ​​em web design da mesma forma que são usados ​​para documentos e imagens – para garantir um design consistente em muitas páginas diferentes. A maioria das plataformas CMS fornecerá um conjunto de modelos para o seu site que ajudarão a garantir a consistência em suas páginas e no design delas.

Condições técnicas da Internet. Definições e termos de web design.

-

Texto âncora. Texto âncora.

O texto âncora é uma frase ou várias palavras que contêm um hiperlink. Usar o texto âncora correto pode fazer uma grande diferença na classificação da sua página nos mecanismos de pesquisa.

Backlink. Backlink.

Estes são links de outros sites para o seu site. Quando outro site é vinculado ao seu, por exemplo, para direcionar os leitores a um recurso, você recebe um backlink. Backlinks são muito importantes quando se trata de aumentar suas classificações de pesquisa porque vários backlinks de sites confiáveis ​​aumentarão a visibilidade do seu site.

Largura de banda. Largura de banda.

Largura de banda é um termo usado em diversos contextos, mas essencialmente significa a quantidade de dados enviados ou recebidos em um determinado período. Pode ser usado, por exemplo, para descrever a velocidade da sua internet, onde geralmente é expressa em quilobits por segundo (kbps). No entanto, às vezes é usado para descrever a quantidade de dados que você pode usar por mês como parte do seu pacote de hospedagem na web.

Cache. Dinheiro.

Um cache é um conjunto de dados armazenados em um navegador da web. Isso significa que na próxima vez que o usuário visitar o site, a página carregará mais rápido porque é carregada da memória local.

Termos de design da Web DNS

DNS significa Serviço de Nome de Domínio. Este é o sistema pelo qual seu navegador encontra páginas da web. Quando você azbyka.com.ua  , seu navegador procura uma "tabela DNS" que converte esse endereço amigável em um endereço amigável ao computador (ou seja, um endereço composto de números). O sistema DNS rastreia onde estão todas as páginas da web do mundo para que seu navegador possa encontrá-las.

Nome de domínio

Este é o nome do seu site. Você pode comprar domínios de muitas empresas. Eles não podem conter mais de 63 caracteres. Por exemplo,  https://azbyka.com.ua/é o nosso nome de domínio.

FTP

FTP significa File Transfer Protocol e é um sistema para transferir arquivos e dados do armazenamento local (digamos, no seu computador) para o seu servidor web. Para usar o FTP, você precisa baixar um pequeno programa chamado cliente FTP.

Link permanente. Link permanente

Um link permanente que permite fornecer um endereço que sempre apontará para uma postagem ou página específica do blog, não importa como você altere a estrutura do seu site em torno dele. Isso é muito útil se você usa postagens de blog para aumentar o tráfego do seu site, porque você não precisa alterar manualmente dezenas (ou centenas) de links se decidir alterar design do seu site ou altere seu nome de domínio.

URL

Um endereço que indica onde uma página específica ou outro recurso pode ser encontrado.

Hospedagem na web. Definições e termos de web design.

Uma hospedagem web é uma empresa que gerencia os servidores que armazenam seus Local na rede Internet. Conforme explicamos em nosso artigo sobre hospedagem na web, os hosts da web podem variar muito no nível de serviços que oferecem. Um bom host poderá garantir que seu site estará disponível 99,9% do tempo e também fornecerá as ferramentas para mantê-lo seguro e eficiente.

servidor web

Um servidor web é o computador no qual sua página web está realmente armazenada. Provavelmente está localizado em uma instalação de servidor de propriedade de seu host, embora também seja possível executar seus próprios servidores.

Terminologia de desenvolvimento web. Definições e termos de web design.

APF

CSS significa Cascading Style Sheets e, junto com HTML, essas folhas são a parte mais fundamental de qualquer página da web. Há dez anos, a formatação de páginas web, como o tamanho dos títulos ou se as imagens tinham bordas, era determinada no próprio código HTML. Isso significava que alterar a formatação exigia muito trabalho o processo de passar cada elemento páginas e alterações de código.

Com CSS tudo é muito mais simples. O estilo de uma página está contido em um (ou mais) arquivos CSS que determinam a aparência dos títulos, como as imagens são exibidas e muitos outros elementos. Eles informam ao navegador como exibir o site. Assim, o formato de sites inteiros pode ser alterado trocando apenas um trecho de código.

HTML

DHTML significa Linguagem de marcação de hipertexto dinâmico. É um termo para uma linguagem que combina várias linguagens de web design – HTML, JavaScript e CSS – em uma superlinguagem para desenvolvimento web. Geralmente é isso que os desenvolvedores da web modernos usarão para criar um site para você.

Tipo de documento. Definições e termos de web design.

Em HTML, um tipo de documento é uma descrição do tipo de HTML e da versão usada em uma página da web. Ele é usado pelos navegadores para verificar a integridade da página e pode causar erros de segurança se estiver incorreto.

Em. EM. Termos de webdesign

Em é usado para descrever o tamanho de uma fonte em relação à fonte "pai" usada na página. 1Em significa que a fonte (ou às vezes outros elementos) tem o mesmo tamanho do elemento pai, 2em significa que tem o dobro do tamanho e assim por diante.

Estilo incorporado. Estilo integrado. Termos de webdesign

Embora CSS (veja acima) possa ser usado para descrever o formato de páginas inteiras de uma só vez, às vezes você só precisa alterar o estilo de uma página. É quando um estilo embutido é usado. Um estilo embutido é um pedaço de código CSS escrito no cabeçalho de uma página da web que afeta apenas os elementos dessa página, não o site inteiro.

Família/estilo/peso da fonte. Família/estilo/peso da fonte

Web designers e desenvolvedores geralmente não trabalham com fontes específicas porque navegadores diferentes nem sempre usam as mesmas fontes. É por isso que em um documento CSS você verá que a fonte usada é definida como uma família de fontes – um grupo de fontes que podem ser usadas – em vez de apenas uma individualmente. Junto com esta definição, o documento CSS também definirá o estilo da fonte (itálico, sublinhado, etc.) e a espessura (negrito, claro, etc.).

HTML. Definições e termos de web design.

A linguagem de marcação de hipertexto é a base da Internet. Todas as páginas da web são escritas, pelo menos até certo ponto, em HTML, que foi projetado para ser o mais fácil possível de escrever.

Metadados.

Metadados são os dados contidos no cabeçalho das páginas da web. Esses dados estão disponíveis para o seu navegador, mas não são exibidos como parte da página da web que você está visualizando - você precisará visualizar o código-fonte para acessá-los.

Código aberto. Código aberto. Termos de webdesign

O software de código aberto é suportado pelo usuário e pode ser usado e modificado livremente. Isso contrasta com o software proprietário, que pertence e é mantido por uma empresa específica. A maioria dos desenvolvedores web usará software de código aberto pelo menos algumas vezes porque não só é mais barato, mas também pode ser mais seguro. Hoje em dia, a maioria dos desenvolvedores web minimiza as violações de segurança usando contêineres escritos em linguagens de código aberto.

Encenação. Encenação. Definições e termos de web design.

Preparação da webсайта é o processo de criar uma cópia quase final dele e testá-la antes de implantar a versão ativa do site. A maioria dos desenvolvedores web “prepara” um site antes de lançá-lo para garantir que tudo funcione corretamente. E muitas vezes, grandes mudanças em um site acontecem no site de teste, e não no site ativo.

Válido. Válido.

Em web design, páginas web válidas são aquelas que não contêm erros. Na prática, isso significa páginas web que seguem os padrões estabelecidos nas especificações HTML publicadas pelo W3C, a comunidade que define padrões para o desenvolvimento web.

XML. Termos de web design

XML significa Linguagem de Marcação Extensível. XML é uma parte fundamental do web design porque atua como uma “metalinguagem” que traduz elementos de uma linguagem para outra. Isso significa que as páginas da web podem ser criadas usando muitas linguagens diferentes, todas elas se comunicando via XML.

Última coisa…

Claro, você não precisa conhecer todas essas definições e termos de web design para começar. desenvolvimento de sites - de forma independente ou com ajuda. Em última análise, web design é um processo de aprendizagem, e os melhores designs são obras de arte repetíveis que melhoram continuamente à medida que você aprende coisas novas.

No entanto, pode ser muito útil ter um guia pelo mundo às vezes complexo do web design, especialmente quando você está apenas começando. Nossos web designers profissionais irão ajudá-lo a começar no emocionante mundo do web design.

АЗБУКА

 

Animação de logotipo.