Autor: Kayobrussy Guedes

Você sabe criar tabelas listradas usando CSS? Para tornar as tabelas mais fáceis de ler, geralmente é útil estilizar as linhas com cores de fundo alternadas.  Uma das maneiras mais comuns de estilizar tabelas é definir a cor de fundo de cada linha. Isso geralmente é conhecido como “listrado de zebra”. Você pode fazer isso definindo todas as outras linhas com uma classe CSS e, em seguida, definindo o estilo dessa classe. Isso funciona, mas não é a maneira melhor ou mais eficiente de fazer isso.  Ao usar este método, toda vez que você precisar editar essa tabela, pode ser necessário editar…

Uma das tags que você aprenderá no início de sua educação em web design é um par de tags conhecidas como “tags de ênfase”.  Vamos dar uma olhada no que são essas tags e como são usadas no design da web hoje. Voltar para XHTML Se você aprendeu HTML anos atrás, bem antes do surgimento do HTML5, provavelmente usou as tags negrito e itálico. Como seria de se esperar, essas tags transformaram os elementos em texto em negrito ou itálico, respectivamente.  O problema com essas tags, e por que foram deixadas de lado em favor de novos elementos (que veremos em breve), é que não são…

Qualquer imagem que você deseja vincular no HTML do seu site devem primeiro ser carregadas no mesmo lugar para o qual você enviou o HTML da página da web, se o site estiver hospedado em um servidor da web que você acessa por FTP ou se você usar um serviço de hospedagem na web.  Se você usa um serviço de hospedagem na web, provavelmente usa um formulário de upload fornecido pelo serviço.  Esses formulários normalmente estão na seção de administração de sua conta de hospedagem. Carregar suas imagens para o serviço de hospedagem é apenas a primeira etapa. Em seguida, você precisa adicionar uma tag no…

Você sabe como usar texto pré-formatado? Quando você adiciona texto ao código HTML de uma página da Web, digamos em um elemento de parágrafo, você tem pouco ou nenhum controle sobre onde essas linhas de texto serão quebradas ou o espaçamento que será usado.  Isso ocorre porque o navegador da web fluirá o texto conforme necessário com base na área que o contém. Isso inclui sites responsivos que terão um layout muito fluido que muda de acordo com o tamanho da tela que está sendo usada para visualizar a página.  O texto HTML quebrará uma linha onde for necessário, uma vez que atingiu o final…

Você sabe a diferença entre um caminho absoluto e um relativo? Nenhum aspecto do web design é mais centrado na web do que os hiperlinks.  Criar um link em uma página para ajudar os visitantes a acessar facilmente outro conteúdo é uma das características definidoras que diferenciam os sites de outros meios de comunicação, como jornais e rádio. Esses links são fáceis de adicionar a uma página, mas alguns designers ficam confusos sobre a implementação ideal porque existem duas maneiras padrão de criar links e dois tipos de caminhos que você pode usar – caminhos absolutos e relativos. URLs de caminho absoluto Caminhos absolutos usam…

Tem como mudar cores padrão do link do site? Todos os navegadores da web usam cores padrão para links se o web designer não defini-los. Para alterar essas cores, use CSS (Cascading Style Sheets). Cores do link As cores dos links compreendem alguns estados diferentes: A cor padrão do link – o que você vê no texto antes de interagir com o link.A cor do link instantâneo – para a qual o link muda quando você passa o cursor sobre ele.A cor do link ativo – quando você clica no link com o mouse.A cor do link seguido – para links em que você clicou anteriormente. Use…

Uma das melhores maneiras de aprender a codificar sites é examinar os códigos-fonte de outros sites. Essa prática é a forma como muitos profissionais da web aprenderam seu ofício, especialmente nos dias anteriores, havia tantas opções de cursos de web design, livros e sites de treinamento online. Se você tentar essa prática e observar as folhas de estilo em cascata de um site, uma coisa que poderá ver nesse código é uma linha que diz !Important. Este termo altera a prioridade de processamento na folha de estilo. A cascata de CSS As folhas de estilo em cascata realmente se espalham , o que significa que são colocadas em uma ordem específica. Em…

A maneira como os navegadores lidam com o espaçamento em branco não é muito intuitiva no início, especialmente se você comparar como a Hypertext Markup Language trata o espaço em branco em relação aos programas de processamento de texto.  No software de processamento de texto, você pode adicionar muitos espaçamentos ou tabulações no documento e esse espaçamento será refletido na exibição do conteúdo do documento.  Este design WYSIWYG não é o caso com HTML ou com páginas da web. Espaçamento na impressão No software de processamento de texto, os três principais caracteres de espaço em branco são o espaço , a tabulação e o retorno…