Categoria: Construtor de sites

HTML Básico: iniciando no desenvolvimento web com HTML

Se você pretende criar um site, aprender o HTML básico é uma das melhores coisas que você pode fazer! Independentemente de pretender trabalhar com wordpress, web designer ou desenvolvimento web, conhecer o básico do HTML é essencial. Esse conhecimento permite compreender como funciona uma página web e seus elementos. Dessa forma, você pode criar seus próprios documentos e páginas HTML. Além disso, no futuro poderá também fazer uso desses recursos para fazer alterações e manutenções em páginas já existentes. Ao final deste artigo, você terá um conhecimento do HTML básico. Portanto, conhecerá o suficiente para realizar as sugestões acima. Dessa forma, também será possível avançar seus estudos a um nível intermediário e avançado para começar a criar páginas profissionais. Este … Leia Mais

HTML5: suas novidades e atualizações

O HTML5 surgiu em 2014 com grandes mudanças e atualizações na linguagem de marcação mais utilizada no mundo inteiro. O HTML , criado por Tim Berners Lee, surgiu em 1991 e logo se popularizou, por ser a principal linguagem utilizada na web. Hoje ela é considerar um dos padrões web supervisionada e controlada pela W3C (The World Wide Web Consortium) . Desde 1999 o HTML não recebia uma grande atualização. O HTML 4 estagnou de forma que já não conseguia atender a todas necessidades do mercado. Portanto, era necessário integrar plugins externos, como o flashplayer, para poder garantir as novas funcionalidades. Em 2004, foi fundado o WHATWG (Web Hypertext Application Technology Working Group) por desenvolvedores de grandes empresas como Mozilla, Apple … Leia Mais

Tabela Bootstrap: entenda de forma descomplicada!

Neste artigo, vamos explicar como criar e estilizar uma tabela Bootstrap. Antes de prosseguir, recomenda-se que tenha conhecimentos básicos sobre o Bootstrap e também sobre como funciona uma tabela em HTML. O Bootstrap é um dos mais conhecidos Frameworks de código aberto para CSS na atualidade, sento adotado por grande parte dos desenvolvedores web. Através dele, é possível adotar diversas classes com CSS já predefinido, facilitando muito o desenvolvimento de páginas HTML. Atualmente, se encontra na versão 4. Um recurso muito utilizado na web é o elemento de tabelas. Portanto, os desenvolvedores do Bootstrap pensaram numa forma de incluir as tabelas em seus estilos predefinidos. Neste artigo, abordamos os seguintes tópicos: Incluindo a classe de tabela Bootstrap Estilos básicos para … Leia Mais

Caracteres especiais e acentos no código HTML

No inicio da WEB, o uso de códigos para caracteres especiais do HTML era essencial até mesmo para inclusão de acentos. Com a evolução e ascensão do HTML, alguns padrões de caracteres começaram a ser incrementados, e assim, acentuações deixaram de ser um problema. Hoje em dia, a partir do metadados charset, é possível incluir o padrão a ser utilizado na página. Na América Latina, esse padrão é o UTF-8, que permite o uso de acentos e também do cedilha, entre outros. Usar caracteres especiais ajudará também o SEO de seu site. Para incluir esse padrão ao seu código, basta acrescentar ao <head> a tag <meta> com o atributo charset e seu valor conforme o padrão a ser utilizado.

Leia Mais

HTML img: inserindo imagens em sua página

Neste tutorial, vamos aprender como utilizar o HTML img para inserir imagens e gifs em nossas páginas HTML. Portanto, você encontrará aqui os seguintes tópicos: A tag <img> do HTML Inserindo imagem localmente através do HTML img Inserindo imagem global através do HTML img Título e texto alternativo Largura e altura do HTML img Imagem flutuante Recomendações sobre HTML img A tag <img> do HTML Logo no inicio da web, as páginas continham apenas conteúdos de textos e links. Isso tornava os conteúdos um tanto quanto limitados e monótonos. Não demorou muito para serem criados recursos de inclusão de imagens nas páginas. No HTML, a tag responsável pela inserção de imagens é a tag <img>. Porém, o HTML tecnicamente não … Leia Mais

Tags HTML: as principais tags para criar sua página HTML

Neste artigo, vamos estudar algumas das mais importantes tags que o HTML utiliza em sua estrutura. Para começar é importante entender que o HTML é uma linguagem de marcação de hipertexto, e tem como principal função marcar e definir a estrutura de uma página na web. Saiba mais sobre HTML nesse artigo. Para esse tutorial, utilizaremos como base o HTML5, a versão mais recente do HTML. Assim sendo, neste artigo você vai encontrar: O que são tags HTML? Estrutura básica de um documento HTML Tags de comentários em HTML Tags HTML estruturais A tags HTML de conteúdo Tags de estilos e scripts Crie sua página em HTML O que são tags HTML? As tags são usadas para informar ao navegador … Leia Mais

Links HTML: saiba o que são e como utilizar no seu site

Neste artigo, vamos entender o que são os links HTML, como surgiram, sua sintaxe e algumas formas de aplicação. Além disso, veremos diversos exemplos práticos, para você praticar e utilizar em suas páginas HTML. Este artigo possui os seguintes tópicos: O que são os links HTML O surgimento dos links HTML Como fazer um link em HTML Estilizando o link O atributo href O atributo target O atributo title Criando âncoras com os links HTML Link HTML para enviar um e-mail Link HTML para download de um arquivo Base link Links HTML em imagens Pratique você mesmo O que são os links HTML Desde a origem da internet, o que torna a web o que ela é hoje é justamente … Leia Mais

Manual de cada uma das funções do construtor fácil

Como acessar o manual de cada uma das funções do construtor fácil É muito comum no inicio do projeto ficar em dúvida sobre as opções de construção e como utiliza-las. No intuito de ajudar quem está começando, há um tutorial embutido para cada uma das funções do construtor fácil. Para acessar esses tutoriais é bem simples. Ao acessar seu projeto irá reparar que há um símbolo de interrogação verde no canto inferior esquerdo. Quando clicar nesse botão a tela irá esmaecer e os botões no menu superior irão ficar destacados em branco. Na parte inferior vários tutoriais em vídeo serão exibidos, como no exemplo abaixo: Os botoes do menu superior são tutoriais individuais de cada uma das funções mais importantes … Leia Mais

Como gerar e restaurar backup no construtor fácil

Como gerar e restaurar backup no construtor fácil Nesse tutorial iremos orientar em como gerar e restaurar backups no construtor fácil. O procedimento é bem simples, e recomendados que faça o download do backup de seu projeto antes de cada edição que for fazer. Gerando Backup Leve o cursor do mouse até o botão “Publique!” no canto superior esquerdo e opção “Efetuar/Restaurar backup”. Ao clicar nessa opção será exibido o botão para download de seu backup. Basta confirmar o nome e fazer o download do seu backup. Pronto! O seu arquivo já estará salvo em seu disco rígido ao final desse procedimento. Muitos motivos podem ocasionar a necessidade da restauração de um backup então lembre-se de fazer o download de seu … Leia Mais

Como importar um site para o construtor fácil

Como importar um site para o construtor fácil O novo construtor de sites fácil da homehost possui o recurso de importar um site criado por um outro construtor de sites e que já está online. Alguns ajustes podem ser necessários, mas a importação do site é de quase 100%. Em nosso exemplo o site já existente foi criado pelo antigo construtor fácil da homehost conforme o print abaixo: O primeiro passo é acessar seu construtor de sites fácil na homehost. Caso seja seu primeiro acesso será exibido uma tela lhe dando várias opções de templates e a última opção é a “Website import”. Selecione essa opção e cole o nome do seu site na caixa de texto e clique em Importar … Leia Mais

hhchat