Found 55 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 HTML: Guias e tutoriais Aprender, Guía, HTML, Introdução, Principiante, Tópico
Para criar sites da web, deverá saber sobre HTML — a tecnologia essencial para definir as 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.
4 Formulários HTML Aprender, Destaque, Guía, HTML, Landing, Principiante, Web, formulários
Este módulo fornece uma série de artigos que irão ajudá-lo a dominar os formulários HTML. Os formulários HTML são uma ferramenta muito poderosa para interagir com os utilizadores; contudo, por razões históricas e técnicas, nem sempre é óbvio como utilizá-las em todo o seu potencial. Neste guia, nós iremos abordar todos os aspetos dos formulários HTML, da estrutura ao estilo, da manipulação de dados aos widgets personalizados.
5 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 de elementos, que podem ser aplicados em partes de texto para lhes dar um significado diferente num documento (é um parágrafo? é uma lista com marcadores? é parte de uma tabela?), estruturar um documento em secções lógicas (este tem um cabeçalho? três colunas de conteúdo? um menu de navegação?) e incorporar conteúdo, tais como imagens e vídeos numa página. Este módulo irá apresentar os dois primeiros destes, e introduzir os conceitos e sintaxe fundamentais que precisa de saber para compreender o HTML.
6 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!
7 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.
8 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.
9 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!
10 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.
11 Images em HTML Artigo, Guía, HTML, Principiante, figura, imagem, img, legendas
No início, a Web era apenas texto, e isso era um bocado aborrecido. Felizmente, não demorou muito para que a capacidade de incorporar imagens (e outros tipos de conteúdo mais interessantes) dentro das páginas da Web foi adicionada. Existem outros tipos de multimédia a considerar, mas é lógico começar com o humilde elemento <img>, utilizado para incorporar uma imagem simples numa página da Web. Neste artigo, nós vamos ver como o utilziar em profundidade, incluindo os básicos, anotá-lo com legendas, utilizando <figure>, e detalhar como este se relaciona com as imagens de fundo CSS.
12 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.
13 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 .
14 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.
15 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.
16 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.
17 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.
18 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.
19 Estilizar caixas CSS, Caixas, Principiante, Tableas, efeitos, fundos, margens, modulo
Olá e seja bem-vindo às caixas de Estilo CSS — in the last module we looked at the content inside your boxes; in this module we'll look at styling the actual box itself, by manipulating background color and images, borders, and other parts of the box. We'll also look at other topics, from making HTML tables look good to applying advanced effects like filters and blend modes.
20 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.
21 Introdução ao CSS CSS, Cascata, Introdução à CSS, Propriedades, Regras, Seletores, cor, modulo, unidades
CSS é utilizado para estilizar e dispor as páginas da Web — por exemplo, alterar o tipo de letra, cor, tamanho e espaçamento do seu conteúdo, dividi-lo em múltiplas colunas, ou adiciona animações e outros recursos decorativos. Este módulo inicia-o no caminho para dominar a CSS com os básicos de como esta funciona, incluindo os seletores e propriedades, escrever regras de CSS, aplicar CSS ao HTML, como especificar o comprimento, cor, e outras unidades em CSS, cascata e sucessão, e depuração de CSS.
22 Seletores Aprender, Artigo, CSS, Class, Elemento, Guia(2), Principiante, Seletores, universal
In CSS, selectors are used to target the HTML elements on our web pages that we want to style. There are a wide variety of CSS selectors available, allowing for fine grained precision when selecting elements to style. In the next few articles we'll run through the different types in great detail, seeing how they work.
23 Layout de CSS Aprender, Apresentação, CSS, Disposição, Flutuar, Grelhas, Guía, Múltiplas colunas, Posicionamento, Principiante, modulo
Neste ponto, nós já examinamos o básico de CSS, como estilizar o texto, e como estilizar e manipular as caixas em que o seu conteúdo se enquadra. Agora é hora de ver como colocar as suas caixas no lugar certo em relação à viewport, e um ao outro. Nós cobrimos os pré-requisitos necessários para que possamos mergulhar profundamente no layout CSS, olhando para diferentes configurações de exibição, métodos de layout tradicionais envolvendo flutuador e posicionamento, e ferramentas de layout modernas como flexbox.
24 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.
25 Perguntas Frequentes sobre CSS CSS, Exemplo, FAQ, Guia(2), 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.
26 Como contribuir para a Área de Aprendizagem no MDN Colaborador, Documentação, Guía, I10n:priority, Metadados da MDN, Principiante
Nesta página, irá encontrar tudo o que precisa para começar a ajudar a melhorar o conteúdo de aprendizagem da MDN. Existem muitas coisas que pode fazer, dependendo do tempo que tiver disponível e se é um principiante, um programador da Web, ou um professor.
27 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.
28 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.
29 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.
30 Introdução a objects JavaScript Aprender, Artigo, Assessment, Avaliação, CodingScripting, Guía, JavaScript, Objects, Objetos, Principiante, Tutorial
In JavaScript, most things are objects, from core JavaScript features like strings and arrays to the browser APIs built on top of JavaScript. You can even create your own objects to encapsulate related functions and variables into efficient packages, and act as handy data containers. The object-based nature of JavaScript is important to understand if you want to go further with your knowledge of the language, therefore we've provided this module to help you. Here we teach object theory and syntax in detail, then look at how to create your own objects.
31 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.
32 O que é JavaScript? API, Aprender, Artigo, Core, JavaScript, Navegador, O que, Principiante, Script, comentários, em linha, extrno, l10n:priority, terceiros
Welcome to the MDN beginner's JavaScript course! In this first article we will look at JavaScript from a high level, answering questions such as "what is it?", and "what is it doing?", and making sure you are comfortable with JavaScript's purpose.
33 Primeiros passos na Web CSS, Desenho, Guía, HTML, I10n:priority, Index, Principiante, 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 .
34 CSS - Essencial Aprender, CSS, CodingScripting, Estilo, I10n:priority, Principiante, Web
Tal como o HTML, o CSS não é realmente uma linguagem de programação. Também não é uma linguagem de marcação - é uma linguagem de folha de estilo. Isto significa que este permite-lhe aplicar estilos seletivamente para os 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 :
35 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.
36 HTML - Essencial Aprender, CodingScripting, HTML, Principiante, Web, l10n:priority
HTML não é uma linguagem de programação; esta é uma linguagem de marcação que define a estrutura do seu conteúdo. HTML consiste numa série de elementos, que utiliza para incluir diferentes partes do conteúdo para fazê-lo aparecer de uma certa maneira, ou agir de uma certa maneira. A inclusão de etiquetas pode interligar as palavras ou imagens em outro lugar, colocar as palavras em itálico, e pode tornar o tipo de letra maior ou menor, e assim por diante. Por exemplo, veja a seguinte linha de conteúdo:
37 Instalar software básico Aprender, Configurar, Ferramentas, Mecânicas da Web, Navegador, Principiante, editor de texto, l10n:priority
That looks like a scary list, but fortunately you can get started in web development without knowing anything about most of these. In this article we'll just set you up with a bare minimum — a text editor and some modern web browsers.
38 JavaScript - Essencial Aprender, CodingScripting, JavaScript, Principiante, Web, l10n:priority
JavaScript ("JS" for short) is a full-fledged dynamic programming language that, when applied to an HTML document, can provide dynamic interactivity on websites. It was invented by Brendan Eich, co-founder of the Mozilla project, the Mozilla Foundation, and the Mozilla Corporation.
39 Lidar com ficheiros Ficheiros, Guía, HTML, Principiante, Programação Scripting, l10n:priority, site da Web, teoria
When you are working on a website locally on your own computer, you should keep all the related files in a single folder that mirrors the published website's file structure on the server. This folder can live anywhere you like, but you should put it somewhere where you can easily find it, maybe on your Desktop, in your Home folder, or at the root of your hard drive.
40 Publicar o seu site da Web Aprender, FTP, GitHub, Google App Engine, Principiante, Programação Scripting, Web, l10n:priority, publicar, servidor da Web
Publishing a website isn't a simple topic, mainly because there are so many different ways to do it. In this article we don't aim to document all possible methods. Rather, we'll discuss the pros and cons of three broad strategies from a beginner's point of view, and then walk you through one method that will work for now.
41 Qual será a aparência do seu site da Web? Aprender, Compor, Conteúdo, Desenho, Planear, Principiante, Tipos de Letra, l10n:priority
Antes de fazer qualquer coisa, precisa de algumas ideias. O que é que o seu site da web realmente deveria fazer? Um site da web pode fazer basicamente qualquer coisa, mas para a sua primeira tentativa deverá manter as coisas simples. Nós iremos começar a criar uma página da web simples com um cabeçalho, uma imagem e alguns parágrafos.
42 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.
43 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.
44 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.
45 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.
46 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).
47 Os primeiros passos de programação do site da Web no lado do servidor Aprender, Guía, Introdução, Landing, Principiante, Programação Scripting, Programação do lado do servidor
Neste artigo, nosso módulo de programação do lado do servidor, nós vamos responder algumas questões fundamentais sobre programação do lado do servidor — "O que é isso?", "Qual é a diferença para lado do cliente?",  e "porque é tão útil?". Nós vamos providenciar uma visão geral de alguns dos  framework web mais populares do lado do servidor, junto com orientação de como selecionar o framework mais adequado para criação do seu primeiro site. Finalmente, forneceremos um artigo introdutório de alto nível sobre segurança de servidor web.
48 Servidor de Node.js sem uma framework JavaScript, Nodo, Precisa de Conteúdo, Servidor, sem estrutura
No summary!
49 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.
50 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.
51 Como é que funciona a 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.
52 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.
53 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.
54 O que é um servidor da Web? Infraestrutura, Principiante
"Web server" can refer to hardware or software, or both of them working together.
55 Índex Aprender, Index, Metadados da MDN
Found 36 pages:

Etiquetas do documento e contribuidores

Contribuidores para esta página: mdnwebdocs-bot, mansil
Última atualização por: mdnwebdocs-bot,