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.
O projeto envolveu a criação de um site multipáginas com diversas funcionalidades:
Para começar, projetei a estrutura do meu site usando HTML. Usei tags fundamentais como
Um dos elementos essenciais do web design são as tabelas. Aprendi como usar as tags
para exibir dados em linhas e colunas. Com CSS, estilizei a tabela para melhorar a legibilidade e a apresentação.
Integrando MultimídiaA incorporação de elementos multimídia como imagens, áudio e vídeo foi uma parte crucial deste projeto. Aprendi como usar as tags , Criando FormuláriosOs 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. Desafios e SoluçõesUm 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 aprendidasEste 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ãoConstruir 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 comigoSe você achou este projeto interessante ou tem alguma dúvida, sinta-se à vontade para entrar em contato: LinkedIn: https://www.linkedin.com/in/rizalion |
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