Modulo 5 Colecção de Produto Capitulo 2. Criando um Website. Jürgen Undeutsch, B.A.

Transcrição

1 Modulo 5 Colecção de Produto Capitulo 2 Criando um Website Jürgen Undeutsch, B.A.

2 INDICE 2 Autor: Jürgen Undeutsch, B.A. A. Introdução... 3 B. Base e Terminologia... 4 C. Antes de Começar... 7 D. Criar o Próprio Website... 8 Principiantes... Fehler! Textmarke nicht definiert. Avançado... Fehler! Textmarke nicht definiert. Entrega a terceiros... Fehler! Textmarke nicht definiert. IMPRESSUM This course has been developed in the project Mikromarkt - Holistic Marketing for Women Farmers within the Lifelong Learning Programme of the European Union Austrian Marketing University of Applied Sciences, Campus Wieselburg der FH Wiener Neustadt, Austria, 3250 Wieselburg Projecto financiado com o apoio da Comissão Europeia. A informação contida nesta publicação vincula exclusivamente o autor, não sendo a Comissão responsável pela utilização que dela possa ser feita.

3 A. Introdução 3 Um website é um espaço virtual na World Wide Web (grande teia mundial) onde um determinado número de websites feitos a partir de documentos e outros recursos podem ser encontrados. Estes são, no geral, sumariados e interligados entre si através de um sistema integrado de navegação. A Web representa uma importante fonte de informação envolvendo produtos e produtores. Basicamente, todos os websites têm a obrigação de dar informação sobre o operador e a sua presença na Web. Um número crescente de negócios de agricultura tem criado o seu próprio website na Internet. Contudo, o que eles oferecem na internet difere muito em termos de qualidade. O objectivo desta unidade: Esta unidade concentra-se em dar as capacidades para criar um website que vá de encontro às necessidades de negócios pessoais. Aprende-se num processo de aplicar dicas práticas para a apresentação e ainda a desenvolver o processo de inspiração no design de temas. Mais à frente, vai estar numa posição, de acordo com as necessidades, de lançar o seu website no mundo da Web ou, em alternativa, a usar programadores de outras companhias para acabarem o trabalho.

4 B. Base e Terminologia 4 Um website eficiente nem sempre é fácil de criar. Se deseja ser bem sucedido neste empreendimento, então deve ser capaz de aplicar várias técnicas relacionadas com a sensibilização de cores e o seu efeito na consciência espacial, design gráfico, mercado virtual e optimizar/facilitar a procura na net. Este guia vai ajudar a dar os primeiros passos na familiarização com a construção de um website e, igualmente, com a criação profissional de uma presença/espaço na Web e/ou para instruções de terceiros nesse sentido. Antes de começarmos, deixe-nos familiarizá-lo com os conceitos principais e o seu uso nesta operação: Links Os termos Hyperlink ou simplesmente Link, são comummente referidos a uma referência cruzada, que guia o utilizador da Web a outro ponto usando palavras especificas ou mesmo a um outro website. Dica Certifique-se que os utilizadores do seu website reconhecem que tiveram acesso aos seus links, e não aos de terceiros. Pode conseguir isto sublinhando-os ou colorindo-os. O efeito de Mouse-over (efeito de iluminar ou sublinhar aquilo por onde o rato passar) oferece igualmente uma prática solução a este problema. Isto significa que o conteúdo do website muda quando um utilizador aponta para um objecto especifico. Geralmente, não se uso os termos Clica aqui. Se o teu link não se refere a um website mas sim a outro formato diferente, por exemplo um ficheiro PDF, deves indicar o seu tamanho e o tempo que decorrerá até o download (descarga) estar completo. Desta forma, podes dispensar a frustração dos visitantes que têm uma conexão lenta. Navegação O plano de navegação mostra ao utilizador da Web como navegar através de websites individuais. A navegação interpreta a estrutura e a interconexão de vários websites. Como regra, o plano de navegação é demonstrado por meios de um organigrama. O utilizador pode escolher entre navegar através de informação (Habitação, contactos, impressões) ou navegação mais preferencial (produtos ou conteúdo).

5 DICA O posicionamento da navegação principal é mais adequado à esquerda ao lado da área principal do conteúdo, já que segue a convenção de leitura da maioria dos leitores europeus. (O olho começa a ler do canto superior esquerdo e move-se em cada linha da esquerda para a direita). Destaques no menu com conteúdo similar ou relacionado deve ser agrupado facilitando a procura para os visitantes do website. 5 Orientação do utilizador O gosto do website por parte do utilizador tem a ver com a qualidade da experiência enquanto usa o mesmo e a eficiência da sua interacção. Neste caso, o gosto do website refere-se a que o utilizador consiga navegar sem esforço algum e encontrar aquilo que necessita. DICA O papel principal na construção de um website é dado em particular àquilo que o utilizador vê (layout), em particular o tipo e o tamanho da letra, bem como as cores utilizadas. A informação mais importante deve sempre vir em primeiro lugar. O website deve ser cirado de forma que mesmo aqueles utilizadores que o estão a visitar pela primeira vez não se percam. Mantém uma linguagem clara e apropriada para os utilizadores. Evita a gíria (vulgo calão). Usa subtítulos quando os textos forem longos e um menu de hiperligações para simplificar a estrutura. Está ciente dos interesses do público alvo, por exemplo, noticias ou produção orgânica. Usa palavras-chave de modo que fiquem perfeitamente visíveis. Não deve ser necessário que o utilizador tenha que fazer scroll, mas sim que obtenha toda a informação principal à primeira vista. Procura Uma função de pesquisar permite ao utilizador que encontro o seu próprio caminho no website sem ter que andar por várias páginas. DICA Inclua uma caixa de pesquisa em vez de um link para uma página com o mesmo efeito. Certifique-se de que todo o website é englobado, mas não toda a Internet. A posição ideal de uma caixa de pesquisa é no canto superior direito. Imagens e ilustrações Imagens e ilustrações são essenciais para a Web pois eles tornam os websites mais interessantes e dinâmicos. Contudo, nem todos as imagens são adequadas para a internet. Elas devem ser fáceis de descarregar e representar. Não devem aparentar perdas de qualidade quando o seu

6 tamanho é alterado (aumentar ou reduzir a ilustração). Os formatos mais usados na internet para imagens são GIF, JPEG e PNG, que são visíveis nos browsers sem necessidade de ferramentas adicionais. 6 DICA Limita o uso de imagens (usa apenas quando são relevantes no que toca à complementaridade da informação). Devem ter alta qualidade (72dpi) e devem ser reduzidas ou cortadas até terem o tamanho standard. Não deve exceder 1MB para assegurar descargas rápidas. Fotografias que são destinadas a aparecer na comunicação social devem ter uma resolução de 300dpi para assegurar o melhor das qualidades quando imprimidas. Assinatura e dados de contacto Uma assinatura mostra a origem da publicação e quem foi o responsável pela sua produção. A assinatura é regulada pela lei. Dependendo do país e do tipo da publicação, existem leis específicas. Uma assinatura deve ser fácil de encontrar e reconhecer. DICA Informe-se sobre os termos e leis do seu pais no que toca a assinaturas e certifique-se de as incluir. Facilite o contacto dos utilizadores consigo, adicionando nome, telefone, fax e . Vale a pena incluir uma secção de relações públicas e fotografias da sua quinta e possivelmente um logo que possa ser descarregado.

7 C. Antes de Começar 7 Dependendo da sua experiências e exigências, existem vários caminhos para construir o seu website. Quanto mais profissional deseja tornar tanto a empresa como você, mais tempo e dinheiro tem que ser investido. Decida primeiro qual a sua opção ideal: Principiante Redução de custos Pouco tempo dispensado (várias horas) Resultados rápidos Conhecimentos prévios necessários Avançado Preços a partir de 70 euros por ano Mais tempo dispensado (vários dias) Criação do dominio demora, aproximadamente, 24 horas Benefícios da Consciencialização HTML Entregue a terceiros Preços a partir de 70 euros por ano Custo de criação de dominio (aproximadamente 500 euros) Mais tempo dispensado (vários dias) Criar o dominio demora várias semanas

8 D. Criar o Próprio Website 8 Principiantes A forma mais rápida e com menos despesas de criar um website é usar um serviço livre de custos. Para procurar estes serviços, procure online e escreva criar um website de graça. Para demonstrar o procedimento, escolhemos um exemplo prático: o serviço npage ( já que oferece serviços em várias línguas. npage providencia um domínio livre de custos, que termina em npage.de. Sprachauswahl Start Para começar a trabalhar no visual, clique em create your free website now no centro da página. Introduza a sua informação pessoal na próxima página e de seguida clique em register for free. DICA Escolha um nome de usuário com significado (mais tarde irá ser usado para o seu domínio). O nosso exemplo refere-se ao negócio da agricultura Hof Lechner-Müller. Nós usamos o nome de utilizador hof-

9 lechnermueller. Desta forma pode ser facilmente encontrado na Web em 9 Depois de se registar irá receber um de support@npage.de com um código de activação. Clique no link de activação do para confirmar o registo. Para prosseguir, por favor escreve na sua informação (nome de utilizador e palavra passe) na página de confirmação e clique em log in now. Agora encontra-se na página inicial do software. O seu website encontrase disponível neste momento. Contudo, ainda precisa de produzir informação.

10 10 Schritt für Schritt- Anleitung Menüleiste DICA Use o tutorial passo-a-passo para conseguir resultados rápidos. De seguida, por favor clique nos links de Design no menu da esquerda e depois clique em My design. Verá uma opção Choose a different desgin que lhe proporcionará uma selecção de designs que poderá escolher. Designwahl

11 A opção mais fácil é seleccionar um design pré-feito. Clique em Continue para continuar. 11 Rubriken Name der Vorlage Beschreibung und Infos No menu irá encontrar varias categorias com designs e descrições diferentes. No nosso exemplo, vamos seleccionar Plus 028 da categoria Nature. Portanto, nós, a seguir, clicamos no circulo de selecção e confirmamos ao clicar em Select this design no fim da página. Dependendo do visual escolhido, a sua página já tem uma navegação por pré-definição, que pode alterar em qualquer momento.

12 TIPP! Tente vários visuais e escolhe aquele que melhor se adeqúe às suas preferências. 12 Depois de escolher o visual, precisa de adaptar o Nome e navegação do website de acordo com as suas exigências. Em conformidade, no menu, pode seleccionar Settings, Homepage Settings e inserir um nome ao seu gosto na caixa Homepage Title. Para acrescentar, gostaria de inserir um novo ponto de navegação, Products. Clique no menu da esquerda em Page, New text pages e introduza os dados requeridos. Para gerar conteúdo, clique (no menu Pages, Text pages ) nas páginas que quer alterar e escolha Start. De acordo com a escolha do editor, receberá uma Input Box para processar os dados. O editor padrão é semelhante a um documento de

13 processamento de texto e é operado da mesma forma. Pode introduzir imagens e formatar o texto de acordo com as suas preferências. 13 Sempre que guardar dados, o seu website será automaticamente actualizado. Quanto mais cedo as mudanças forem feitas, terá então construído com sucesso o seu website. No evento de problemas e questões, pode recorrer a um FAQ (perguntas e respostas) oferecido por praticamente todos os provedores de internet, que dão conselhos sobre como resolver os seus problemas. Avançado Quanto tiver experiência suficiente em construir um website e desejar investir mais dinheiro e tempo, existem diferentes oportunidades para consolidar e construir a sua presença na Web. Por um lado, tem mais oportunidades de desenhar o seu website com um programa gráfico e subsequentemente programá-lo ou, por outro lado, pode também trabalhar com CMS (Content management system, ou seja, sistema de gestão de conteúdo, que torna possível e organiza a mutua construção e processamento de conteúdo, feito de texto e dados). Em ambos os casos, recomendamos vivamente que use um provedor profissional ( Hoster ). Um Hoster oferece um espaço virtual (capacidade de guardar dados) e hospedagem de websites num webserver (servidor Web) sobre um ISP (Provedor de internet).

14 O seu provedor (Hoster) oferece os seguintes serviços: Seu próprio domínio (endereço electrónico, por exemplo com) Webspace (espaço virtual) com uma capacidade mínima de 100 MB Um tráfego justo ou ilimitado (cota razoável numa recuperação do site, sem custos extra) Banco de Dados MySQL (especialmente quando se utiliza um CSM). 14 Os custos aplicados ao pacote completo são à volta de 5 a 10 por mês na Europa. DICA Obtenha informação sobre mais do que um provedor e escolha um que melhor se adeqúe as suas necessidades. Já que é tudo processado através da Internet, não existe perigo em seleccionar um provedor estrangeiro. Muitos provedores oferecem um Homepage Kit que lhe permite apoderar-se e trabalhar em visuais vulgares semelhante à construção de websites para principiantes descrito acima. Uma instalação automática de um CMS tal como Joomla! ou Typo3 está também geralmente para oferta. Mais informação sobre estes provedores é fornecida na própria página dos mesmos.

15 Entrega a terceiros 15 Para um sucesso a longo prazo, é desejável ter especialistas a construir o seu website. Eles estão perfeitamente cientes do que é necessário no mundo da Web e podem-lhe oferecer conselhos. Para simplificar a discussão com essas agências, apresentamos-lhe na última secção deste capítulo os temas cruciais incluindo questões chave com uma pré-visualização de custos, que pode esperar num encontro. Antes de um resumo com a agência, deve ser claro sobre as seguintes questões: Qual o nome do seu negócio, como deveria ser descrito no seu website e um nome para o domínio (não devem ser usados caracteres especiais). Que produtos ou serviços você está a oferecer e o que deseja que seja apresentado no website. Quer uma loja online para os seus produtos e o que precisa ter para essa loja? Já existe um visual? (por exemplo no uso de cartazes e cartões de visita). Você já tem a identidade da corporação acabada? (Logo, imagem de marca, cor,etc) Que características descrevem o seu negócio? (não mais de três adjectivos) Como completaria a seguinte frase: os meus clientes esperam do meu website Quais são as suas ideias específicas sobre a estrutura, visual e conteúdo do website? Quando olha pela primeira vez para um website, é recomendado que discuta aquilo que particularmente gosta num breve encontro. É suficiente levar uma cópia da captura de ecrã ou simplesmente do endereço do website. Os custos variam dependendo em quem faz o trabalho (freelance, companhias pequenas ou grandes) e no pedido em si (website de uma empresa, portal Web, loja online, etc.). Preços recomendados alcançam desde 500 por simples cartões de visita, até soluções padrão entre 1500 e 3000, até complexas aplicações Web que custam de para cima.

16 Uma visual geral do mercado actual de preços pode ser encontrada em várias plataformas na internet, por exemplo, Esperamos que com esta informação lhe demos uma visão sobre a construção de um website e desejamos que se divirta o mais que puder tentado transformar as suas ideias em realidade. 16