1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
---
title: Primeiros passos na Web
slug: Learn/Comecar_com_a_Web
tags:
- Beginner
- CSS
- Desenho
- Guía
- HTML
- 'I10n:priority'
- Index
- publicação
- teoria
translation_of: Learn/Getting_started_with_the_web
---
<div>{{LearnSidebar}}</div>
<div class="summary">
<p><strong>Iniciação à Web</strong> é uma série concisa introduzindo-lhe os aspetos práticos do desenvolvimento da Web<em>. </em>Irá configurar as ferramentas necessárias para criar uma página da Web simples e publicar o seu próprio código simples.</p>
</div>
<h2 id="A_história_do_seu_primeiro_site_da_Web">A história do seu primeiro <em>site </em>da Web</h2>
<p>É muito trabalho para criar um site da <em>Web </em>profissional, por isso, se é novo no desenvolvimento da Web, nós encorajamos que comece por uma coisa pequena. Não irá criar outro Facebook de imediato, mas não é difícil ter o seu próprio site da Web simples <em>on-line</em>. Vamos lá começar.</p>
<p>Ao trabalhar com os artigos listados abaixo em ordem, irá passar do nada para ter a sua primeira página da Web <em>on-line</em>. Vamos lá!</p>
<h3 id="Instalar_software_básico"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a></h3>
<p>Quando se trata de ferramentas para criar um site da Web, há muito a escolher. Se está apenas a começar, pode ficar confuso com a variedade de editores de código, estruturas e ferramentas de teste disponíveis. Em <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Instalar software básico</a>, nós mostramos-lhe passo-a-passo como instalar apenas o software necessário para iniciar um desenvolvimento da <em>web</em> básico.</p>
<h3 id="Qual_será_a_aparência_do_seu_site_da_Web"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">Qual será a aparência do seu site da Web?</a></h3>
<p>Antes de começar a escrever o código do seu site da Web, deverá planeá-lo primeiro. Que informação está a apresentar? Que tipo de letra e cores está a utilizar? <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Apresentacao_do_meu_site">Como é que será apresentado o seu site da Web</a>? Nós descrevemos um método simples que pode seguir para planear o conteúdo e o desenho do seu site.</p>
<h3 id="Lidar_com_ficheiros"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Lidar_com_ficheiros">Lidar com ficheiros</a></h3>
<p>Um site consiste em muitos ficheiros: conteúdo de texto, código, <em>stylesheets</em>, conteúdo de média, e mais. Quando constrói um site, precisa de organizar os seus ficheiros e certificar-se que podem comunicar uns com os outros. <a href="/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">Lidar com ficheiros</a> explica como criar uma estrutura para os ficheiros do seu site e quais as questões que devem ser do seu conhecimento.</p>
<h3 id="Básicos_de_HTML"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">Básicos de HTML</a></h3>
<p><em>Hypertext Markup Language</em> (HTML) é o código que usa para estruturar, dar significado, e propósito ao seu conteúdo de <em>web</em>. Por exemplo, é o meu conteúdo um conjunto de parágrafos, ou uma lista de pontos? Tenho imagens inseridas na minha página? O <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/HTML_basicos">HTML - Essencial</a> fornece informação suficiente para o familiarizar com o HTML, sem o sobrecarregar.</p>
<h3 id="Básicos_de_CSS"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">Básicos de CSS</a></h3>
<p>Cascading Stylesheets (CSS) é o código que usa para decorar o seu site. Por exemplo, quer o texto colorido negro ou vermelho? Onde desenhar o conteúdo no ecrã? Que imagens de fundo e cores deve usar para decorar o site? <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/CSS_basico">CSS - Essencial</a> leva-o através do que precisa para começar.</p>
<h3 id="Básicos_de_JavaScript"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">Básicos de JavaScript</a></h3>
<p>JavaScript é a linguagem de programação que utiliza para adicionar funcionalidades interativas ao seu website, por exemplo, jogos, coisas que acontecem quando botões são premidos ou quando dados são introduzidos em formulários, efeitos de estilo dinâmicos, animação, e muito mais. <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Elementar_de_JavaScript">JavaScript - Essencial</a> dá-lhe uma ideia do que é possível com esta linguagem emocionante, e como começar.</p>
<h3 id="Publicar_o_seu_site_da_Web"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Publicar_o_seu_site_da_Web">Publicar o seu site da Web</a></h3>
<p>Após de escrever o código e organizar os ficheiros que compõem o seu site, tem de o colocar online para que as pessoas o possam encontrar. "Publicar o seu site da Web" descreve como colocar o seu código de amostra simples online com o mínimo de esforço.</p>
<h3 id="Como_é_que_funciona_a_Web"><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como é que funciona a Web</a></h3>
<p>Quando acede ao seu site favorito, muitas coisas complicadas acontecem em segundo plano de que poderá não ter conhecimento. <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Como_funciona_a_Web">Como funciona a Web</a> descreve o que acontece quando visualiza uma página da web no seu computador.</p>
<h2 id="Consulte_também">Consulte também</h2>
<ul>
<li><a href="https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g">Web Demystified</a> (Inglês): Uma série fantástica de vídeos a explicar os fundamentos da <em>web</em>, dirigido a totais iniciantes de desenvolvimento da <em>web</em>. Criado por <a href="https://twitter.com/JeremiePat">Jérémie Patonnier</a>.</li>
<li><a href="/pt-PT/docs/Learn/Comecar_com_a_Web/A_web_e_os_padroes_da_web">A Web e os padrões da Web</a>: Este artigo oferece detalhes úteis acerca da <em>web</em> — como foi inicialmente desenvolvida, o que são as tecnologias padrão da <em>web</em>, como trabalhar em equipa, porque ser um "programador da <em>web</em>" é uma carreira excelente, e que melhores práticas irá aprender durante o curso.</li>
</ul>
|