Recuperação contínua - Infográfico sobre o desenvolvimento web by gabriel magalhaes https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r en-us 2023-06-27 02:12:59 UTC 2025-10-27 11:54:24 UTC hello@padlet.com http://lucianodev.com.br/blog/wp-content/uploads/2018/09/imagem_post_desenvolvimento_web.jpg HTML E CSS gabrielperesmagalhaes13 https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r/wish/2632993945 Existem muitas linguagens de desenvolvimento web, mas aqui vou falar sobre essas duas que são as que estamos aprendendo no momento

1. HTML (Hypertext Markup Language): É a linguagem fundamental da web e é usada para estruturar o conteúdo de uma página. Ela define a hierarquia dos elementos e o layout básico de um site.

2. CSS (Cascading Style Sheets): É uma linguagem usada para estilizar a aparência dos elementos HTML. Com o CSS, é possível controlar cores, fontes, tamanhos, posicionamento e outros aspectos visuais de uma página.]]> 2023-06-27 02:25:25 UTC https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r/wish/2632993945 Como e em quais casos utilizar o HTML gabrielperesmagalhaes13 https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r/wish/2633002884 Codificação HTML: Converter o rascunho ou design visual em código HTML. Utilizar as tags HTML adequadas para estruturar o conteúdo da página, como cabeçalhos, parágrafos, listas e links.

Estrutura básica HTML:  
<!DOCTYPE html>
<html>
<head>
    <title>Título da página</title>
    <meta charset="utf-8"/>
</head>
<body>

</body>
</html>
]]> 2023-06-27 02:34:20 UTC https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r/wish/2633002884 Como utilizar CSS e em quais casos utilizar gabrielperesmagalhaes13 https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r/wish/2633023189
  • Estilização com CSS: Criar um arquivo CSS separado e vinculá-lo ao HTML para estilizar os elementos da página. Utilizar seletores CSS e propriedades para definir cores, fontes, tamanhos, espaçamentos e posicionamentos.
  • Responsividade: Adaptar o design e o layout da página para diferentes dispositivos e tamanhos de tela, utilizando técnicas como CSS flexbox ou grid e media queries.

    • Basicamente o CSS vai dar a "vida" ao site, deixando ele mais colorido e agradável ao olhar de quem o acessa-lo

    Alguns comandos que peguei de projetos meus:


    body {
	margin: 0;
	padding: 0;
	border: 0; 
	font-family: sans-serif;
	background-color: #e3b696;  
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
	background-color: blue;
	height: 30px;
	padding-top: 10;
	color: #f4d8k7;
	text-align: center;
    ]]>     2023-06-27 02:53:52 UTC https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r/wish/2633023189     definir o objetivo do site e público alvo gabrielperesmagalhaes13 https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r/wish/2633053481 Para montar um bom site utilizando essa duas linguagens, também é necessária a compreensão do objetivo principal para assim montar um site bom, e que obviamente deve agradar o seu público alvo.

    Você também deve realizar pesquisas sobre quais designs estão sendo mais usados, concorrência e sobre oque vai colocar no conteúdo desse site.]]>     2023-06-27 03:22:36 UTC https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r/wish/2633053481     Publicação do site gabrielperesmagalhaes13 https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r/wish/2633062527 Ao final de tudo isso, você precisará publicar esse site, para isso é preciso alguns recursos necessários para ter um site web e a criação de um domínio.

    Mas se você quer apenas publica o site de forma de teste você pode usar o gitHUB para criar um "domínio" e lançar seu site ou projeto do seu curso dessa forma: 

    Você precisa criar um repositório de propriedade da sua conta pessoal chamado <username>. github.io. É importante que o seu repositório esteja público para funcionar

    ]]>     2023-06-27 03:33:57 UTC https://padlet.com/gabrielperesmagalhaes13/f87q9obwk3wq348r/wish/2633062527