Você sabe como recuar parágrafos usando CSS? Um bom web design geralmente tem a ver com uma boa tipografia. Uma vez que grande parte do conteúdo de uma página da web é apresentado como texto, ser capaz de definir o estilo desse texto para ser atraente e eficaz é uma habilidade importante para um web designer. Infelizmente, não temos o mesmo nível de controle tipográfico online que temos na mídia impressa. Isso significa que nem sempre podemos definir o estilo de um texto de maneira confiável em um site da mesma forma que faríamos em uma peça impressa. Recuar parágrafos com CSS Um estilo…
Autor: Kayobrussy Guedes
Você sabe como fazer uma consulta de mídia CSS? O design da Web responsivo é uma abordagem para criar páginas da Web em que essas páginas podem alterar dinamicamente seu layout e aparência com base no tamanho da tela do visitante. Telas grandes recebem um layout adequado para telas maiores, enquanto dispositivos menores, como telefones celulares, recebem o mesmo site formatado de maneira adequada para essa tela menor. Essa abordagem fornece uma melhor experiência do usuário para todos os usuários e pode até mesmo ajudar a melhorar as classificações do mecanismo de pesquisa. Consultas de mídia CSS constituem uma parte importante do design da…
O elemento iframe incorpora outras páginas da web diretamente na página atual. O HTML5 apresenta três novos atributos a este elemento para ajudar a resolver as questões de segurança e usabilidade da implementação do iframe HTML4. Html5 Iframe: O atributo ‘sandbox’ O atributo sandbox do elemento iframe é um recurso de segurança útil para iframes. Quando você o coloca em um elemento iframe, o agente do usuário desabilita recursos que possam representar um risco de segurança para o site e seus usuários. Por exemplo: <iframe sandbox = “” > instrui o navegador a não permitir todos os recursos que possam representar um risco à segurança – portanto, nenhum plug-in, formulários, scripts, links externos, cookies, armazenamento local e acesso…
Os dados tabulares são simplesmente os dados contidos em uma tabela. Em HTML, é o conteúdo que reside nas células de uma tabela. O conteúdo da tabela pode ser números, texto, e uma combinação destes; e outra tabela pode até mesmo ser aninhada dentro de uma célula da tabela. O melhor uso de uma tabela, entretanto, é para a exibição de dados. De acordo com o W3C: “O modelo de tabela HTML permite que os autores organizem os dados – texto, texto pré-formatado, imagens, links, formulários, campos de formulário, outras tabelas etc. – em linhas e colunas de células.” Fonte: Introdução às tabelas da especificação HTML 4.…
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…