Como fazer um calendário em HTML

Escrito por contributing writer | Traduzido por ricardo torres iupi
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer um calendário em HTML
Aprenda como criar um calendário em HTML (Thinkstock Images/Comstock/Getty Images)

Você pode criar um calendário de web em HTML usando as ferramentas certas. Para quem optar criar o seu calendário a partir do zero, usar a linguagem de HTML básica pode ser o caminho a percorrer. Para aqueles que não são tão experientes nesse tipo de atividade, existem opções como geradores de código ou sites que fornecem os calendários prontos depois de obter algumas informações sobre você. Surpreendentemente, é possível encontrar geradores de HTML em muitos lugares.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

O que você precisa?

  • Editor HTML

Lista completaMinimizar

Instruções

  1. 1

    Use um gerador de códigos para calendários em html. A maioria dos sites que oferecem serviços gratuitos de geração de códigos os criam já escritos. Um site que oferece esse serviço é o Waukegan Schools District 60. Ele montou um editor de web muito eficaz, que gera um código de calendário que qualquer iniciante pode usar com facilidade. Assim que acessar o site, role a tela para baixo para encontrar o editor, que está localizado na parte inferior da página com o nome de "Calendar Tools". No campo Week Day Text Format, você pode escolher se quer abreviar ou soletrar os dias da semana e, em seguida, definir se quer usar negrito ou itálico. Também é possível escolher a cor do texto. Após pressionar o botão "Create Calendar", você será solicitado a inserir o mês de sua escolha e o ano. Depois desse último passo, o gerador concluirá o código e seu calendário estará pronto para edição. Copie e cole o código no Microsoft Word ou no bloco de notas.

  2. 2

    Edite o código-fonte HTML. Mude a fonte da imagem:<img src="http://files.waukeganschools.org/district/months/undefinedHeader.gif" border="0" alt="undefined">. Começando com "http", altere o local no código para localizar a imagem que deseja usar.

    Como fazer um calendário em HTML
    Os códigos HTML geralmente seguem um padrão, por isso, um breve estudo sobre o assunto deve ser suficiente
  3. 3

    Edite os dias da semana. Altere os dias da semana localizando a área necessária para edição, que pode ser encontrada aqui: <td align="center" width="13%"><b><i><font color="red">Sun</font></b></i></td>. Cada linha pertencerá a um dia diferente da semana. A palavra "Sun" (domingo) pode ser alterada para qualquer dia que você quiser. Ao inserir o tag de quebra , você poderá adicionar horários de reuniões, lembretes ou quaisquer outras notas naquele dia. Se fizer isso corretamente, deverá ficar assim: <td align="center" width="13%"><b><i><font color="red">Sun Não esquecer da reunião as 18:30</font></b></i></td>.

  4. 4

    Alterne seu editor de páginas da web. Há muitos editores online sendo disponibilizados gratuitamente. Um desses é o HTML List Editor. Ele permite escrever e editar o código HTML e salvá-lo como uma página da web para visualização posterior. Há também o Microsoft Front Page, que lhe dá uma infinidade de opções de edição, sendo que também fornece uma pré-visualização e visualização normal, além disso, exibe o código-fonte. Mesmo se você optar por não usar um editor de web, esse gerador de códigos lhe dará o modelo básico para a criação de um calendário de HTML.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível