Terminologia Do Website: Que Jargão Você Deve Saber?

é como se o design chato boffins criasse terminologia do site apenas para nos confundir. Frente. Traseira. Design. Desenvolver. Porque não simplificar as coisas?

se está a pensar em construir ou redesenhar um site, precisa deste artigo. Em primeiro lugar, vamos dar uma olhada na diferença entre web design e web Desenvolvimento. Também conhecido como front-end e back-end.

Qual é a diferença entre Web Design e Web Development Terminology?

web designers são os mais criativos dos dois, lidando com os visuais e layout do site. Queres uma certa cor? Uma mensagem maior aqui? Eles resolvem isso.

é comum para eles ter antecedentes em design gráfico e arte, para que eles saibam como fazer as coisas parecerem bonitas!

o trabalho de um desenvolvedor web é diferente, eles vão construir o núcleo do site. Eles se concentram nos aspectos técnicos e se certificam de que tudo funciona. Isto envolve a introdução de código em sites para o melhor desempenho. Eles são lógicos e tendem a ter antecedentes em Ciência da Computação ou programação.Por exemplo, o exterior de um carro é visualmente agradável, enquanto o motor é construído para manobrabilidade.

para tornar as coisas simples, vamos dividir o guia em terminologia do site do designer e desenvolvedor. Agarra – te ao Hertz, aqui vamos nós!

terminologia do Site Designer

conteúdo

não vale a pena ter um site alucinante se o seu conteúdo está por todo o lado. Para onde vão os seus contactos? Os visuais estão no sítio certo? E o espaço branco? Ninguém quer uma dor de cabeça quando visita o seu site. Acertar esses aspectos fará com que seus visitantes viajem mais prazerosos e aumentar sua chance de aparecer em motores de busca.

confira este exemplo de Lyft, não há muito conteúdo lá, mas é isso que o faz funcionar. Há uma simples chamada-para-ação no centro da página, acompanhada por uma animação bonita. Não há nenhuma chance de você vir a este site e não estar ciente de qual é o objetivo do conteúdo.

Acessibilidade

Este aspecto do projeto é muitas vezes esquecido por muitos web designers, mas deve ser parte de sua web design básico. É como o seu site é acessível para pessoas com deficiência.

guias de deficiência, cópias simples e ícones maiores ajudam-nos a navegar no site. Estas funções são populares nas organizações de saúde. Aqui está um exemplo da luta pela visão, que tem um ajustador de Fontes no topo direito da página inicial.

CSS (Cascading Style Sheets)

CSS é uma linguagem de folha de estilo usada para descrever a disposição do código HTML. Em termos mais simples, HTML é a linguagem do texto e CSS é a linguagem do design de página. O CSS economiza muito trabalho para desenvolvedores web, pois ajuda-os a formatar seu código HTML em diferentes layouts e estilos.

Layout estático

este tipo de layout é mais fácil de projetar, mas não é tão flexível para o usuário. Se uma página é a mesma largura para cada visitante, pode ser imprevisível em diferentes dispositivos. A maioria das empresas mudaram para o design responsivo com a ascensão do celular, mas você pode encontrar algumas empresas que o usam.

Favicon

Um favicon é uma imagem que aparece ao lado do seu nome de domínio na barra de endereço do navegador. É uma boa ideia processar o logótipo ou algo relacionado com o seu negócio. Precisas de inspiração? Dê uma olhada em alguns destes projetos de logotipo legal!

ponto Focal

onde quer que o olho se concentre? Um logótipo? Um produto? Se o seu site está muito confuso ou você não sabe para onde você quer que o usuário vá, eles podem sair. Amazon usar o banner de topo como seu ponto focal, mas nem todas as empresas podem jogar em eventos sazonais para gerar negócios, então pense sobre o que faz você se destacar.

HTML (Hypertext Markup Language)

você falar computador? Felizmente, os designers têm. Eles introduzem códigos em um arquivo de texto, o navegador lê-lo e traduz-lo em forma digerível. Uma série de habilidades de tipografia, design e programação de computadores são necessárias para a codificação HTML.

resolução

o termo usado para o número de pixels nos elementos verticais e horizontais de uma tela. Embora muitos acreditem que é o comprimento e a largura.Resolução do ecrã

Layout sensível

layout responsivo são adaptáveis e mudam dependendo do dispositivo do Usuário. Eles otimizam a página para encaixar o máximo de conteúdo possível. Este layout é um grampo dos conceitos básicos de web design.

Guia de estilo

ao projetar um site é importante ter um estilo consistente. Muitas cores ou formas podem confundir o usuário, por isso é importante ter uma mistura complementar. Dê uma olhada no Guia de estilo de Spotiy, algo tão leve como um erro de logotipo pode colocar sua marca em risco.

UX Design

como se sente o utilizador quando visita o seu website? Se for prático e fácil de usar, eles serão mais propensos a ficar no site. Se houver muitos elos quebrados, eles se sentirão desapontados. É vital entrar na mentalidade do utilizador e sentir empatia com os seus problemas.

a interface gráfica do utilizador

a Apple torna os dispositivos adequados para crianças pequenas. Olhe para a tela home móvel com todos os aplicativos e menus. GUIs deve ser simples e fácil de navegar, o que é tudo devido ao design inteligente.

design orientado para o crescimento

design orientado para o crescimento é a prática de construir um site com noções básicas simples de design web. O designer irá adicionar recursos mais complexos à medida que eles constroem o site. Isto significa que quaisquer que sejam os problemas, eles são protegidos por fundações fortes. Não colocaria o telhado numa casa sem lançar as fundações primeiro. Você pode então atualizar o site regularmente, garantindo que ele está sempre atualizado.

Ajax (assíncrono JavaScript e XML)

AJAX usa várias ferramentas de programação para enviar e recuperar dados sem ter que atualizar uma página web. Se você tiver sua homepage no Facebook em um navegador, ele continuará atualizando para lhe fornecer atualizações. Aqui está um exemplo de código AJAX.Base de dados anónima

Back-end

sites não são superficiais; há um monte de processos internos que o Usuário não pode ver. A parte de trás do seu site é onde você atualizar software, publicar blogs em seu CMS e enviar novos produtos. Este é o suporte do WordPress..

Bad neighborhood

a bad neighborhood is a group of websites with poor reputations and search rankings. Você não gostaria de viver em um bairro ruim, e nem o seu site. Colocar o seu site em bairros desonestos vai diminuir as suas chances de aparecer em um motor de busca. Obtenha o melhor pacote de hospedagem; você não quer punição para o comportamento perverso de seus vizinhos!

largura de banda

o seu vídeo é amortecedor. Por quê?! Largura de banda é o nível de tráfego e dados que podem passar através do seu site. As empresas maiores precisam de mais largura de banda à medida que aumentam o tráfego e as passagens de dados. A largura de banda varia, por isso é importante obter a quantidade certa para o seu negócio.

Cache

um cache é o espaço de armazenamento temporário de um dispositivo e melhora o desempenho do aplicativo. Quando você visita uma página web, seu navegador vai manter um registro das páginas que você visita, armazenando os arquivos no cache. Isso significa que o navegador não tem que relê-los, o que poupa tempo.

os Cookies

são pequenos ficheiros de texto que contêm informações básicas sobre os sítios web que visita. Os Cookies ajudam os servidores web a determinar as preferências olhando para os tipos de site que visita, ou o que coloca no seu carrinho de compras.

tem havido muita imprensa negativa sobre cookies nos últimos anos, pois há problemas com a privacidade. Dê uma olhada neste login da Amazon, ativando o login automático significa que a empresa deixa um cookie de rastreamento no seu navegador para que você não tenha que fazer login.

Banco de dados

Como seria de esperar, um banco de dados é um hub de armazenamento de dados. À medida que navegam pelo seu site, os navegadores introduzem consultas de pesquisa ou informações pessoais. A sua base de dados guarda essa informação.Se tem uma empresa de vestuário em Linha, as colunas da sua base de dados podem ler:

• tshirt_size
• tshirt_colour
• tshirt_price

aqui está uma amostra de uma base de dados anônima.Base de dados anónima

hospedagem

hosts web nos dão o poder de postar páginas web para a internet. Eles usam computadores servidores para conectar seu site à internet. Quando alguém clica na página do seu site, a página vai enviar um pedido para o servidor, e ele vai carregar.

JavaScript

JV é uma linguagem de programação dinâmica compacta e flexível. Há toneladas de funcionalidades extras com JavaScript. Você pode introduzir carrosséis, imagens 3D e streams de vídeo em seu site.

PHP (Hypertext Preprocessor)

PHP é uma linguagem de programação server-side usada para desenvolver sites fluidos e conectar-se a bases de dados. Por exemplo, você pode ter um botão de login em seu site com um endereço de E-mail e caixa de senha acima. Quando você introduzir e enviar esta informação, o PHP irá enviá-la para um banco de dados e verificar que está correto.

Veja este exemplo de código, veja como ele está lidando com um pedido de entrada? É o PHP.

Python

Python é um framework de desenvolvimento web que existe desde os anos 1980. é conhecido por sua facilidade de uso e legibilidade. Os iniciantes geralmente usam Python como um trampolim para outras ferramentas de desenvolvimento. Além disso, é grátis!

servidores

servidores fazem muito trabalho, são computadores depois de uma lata de espinafres. Eles armazenam grandes quantidades de dados, como folhas de CSS, e se conectam a outros servidores através de conexões de internet. Servidores web armazenam informações web como URLs, quando um navegador pede uma página, ele se comunica com o servidor.

e essa é a diferença entre o projeto de casamento e o desenvolvimento da web. Você agora está qualificado para a terminologia do site waffle para o conteúdo do seu coração!