Recentemente, você fez algumas pesquisas para fins de trabalho e, em vez de usar o PowerPoint "clássico", gostaria de relatar os resultados em uma página da web rica em conteúdo, com a qual "impressionar" seu chefe e aspirar, por que não, um avanço na carreira. O problema agora é que você está totalmente tateando no escuro, já que nunca tentou entender como criar uma página HTML antes de agora, então você está procurando um curso "intensivo" que pode ajudá-lo a adquirir pelo menos os conhecimentos básicos para realizar um trabalho deste tipo.

Pois bem, fico muito feliz em informar que você está no lugar certo, na hora certa: abaixo, aliás, ficarei ao cuidado de explicar os fundamentos da "programação" em linguagem HTML, tomando também o cuidado de lhe fornecer com todas as ferramentas necessárias para agir de forma independente no futuro. Eu sei, a princípio pode parecer muito difícil, mas posso garantir que um pouco de paciência e alguns dias de prática são suficientes para alcançar resultados notáveis!

Portanto, sem hesitar mais, tire alguns minutos do seu tempo livre e leia com atenção tudo o que tenho a explicar sobre o assunto: Tenho certeza que, ao final dessa leitura, você terá uma ideia clara do que faça e você poderá organizar a página HTML que pensou para seu chefe. Posto isto, nada me resta a fazer senão desejar-lhe uma boa leitura e um bom trabalho!

Elementos flash ou applet Java, há muito indispensável para obter resultados semelhantes.

Precisamente por este motivo, até à data, o HTML 5 é amplamente utilizado, bem como para implementação de sites e portais, também no desenvolvimento de aplicações para smartphones e tablets e na implementação de painéis de gestão para outros tipos de "ligados" dispositivos. ".

Basicamente, uma página criada apenas com HTML é definida página estática, isto é, projetado para mostrar sempre o mesmo conteúdo, principalmente não modificável pelas condições atuais do ambiente a partir do qual é visualizado, nem pelo comportamento do usuário durante a navegação.

No entanto, é possível fazer colaborar HTML com inúmeras outras linguagens, para construir páginas mais complexas, ricas em conteúdo e, acima de tudo, dinâmicas: entre as linguagens mais populares deste tipo vale destacar a CSS, usado para defini-lo estilo dos elementos que compõem uma página, e o JavaScript, uma linguagem de programação que permite manipular dinamicamente a página tornando-a, se necessário, interativa.

seção deste guia.

  • Listas com marcadores - exatamente como o nome indica, este tipo de tag permite definir listas com marcadores e, se desejar, ordenadas. O começo e o fim de um lista com marcadores são decretados pelas tags
    é (lista não ordenada), enquanto para o lista classificada tags são usadas
    é (lista ordenada) Cada elemento da lista é colocado em tags
  • é (item da lista).
  • Formulários - algumas tags HTML são voltadas especificamente para a criação de formulários preenchíveis. Por exemplo, o início e o fim de um formulário são especificados por marcadores
    é , os vários elementos de entrada (caixas de texto, caixas de seleção e assim por diante) são identificados pela tag e especificado pelo parâmetro modelo. Em vez disso, a tag é usada para criar caixas dentro de um formulário
    . Vou mostrar como usar algumas dessas tags na seção da página de login HTML.
  • Clique aqui.

    Quando você terminar, salvar com nome o arquivo recém-criado usando a extensão .html (por exemplo. mysite.html) e, para visualizar a página no navegador, faça Duplo click no arquivo que você acabou de salvar. Bem: você acabou de criar sua primeira página HTML! Se desejar, você pode visualizar o código da página clicando com o botão direito em um local aleatório na página e escolhendo a opção Ver o código-fonte da página no menu proposto pelo navegador.

    Lembre-se que, desta forma, a página HTML criada só ficará visível dentro do computador que você está utilizando; se você quiser tornar a página acessível a partir da internet, você deve comprar um espaço de hospedagem que pode hospedá-lo, possivelmente para ser combinado com um domínio para alcançá-lo facilmente. Se você estiver interessado nesta eventualidade, convido você a consultar meu guia para melhor hospedagem.

    Biografia de Salvatore

  • Obras de Salvatore
  • Contatos de salvatore
  • Para acessar a seção de guias clique aqui.

    Como você pode facilmente adivinhar, os hiperlinks para as outras páginas do site foram inseridos em um lista com marcadores não ordenada. Além disso, a página recebeu um fundo colorido através do parâmetro bgcolor (ou seja, backgRedondocor) anexado à tag

    anteriormente, usando um código semelhante ao seguinte.

      Página de login   

    Faça login no site

    action = "scriptAccesso.php">

    <tipo de entrada = "enviar" value = "Sign in">

    Você esqueceu sua senha? Clique aqui para reiniciar.

    A dificuldade, neste caso, é dizer ao navegador como verificar se o nome de usuário e a senha foram inseridos corretamente, onde o usuário pressiona o botão para se autenticar (neste caso, ): geralmente, esta operação é concluída chamando um script específico (escrito com a linguagem javascript, php, ASP ou outros), que compara os campos nas caixas apropriadas com os registros de um banco de dados ou de um arquivo de texto. No código mencionado, este script é especificado no parâmetro açao da marca

    , que indica a ação a ser executada quando o botão de tipo é pressionado enviar (no nosso caso, "Login").

    Para obter mais informações sobre o procedimento de criação de scripts de login em PHP, convido você a consultar o tutorial básico de HTML.it.

    Por fim, salve o arquivo, clique duas vezes no respectivo html e… aproveite o resultado!

    Ferramentas para criar páginas HTML

    Se você chegou até aqui, significa que adquiriu o conhecimento básico necessário para criar uma página HTML e que você está pronto para dar os primeiros passos em total autonomia. Assim, depois de entender o uso de tags e como construir a estrutura de uma página Web, você gostaria de ter uma visão completa das ferramentas que podem ajudá-lo a realizar facilmente seu trabalho: abaixo indico aquelas que, em minha opinião , eles podem ser mais úteis para você.

    website oficial.

  • Amaya - é um editor de HTML de código aberto criado e distribuído pelo consórcio W3 (W3C). Ele permite, graças a uma conveniente interface WYSIWYG, criar páginas e sites inteiros em HTML, folhas de estilo, pequenos scripts e outras partes de plataformas Web, até mesmo “desenhar” tudo com o mouse. Você pode baixar Amaya desta página.
  • Adobe Dreamweaver - é uma ferramenta semiprofissional extremamente poderosa que, graças às várias ferramentas presentes nela, permite desenhar sites simples e complexos na Internet. Além de ser um editor de HTML, o Dreamweaver pode lidar com CSS, JavaScript, arquivos gráficos e muito mais. Você pode comprar o Dreamweaver (com a possibilidade de um teste gratuito de 7 dias) em seu site oficial.
  • Os que mencionei são alguns dos editores de HTML mais usados, mas não são os únicos: a esse respeito, criei para você um guia específico sobre programas HTML, no qual você pode encontrar muitos outros softwares deste tipo que podem ajudá-lo a levar a terminar seu trabalho.

    mesas, gráficos, formatação de texto, listas, imagens e assim por diante) para construir a página da Web como gostaria de visualizá-la no navegador.

    Quando terminar, clique no menu Arquivo Word, escolha a opção Salvar com nome, indica o pasta no qual salvar o arquivo e, posteriormente, especificar o nome do arquivo e definir o menu suspenso Salvar como (Formato de arquivo no Mac) na voz página da Internet, se você estiver interessado apenas em salvar o texto, ou em Página da web em um único arquivo para também salvar imagens, fontes usadas e outros elementos "externos" no Word dentro do mesmo arquivo.

    Observação: para manter a formatação original, o Word pode adicionar algumas tags "proprietárias" para não alterar a exibição da página. Se for sua intenção excluí-los e limitar-se a salvar apenas os marcadores HTML, você deve selecionar o item Página da web Filtrata no menu suspenso Salvar como / formato Arquivo.

    criar um site com WordPress e como criar um site com sites google.

    Existem também plataformas mais orientadas para a criação de páginas HTML estáticas, como Weebly, Yola ou Xoom: Expliquei a você especificamente como eles funcionam no meu guia Como criar um website gratuitamente.

    HTML.it HTML Guide - com toda a probabilidade, este é um dos guias mais completos, articulados e ricos em percepções disponíveis na Internet: é dividido em seções temáticas e inclui aulas autênticas, exemplos práticos e exercícios de vários tipos. Além disso, o guia HTML.it é constantemente atualizado.

  • W3Schools.com - este portal, promovido e publicado pelo W3C, é inteiramente dedicado ao HTML e às outras tecnologias que o rodeiam. Sua peculiaridade é poder realizar inúmeros exercícios de autoverificação, ao final de cada aula, para verificar e avaliar as novas habilidades adquiridas.
  • HTML 5 com CSS e JavaScript - se você preferir a impressão digital, não pode deixar de dar uma olhada neste texto: além de ser um manual básico para a criação de sites HTML, é uma referência bastante completa para a criação de aplicativos móveis ( e não) baseados na web, que combinam HTML 5 com CSS e JavaScript.