Índex

Found 66 pages:

# Page Tags and summary
1 Aprender sobre o desenvolvimento da Web Aprender, Beginner, CSS, HTML, Index, Introdução, Landing, Web
Bem-vindo à Área de Aprendizagem da MDN. Este conjunto de artigos visa fornecer aos principiantes no desenvolvimento da web com tudo o que eles precisam para começarem a programar websites simples.
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 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.
4 Como funciona Internet? Mecânica da Web, Principiante, Tutorial

This article discusses what the Internet is and how it works.

5 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!

6 Como configurar um servidor local de testes? Aprender, Nodo, PHP, Principiante, Python, django, servidores

Este artigo explica como configurar um servidor de testes local simples  na sua máquina, e como o utilizar.

7 O que é um nome de domíno? Infraestrutura, Introdução, Nomes de domínio, Principiante, Web

In this article we discuss domain names: what they are, how they are structured, and how to get one.

8 O que é um URL? Infraestrutura, Principiante, URL

This article discusses Uniform Resource Locators (URLs), explaining what they are and how they're structured.

9 O que é um servidor da Web? Infraestrutura, Principiante

Neste artigo, nós examinamos quais são os servidores da Web, como é que estes funcionam, e por que é que eles são importantes.

10 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.
11 Caixas CSS:Como_começar
Esta página descreve como você pode usar as CSS para controlar o espaço que um elemento ocupa quando é exibido.
12 Cascata e herança CSS:Como_começar
Esta página esboça como folhas de estilo interagem numa cascata, e como os elementos subordinados herdam o estilo do elementos primários.
13 Seletores CSS:Como_começar
Esta página explica como você pode aplicar estilos seletivamente, e como diferentes tipos de seletor têm propriedades diferentes.
14 Tabelas CSS:Como_começar
Esta página descreve seletores mais avançados, e algumas maneiras específicas para estilizar tabelas.
15 Cor CSS:Como_começar
Esta página explica mais sobre como você pode especificar cores no CSS.
16 Disposição CSS:Como_começar
Esta página descreve algumas maneiras para ajustar a disposição do seu documento.
17 Como começar CSS, CSS:Como_começar, Todas_as_Categorias
 
18 CSS legível CSS:Como_começar
Esta página discute o estilo e a gramática da linguagem CSS.
19 Como o CSS trabalha CSS:Como_começar
Esta página explica como o CSS trabalha no seu navegador. Você analiza seu documento de amostra, reavaliando os detalhes do seu estilo.
20 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.
21 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.
22 Conteúdo CSS:Como_começar
Esta página descreve algumas maneiras que você pode usar no CSS para adicionar conteúdo quando um documento é exibido.
23 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.
24 Estilos de texto CSS:Como_começar
Esta página dá mais exemplos de estilos de texto.
25 Listas CSS:Como_começar
Esta página descreve como você pode usar as CSS para especificar a aparência das listas.
26 Front-end web developer
Bem-vindos ao roteiro de aprendizado em desenvolvimento web front-end!
27 Primeiros passos na Web Beginner, CSS, Desenho, Guía, HTML, I10n:priority, Index, publicação, teoria

Iniciação à Web é uma série concisa introduzindo-lhe os aspetos práticos do desenvolvimento da Web. Irá configurar as ferramentas necessárias para criar uma página da Web simples e publicar o seu próprio código simples.

28 CSS - Essencial Aprender, Beginner, CSS, CodingScripting, Estilo, I10n:priority, Web

CSS (Folhas de Estilo em Cascata) é o código que se utiliza para estilizar a sua página da Web. CSS - Elementar guia-o através do que precisa para começar. Vamos responder a perguntas deste género: Como é que eu coloco o meu texto a preto ou vermelho? Como é que eu faço para que o meu conteúdo apareça neste lugar do ecrã? Como é que eu decoro a minha página da Web, com cores e imagens de fundo?

29 Lidar com ficheiros Beginner, Ficheiros, Guía, HTML, Programação Scripting, l10n:priority, site da Web, teoria

Um site da internet consiste em muitos ficheiros: conteúdo de texto, código, folhas de estilo, conteúdo de multimédia, e assim por diante. Enquanto estiver a criar o site, tem que reunir esses ficheiros numa estrutura conveniente no seu computador local, certificar-se que os mesmos podem comunicar uns com os outros e preparar a apresentação do seu conteúdo, antes de eventualmente enviar os ficheiros para um servidor. Este artigo, Lidar com ficheiros, apresenta algumas questões de que deverá estar ciente para poder configurar uma estrutura de ficheiros conveniente para o seu site.

30 Como funciona a Web Aprender, Beginner, Cliente, DNS, HTTP, IP, Infraestrutura, Servidor, TCP, l10n:priority

Como a Web funciona, fornece uma visualização simplificada do que acontece quando visualiza uma página da Web num navegador da Web no seu computador ou dispositivo móvel.

31 HTML - Essencial Aprender, CodingScripting, HTML, Principiante, Web, l10n:priority

HTML (Linguagem de Marcação de Hipertexto) é o código que é utilizado para estruturar uma página da web e o seu conteúdo. Por exemplo, o conteúdo poderá ser estruturado dentro de um conjunto de parágrafos, uma lista de pontos com marcadores, ou utilizando imagens e tabelas de dados. Como o título sugere, este artigo irá dar-lhe uma compreensão básica do HTML e as suas funções.

32 Instalar software básico Aprender, Beginner, Configurar, Ferramentas, Mecânicas da Web, Navegador, editor de texto, l10n:priority

Neste artigo, mostramos-lhe de que ferramentas precisa para desenvolvimento da Web básico, e como instalá-las corretamente.

33 JavaScript - Essencial Aprender, Beginner, CodingScripting, JavaScript, Web, l10n:priority

JavaScript é uma linguagem de programação que dá interatividade ao seu website (sob a forma, por exemplo, de jogos, respostas quando os botões são pressionados ou quando são inseridos dados nos formulários, estilos dinâmicos ou animações). Este artigo faz uma introdução a esta linguagem excitante e dá-lhe uma ideia do que é possível.

34 Publicar o seu site na Web Aprender, Beginner, CodingScripting, FTP, GitHub, Google App Engine, Servidor de Web, Web, publicar

Assim que terminar de escrever o código e organizar os ficheiros que compõem o seu sire da web, precisa de colocar tudo online para que pessoas o possam encontrar. Este artigo explica como colocar o seu código de amostra online com pouco esforço.

35 A Web e os padrões da Web Aprender, Beginner, Front-end, Normas da Web, Padrões da Web, Web
Este artigo fornece informação útil sobre a Web - como surgiu, o que são as tecnologias padrão da Web, como trabalham em conjunto, porque é que web developer é uma excelente carreira a escolher, e que melhores práticas irá aprender através do curso.
36 Qual será a aparência do seu site da Web? Aprender, Beginner, Conteúdo, Design, Planear, Tipos de Letra, l10n:priority

Este artigo descreve o planeamento e conceptualização necessários antes de escrever o código do site da internet, incluindo "Que informação é que o meu site oferece?", "Quais os tipos de letra e cores que eu quero?" e ​​"O que é que o meu site faz?"

37 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.
38 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.
39 Adicionar um mapa de zona clicável numa imagem

Aqui, nós explicamos como configurar um mapa de imagens, e algumas desvantagens para considerar primeiro.

40 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.
41 Formatação avançada de texto Aprender, Guía, HTML, Principiante, Texto, abreviatura, semántica
There are many other elements in HTML for formatting text, which we didn't get to in the HTML text fundamentals article. The elements described in this article are less known, but still useful to know about (and this is still not a complete list by any means). Here you'll learn about marking up quotations, description lists, computer code and other related text, subscript and superscript, contact information, and more.
42 Criar hiperligações Aprender, Guía, HTML, HTTP, Hiperligações, Principiante, URL, título
Hyperlinks are really important — they are what makes the Web a web. This article shows the syntax required to make a link, and discusses link best practices.
43 Depurar HTML Depuração, Erro, Guía, HTML, Principiante, Validação
Writing HTML is fine, but what if something goes wrong, and you can't work out where the error in the code is? This article will introduce you to some tools that can help you find and fix errors in HTML.
44 Estrutura do documento e do website Guía, HTML, Layout, Principiante, pagina, semántica
In addition to defining individual parts of your page (such as "a paragraph" or "an image"), HTML also boasts a number of block level elements used to define areas of your website (such as "the header", "the navigation menu", "the main content column"). This article looks into how to plan a basic website structure, and write the HTML to represent this structure.
45 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!
46 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.
47 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.
48 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 title 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.
49 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.
50 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!
51 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.
52 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.
53 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.
54 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.
55 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 .
56 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.
57 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.
58 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.
59 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.
60 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.
61 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.
62 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).
63 Servidor de Node.js sem uma framework JavaScript, Nodo, Precisa de Conteúdo, Servidor, sem estrutura
Este artigo fornece um servidor de ficheiros estático simples com Node.js puro, sem a utilização de uma framework.
64 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.
65 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.
66 Como tratar de problemas de acessibilidade comuns
Neste módulo, vamos falar de acessibilidade, abordando problemas frequentes, como fazer testes simples, e como utilizar ferramentas de automatização e auditoria para identificar problemas de acessibilidade.