"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Meu primeiro projeto de desenvolvimento web: aprendendo HTML e CSS

Meu primeiro projeto de desenvolvimento web: aprendendo HTML e CSS

Publicado em 2024-08-24
Navegar:658

Introdução

Embarcar em meu primeiro projeto de desenvolvimento web foi um passo emocionante em minha jornada como estudante de Ciência da Computação. Optei por construir um site simples com várias páginas para obter experiência prática com HTML e CSS. Esta postagem do blog irá guiá-lo pelo projeto, desde os conceitos básicos de HTML e CSS até os desafios que encontrei e as lições que aprendi.

Visão geral do projeto

O projeto envolveu a criação de um site multipáginas com diversas funcionalidades:

  • Uma página "Sobre mim"
  • Uma introdução ao HTML e CSS
  • Uma página para tabelas HTML
  • Uma página multimídia
  • Uma página de tipos de formulário

HTML e CSS: os fundamentos

Para começar, projetei a estrutura do meu site usando HTML. Usei tags fundamentais como

,

My First Web Development Project: Learning HTML and CSS

Construindo uma mesa

Um dos elementos essenciais do web design são as tabelas. Aprendi como usar as tags

, e
para exibir dados em linhas e colunas. Com CSS, estilizei a tabela para melhorar a legibilidade e a apresentação.

My First Web Development Project: Learning HTML and CSS

Integrando Multimídia

A incorporação de elementos multimídia como imagens, áudio e vídeo foi uma parte crucial deste projeto. Aprendi como usar as tags Meu primeiro projeto de desenvolvimento web: aprendendo HTML e CSS,

My First Web Development Project: Learning HTML and CSS

Criando Formulários

Os formulários são vitais para a interação do usuário em sites. Criei uma página para mostrar diferentes elementos de formulário HTML, como campos de texto, senhas e entradas de e-mail. CSS foi usado para estilizar os formulários, tornando-os funcionais e esteticamente agradáveis.

My First Web Development Project: Learning HTML and CSS

Desafios e Soluções

Um dos principais desafios foi manter um estilo consistente em todas as páginas. Resolvi isso usando um arquivo CSS comum (styles.css) que aplicava estilos uniformes. Outro problema foi posicionar os elementos corretamente, o que resolvi experimentando várias propriedades CSS, como margem, preenchimento e flutuação.

Lições aprendidas

Este projeto forneceu uma base sólida em HTML e CSS. Aprendi como estruturar páginas da web, aplicar estilos de maneira eficaz e manter um design consistente. Separar o conteúdo (HTML) do estilo (CSS) foi uma lição importante, destacando a importância da organização e da clareza no desenvolvimento web.

Conclusão

Construir este site foi uma experiência de aprendizado valiosa que me apresentou aos fundamentos do desenvolvimento web. Reforçou minha compreensão de HTML e CSS e me inspirou a continuar explorando tópicos mais avançados.

Para aqueles que embarcam em projetos semelhantes, encorajo vocês a abraçar o processo de aprendizagem e experimentar diferentes técnicas. As habilidades adquiridas em tais projetos são fundamentais para se tornar um desenvolvedor web proficiente.

Repositório GitHub: https://github.com/rizalion/Webpage-using-CSS-and-HTML

Conecte-se comigo

Se você achou este projeto interessante ou tem alguma dúvida, sinta-se à vontade para entrar em contato:

LinkedIn: https://www.linkedin.com/in/rizalion
GitHub: https://github.com/rizalion
Estou sempre aberto a feedback e colaboração. Vamos nos conectar e continuar a conversa!

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/rizalion/my-first-web-development-project-learning-html-and-css-2a9k?1 Se houver alguma violação, entre em contato com [email protected] para excluí-lo
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3