Apresentação do Octopress

Tamanho: px
Começar a partir da página:

Download "Apresentação do Octopress"

Transcrição

1 26 de fevereiro de 2013

2 Sumário 1 Introdução 2 2 Instalação 2 3 Publicando uma postagem 3 4 Criando uma nova página 4 5 Plugins Octopress responsive video embed Adicionar imagens à postagem Blockquote Pullquote Codeblock Include Code Octopress-Slideshare-Plugin Octopress highlight plugin Octopress gravatar plugin Google-Form-Octopress Sintaxe dos arquivos.markdown Cabeçalho Blockquotes Marcadores e numeração Blocos de código Linha horizontal Links Ênfases Código de span Imagens Leia Mais Miscelânia Comentários Links automáticos Centralizando textos Caractere de escape Créditos 18 Laboratório de Software Livre 1

3 1 Introdução Nessa documentação faremos uma apresentação básica da plataforma de blogs chamada Octopress. Essa plataforma, assim como diz o cabeçalho do site do Octopress é uma estrutura de blogs para hackers, ou seja, exageros à parte, não é uma plataforma que contém os moldes tradicionais dos blogs tais como o Wordpress ou o Blogspot, ele é estático, feito principalmente em Ruby e os posts sao feitos de maneira que lembra bastante os textos feitos em Latex, ou seja, com um comando criamos o arquivo do post em uma pasta, abrimos o arquivo, editamos ele com a linguagem adequada e recarregamos a página novamente que ele estará publicado, sem preocuparmos com a formatação porque o Octopress faz tudo mediante configuração prévia. Não faremos uma descrição extensa e detalhada de todas as funcionalidades do Octoprees, somente do necessário para que seja possível instalar, fazer as mudanças básicas de layout e ensinar a fazer as postagens com a ajuda de alguns plugins que consideramos os mais importantes. 2 Instalação A instalação é baseada no que é ensinado na página oficial do Octopress e um blog chamado Unix and ME Utilizamos o Sistema Operacional GNU/Linux, distribuição Gentoo. Como usuário root, na pasta /var/www/localhost/htdocs fazemos: git clone git://github.com/imathis/octopress.git octopress cd octopress ruby version # Espera - se que seja mostrada a versão Ruby Agora instalamos as dependências: gem install bundler rbenv rehash bundle install Laboratório de Software Livre 2

4 É necessário configurar o arquivo config.yml que é o arquivo de configuração do Octopress. Ao entrar nele, as principais linhas a serem modificadas são: url: do blog] title: [título do blog] subtitle: [subtítulo, se for colocar uma figura no header, não precisa configurar essa linha] author: [autor do blog] Mais abaixo no arquivo, tem as configurações dos links com as redes sociais, tais como Facebook, mas é opcional. E por último, instalamos o tema padrão do Octopress: rake install Agora com o comando: rake preview levantamos a página do blog no endereço local 3 Publicando uma postagem Agora é a parte mais interessante, vamos publicar uma postagem, que é de uma maneira bem mais fácil e interessante do que as plataformas tradicionais. Na linha de comando, faça o seguinte comando: rake new post[ Título da Postagem ] que será criado um arquivo com o formato YYYY-MM-DD-post-title.markdown na pasta source/ posts. Abrindo o arquivo criado, ele terá o seguinte padrão: A linha categories:[categoria1, categoria2, etc] é onde preenchemos a(s) cate- Laboratório de Software Livre 3

5 goria(s) que o blog vai ter. Abaixo da linha escrito é onde escrevemos o texto de fato. Na postagem do blog gutocar- Os textos geralmente não vem justificados. valho.net vemos como é simples fazer com que todos os textos publicados sejam justificados. Primeiro modificamos o arquivo sass/custom/ styles.scss e acrescentamos as seguintes linhas: article p{ text-align:justify; Ao recarregar o blog, todas as postagens estarão justificadas. 4 Criando uma nova página Baseado na postagem do blog Suponhamos que precisamos criar uma página Contato, isso é muito simples com Octopress. Na linha de comando, digite o comando: rake new page[ contato ] git clone https://github.com/optikfluffel/octopress-responsive-video-embed que dentro da pasta /source do Octopress será criada uma pasta chamada contato. Entrando nela, vemos um arquivo chamado index.markdown, podemos configurá - lo e adicionar texto a ele. Então iremos configurar o arquivo source/ includes/custom/navigation.html e adicionamos a seguinte linha nele: <li><a href= /contato >Contato</a></li> Por fim, fazemos o comando rake generate e a página com o conteúdo desejado estará criada. 5 Plugins Laboratório de Software Livre 4

6 Plugins são utilizados para adicionar funcionalidades ao blog. Vamos fazer a descrição dos principais plugins que julgamos serem relevantes no cotidiano. Mais informações, consultar: https://github.com/imathis/octopress/wiki/3rd-party-plugins 5.1 Octopress responsive video embed Esse plugin serve para postar vídeos de sites, principalmente do Youtube, que é o mais famoso. Para instalar ele, faça o comando na pasta plugins do Octopress: git clone https://github.com/optikfluffel/octopress-responsive-video-embed Entre na pasta octopress-responsive-video-embed e copie os arquivos youtube.rb, vimeo.rb e traileraddict.rb para a pasta plugins e o arquivo rve.scss para a pasta /sass/custom e entre no arquivo /sass/screen.scss e adicione a custom/rve e pronto, já podemos colocar um vídeo em nosso site. Testamos com o Youtube e o Vimeo. Para o primeiro, no texto da postagem desejada, coloque: {% youtube [código do vídeo] % O código é o texto que está na url dos vídeos depois do sinal de =. Já para o Vimeo, fazemos: {% vimeo [código do vídeo] % O código está depois da última barra / na url. 5.2 Adicionar imagens à postagem Para adicionarmos uma imagem à postagem, primeiramente ela precisa estar na pasta source/images do Octopress. Essencialmente, a sintaxe na postagem é: {$ img [class names] /path/to/image [width] [height] [title text [alt text]] $ Alguns exemplos: {$ img $ {$ img /images/280.jpg image images $ Laboratório de Software Livre 5

7 {$ img left /images/250.jpg Place Kitten #2 $ {$ img right /images/500.jpg Place Kitten #3 $ {$ img right /images/500.jpg Place Kitten #4 An image of a very cute kitten $ Os arquivos 280.jpg, 250.jpg e 500.jpg foram conseguidos no site: 5.3 Blockquote Esse plugin ajuda a fazer citações, que podem ser de frases do Twitter, artigo da internet etc. A sintaxe nas postagens é a seguinte: { % blockquote [author[, source]] [link] [source link title] % Quote string { % endblockquote % No site vemos alguns exemplos que daremos a seguir. {% blockquote % Last night I lay in bed looking up at the stars in the sky and I thought to myself, where the heck is the ceiling. {% endblockquote % Agora se quisermos colocar a citação com o nome do autor, podemos fazer: {% blockquote Douglas Adams, The Hichhikers Guide to the Galaxy % Last night I lay in bed looking up at the stars in the sky and I thought to myself, where the heck is the ceiling. {% endblockquote % Agora veremos uma citação de um Twitter: {% https://twitter.com/allanbranch/status/ % Over the past 24 hours I ve been reflecting on my life & I ve realized only one thing. I need a medieval battle axe. {% endblockquote % Artigo publicado na internet: {% blockquote Seth Godin blog/2009/07 Laboratório de Software Livre 6

8 /welcome-to-island-marketing.html Welcome to Island Marketing % Every interaction is both precious and an opportunity to delight. {% endblockquote % 5.4 Pullquote Serve para fazer citações de frases importantes do texto em um espaço mais destacado da postagem a exemplos de alguns textos longos de revistas. Exemplo: {% pullquote % Surround your paragraph with the pull quote tags. Then when you come to the text you want to pull, { surround it like this and that s all there is to it. {% endpullquote % 5.5 Codeblock Serve para postar códigos de programas em um formato mais atraente. A sintaxe é dada como está abaixo: {% codeblock [title] [lang:language] [url] [link text] % code snippet {% endcodeblock % Alguns exemplos seguem abaixo: {% codeblock % Awesome code snippet {% endcodeblock % Mas se adicionarmos a linguagem do programa do código publicado, a parte do código publicada fica colorida: {% codeblock lang:objc % [rectanglesetx : 10y : 10width : 20height : 20]; {% endcodeblock % Podemos colocar um título na caixa do código: {% codeblock Time to be Awesome - awesome.rb % Laboratório de Software Livre 7

9 puts Awesome! unless lame {% endcodeblock % Ou podemos colocar uma url na caixa do código ao lado do título: {% codeblock Javascript Array Syntax lang:js MDN Documentation % var arr1 = new Array(arrayLength); var arr2 = new Array(element0, element1,..., elementn); {% endcodeblock % 5.6 Include Code Outro plugin muito interessante. Serve para postar códigos de programas através dos arquivos onde eles estão e na caixa da postagem tem um link para download do código. Para tanto, na pasta source, criamos a pasta downloads e dentro dela criamos a pasta code, que é a pasta que vamos colocar os arquivos com os códigos. A sintaxe é muito simples: {% include code [title] [lang:language] path/to/file % Por exemplo, suponhamos que temos um arquivo source/downloads/code/test.js, logo o código no arquivo da postagem ficaria assim: {% include code test.js % 5.7 Octopress-Slideshare-Plugin Serve para colocar um slide do Slideshare em uma postagem. Para tanto, iremos na pasta plugins e digitamos: git clone https://github.com/peterhamilton/octopress-slideshare-plugin. Então copiamos o arquivo slideshare.rb para a pasta plugins e em seguida adionarmos a linha seguinte em uma postagem: % slideshare ID % onde ID é conseguido clicando em Embed e Customize do slide e haverá uma guia escrito Shortcode for WordPress.com blogs. Logo copiamos o número do id no endereço abaixo. Laboratório de Software Livre 8

10 5.8 Octopress highlight plugin Esse plugin serve para destacarmos uma parte do texto que queiramos. Começamos por copiar a pasta octopress highlight plugin na pasta plugins : git clone https://github.com/thesp0nge/octopress highlight plugin Em seguida copiamos o arquivo highlight.rb para a pasta plugin. Depois adicionamos a linha: span.fluo { background-color: #FEDB7C; padding: 3px 1px 3px 1px; text-shadow: 0-1px 1px #DAC793; no arquivo sass/custom/ layout.scss. Por fim, adicionamos a linha: {% highlight [texto que vai ser destacado] % no arquivo que o texto desejado será destacado com um fundo amarelo. 5.9 Octopress gravatar plugin Com esse plugin podemos adicionar um gravatar na nossa postagem. Para tanto, precisamos ter um gravatar, se não tiver, vá ao site: https://pt.gravatar.com/ e crie um. A conta do gravatar é associada a um e precisaremos dele em instantes. Vá na pasta plugins e digite: git clone https://github.com/thesp0nge/octopress gravatar plugin Em seguida, entre na pasta octopress gravatar plugin e copie o arquivo gravatar.rb para a pasta plugins. Agora vá na postagem de preferência e coloque a seguinte linha nele: {% gravatar % Sendo é o associado ao gravatar. Pronto, atualize o blog e o gravatar vai aparecer na postagem. Laboratório de Software Livre 9

11 5.10 Google-Form-Octopress O objetivo é usar o Google Form para nos auxiliar no Octopress, facilitando em muito o nosso trabalho. Baseado no que foi ensinado no blog: primeiramente criaremos um Google Form. Para tanto, vá no Google Docs e clique em Create-> Form. Crie quantos campos forem necessários e com o formato desejado de cada um, depois clique em Responses e em seguida em Spreadsheet. Na tela que abriu, vá em Tool -> Notification Rules e informe ao Google para mandar um quando alguém fazer alguma submissão. Agora vá na pasta plugins do Octopress e digite: git clone https://github.com/arshad/google-form-octopress. e entre na pasta Google-Form-Octopress e copie o arquivo google form.rb para a pasta plugins e o arquivo google form.js para a pasta source/javascripts. Agora vá no arquivo source/ includes/custom/head.html para adicionarmos as seguintes linhas nele: <! jquery > <script src= https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js ></script> <script type= text/javascript > // Avoid conflict with ender.js. jquery.noconflict(); </script> <! jquery Form Plugin > <script src= ></script> <! jquery Form Validation Plugin > <script src= ></script> <script src= {{ root url /javascripts/google form.js ></script> e as seguintes linhas no arquivo sass/custom/ styles.scss..google-form-wrapper {.error { color: red; font-size: 12px;.errorbox-good { margin-bottom: 20px;.success-msg { display: none; Laboratório de Software Livre 10

12 .ss-form-entry { label { display:block; input { display: block; padding: 5px; width: 250px; font: inherit; textarea { width: 450px; padding: 5px; font: inherit;.ss-navigate input { width: auto; cursor: pointer; Na postagem ou na página criada, no arquivo md, digite o comando com o seguinte formato: {% google form formkey [message] % por exemplo: {% google form dgvfy3mwckldcjvrzergylrozwdjqnc6mq Thank you. I ll get back to you shortly % 6 Sintaxe dos arquivos.markdown Agora que conhecemos os plugins mais importantes do Octopress, vamos trabalhar na sintaxe dos arquivos das postagens (.markdown ou md simplesmente). Baseamos esse capítulo na postagem Markdown : Syntax, cujo endereço é: 6.1 Cabeçalho Laboratório de Software Livre 11

13 O cabeçalho tem seis níveis, sendo o primeiro a letra será maior e o sexto a letra será menor, como vemos no exemplo abaixo: # This is an H1 - nível 1 ## This is an H2 - nível 2 ###### This is an H6 - nível Blockquotes Blockquotes são citações do texto que merecem destaque e que ficam separados dele, como vemos em revistas, por exemplo. Essa é uma outra maneira de inserir blockquotes, além do plugin, que vimos. Uma citação tem como sintaxe: > [texto] e podemos adicionar níveis adionais, simplesmente adicionando quantas setas para à direita > forem necessárias. Por exemplo: > This is the first level of quoting. > > > This is nested blockquote. > > Back to the first level. 6.3 Marcadores e numeração Markdown suporta marcadores e numeração. A sintaxe de um marcador é: * [texto] ; ou + [texto] ; ou - [texto]. Por exemplo: * Red * Green * Blue A sintaxe para numeração é: [número]. [texto] Laboratório de Software Livre 12

14 É interassante notar que os exemplos abaixo apresentam os mesmos resultados, ou seja, em uma lista numerada de 1 à n: 1. Bird 2. McHale 3. Parish ou 1. Bird 1. McHale 1. Parish ou 3. Bird 1. McHale 8. Parish Adicionamos como informação que podemos dar espaço entre os marcadores que haverá quebra de linha no texto. Devemos tomar cuidado porque um número e um ponto, como em What a great season., md reconhecerá como o início de uma numeração, logo é necessário usar barras \ invertidas para fazer o escapamento: 1986\. What a great season. 6.4 Blocos de código Blocos de código é quando o texto tem um fundo escuro em destaque do restante do texto, muito usado quando vamos apresentar um código ou um pseudo - código. A sintaxe é muito simples, pasta dar um tab um quatro espaços no teclado na frase que queremos que tenha destaque. Por exemplo: This is a normal paragraph: This is a code block. 6.5 Linha horizontal Uma linha horizontal pode ser feita usando três (ou mais) hífens, três asteríscos ou três underscores. Exemplos: * * * *** ***** Laboratório de Software Livre 13

15 6.6 Links A sintaxe de um link é dois colchetes, um aberto e outro fechado, os quais entre eles ficarão o conteúdo que será referenciado no link. Em seguida vem parênteses com a url e/ou o título entre aspas. Por exemplo; This is [an example](http://example.com/ Title ) inline link. [This link](http://example.net/) has no title attribute. Também podemos referenciar uma página local do servidor do blog, por exemplo: See my [About](/about/) page for details. Podemos fazer referências à links, por exemplo, se colocarmos [Google]: não precisamos digitar o conteúto anterior todas as vezes que mencionarmos o site da Google, simplesmente fazemos: [Google][]. E podemos fazer isso com qualquer url. Outro exemplo de referência é o que vemos abaixo: I get 10 times more traffic from [Google] [1] than from [Yahoo] [2] or [MSN] [3]. [1]: Google [2]: Yahoo Search [3]: MSN Search Acontecerá que que na frase I get 10 times more traffic from Google than from Yahoo or MSN., as palavras Google, Yahoo e MSN serão links para os respectivos sites. 6.7 Ênfases Para fazer um texto ficar em itálico, a sintaxe é essa: Laboratório de Software Livre 14

16 *[texto]* ou [texto]. Por exemplo: *single asterisks* single underscores Já para deixar o texto em negrito: **[texto]** ou [texto]. **double asterisks** double underscores Observação: um asterísco literal pode ser exibido, mas temos que usar a barra invertida e asterísco tal como se segue:. Exemplo: \*this text is surrounded by literal asterisks\* 6.8 Código de span Para indicar um código de span, deixamos o texto entre crases ( ). Por exemplo: Use the printf() function. 6.9 Imagens A sintaxe para adicionar imagens às postagens é:![alt text](/path/to/img.jpg)![alt text](/path/to/img.jpg Optional title ) Que é: Uma exclamação:!; seguida de um conjunto de conchetes que contém uma tag Alt e um texto que representa a imagem; seguidos de um conjunto de parênteses contendo a url e um texto entre Laboratório de Software Livre 15

17 aspas Leia Mais Para adicionar um Leia Mais ou Read On na postagem, escolhemos um local de corte no texto e adicionamos: <! more > e veremos que na página principal o texto será cortado e precisamos clicar no link dele para lê-lo Miscelânia Comentários Por ventura, se desejarmos colocar um comentário no arquivo de postagem que estamos editando sem que ele apareça na publicação, fazemos: <! [conteúdo do texto] > Links automáticos Serve para expor links no texto, como uma url ou um endereço de . Exemplos: <http://example.com/> Centralizando textos Laboratório de Software Livre 16

18 Um texto será centralizado se ele estiver entre setas tais como (-> e <-). Por exemplo: -> Esse texto será centralizado. < Caractere de escape Temos vários caracteres especiais, tais como: \barra invertida crase * asterísco underscore { chaves [] colchetes () parênteses # tralha + sinal de mais - sinal de menos (hífen). ponto! exclamação Para fazer o escape deles quando queremos exibí - los em sua integra, simplesmente colocamos uma barra invertida antes de cada um ou eles serão considerados comandos. Laboratório de Software Livre 17

19 7 Créditos Documento Apresentação do Octopress Direitos Autorais Reservados (c) Universidade Federal de Minas Gerais Departamento de Ciência da Computação Autor: Alex Roberto Correa Esta documentação é livre; você pode redistribuí-la e/ou modificá-la sob os termos da Licença Pública Geral GNU conforme publicada pela Free Software Foundation; tanto na sua versão 2, como qualquer versão posterior (a seu critério). A distribuição desta documentação é feita na expectativa de que ela seja útil, porém, sem nenhuma garantia; nem mesmo a garantia implícita de comerciabilidade ou adequação a uma finalidade específica. Consulte a Licença Pública Geral do GNU para mais detalhes. Laboratório de Software Livre 18

jquery Apostila Básica

jquery Apostila Básica jquery Apostila Básica INTRODUÇÃO 3 CAPÍTULO 1 POR ONDE INICIAR 3 CAPÍTULO 2 MEU PRIMEIRO SCRIPT! 4 EXERCÍCIOS...5 CAPÍTULO 3 ADICIONANDO CSS 6 EXERCÍCIOS...7 CAPÍTULO 4 MODIFICANDO APENAS PARTE DO DOCUMENTO

Leia mais

Este tutorial é direcionado aos câmpus do IFC que já utilizam em seus sites os temas para WordPress desenvolvidos pelo Câmpus Araquari.

Este tutorial é direcionado aos câmpus do IFC que já utilizam em seus sites os temas para WordPress desenvolvidos pelo Câmpus Araquari. Apresentação Este tutorial é direcionado aos câmpus do IFC que já utilizam em seus sites os temas para WordPress desenvolvidos pelo Câmpus Araquari. Antes de iniciar o processo de atualização é recomendado

Leia mais

OFICINA BLOG DAS ESCOLAS

OFICINA BLOG DAS ESCOLAS OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço

Leia mais

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN Sumário 1. Introdução...1 2. Tags...1 3. HTML...1 4. Cabeça, Corpo

Leia mais

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual

Leia mais

Montando um Site. Wordpress

Montando um Site. Wordpress Montando um Site Wordpress O Sistema Wordpress O Wordpress é uma plataforma de vanguarda para publicação pessoal, com foco na estética, nos Padrões Web e na usabilidade. Ao mesmo tempo um software livre

Leia mais

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem

Leia mais

Instrução de Trabalho Base de Conhecimento

Instrução de Trabalho Base de Conhecimento Aprovado por Comitê da Qualidade Analisado criticamente por Dono do processo 1. OBJETIVOS Esta instrução de trabalho tem como objetivo orientar os colaboradores da SINFO, de como a será mantida e acessada.

Leia mais

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML

Leia mais

Sumário. 1 Tutorial: Blogs no Clickideia

Sumário. 1 Tutorial: Blogs no Clickideia 1 Tutorial: Blogs no Clickideia Sumário Introdução... 2 Objetivos... 2 Instruções para utilização do Tutorial... 2 Acesso ao Portal e a Home Blog... 3 Página Inicial da área do Blog... 4 Apresentação da

Leia mais

6 Aplicações Ricas para Internet

6 Aplicações Ricas para Internet 6 Aplicações Ricas para Internet DESENVOLVIMENTO WEB II - 7136 6.1. Evolução das aplicações para web O crescente número de pessoas que usufruem da informatização das tarefas cotidianas, viabilizadas na

Leia mais

Universidade Federal de Campina Grande Reunião REHISA Compartilhamento de Dados 11 e 12 de Abril de 2007. Tutorial TWiki

Universidade Federal de Campina Grande Reunião REHISA Compartilhamento de Dados 11 e 12 de Abril de 2007. Tutorial TWiki Universidade Federal de Campina Grande Reunião REHISA Compartilhamento de Dados 11 e 12 de Abril de 2007 Tutorial TWiki Marília Silva Dantas Imagine você um dia poder alterar diretamente o conteúdo de

Leia mais

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Manual do usuário Desenvolvendo páginas em Drupal Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Conteúdo Primeiro Passo... 3 1.1 Login... 3 1.2 Recuperando a Senha...

Leia mais

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova. 3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao

Leia mais

Mini manual para editar as informações no Portal bibliotecas.uff

Mini manual para editar as informações no Portal bibliotecas.uff Mini manual para editar as informações no Portal bibliotecas.uff Sumário 1.Sobre o Drupal 2.Como se logar 3.Inserindo conteúdo 4.Editando conteúdo 5.Alterando as notícias 6.Incluindo um serviço 7.Criando

Leia mais

2 HTML Inserindo objetos

2 HTML Inserindo objetos 2 HTML Inserindo objetos Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Imagem...3 Links...5 Links para locais da mesma página...6 Áudio e vídeo...8

Leia mais

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho REITORA Ulrika Arns VICE-REITOR Almir Barros da Silva Santos Neto DIRETOR DO NTIC Leonardo Bidese de Pinho COORDENAÇÃO DE APOIO AO USUÁRIO Sandro da Silva Camargo UNIVERSIDADE FEDERAL DO PAMPA NTIC - NÚCLEO

Leia mais

XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida).

XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida). XHTML 1. Significado do Termo HTML (HyperText Markup Language Linguagem de Marcação de Hipertexto) é a linguagem na qual são feitas as páginas que irão compor um site da Internet. A versão mais recente

Leia mais

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho REITORA Ulrika Arns VICE-REITOR Almir Barros da Silva Santos Neto DIRETOR DO NTIC Leonardo Bidese de Pinho COORDENAÇÃO DE APOIO AO USUÁRIO Pierre Correa Martin 1 UNIVERSIDADE FEDERAL DO PAMPA NTIC NÚCLEO

Leia mais

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL.

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Procuraremos mostrar os principais procedimentos para fazer um cadastro de registros numa base de dados MySQL utilizando a linguagem

Leia mais

Linguagem de Programação I

Linguagem de Programação I Linguagem de Programação I i Linguagem de Programação I Ed. v1.0 Linguagem de Programação I ii Copyright 2013 UAB Você tem a liberdade de: Compartilhar copiar, distribuir e transmitir a obra. Remixar criar

Leia mais

O que é WordPress? Painel de Administração do WordPress. Painel

O que é WordPress? Painel de Administração do WordPress. Painel O que é WordPress? O WordPress é uma popular ferramenta para edição de blogs e gerênciamento de conteúdos na web (CMS). É Indicado para o usuário que não tem conhecimento em programação e deseja uma ferramenta

Leia mais

Criação de blogs para contextos educativos

Criação de blogs para contextos educativos Manual de utilização do WordPress O que é WordPress? O WordPress é uma popular ferramenta para edição de blogs e gestão de conteúdos na web (CMS). É Indicado para o usuário que não tem conhecimento em

Leia mais

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Tag para inserir imagens e HTML O modelo CSS Noções fundamentais e funcionamento do CSS Incluindo estilos em uma página Sintaxe

Leia mais

Manual de utilização do Portal Entrelace.org.br. William Oyama www.evisionbrasil.com.br

Manual de utilização do Portal Entrelace.org.br. William Oyama www.evisionbrasil.com.br Manual de utilização do Portal Entrelace.org.br William Oyama www.evisionbrasil.com.br Índice do tutorial 1 Portal entrelace.obr.br 2- Painel Administrativo 3- Informações Restritas 4- Acervo 5- Notícias

Leia mais

Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania

Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania Sumário Objetivos do Blog... 2 Log-in... 3 Esqueci minha senha... 4 Utilizando o Blog... 5 Encontrando seu Blog... 5 Conhecendo o

Leia mais

O que tem neste ebook?

O que tem neste ebook? O que tem neste ebook? 01. Como avaliar bons Plugins antes usá-los 02. 10 Plugins que eu mais indico para o SEO do seu site 03. Onde baixar os Plugins que eu indico Sobre o Segredos da Audiência O site

Leia mais

HTML. Conceitos básicos de formatação de páginas WEB

HTML. Conceitos básicos de formatação de páginas WEB HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto

Leia mais

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

Leia mais

Verifique se o Plugin do Flash Player está instalado no seu computador para a navegação adequada no portal.

Verifique se o Plugin do Flash Player está instalado no seu computador para a navegação adequada no portal. 1 Tutorial: Blogs no Clickideia Introdução Esse tutorial mostrará as funções básicas da ferramenta de Blog do Portal Educacional Clickideia. Ele foi elaborado pensando em diferentes níveis de usuários

Leia mais

Como criar e editar Blogs. Manual Básico do. Mario Roberto Barro Jerino Queiroz Ferreira Profª Drª Salete Linhares Queiroz

Como criar e editar Blogs. Manual Básico do. Mario Roberto Barro Jerino Queiroz Ferreira Profª Drª Salete Linhares Queiroz Como criar e editar Blogs Manual Básico do Mario Roberto Barro Jerino Queiroz Ferreira Profª Drª Salete Linhares Queiroz São Carlos Setembro / 2008 Sumário Introdução...3 Criando um Blog no Edublogs...4

Leia mais

PROGRAMAÇÃO MANUAL DE INSTRUÇÕES SEJA BEM VINDO VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS

PROGRAMAÇÃO MANUAL DE INSTRUÇÕES SEJA BEM VINDO VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS PROGRAMAÇÃO MANUAL DE INSTRUÇÕES Instruções, métodos e recomendações para desenvolvimento de sistemas na UDS. 1 Sumário Apresentação... 3 Estrutura de pastas:...

Leia mais

1.Introdução ao HTML página 04. 2.O que é o HTML página 05. 3.O que são tags HTML página 05. 4.Iniciando com HTML página 10

1.Introdução ao HTML página 04. 2.O que é o HTML página 05. 3.O que são tags HTML página 05. 4.Iniciando com HTML página 10 Apostila de Índice HTML 1.Introdução ao HTML página 04 2.O que é o HTML página 05 3.O que são tags HTML página 05 4.Iniciando com HTML página 10 5.Mais tags HTML página 12 6.Atributos página 14 7.Links

Leia mais

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1

Leia mais

Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br

Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br Índice Como acessar o Moodle Editando seu PERFIL Editando o curso / disciplina no Moodle Incluindo Recursos

Leia mais

CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata

CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS é uma linguagem para estilos (formatação) que define o layout de documentos HTML. CSS controla fontes, cores, margens,

Leia mais

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.

Leia mais

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Manual do Publicador Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Sumário Painel de Administração... 3 1 - Inserção de post... 5 2 Publicação de post com notícia na área headline (galeria de

Leia mais

Introdução ao HTML 5 e Implementação de Documentos

Introdução ao HTML 5 e Implementação de Documentos Linguagem de Programação para Web Introdução ao HTML 5 e Implementação de Documentos Prof. Mauro Lopes 1-31 20 Objetivo Iremos aqui apresentar a estrutura básica de um documento HTML e iremos também apresentar

Leia mais

Observações importantes:

Observações importantes: Fundação CECIERJ - Vice Presidência de Educação Superior a Distância Curso de Tecnologia em Sistemas de Computação Disciplina Criação de Páginas de WEB AD1 1 semestre de 2014. Observações importantes:

Leia mais

Tutorial de HTML. O que é HTML? Aprendendo

Tutorial de HTML. O que é HTML? Aprendendo Tutorial de HTML Tutorial: O que é HTML? Aprendendo Títulos Textos Imagens Links Imagens Clicáveis Explorando o TAG BODY Música de Fundo Gifs Animados Tabelas Testando sua Página O que é HTML? HTML é uma

Leia mais

Colégio da Policia Militar do Estado do Tocantins. HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa

Colégio da Policia Militar do Estado do Tocantins. HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa Colégio da Policia Militar do Estado do Tocantins HTML5 e CSS3 Formulários Prof. Gleison Batista de Sousa Formulários Avançando no HTML e CSS Nesta aula vamos aprender como criar uma página de contato

Leia mais

Web Design. Prof. Felippe

Web Design. Prof. Felippe Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre

Leia mais

Curso de Capacitação em Gerenciador de Conteúdo PLONE

Curso de Capacitação em Gerenciador de Conteúdo PLONE Curso de Capacitação em Gerenciador de Conteúdo PLONE 1 Índice Menus Sobre a Navegação do Plone 3 Configurar Pastas 4 Visualização Padrão de Pastas 13 Conteúdo Dicas para um Conteúdo Claro 17 Ações de

Leia mais

Conceitos básicos do Painel

Conceitos básicos do Painel Básico Wordpress Conceitos básicos do Painel Logando no Painel de Controle Para acessar o painel de controle do Wordpress do seu servidor siga o exemplo abaixo: http://www.seusite.com.br/wp-admin Entrando

Leia mais

QUEM FEZ O TRABALHO?

QUEM FEZ O TRABALHO? Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome

Leia mais

1. INICIANDO NO FOTOÍ

1. INICIANDO NO FOTOÍ 1. INICIANDO NO FOTOÍ Após ter criado uma conta no site Fotoí (www.fotoi.com.br) e efetuado a contratação de um plano do tipo PRO (com venda de arquivos digitais, impressão de fotos e seleção de fotos),

Leia mais

Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo.

Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. Como defino e escrevo uma classe? Classe é um seletor

Leia mais

ALFRESCO 4.0. Primeiros Passos

ALFRESCO 4.0. Primeiros Passos 2014 ALFRESCO 4.0 Primeiros Passos Sumário Convite para colaborar de um Site... 0 Personalizando seu painel de instrumentos (dashboard)... 1 Alterando o seu perfil (profile)... 2 Criando um site (collaboration

Leia mais

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova. 3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao

Leia mais

ACESSANDO O GITHUB E COMPARTILHANDO PROJETOS

ACESSANDO O GITHUB E COMPARTILHANDO PROJETOS ACESSANDO O GITHUB E COMPARTILHANDO PROJETOS O QUE É O GITHUB : O GitHub é uma plataforma online colaborativa criada para fins de compartilhamento de códigos e projetos entre programadores que desejam

Leia mais

Apostila de. WordPress. Gustavo Teixeira da Cunha Coelho Henrique Gemignani Passos Lima. 11 de maio de 2013. Primeira Edição RC1

Apostila de. WordPress. Gustavo Teixeira da Cunha Coelho Henrique Gemignani Passos Lima. 11 de maio de 2013. Primeira Edição RC1 Apostila de WordPress Gustavo Teixeira da Cunha Coelho Henrique Gemignani Passos Lima 11 de maio de 2013 Primeira Edição RC1 Copyright (C) 2013 USPGameDev A edição mais recente pode ser encontrada em:

Leia mais

O Blog do Conhecimento (http://blog.df.sebrae.com.br/ugc), desenvolvido pela UGC, é uma

O Blog do Conhecimento (http://blog.df.sebrae.com.br/ugc), desenvolvido pela UGC, é uma MANUAL DE UTILIZAÇÃO DO BLOG DO CONHECIMENTO APRESENTAÇÃO O Blog do Conhecimento (http://blog.df.sebrae.com.br/ugc), desenvolvido pela UGC, é uma ferramenta de COLABORAÇÃO que tem como objetivo facilitar

Leia mais

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de

Leia mais

AULA 12 RELATÓRIOS PDF O QUE É UM FORMATO PDF

AULA 12 RELATÓRIOS PDF O QUE É UM FORMATO PDF AULA 11 PHP AVANÇADO AULA 12 RELATÓRIOS PDF O QUE É UM FORMATO PDF PDF é um formato de arquivo que tem sido muito usado na Internet quando é necessário garantir que a impressão de um texto (com ou sem

Leia mais

Ele vai localizar este código, substitua então o The Beat Was Goin' Strong pelo nome do seu tumblr.

Ele vai localizar este código, substitua então o The Beat Was Goin' Strong pelo nome do seu tumblr. Então gente, há alguns dias, disponibilizei meu theme antigo, o primeiro feito por mim, e eu não coloquei appearance nele, e quem não tem conhecimento de html fica meio tenso de editar. Então, ao invés

Leia mais

Como criar um blog. Será aberta uma janela onde você deverá especificar o título do blog, o endereço do blog, e o modelo.

Como criar um blog. Será aberta uma janela onde você deverá especificar o título do blog, o endereço do blog, e o modelo. Como criar um blog Criando o blog Vá em www.blogger.com. Entre com sua conta google (a mesma que você usa para acessar o gmail). Escolha um perfil. Na página seguinte, clique no botão novo blog. Será aberta

Leia mais

Sumário. Tutorial: Baú de Ideias 1

Sumário. Tutorial: Baú de Ideias 1 1 Sumário BAÚ DE IDEIAS... 2 Criar atividades... 4 Inserindo Imagem... 6 Inserindo Vídeo... 10 Inserindo Animações e Atividades interativas... 12 Gerenciador de fórmulas e equações matemáticas... 17 Salvando

Leia mais

PDI 1 - Projeto e Design de Interfaces Web

PDI 1 - Projeto e Design de Interfaces Web Introdução a HTML e XHTML Elementos básicos parte 2 Professor: Victor Hugo L. Lopes Agenda: --Adicionando imagens; --Trabalhando com vídeos e sons em HTML; Disponível em http://wp.me/p48yvn-43 2 Inserindo

Leia mais

Sumário Aspectos Básicos... 3 Como Empresas usam o Facebook... 3 Introdução ao Facebook... 4 Criando um Cadastro... 5 Confirmando E-mail...

Sumário Aspectos Básicos... 3 Como Empresas usam o Facebook... 3 Introdução ao Facebook... 4 Criando um Cadastro... 5 Confirmando E-mail... FACEBOOK Sumário Aspectos Básicos... 3 Como Empresas usam o Facebook... 3 Introdução ao Facebook... 4 Criando um Cadastro... 5 Confirmando E-mail... 8 Características do Facebook... 10 Postagens... 11

Leia mais

ROTEIRO PASSO A PASSO COMO CRIAR E ALIMENTAR UM BLOG

ROTEIRO PASSO A PASSO COMO CRIAR E ALIMENTAR UM BLOG ROTEIRO PASSO A PASSO COMO CRIAR E ALIMENTAR UM BLOG Elaborado por Márcia Azevedo Professora Formadora / Multiplicadora NTE Municipal de Campinas - 2010 - ÍNDICE Criando um blog... 3 Conhecendo as opções

Leia mais

Introdução ao HTML Hypertext Markup Language

Introdução ao HTML Hypertext Markup Language Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos Tags São comandos que são inseridos juntamente com o texto a ser apresentado, e que definem a forma como o mesmo será exibido na tela do

Leia mais

UNIDADE V COMO CONSEGUIR LEADS

UNIDADE V COMO CONSEGUIR LEADS UNIDADE V COMO CONSEGUIR LEADS Agora que você já tem sua página de captura no ar e também sua sequência de e-mails automáticos configurados chegou o momento de colocar tudo para funcionar. Ou seja, chegou

Leia mais

Tutorial : Software colaborativo Wiki

Tutorial : Software colaborativo Wiki Tutorial : Software colaborativo Wiki Profª Ms. Ana Margô Mantovani Cristiano Wagner - LABIN/ Ciência da Computação Cristiane de Carvalho Vianna Computação-Licenciatura Como Criar uma Wikispace: O site

Leia mais

Auto Responder como automatizar seu blog

Auto Responder como automatizar seu blog http://blog.andersonferro.com.br 1 SOBRE OS ***DIREITOS AUTORAIS Auto Responder Todos os direitos Reservados. Nenhuma parte deste livro pode ser reproduzida, copiada ou transmitida livremente de alguma

Leia mais

BREVE TUTORIAL DO PREZI Por Franz Kreüther Pereira

BREVE TUTORIAL DO PREZI Por Franz Kreüther Pereira 1 BREVE TUTORIAL DO PREZI Por Franz Kreüther Pereira O Prezi veio revolucionar a maneira como se criam apresentações em slide. Embora a Microsoft tenha desenvolvido o PPTPlex, um plugin para o Power Point

Leia mais

Capítulo 2 Web 2.0 22

Capítulo 2 Web 2.0 22 2 Web 2.0 Uma vez que o presente trabalho está intensamente relacionado à Web 2.0 (muitas tecnologias da mesma são utilizadas pela equipe estudada, que precisam de melhorias), torna-se necessário entender

Leia mais

Bem vindo ao ajuda do software QUICKFISH para criação de sites.

Bem vindo ao ajuda do software QUICKFISH para criação de sites. Bem vindo ao ajuda do software QUICKFISH para criação de sites. SUMÁRIO 1 Exemplo de site criado no software QUICKFISH...02 2 Salvando Seu Site...03 3 Publicando Seu Site...03 4 Visão inicial do Software

Leia mais

W o r d p r e s s 1- TELA DE LOGIN

W o r d p r e s s 1- TELA DE LOGIN S U M Á R I O 1Tela de Login...2 2 Painel......3 3 Post...4 4 Ferramentas de Post...10 5 Páginas...14 6 Ferramentas de páginas...21 7 Mídias...25 8 Links......30 1 1- TELA DE LOGIN Para ter acesso ao wordpress

Leia mais

Apostila de CmapTools 3.4

Apostila de CmapTools 3.4 Apostila de CmapTools 3.4 Índice Definição do software... 3 Criando um novo mapa... 3 Adicionando um conceito... 3 Alterando a formatação das caixas (Barra de Ferramentas Estilos Paleta Styles)... 7 Guia

Leia mais

Apostila de. WordPress. Gustavo Teixeira da Cunha Coelho Henrique Gemignani Passos Lima. 13 de maio de 2013. Primeira Edição RC2

Apostila de. WordPress. Gustavo Teixeira da Cunha Coelho Henrique Gemignani Passos Lima. 13 de maio de 2013. Primeira Edição RC2 Apostila de WordPress Gustavo Teixeira da Cunha Coelho Henrique Gemignani Passos Lima 13 de maio de 2013 Primeira Edição RC2 Copyright (C) 2013 USPGameDev A edição mais recente pode ser encontrada em:

Leia mais

WordPress Instruções de integração com PayPal

WordPress Instruções de integração com PayPal WordPress Instruções de integração com PayPal INFORMAÇÕES GERAIS Há duas maneiras de incluir o PayPal em sites baseados na plataforma WordPress. Opção 1: Incluir um carrinho de compras Opção 2: Incluir

Leia mais

Cadastro no Livestream

Cadastro no Livestream Tutorial Livestream Cadastro no Livestream Primeiros passos: Para começar a criar o seu canal interativo, vamos criar uma conta no Livestream, que permite a transmissão ao vivo de vídeos. Acesse o site

Leia mais

Documentação SEO EXPERT

Documentação SEO EXPERT Documentação SEO EXPERT O módulo SEO Expert ajuda você a rapidamente: Criar e personalizar URLs amigáveis Inserir metatags para páginas de produtos, posts do Facebook e cartões de Twitter em sua loja Este

Leia mais

Tutorial para criação de blog

Tutorial para criação de blog Tutorial para criação de blog Profª Msc. Patricia da Silva Neubert Acesse www.blogspot.com.br. Na barra superior clique em Criar em Criar blog, preencha o cadastro e faça login. Repare, que abrirá uma

Leia mais

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um

Leia mais

ONLINE CARTÃO DE REFERÊNCIA RÁPIDA ENDNOTE

ONLINE CARTÃO DE REFERÊNCIA RÁPIDA ENDNOTE CARTÃO DE REFERÊNCIA RÁPIDA ENDNOTE ONLINE Acesso protegido por senha a uma biblioteca de referência a qualquer momento e em qualquer lugar. Referências e artigos completos para baixar de praticamente

Leia mais

Índice. 3 Capítulo 1: Visão Geral do Blog. 4 Capítulo 2: SEO. 5 Capítulo 3: Backend: Como Funciona. Visão Geral Plataforma Frontend Backend

Índice. 3 Capítulo 1: Visão Geral do Blog. 4 Capítulo 2: SEO. 5 Capítulo 3: Backend: Como Funciona. Visão Geral Plataforma Frontend Backend MANUAL 1 Índice 3 Capítulo 1: Visão Geral do Blog Visão Geral Plataforma Frontend Backend 4 Capítulo 2: SEO O que é SEO? Google Configuração Inicial Ferramentas SEO 5 Capítulo 3: Backend: Como Funciona

Leia mais

Curso de Capacitação em Gerenciador de Conteúdo PLONE

Curso de Capacitação em Gerenciador de Conteúdo PLONE Curso de Capacitação em Gerenciador de Conteúdo PLONE 1 Índice Customização Acionar modo debug 3 Propriedades Básicas 10 Arquivos de Customização 15 2 Customização Intermediário Com a definição do posicionamento

Leia mais

Apostila CSS - Introdução à folha de estilos

Apostila CSS - Introdução à folha de estilos Apostila CSS - Introdução à folha de estilos Este documento é propriedade intelectual do Núcleo de Educação a distância da NRsystem e distribuído sob os seguintes termos: 1. As apostilas publicadas pelo

Leia mais

Visão Geral da. Plataforma Ning 5. Como publicar. Vídeos e Fotos?

Visão Geral da. Plataforma Ning 5. Como publicar. Vídeos e Fotos? Visão Geral da Plataforma Ning 5 Como publicar Vídeos e Fotos? O Ning possui áreas próprias para fotos e vídeos, mas estes recursos podem ser utilizados de várias maneiras. Vamos começar pelos vídeos:

Leia mais

UNIVERSIDADE FEDERAL DO PELOTAS CENTRO DE LETRAS E COMUNICAÇÃO CURSO DE JORNALISMO TUTORIAL

UNIVERSIDADE FEDERAL DO PELOTAS CENTRO DE LETRAS E COMUNICAÇÃO CURSO DE JORNALISMO TUTORIAL UNIVERSIDADE FEDERAL DO PELOTAS CENTRO DE LETRAS E COMUNICAÇÃO CURSO DE JORNALISMO TUTORIAL http://pt.wordpress.com http://.wordpress.org Autor: Calvin da Silva Cousin Orientação: Profª Drª Sílvia Porto

Leia mais

Criação e Configuração do APP do Facebook

Criação e Configuração do APP do Facebook Criação e Configuração do APP do Facebook Acesse o perfil de sua conta no Facebook e logo em seguida acesse o link abaixo: https://developers.facebook.com Você estará na pagina de Developers do Facebook

Leia mais

Manual WordPress. Conteúdo Índice. Capítulo 1 Introdução. Capítulo 2 Conceitos básicos do Painel. Capítulo 3 Gerenciamento de Posts ( Artigos)

Manual WordPress. Conteúdo Índice. Capítulo 1 Introdução. Capítulo 2 Conceitos básicos do Painel. Capítulo 3 Gerenciamento de Posts ( Artigos) Manual WordPress Conteúdo Índice Capítulo 1 Introdução Sobre o WordPress Características principais Capítulo 2 Conceitos básicos do Painel Logando no Painel de Controle Alterando Usuário e Senha Painel

Leia mais

Facebook Instruções de integração com PayPal

Facebook Instruções de integração com PayPal Facebook Instruções de integração com PayPal Há diversas formas de utilizar o PayPal para receber pagamentos na plataforma do Facebook. Primeiro você precisa decidir suas necessidades para a opção mais

Leia mais

Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina

Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Programação para Internet Rica 1 Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Objetivo: Capacitar o aluno para o trabalho com o framework JQuery. INTRODUÇÃO JQuery é uma biblioteca

Leia mais

GESTA - UFMG observatório de conflitos ambientais do estado de minas gerais

GESTA - UFMG observatório de conflitos ambientais do estado de minas gerais GESTA - UFMG observatório de conflitos ambientais do estado de minas gerais guia de administração do site -1 - INTELIGÊNCIA GEOGRÁFICA EQUIPE TÉCNICA COORDENADOR DO PROJETO Jean Charles Sousa (GeoHorizonte)

Leia mais

Tutorial Baú de Ideias

Tutorial Baú de Ideias BAÚ DE IDEIAS O Baú de Ideias é uma ferramenta on-line (ativa apenas quando existe conexão com a Internet), na qual professores e alunos podem criar, divulgar e consultar atividades e projetos. No Baú

Leia mais

Seja Bem Vindo! Curso Wordpress. Carga horária: 40hs

Seja Bem Vindo! Curso Wordpress. Carga horária: 40hs Seja Bem Vindo! Curso Wordpress Carga horária: 40hs 1 Conteúdo Programático: Instalando um Servidor Web Local Painel Wordpress e Posts Temas: Instalação e Configuração Configurações Usuários Plugins 2

Leia mais

MANUAL DE CONSULTA RÁPIDA PARA GESTÃO DE CONTEÚDO DO PORTAL INSTITUCIONAL PADRÃO CMS PLONE

MANUAL DE CONSULTA RÁPIDA PARA GESTÃO DE CONTEÚDO DO PORTAL INSTITUCIONAL PADRÃO CMS PLONE MANUAL DE CONSULTA RÁPIDA PARA GESTÃO DE CONTEÚDO DO PORTAL INSTITUCIONAL PADRÃO CMS PLONE IDENTIDADE PADRÃO DE COMUNICAÇÃO DIGITAL DO PODER EXECUTIVO FEDERAL versão 1 11/2014 Secretaria de Comunicação

Leia mais

www.marketingdigitalexpress.com.br - Versão 1.0 Página 1

www.marketingdigitalexpress.com.br - Versão 1.0 Página 1 www.marketingdigitalexpress.com.br - Versão 1.0 Página 1 Remarketing é um recurso utilizado para direcionar anúncios personalizados para as pessoas que visitaram uma determinada página do seu site ou clicaram

Leia mais

#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.

#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com. #Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Revisar os conceitos mais importantes da XHTML e do CSS. Desenvolver

Leia mais

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos.

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. 1 Índice 1 - INTRODUÇÃO 3 2 - TAGS 3 3 - EDITORES 3 4 - SALVANDO UMA PAGINA HTML 3 5 - INICIANDO UMA PÁGINA 3 6 - CONSTRUINDO

Leia mais

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte MANUAL JOOMLA 2.5 PORTAL INTERNET Ministério do Esporte SUMÁRIO 1.0 - Módulo Administração... 1 2.0 Banner randômico... 2 2.1 Adicionar novo slide... 2 2.2 Excluir slide... 6 3.0 Artigos... 7 3.1 Adicionar

Leia mais

CSS (Style Sheets - Folhas de Estilo)

CSS (Style Sheets - Folhas de Estilo) Anuncie nesse espaço da Aprendendo HomePage, clique aqui e veja como e porque. CSS (Style Sheets - Folhas de Estilo) CSS é a mesma coisa que Style Sheets e que Folhas de Estilo. Vc já deve ter visto esses

Leia mais

O que um Servidor Samba faz?

O que um Servidor Samba faz? O que é o Samba? O Samba é um "software servidor" para Linux (e outros sistemas baseados em Unix) que permite o gerenciamento e compartilhamento de recursos em redes formadas por computadores com o Windows

Leia mais

Manual do Usuário Android Neocontrol

Manual do Usuário Android Neocontrol Manual do Usuário Android Neocontrol Sumário 1.Licença e Direitos Autorais...3 2.Sobre o produto...4 3. Instalando, Atualizando e executando o Android Neocontrol em seu aparelho...5 3.1. Instalando o aplicativo...5

Leia mais

Manual de Instalação: Agente do OCS Inventory NG

Manual de Instalação: Agente do OCS Inventory NG Manual de Instalação: Agente do OCS Inventory NG Abril 2013 Sumário 1. Agente... 1 2. Onde instalar... 1 3. Etapas da Instalação do Agente... 1 a. Etapa de Instalação do Agente... 1 b. Etapa de Inserção

Leia mais