Índex

Found 53 pages:

# Page Tags and summary
1 Aprender sobre o desenvolvimento da Web Aprender, Index, Introdução, Principiante, Web
O objetivo desta área da MDN não é transformá-lo de "principiante" em "especialista", mas sim, de "principiante" a "ter noção". A partir daí, deverá conseguir começar o seu próprio trajeto, aprendendo com o resto da MDN e outros intermediários para recursos avançados que requerem bastante conhecimento prévio.
2 Acessibilidade ARIA, Acessibilidade, Aprender, Artigos, CSS, CodingScripting, HTML, JavaScript, Landing, Principiantes, modulo
Aprender um pouco de HTML, CSS e JavaScript é útil se quiser tornar-se em um desenvolvedor da web, mas o seu conhecimento precisa de ir mais além do que apenas utilizar as tecnologias - precisa de as utilizar com responsabilidade para maximizar o público dos seus sites da web e não impedir que as utilizem. Para conseguir isso, precisa de aderir às melhores práticas gerais (que são demonstradas através dos tópicos de HTML, CSS, e JavaScript), efetuar teste cruzado de navegador, e considerar a acessibilidade desde o início. Neste módulo, nós iremos abordar o último em detalhes.
3 Aprender a estilizar HTML, utilizando CSS CSS, Depuração, Estilo, Principiante, Tópico, especificidade
Folhas de Estilo em Cascata — ou CSS — é a segunda tecnologia que deveria começar a aprender depois de HTML. Considerando que HTML é utilizado para definir a estrutura e semântica do seu conteúdo, CSS é utilizada para estilizar e aplicar. Assim, por exemplo, pode utilizar CSS para alterar o tipo de letra, cor, tamanho e espaçamento de seu conteúdo, dividi-lo em várias colunas, ou adicionar animações e outros elementos decorativos.
4 Estilizar texto CSS, Hiperligações, Principiante, Texto, Tipos de Letra, letra, lina, listas, modulo, sombra, tipo de letra, tipos de letra da Web
Com os conceitos básicos da linguagem CSS cobertos, o próximo tópico de CSS para se concentrar será o estilo de texto - uma das coisas mais comuns que irá fazer com CSS. Aqui, nós vamos ver os fundamentos do estilo de texto, incluindo a configuração do tipo de letra, negrito, itálico, espaçamento de linha e letra, sombras e outros recursos de texto. Nós completamos o módulo ao analisar a aplicação de tipos de letra personalizadas para a sua página, e listas de estilo e hiperligações.
5 Utilizar CSS para resolver problemas comuns Aprendizagem, CSS, Learn, NeedsTranslation, Precisa de Tradução, Principiante
As seguintes hiperligações apontam para soluções até aos problemas comuns diários que irá precisar de resolver com CSS.
6 Perguntas Frequentes sobre CSS CSS, Exemplo, FAQ, Guía, Web, questões
Browsers use the DOCTYPE declaration to choose whether to show the document using a mode that is more compatible  with Web standards or with old browser bugs. Using a correct and modern DOCTYPE declaration at the start of your HTML will improve browser standards compliance.
7 Estruturar a Web com HTML Apredizagem, Guía, HTML, Introdução, Principiante, Tópico
Para criar sites da Web, deverá saber sobre HTML — a tecnologia fundamental para definir a estrutura de uma página da Web. HTML é utilizado para especificar se o seu conteúdo da Web deve ser reconhecido como um parágrafo, lista, cabeçalho, hiperligação, imagem, leitor de multimédia, formulário, ou um dos muitos outros elementos disponíveis ou mesmo um novo elemento que defina.
8 Introdução ao HTML CodingScripting, Estrutura, HTML, Hiperligações, Introdução ao HTML, Texto, head, semántica
Na sua essência, HTML é uma linguagem bastante simples, composta por elementos que podem ser aplicados em partes de texto para lhes dar um significado diferente num documento (É um parágrafo? Uma lista com marcas? É parte de uma tabela?), estruturar um documento em secções lógicas (Tem um cabeçalho? Três colunas de conteúdo? Um menu de navegação?) e incorporar conteúdo como imagens e vídeos numa página. Este módulo irá apresentar as duas primeiras aplicações e introduzir os conceitos e a sintaxe fundamentais que você precisa de saber para compreender HTML.
9 Começar com HTML Comentário, Elemento, Guía, HTML, Principiante, atributo, espaço em branco, referência de entidade
Neste artigo nós iremos abranger os básicos absolutos de HTML, para o iniciar — nós definimos os elementos, atributos, e todos os outros termos importantes que já poderá ter ouvido, e onde os incorporar na linguagem. Nós também mostramos como é que o elemento de HTML é estruturado, como é que uma página HTML é estruturada, e explicar outras funcionalidades de linguagem básica importantes. E nós iremos algumas demonstrações de algum HTML, para o motivar!
10 Criar hiperligações Aprender, Guía, HTML, HTTP, Hiperligações, Principiante, URL, título
That's it for links, for now anyway! You'll return to links later on in the course when you start to look at styling them. Next up for HTML, we'll return to text semantics and look at some more advanced/unusual features that you'll find useful — Advanced text formatting is your next stop.
11 Demarcar uma carta Avaliação, HTML, Ligações, Principiante, Texto
We all learn to write a letter sooner or later; it is also a useful example to test out our text formatting skills! In this assessment you'll be given a letter to mark up to test basic and advanced HTML text formatting skills, including hyperlinks, plus we'll test your familiarity with some HTML <head> contents.
12 Depurar HTML Depuração, Erro, Guía, HTML, Principiante, Validação
So there we have it, an introduction to debugging HTML, which should give you some useful skills to count on when you start to debug CSS, JavaScript, and other types of code later on in your career. This also marks the end of the Introduction to HTML module learning articles — now you can go on to testing yourself with our assessments: the first one is linked below.
13 Estrutura do documento e do website Guía, HTML, Layout, Principiante, pagina, semántica
At this point you should have a better idea about how to structure a web page/site. In the last article of this module, we'll study how to debug HTML.
14 Estruturar uma página de conteúdo Avaliação, Estrutura, HTML, Principiante, semántica
Structuring a page of content ready for laying it out using CSS is a very important skill to master, so in this assessment you'll be tested on your ability to think about how a page might end up looking, and choose appropriate structural semantics to build a layout on top of.
15 Formatação avançada de texto Aprender, Guía, HTML, Principiante, Texto, abreviatura, semántica
That marks the end of our study of HTML text semantics. Bear in mind that what you have seen during this course is not an exhaustive list of HTML text elements — we wanted to try to cover the essentials, and some of the more common ones you will see in the wild, or at least might find interesting. To find way more HTML elements, you can take a look at our HTML element reference (the Inline text semantics section would be a great place to start.) In the next article we will look at the HTML elements you'd use to structure the different parts of an HTML document.
16 O que está em "head"? Metadados em HTML Guía, HTML, Idioma, Meta, Principiante, head, metadados
Head de um documento HTML é a parte que não é exibida no navegador da Web quando a página é carregada. Este contém a informação, tais como o título da página, hiperligações para CSS (se pretender estilizar o seu conteúdo HTML com CSS), hiperligações para favicons personalizados, e outros metadados (dados sobre o HTML, tais como quem o escreveu, e palavras-chave importantes que descrevem o documento.) Neste artigo nós iremos abranger todas as coisas acima e muito mais, para lhe dar bons conceitos básicos para lidar com a marcação e outro código que deverá estar no seu head.
17 Multimédia e integração Aprender, Audio, Avaliação, CodingScripting, Flash, Guía, HTML, Imagens, Landing, Principiante, Responsivo, SVG, Video, iframes, mapas de imagem
Nós já vimos muito texto até agora neste curso, mas a Web seria realmente chata se se utilizasse apenas texto. Vamos começar a ver como dar vida à Web, com conteúdo mais interessante! Este módulo explora como utilizar HTML para incluir multimédia nas suas páginas da Web, incluindo os modos diferentes em que as imagens podem ser incluídas, e como incorporar vídeo, áudio e até páginas da Web completas.
18 Avaliação: Página inicial da Mozilla Avaliação, HTML, Imagens, Incorporação, Multimedia, Principiante, Responsivo, Video, iframe, imagem, tamanhos
Nesta parte, testaremos seu conhecimento de algumas técnicas discutidas nos artigos deste módulo, pedindo que você adicione imagens e vídeos a uma grande página inteiramente dedicada ao Mozilla!
19 Conteúdo de áudio e vídeo Artigo, Audio, Guía, HTML, Principiante, Video, faixa, legendas
Now that we are comfortable with adding simple images to a webpage, the next step is to start adding video and audio players to your HTML documents! In this article we'll look at doing just that with the <video> and <audio> elements; we'll then finish off by looking at how to add captions/subtitles to your videos.
20 Tabelas HTML Artigo, Guía, HTML, Principiante, Programação Scripting, modulo, tabelas
Uma tarefa muito comum em HTML é estruturar os dados tabulares, e esta tem um número de elementos e atributos próprios para essa finalidade. Em conjunto com a linguagem CSS para estilização, o HTML torna fácil a exibição de tabelas com informação na Web, tais como o seu plano de lições escolares, o horário na sua piscina local, ou s estatísticas sobre os seus dinossauros favoritos ou equipas de futebol. Este módulo leva-o a tudo o que precisa saber sobre a estruturação de dados tabulares, utilziando o HTML.
21 Avaliação: Estruturar os dados dos planetas
Na nossa avaliação de tabela, nós forncemos-lhe alguns dados dos planetas no nosso sistema solar, para que possa estruturá-los numa tabela HTML .
22 HTML - funcionalidades avançadas de tabela e acessibilidade Acessibilidade, Aprender, Artigo, Avançado, Cabeçalhos, HTML, Headers, Principiante, Resumo, caption, incorporar, legenda, tabela
No segundo artigo neste módulo, nós vamos ver algumas funcionalidades mais avançadas das tabelas HTML tables — tais como legendas/resumos e agrupar as suas filas no cabçalho da taela, secções de corpo e rodapé — bem como, ver a acessibilidade das tabelas para os utilizadores deficientes visuais.
23 HTML - o essencial de tabela Aprender, Artigo, HTML, Linha, Principiante, básicos, cabeçalho, coluna, célula, essencial, tabelas
Este artigo inicia-o nas tabelas HTML, abrangendo o essencial, tais como linhas e células, cabeçalhos, distribuir as células por várias colunas e linhas, e como agrupar todas as células em uma coluna para fins de estilização.
24 Utilizar HTML para resolver problemas comuns HTML, Programação Scripting
As seguintes hiperligações apontam para soluções de problemas comuns diários que terá de resolver com HTML.
25 Adicionar um mapa de zona clicável numa imagem
When you nest an image inside <a>, the entire image links to one webpage. An image map, on the other hand, contains several active regions (called "hotspots") that each link to a different resource.
26 Ferramentas e testes Acessibilidade, Aprender, Automação, CSS, CodingScripting, Ferramentas, HTML, JavaScript, Landing, Principiante, Testes, TopicStub, Tópico, testes do utilizador
Assim que começar a familiarizar-se com as principais tecnologias da web (tal como CSS, HTML e JavaScript), e começar a ter mais experiência, ler mais recursos, e aprender mais dicas e truques, irá começar a deparar-se com todos os tipos de ferramentas, desde CSS e JavaScript prontas a utilizar, até aplicações de teste e automação, e muito mais. À medida que os seus projetos da web se tornam maiores e mais complexos, irá querer começar a aproveitar algumas dessas ferramentas e elaborar planos de testes confiáveis ​​para o seu código. Esta parte da área de aprendizagem tem como objetivo dar-lhe o que precisa para começar e fazer escolhas informadas.
27 Teste cruzado de navegador Acessibilidade, Aprender, Automação, CSS, CodingScripting, Ferramentas, HTML, JavaScript, Landing, Principiante, Testar, cruzado navegador, modulo
Este módulo foca-se em testar projetos da web em diferentes navegadores. Nós olhamos para identificar o seu público alvo (por exemplo, quais o s utilizadores, navegadores e dispositivos que mais precisa de se preocupar?), como testar, os principais problemas que irá enfrentar com diferentes tipos de código e como os mitigar, quais as ferramentas que são mais úteis para ajudá-lo a testar e corrigir problemas, e como utilizar a automação para acelerar os testes.
28 JavaScript CodingScripting, JavaScript, Landing, Principiante, Tópico, l10n:priority, modulo
JavaScript is a programming language that allows you to implement complex things on web pages. Every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, or interactive maps, or animated 2D/3D graphics, or scrolling video jukeboxes, and so on — you can bet that JavaScript is probably involved.
29 JavaScript - Os Primeiros Passos Artigo, Avaliação, Guía, JavaScript, Numeros, Operadores, Principiante, Variáveis, l10n:priority, modulo, strings
In our first JavaScript module, we first answer some fundamental questions such as "what is JavaScript?", "what does it look like?", and "what can it do?", before moving on to taking you through your first practical experience of writing JavaScript. After that, we discuss some key building blocks in detail, such as variables, strings, numbers and arrays.
30 Primeiros passos na Web Beginner, CSS, Desenho, Guía, HTML, I10n:priority, Index, publicação, teoria
É muito trabalho para criar um site da Web 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 on-line. Vamos lá começar.
31 A Web e os padrões da Web Aprender, Front-end, Normas da Web, Padrões da Web, Principiante, Web
This article provides some useful background on the Web — how it came about, what web standard technologies are, how they work together, why "web developer" is a great career to choose, and what kinds of best practices you'll learn about through the course.
32 CSS - Essencial Aprender, Beginner, CSS, CodingScripting, Estilo, I10n:priority, Web
Tal como o HTML, o CSS não é bem uma linguagem de programação; também não é uma linguagem de demarcação. É uma linguagem de folha de estilos. Isto significa que permite aplicar estilos seletivamente aos elementos nos documentos HTML. Por exemplo, para selecionar todos os elementos do parágrafo numa página HTML e transformar o texto dentro deles em vermelho, iria escrever este CSS:
33 Como funciona a Web Aprender, Cliente, DNS, HTTP, IP, Infraestrutura, Principiante, Servidor, TCP, l10n:priority
Esta teoria não é essencial para escrever o código da Web em curto prazo, mas em pouco tempo, irá realmente começar a beneficiar da compreensão do que está a acontecer em segundo plano.
34 HTML - Essencial Aprender, CodingScripting, HTML, Principiante, Web, l10n:priority
HTML não é uma linguagem de programação; é uma linguagem de marcação que define a estrutura do seu conteúdo. HTML consiste numa série de elementos, que se utilizam para envolver, ou cercar, diferentes partes do conteúdo, e assim fazê-lo ter uma determinada aparência ou agir de determinada maneira. As etiquetas envolventes podem interligar as palavras ou imagens para outro lugar, colocar palavras em itálico, tornar o tipo de letra maior ou menor, e assim por diante. Por exemplo, veja a seguinte linha de conteúdo:
35 Instalar software básico Aprender, Beginner, Configurar, Ferramentas, Mecânicas da Web, Navegador, editor de texto, l10n:priority
Parece uma lista assustadora, mas felizmente pode começar a desenvolver para a web sem saber nada sobre a maioria daquelas coisas. Neste artigo instalamos o mínimo dos mínimos — editor de texto e navegadores modernos.
36 JavaScript - Essencial Aprender, Beginner, CodingScripting, JavaScript, Web, l10n:priority
JavaScript (abreviado "JS") é uma linguagem de programação dinâmica completa que, quando é aplicada a um documento HTML, produz interatividade dinânimca no website. Foi inventada por Brendan Eich, co-fundador do projeto Mozilla, da Mozilla Foundation, e da Mozilla Corporation.
37 Lidar com ficheiros Beginner, Ficheiros, Guía, HTML, Programação Scripting, l10n:priority, site da Web, teoria
Quando estiver a trabalhar num site localmente, no seu computador, deve manter todos os ficheiros relacionados numa única pasta que seja o reflexo da estrutura de ficheiros do site no servidor. Esta pasta pode ficar onde quiser, mas deve colocá-la num local de fácil acesso: talvez no seu Ambiente de Trabalho, a pasta do seu utilizador, ou a raiz do seu disco rígido.
38 Publicar o seu site na Web Aprender, Beginner, CodingScripting, FTP, GitHub, Google App Engine, Servidor de Web, Web, publicar
A publicação de um site na web é um tema complexo porque há muitas maneiras de o abordar. Este artigo não tenta documentar todos os métodos possíveis. Em vez disso, explica as vantagens e desvantagens de três abordagens que são práticas para os principiantes. Depois, passa por um método que pode funcionar de imediato para muitos leitores.
39 Qual será a aparência do seu site da Web? Aprender, Beginner, Conteúdo, Design, Planear, Tipos de Letra, l10n:priority
Antes de fazer o que quer que seja, precisa de algumas ideias. O que é que o seu site realmente deve fazer? Um site pode fazer qualquer coisa, mas para a sua primeira tentativa, procure manter as coisas simples. Vamos começar a criar uma página web simples com um cabeçalho, uma imagem e alguns parágrafos.
40 Programação do site da Web no lado do servidor Aprender, Código, Iniciante, Introdução, Programação no servidor, Scripting, Servidor, Tópico
O tópico Sites da Web Dinâmicos - Programação no lado do servidor é uma série de módulos que mostram como criar sites da web dinâmicos; sites da web que entregam informação personalizada em resposta aos pedidos de HTTP. Os módulos proporcionam uma introdução genérica à programação no lado do servidor, bem como guias especificamente desenvolvidos para principiantes sobre como utilizar as estruturas de Django (Python) e Express (Node.js/JavaScript) para criar aplicações básicas.
41 Framework da Web Django (Python) Aprender, CodingScripting, Introdução, Principiante, Programação no lado do servidor, Python, django
Django é uma framework da web do lado do servidor extremamente popular e cheia de recursos, escrita em Python. O módulo mostra-lhe porque Django é uma das frameworks mais populares de servidor da web, como configurar um ambiente de desenvolvimento, e como começar a utilizá-lo para criar as suas próprias aplicações da web.
42 Framework da Web Express (Node.js/JavaScript) Aprender, CodingScripting, Express, Express.js, Introdução, JavaScript, Node, Nodo, Principiante, Programação no lado do servidor, node.js
Express é uma das frameworks mais populares, escrita em JavaScript e hospedada dentro do próprio ambiente de execução node.js. Este módulo explica alguns dos benefícios chave desta framework, como configurar o seu ambiente de desenvolvimento e como realizar tarefas comuns de desenvolvimento da web e tarefas de implementação.
43 Configurar um meio de desenvolvimento Node Ambiente de desenvolvimento, Aprender, CodingScripting, Express, Introdução, Node, Nodo, Principiante, lado do servidor, nodejs, npm
Agora que sabe para que serve o Express, nós iremos mostrar-lhe como configurar e testar um ambiente de desenvolvimento Node/Express no Linux, (Ubuntu), macOS e Windows. Qualquer que seja o sistema operativo comum que esteja a utilizar, este artigo deverá fornecer-lhe o que precisa para começar a desenvolver aplicações Express.
44 Introdução a Express/Node Aprender, CodingScripting, Express, Nodo, Principiante, lado do servidor, nodejs
In this first Express article we answer the questions "What is Node?" (answer: a library) and "What is Express?", and give you an overview of what makes the Express web framework special. We'll outline the main features, and show you some of the main building blocks of an Express application (although at this point you won't yet have a development environment in which to test it).
45 Servidor de Node.js sem uma framework JavaScript, Nodo, Precisa de Conteúdo, Servidor, sem estrutura
No summary!
46 Questões Comuns
This section of the Learning Area is designed to provide answers to common questions that may come up, which are not necessarily part of the structured core learning pathways (e.g. the HTML or CSS learning articles.) These articles are designed to work on their own.
47 Como configurar um servidor local de testes? Aprender, Nodo, PHP, Principiante, Python, django, servidores
Throughout most of the learning area, we tell you to just open your examples directly in a browser — this can be done by double clicking the HTML file, dragging and dropping it into the browser window, or choosing File > Open... and navigating to the HTML file. There are many ways to achieve this.
48 Como funciona Internet? Mecânica da Web, Principiante, Tutorial
The Internet is the backbone of the Web, the technical infrastructure that makes the Web possible. At its most basic, the Internet is a large network of computers which communicate all together.
49 O que é um URL? Infraestrutura, Principiante, URL
With Hypertext and HTTP, URL is one of the key concepts of the Web. It is the mechanism used by browsers to retrieve any published resource on the web.
50 O que é um nome de domíno? Infraestrutura, Introdução, Nomes de domínio, Principiante, Web
Domain names are a key part of the Internet infrastructure. They provide a human-readable address for any web server available on the Internet.
51 O que é um servidor da Web? Infraestrutura, Principiante
"Web server" can refer to hardware or software, or both of them working together.
52 Qual é a diferença entre página da Web, site da Web, servidor da Web e mecanismo de pesquisa? Mecânica da Web, Principiante
In this article, we describe various web-related concepts: web pages, websites, web servers, and search engines. These terms are often confused by newcomers to the web or are incorrectly used. Let's learn what they each mean!
53 Índex Aprender, Index, Metadados da MDN
Found 52 pages: