{"id":1300,"date":"2017-08-07T16:35:00","date_gmt":"2017-08-07T19:35:00","guid":{"rendered":"http:\/\/gianfratti.com\/?p=1300"},"modified":"2017-08-07T16:35:00","modified_gmt":"2017-08-07T19:35:00","slug":"como-usar-freemind-projetar-ou-gerencia-um-site","status":"publish","type":"post","link":"http:\/\/gianfratti.com\/index.php\/como-usar-freemind-projetar-ou-gerencia-um-site\/","title":{"rendered":"Como usar freemind projetar ou gerencia um site"},"content":{"rendered":"

Quando voc\u00ea pensa de ferramentas que voc\u00ea pode usar para criar p\u00e1ginas web, voc\u00ea provavelmente pensar em coisas como Kompozer<\/a> ou Firebug<\/a>. No entanto, o que se eu lhe disser que uma ferramenta que pode realmente aumentar a sua criatividade quando se trata de formular um layout web design \u00e9 um mapa mental?<\/p>\n

N\u00f3s cobrimos um monte de ferramentas de mapeamento mente aqui no MUO. Nancy avalia\u00e7\u00e3o Thoughtboxes<\/a>, e Jeffry coberta ferramentas de mindmapping para Mac<\/a>. Eu acho que a minha candidatura mindmapping favorito de todos eles \u00e9 o projeto open source FreeMind.<\/p>\n

Mente livre<\/a> \u00e9 um daqueles maravilhosamente simples de usar, mas intricada t\u00e3o complexo como voc\u00ea precisa que ele seja quando voc\u00ea realmente precisa que ele seja. Essa \u00e9 a beleza da coisa. Assim, para as pessoas que s\u00e3o particularmente criativo, uma aplica\u00e7\u00e3o como FreeMind literalmente libera sua mente para explorar em qualquer dire\u00e7\u00e3o que voc\u00ea quer ir. Quando voc\u00ea est\u00e1 tentando fazer algo t\u00e3o abstrato e complexo como projetar o fluxo e fun\u00e7\u00e3o de um site, que \u00e9 o tipo de flexibilidade que voc\u00ea precisa.<\/p>\n

Aqui no MUO, procuramos ajudar os leitores a “fazer uso de” aplica\u00e7\u00f5es de maneiras que voc\u00ea pode n\u00e3o ter considerado antes. Estou certo de que h\u00e1 alguns de v\u00f3s que t\u00eam usado ferramentas de mindmapping para este fim – este \u00e9 um p\u00fablico inteligente, afinal. Mas, para aqueles de voc\u00eas que nunca considerou o uso de uma ferramenta de mindmapping para definir o seu novo site, deixe-me lev\u00e1-lo em um passeio pelo jardim web-design FreeMind.<\/p>\n

Projetando um site com FreeMind<\/h2>\n

Na sua forma mais simples, eu acho que se torna muito \u00f3bvio muito r\u00e1pido exatamente por isso uma ferramenta mindmapping como FreeMind \u00e9 ideal para web design. Em apenas alguns minutos, usando apenas a op\u00e7\u00e3o “Nova Crian\u00e7a N\u00f3” em FreeMind, eu gerado um mapa de n\u00edvel superior do meu blog.<\/p>\n

Como voc\u00ea pode ver, FreeMind permite que voc\u00ea come\u00e7ar a partir de uma p\u00e1gina do n\u00facleo – ele n\u00e3o tem que ser a p\u00e1gina principal do seu site, ele pode ser qualquer p\u00e1gina de partida – e, em seguida, rastrear o caminho de liga\u00e7\u00f5es atrav\u00e9s de seu novo site.<\/p>\n

\n

\"web<\/p>\n

Neste exemplo, eu projetei uma p\u00e1gina principal com seis links de navega\u00e7\u00e3o para os seis principais subse\u00e7\u00f5es do meu site. Eu provavelmente deveria tamb\u00e9m acrescentou um “caracter\u00edsticas” ou “artigos” p\u00e1gina, bem como, uma vez que \u00e9 o ponto inteiro de um blog. Mas essa \u00e9 a beleza de um mapa mental – voc\u00ea pode ajust\u00e1-lo e alter\u00e1-lo para atender qualquer projeto id\u00e9ias pop em sua cabe\u00e7a ao longo do caminho.<\/p>\n

Claro que, como voc\u00ea come\u00e7ar a construir o seu site e ter p\u00e1ginas reais para mostrar, voc\u00ea pode adicionar hiperlinks para essas p\u00e1ginas diretamente do seu mapa mental. Ent\u00e3o, como voc\u00ea est\u00e1 criando seu site baseado fora de seu plano de FreeMind, voc\u00ea pode literalmente manter o controle de tudo, desde o pr\u00f3prio plano.<\/p>\n

\"freemind<\/p>\n

Quer veja a p\u00e1gina de contato que voc\u00ea editou um tempo atr\u00e1s? N\u00e3o se preocupe em tomar o tempo para abrir seu navegador e digite o URL, basta clicar sobre o link FreeMind e voc\u00ea est\u00e1 l\u00e1.<\/p>\n

\"freemind<\/p>\n

Voc\u00ea pode ver a URL do link passando o mouse sobre o n\u00f3 – ele aparece na barra de status inferior.<\/p>\n

Criar hiperlinks torna mais conveniente para chegar \u00e0s p\u00e1ginas que voc\u00ea est\u00e1 projetando, o que naturalmente vai fazer todo o processo de web-design mais eficiente. Seu site mapa mental pode servir como seu hub central – o seu roteiro web-design – que voc\u00ea pode trabalhar a partir de completar o seu projeto inteiro.<\/p>\n

Outra caracter\u00edstica muito legal de FreeMind \u00e9 a capacidade de adicionar imagens para n\u00f3s. Basta clicar em Inserir – Imagem do menu, ou clique no n\u00f3 e pressione Alt-K. Basta navegar para o arquivo de imagem que voc\u00ea deseja usar. \u00c9 muito mais f\u00e1cil se voc\u00ea dimensionar a imagem para que seja o tamanho da miniatura – caso contr\u00e1rio, voc\u00ea vai ter que ajustar para a visualiza\u00e7\u00e3o de c\u00f3digo HTML em FreeMind depois de importar a imagem.<\/p>\n

\"freemind<\/p>\n

Clique na imagem, e uma ferramenta de edi\u00e7\u00e3o trata-se de que voc\u00ea Vamos adicionar um pouco de legenda abaixo da imagem. Voc\u00ea pode usar isso para adicionar um pouco de pizzaz para o seu web-design mapa mental. Usei-o para mostrar as imagens dos escritores, e o pr\u00f3prio n\u00f3 representa sua p\u00e1gina de perfil no site.<\/p>\n

\"website<\/p>\n

Se voc\u00ea n\u00e3o se importa seu mapa ficando enorme, voc\u00ea pode at\u00e9 mesmo inserir instant\u00e2neos pr\u00e9-visualiza\u00e7\u00e3o das p\u00e1ginas, imagens que voc\u00ea sente que representam a finalidade da p\u00e1gina, ou qualquer outro uso para imagens n\u00f3 que voc\u00ea pode vir acima com. Eu pessoalmente gosto de usar imagens na minha web-design mapa mental, porque d\u00e1 mais car\u00e1ter e oferece um pouco de uma pr\u00e9-visualiza\u00e7\u00e3o do conte\u00fado da p\u00e1gina para qualquer um que podem ser visualiza o mapa pela primeira vez.<\/p>\n

Outra caracter\u00edstica muito legal de FreeMind que se encaixa perfeitamente no conjunto de ferramentas de web-design \u00e9 a ferramenta de gerenciamento de tempo que \u00e9 constru\u00eddo para a direita em FreeMind. Voc\u00ea pode chegar l\u00e1, indo para “Ferramentas” e escolha “Calend\u00e1rio”. Isto ir\u00e1 abrir um calend\u00e1rio grande janela “Gest\u00e3o do Tempo”.<\/p>\n

\"website<\/p>\n

Voc\u00ea pode aplicar datas para os n\u00f3s clicando em “Anexar Data para n\u00f3s selecionados”. Esta \u00e9 uma forma legal de se fazer o controle de vers\u00e3o em suas p\u00e1ginas, por data \/ hora carimbar o n\u00f3 com a data em que essa p\u00e1gina espec\u00edfica foi criado ou actualizado.<\/p>\n

A data que voc\u00ea escolheu vai ficar anexado ao final do texto n\u00f3.<\/p>\n

\"website<\/p>\n

Melhor ainda, por que n\u00e3o criar um cronograma para que, quando o seu site for conclu\u00edda, voc\u00ea pode receber um aviso quando \u00e9 hora de atualizar uma p\u00e1gina no site. Esta \u00e9 uma forma legal de se planejar sistematicamente uma programa\u00e7\u00e3o de atualiza\u00e7\u00e3o de um site, agendar atualiza\u00e7\u00f5es de p\u00e1ginas espec\u00edficas ao longo do tempo, de modo que a atualiza\u00e7\u00e3o de um site n\u00e3o se torne uma tarefa enorme e ca\u00f3tico.<\/p>\n

Para fazer isso, basta selecionar o n\u00f3, acesse o calend\u00e1rio de gerenciamento de tempo, escolher a data que voc\u00ea deseja atualizar a p\u00e1gina seguinte, e, em seguida, clique em “Lembrar-me neste data”.<\/p>\n

<\/p>\n

Um pequeno \u00edcone de um rel\u00f3gio aparecer\u00e1 nesse n\u00f3. Isso diz-lhe que n\u00e3o h\u00e1 alarme associado a ele, e voc\u00ea receber\u00e1 uma notifica\u00e7\u00e3o pop-up no seu computador quando \u00e9 hora de atualizar a p\u00e1gina. Nunca pensei que voc\u00ea estaria usando uma ferramenta mindmapping para gerenciamento de projetos web-design, n\u00e3o \u00e9?<\/p>\n

Al\u00e9m disso, se voc\u00ea quiser ver o seu hor\u00e1rio de actualiza\u00e7\u00e3o inteira, listados por p\u00e1gina, basta ir a Ferramentas e selecione “Show Time Lista Scheduler”.<\/p>\n

<\/p>\n

Voc\u00ea vai ter um relat\u00f3rio completo de todas as p\u00e1ginas que voc\u00ea programadas, quando programada (criado)-los, e a data em que determinada p\u00e1gina \u00e9 devido a ser atualizado seguinte.<\/p>\n

<\/p>\n

O \u00fanico lugar onde este sistema pode falhar \u00e9 se voc\u00ea atualizar a p\u00e1gina e se esque\u00e7a de voltar e atualizar o n\u00f3 com um novo tempo de atualiza\u00e7\u00e3o e data. Ent\u00e3o, tentar torn\u00e1-lo um h\u00e1bito de faz\u00ea-lo, e voc\u00ea vai manter o seu sistema de atualiza\u00e7\u00e3o de p\u00e1gina inteira em funcionamento.<\/p>\n

Oh, e h\u00e1 um \u00faltimo recurso, importante que eu quase esqueci. Este \u00e9 realmente um muito importante se voc\u00ea tende a ser um desses programadores que perde o controle de onde voc\u00ea armazenar seus arquivos de projeto.<\/p>\n

FreeMind tem a capacidade de hiperlink para os arquivos no seu PC, ent\u00e3o voc\u00ea pode usar esse recurso para conectar os n\u00f3s de p\u00e1gina para o c\u00f3digo real que \u00e9 salvo em seu computador. Voc\u00ea apenas vai “Inserir”, selecione “Hyperlink (Chooser Arquivo)” e, em seguida, basta navegar para o arquivo que voc\u00ea deseja vincular esse n\u00f3 para.<\/p>\n

\"web<\/p>\n

O link do arquivo para esse n\u00f3 aparece como uma seta vermelha. Sempre que voc\u00ea quiser fazer algumas altera\u00e7\u00f5es no c\u00f3digo, basta clicar no link do arquivo, e ele vai abri-lo instantaneamente para voc\u00ea – n\u00e3o h\u00e1 necessidade de ir cavar em torno de tentar encontr\u00e1-lo. Apenas certifique-se de que voc\u00ea se lembra onde guardou-lo de modo que voc\u00ea pode carregar as altera\u00e7\u00f5es para o seu servidor web.<\/p>\n

Como voc\u00ea pode ver, usando uma ferramenta de mindmapping como FreeMind n\u00e3o s\u00f3 ajuda a criar o layout e fluxo de seu site, ele pode at\u00e9 mesmo ajud\u00e1-lo a gerenciar seu projeto web-design inteiro do in\u00edcio ao fim.<\/p>\n

Quais as ferramentas que voc\u00ea usa para gerenciar seus projetos de web design? Voc\u00ea consideraria tentar FreeMind em vez disso? Voc\u00ea tem outras id\u00e9ias criativas para usar uma ferramenta de mapas mentais como parte de um projeto de web design? Compartilhe seus pensamentos na se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n

Fonte: http:\/\/wikicomo.xyz\/a-internet\/15380-como-usar-freemind-projetar-ou-gerencia-um-site.html<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Quando voc\u00ea pensa de ferramentas que voc\u00ea pode usar para criar p\u00e1ginas web, voc\u00ea provavelmente pensar em coisas como Kompozer ou Firebug. No entanto, o que se eu lhe disser que uma ferramenta que pode realmente aumentar a sua criatividade quando se trata de formular um layout web design \u00e9 um mapa mental?<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[89,199,90],"tags":[],"class_list":["post-1300","post","type-post","status-publish","format-standard","hentry","category-downloads","category-mapa-mental","category-utilitarios"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts\/1300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/comments?post=1300"}],"version-history":[{"count":3,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts\/1300\/revisions"}],"predecessor-version":[{"id":1314,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts\/1300\/revisions\/1314"}],"wp:attachment":[{"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/media?parent=1300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/categories?post=1300"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/tags?post=1300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}