Skip to content
This repository was archived by the owner on Sep 6, 2021. It is now read-only.

Commit 9fa5c68

Browse files
jasonsanjosejasonsanjose
committed
Merge pull request #2582 from adobe/jasonsanjose/pt-pt
Translation to Portuguese language (pt-pt)
2 parents 104b3f1 + e0b3b54 commit 9fa5c68

6 files changed

Lines changed: 477 additions & 0 deletions

File tree

‎samples/pt-pt/Primeiros Passos/index.html‎

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7+
<title>PRIMEIROS PASSOS COM BRACKETS</title>
8+
<meta name="description" content="An interactive getting started guide for Brackets.">
9+
<link rel="stylesheet" href="main.css">
10+
</head>
11+
<body>
12+
13+
<h1>PRIMEIROS PASSOS COM BRACKETS</h1>
14+
<h2>Este é o teu guia!</h2>
15+
16+
<!--
17+
FEITO COM <3 E JAVASCRIPT
18+
-->
19+
20+
<p>
21+
Bem vindo a esta pré-vizualização do Brackets, um novo editor open-source para a proxima geração web.
22+
Somos grandes fãs de padrões e queremos construir uma melhor ferramenta para JavaScript, HTML e CSS e relacionadas
23+
com tecnologias web abertas. Este é o nosso humilde começo.
24+
</p>
25+
26+
<!--
27+
O QUE É O BRACKETS?
28+
-->
29+
<p>
30+
<em>Estás a olhar para uma versão antecipada of Brackets</em>
31+
Em muitas formas, Brackets é um tipo de editor diferente. Uma grande diferença é que este editor é escrito em JavaScript.
32+
Embora o Brackets possa não estar pronto para o use dia-a-dia por enquanto, estamos a usa-lo todos os dias para construir o Brackets.
33+
</p>
34+
35+
36+
<h2>Estamos a tentar algumas coisas novas</h2>
37+
38+
<!--
39+
A RELAÇÃO ENTRE HTML, CSS E JAVASCRIPT
40+
-->
41+
<h3>Edição Rápida para CSS e JavaScript</h3>
42+
<p>
43+
Ao editar HTML, use as teclas de atalho <kbd>Cmd/Ctrl + E</kbd> para abrir um rapidamente o editor de linha que mostra todo o CSS relacionado.
44+
Faça uma pequena alteração no seu CSS, pressione <kbd>ESC</kbd> e está de volta a editar HTML.
45+
Ou simplesmente deixe as regras de CSS abertas e elas tornam-se parte do seu editor de HTML.
46+
Se pressionar a tecla <kbd>ESC</kbd> fora do Editor Rápido, todas elas fecham. Sem mais trocas de ficheiros e perdar o fio à meada.
47+
</p>
48+
49+
<samp>
50+
Queres ver isto em acção? Posiciona o teu cursor sobre a tag <!-- <samp> --> e pressiona
51+
<kbd>Cmd/Ctrl + E</kbd>. Deves ver o Editor Rápido de CSS aparecer.
52+
Na direita vais ver uma lista de regras CSS relacionadas com essa tag.
53+
Simplesmente navegue pela list de regras com <kbd>Alt + Up/Down</kbd> para encontrar aquela que queres editar.
54+
</samp>
55+
56+
<a href="screenshots/brackets-quick-edit.png">
57+
<img alt="Um screenshot a mostrar a Edição Rápida de CSS" src="screenshots/brackets-quick-edit.png" />
58+
</a>
59+
60+
<!--
61+
LIVE PREVIEW
62+
-->
63+
<h3>Pré-Vizualizar mudança no CSS ao vivo no navegador</h3>
64+
<p>
65+
Sabes que a "dança guardar/recarregar" que fizemos por anos? Aquela que fazes uma mudança no editor,
66+
pressionas guardar, mudas para o navegador e precionas recarregar para ver o resultado?
67+
Com o Brackets, não precisas de fazer essa dança.
68+
</p>
69+
<p>
70+
Brackets abre uma <em>live connection</em> para o teu navegador e envia actualizações do CSS assim que escreves!
71+
Probavelmente já fazias uma coisa parecida com ferramentas de navegador, mas com o Brackets
72+
não é preciso copiar e colar o código CSS final de novo no editor. O teu código corre no navegador, e vive no teu editor!
73+
</p>
74+
75+
<samp>
76+
Se tens o Google Chrome instalado, podes tentar isto por ti próprio. Clica no icone do relampago no canto superior direito
77+
ou pressiona <kbd>Cmd/Ctrl + Alt + P</kbd>. Quando o Live Preview está ligado a um documento HTML,
78+
todo o css ligado a ele pode ser editado em temo real.
79+
O icone muda de cinzento para dourado quando o Brackets estabelece a ligação ao navegador.
80+
81+
Agora, ponha o seu curso na tag <!-- <img> --> em cima (linha 56) e pressione <kbd>Cmd/Ctrl + E</kbd> Para abrir as regras CSS para aquela tag.
82+
Tenta mudar o tamanho da borda de 1px par 10px ou muda a cor de fundo de "dimgray"(nome da cor) para "hotpink"(nome da cor).
83+
Se o Brackets e o teu navegador estão a correr lado-a-lado, vais ver que as mudanças são instantaneas no teu navegador.
84+
Altamente, certo?
85+
</samp>
86+
87+
<p class="note">
88+
Hoje, o Brackets só suporta Live Preview para CSS. Estamos de momento a trabalhar no Live Preview para HTML e JavaScript.
89+
Na versãp actual, não vai ver mudanças no seu ficheiro HTML até guardar o documento.
90+
Live previews são só possiveis com Google Chrome. Nós queremos trazer esta funcionalidade para todos os navegadores mais conhecidos,
91+
e estamos ansiosos por trabalhar com esses fornecedores.
92+
</p>
93+
94+
<!--
95+
DEIXA-NOS SABER O QUE PENSAS
96+
-->
97+
<h2>Envolva-se</h2>
98+
<p>
99+
Brackets é um projeto open-source. Desenvolvedores Web de todo o mundo estão a contribuir para construir um melhor editor de código.
100+
Diz-nos o que pensas, partilha as tuas ideias or contribui diretamente para o projeto.
101+
</p>
102+
<ul>
103+
<li><a href="http://brackets.io">Brackets.io</a></li>
104+
<li><a href="http://blog.brackets.io">Brackets Blog da Equipa</a></li>
105+
<li><a href="http://github.com/adobe/brackets">Brackets no GitHub</a></li>
106+
<li><a href="http://github.com/adobe/brackets/wiki">Brackets Wiki</a></li>
107+
<li><a href="http://groups.google.com/group/brackets-dev">Brackets Lista de Mails Desenvolvedores</a></li>
108+
<li><a href="https://twitter.com/#!/brackets">@Brackets no Twitter</a></li>
109+
<li>Fala com os desenvolvedores do Brackets no IRC em #brackets no Freenode</li>
110+
</ul>
111+
112+
</body>
113+
</html>
114+
<!--
115+
116+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
117+
[:::::::::::::: ::::::::::::::]
118+
[:::::::::::::: ::::::::::::::]
119+
[::::::[[[[[[[: :]]]]]]]::::::]
120+
[:::::[ ]:::::]
121+
[:::::[ ]:::::]
122+
[:::::[ ]:::::]
123+
[:::::[ ]:::::]
124+
[:::::[ CODE THE WEB ]:::::]
125+
[:::::[ http://brackets.io ]:::::]
126+
[:::::[ ]:::::]
127+
[:::::[ ]:::::]
128+
[:::::[ ]:::::]
129+
[:::::[ ]:::::]
130+
[::::::[[[[[[[: :]]]]]]]::::::]
131+
[:::::::::::::: ::::::::::::::]
132+
[:::::::::::::: ::::::::::::::]
133+
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
134+
135+
-->

‎samples/pt-pt/Primeiros Passos/main.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
html {
2+
background-color: #eeeeee;
3+
}
4+
5+
body {
6+
margin: 0 auto;
7+
padding: 2em;
8+
max-width: 800px;
9+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
10+
font-size: 14px;
11+
line-height: 1.5em;
12+
color: #333333;
13+
background-color: #ffffff;
14+
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
15+
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
16+
box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
17+
}
18+
19+
h1, h2, h3, h4, h5, h6 {
20+
line-height: 1.3em;
21+
}
22+
23+
samp
24+
{
25+
/* hide <samp> from the browser so we can show cool features in Edge Code */
26+
display: none;
27+
}
28+
29+
img
30+
{
31+
border: 1px solid black;
32+
background-color: dimgray;
33+
padding: 10px;
34+
margin: 10px 0;
35+
max-width: 95%;
36+
}

‎samples/pt-pt/Primeiros Passos/screenshots/brackets-quick-edit.png‎

510 KB
Loading

0 commit comments

Comments
 (0)
⚡