Criamos sites de todos os tamanhos e para todas as necessidades!

Transcrição

1 Criamos s de todos os tamanhos e para todas as necessidades! - Homepages para Profissionais Liberais ou Páginas Pessoais; - Sites para Empresas - Criação de Sites Institucionais, Empresariais; - Criação de Sites automatizados com Gerenciador de conteúdos; - Criação de Lojas Virtuais - Sistemas E-commerce; - Criação de pequenos, médios e grandes portais, Sites Notícias, Sites para Jornal Online, Portal de Empregos, Sites de Relacionamentos, Classificados, Sites de Baladas, Festas Eventos, Sites para Imobiliárias, Agências de Veículos Online, etc; - Desenvolvimento B2B (Business to Business) e B2C (Business to Consumers); - Criação de Web Softwares especificos, exclusivamente para o seu negócio; WEBDESIGNER Criação de Layouts Exclusivos e com a cara de sua empresa: Navegação leve e fácil, design clean ou design forte e arrojado, você é quem define e nós fazemos! - Criação de Layouts para páginas HTML; - Introdução de aplicações PHP, ASP, ASP.Net, CGI-PERL e Java Applets em Layouts gráficos para web; - Criação de Sites em Flash; - Introduções para Sites em Flash; - Incorporação de Flash em Páginas Web; - Criação de Peças Publicitárias para vinculação de anúncios na internet: Banners em Jpgs, Gifs animados, Animações em Flash; - Criação de Cartas Eletrônicas para Newslleters; O que é um Site? Um ou sítio é um conjunto de páginas Web, isto é, de hipertextos acessíveis geralmente pelo protocolo HTTP na Internet. O conjunto de todos os s públicos existentes compõe a World Wide Web. As páginas num são organizadas a partir de um URL básico, onde fica a página principal, e geralmente residem no mesmo diretório de um servidor. As páginas são organizadas dentro do numa hierarquia observável no URL, embora as hipeligações entre elas controlem o modo 1 / 10

2 como o leitor se apercebe da estrutura global, modo esse que pode ter pouco a ver com a estrutura hierárquica dos arquivos do. Alguns s, ou partes de s, exigem uma subscrição, com o pagamento de uma taxa, por exemplo, mensal, ou então apenas um registo gratuito. Os exemplos incluem muitos s pornográficos, partes dos s de notícias, s que fornecem dados do mercado financeiro em tempo real e a Enciclopédia Britânica. CATEGORIAS DE SITES Existem numerosos tipos de s, cada um especializado em um serviço ou uso em particular. De forma geral, pode-se dividir os s quanto ao conteúdo da seguinte forma: - Institucionais: servem como ponto de contato entre uma instituição e seus stakeholders (clientes, fornecedores etc.). No caso de instituições comerciais, são usados geralmente para comércio eletrônico, recrutamento de funcionários etc. No caso de instituições sem fins lucrativos, servem principalmente para divulgarem seus trabalhos, informarem a respeito de eventos etc. É o tipo de mais comum na Internet. Podem ainda ser s pessoais, geralmente mantidos por profissionais liberais. - Midiáticos: são s informativos com atualizações freqüentes e periódicas. Nem sempre o conteúdo é baseado em texto puro, podendo conter variados elementos multimédia. Muitos deles podem ser "assinados" por meio de feeds RSS, que servem para notificar as atualizações, e muitos deles incluem espaços para comentários dos leitores. Nesta categoria também se incluem s não necessariamente vinculados à informação, como s de entretenimento e s de conteúdo adulto. Podem ser de cinco tipos: - Noticiários: são s de jornais, revistas e agências de notícia, com conteúdo constantemente atualizado. Alguns exemplos são os jornais online mantidos pela Folha de S. Paulo ou pelo Globo. - Blogues: em geral são mantidos por apenas uma pessoa, com ou sem colaboradores, cujo conteúdo pode incluir dissertações, poesias, relatos pessoais, comentários sobre assuntos diversos etc. - Flogs: semelhante aos blogs, mas com fotos em vez de texto. Na maioria das vezes são 2 / 10

3 produzidos como forma de entretenimento por jovens ou modelos fotográficos, ou usados para divulgar trabalhos de artes plásticas, como fotografia e pintura. - Podcasts: distribuem conteúdo de áudio, funcionando de maneira semelhante a estações de rádio. - Vlogs: distribuem conteúdo de vídeo, funcionando de maneira similar a emissoras de TV. - Aplicativos: são s interativos cujo conteúdo consiste de ferramentas de automatização, produtividade e compartilhamento, substituindo aplicações de desktop. Podem ser processadores de texto, planilhas eletrônicas, editores de imagem, softwares de correio eletrônico, agendas, etc. - Bancos de dados: servem para catalogar registros e efetuar buscas, podendo incluir áudio, vídeo, imagens, softwares, mercadorias, ou mesmo outros s. Podem ser de dois tipos: - Estáticos: as entradas são realizadas em via única, disponíveis apenas para consulta. - Dinâmicos: as entradas são realizadas em via dupla, tanto para consulta quanto para edição. Nessa categoria se enquadram os wikis. - Comunitários: são os s que servem para a comunicação de usuários com outros usuários da rede. Nesta categoria se encontram os chats, fóruns e s de relacionamento. - Portais: servem para congregar conteúdos de diversos tipos entre os demais tipos, geralmente fornecidos por uma mesma empresa. Recebem esse nome por congregarem a grande maioria dos serviços da Internet num mesmo local. E quanto à forma de acesso, podem ser classificados como: - Abertos: podem ser acessados livremente, por qualquer usuário. - Restritos: só podem ser acessados mediante o pagamento de uma assinatura ao mantenedor. Originalmente composto quase sempre por s de conteúdo pornográfico, também incluem hoje em dia s jornalísticos, revistas virtuais e serviços de consultoria. - Por cadastro: podem ser acessados por qualquer usuário, mas necessitam do preenchimento de um cadastro gratuito para acessar o conteúdo. É o caso de quase todos os s de aplicativos. - Fechados: só podem ser acessado por algumas pessoas devidamente autorizadas pelo proprietário do e não permitem cadastro por qualquer pessoa. - Mistos: são os s com partes de conteúdo cuja modalidade acesso pode variar - com áreas abertas e outras fechadas, etc. 3 / 10

4 Origem do nome A palavra em inglês tem exatamente o mesmo significado de sítio em português, pois ambas derivam do latim situs ("lugar demarcado, local, posição") e, primariamente, designa qualquer lugar ou local delimitado (sítio arquitetônico, sítio paisagístico, sítio histórico, entre outros). No português do Brasil, a palavra sítio designa, com maior frequência, uma propriedade rural de área modesta, frequentemente usada para lazer ou lavoura. Porém, em inglês, surgiu o termo web (às vezes web ) para designar um sítio virtual, um conjunto de páginas virtualmente localizado em algum ponto da Web. Acontece que, com poucos anos de uso, o termo web ganhou a forma abreviada, que passou a ser uma segunda acepção do termo original. Site, portanto, em inglês, passou a designar alternativamente um lugar real (no campo) ou virtual (na Web). Em português, surgiram duas vertentes para a tradução do conceito. A mais difundida em Portugal respeita a dualidade do termo original, e traduz por sítio - ou, se o contexto não for suficiente para o entendimento, por sítio na Internet ou sítio na Web ou ainda websítio (exatamente como no inglês). A segunda vertente, mais comum no Brasil, adotou simplesmente o estrangeirismo, sem alterações, para se referir aos sítios virtuais, mantendo sítio para os reais. Uma terceira opção que começa a ser sugerida, utilizada pelo escritor brasileiro Millôr Fernandes, é saite. 4 / 10

5 Quando a World Wide Web foi criada, ela recebeu esse nome de seu criador Tim Berners-Lee. [1] Ele comparou a sua criação com uma teia, "web" em inglês. Cada nó dessa teia é um local (virtual) onde há hipertextos. Como a palavra inglesa para local é (também derivada do latim situs: "lugar, local"), quando as pessoas queriam se referir a um local da teia, elas falavam, web. Assim um novo nome surgiu para designar esse novo conceito de nó onde há um conjunto de hipertextos: Web. Batizada desta forma, a Web e seus Web s tornaram-se mundialmente famosos e seus nomes empregados em diversas línguas. Em inglês foi necessário usar o qualificativo Web antes de, para diferenciar de outros usos que a palavra tem nesta língua, onde significa local. Mas quando o contexto deixava claro que se estava falando da Web, dizia-se apenas "". Já na língua portuguesa, esse qualificativo não é necessário em momento algum, pois a palavra é um anglicismo novo em nosso vocabulário e tem o único e mesmo significado de Web. A pronúncia de, tanto em inglês quanto em português, é /sait/ pelo sistema SAMPA. Visão geral Um normalmente é o trabalho de um único indivíduo, empresa ou organização, ou é dedicado a um tópico ou propósito em particular. É difícil dizer com clareza até onde vai um dada a natureza de hipertexto da Web. Por exemplo, toda a Wikipédia forma um, mas se as páginas Meta-Wikipédia são parte do mesmo 5 / 10

6 ou um irmão, é uma questão aberta para debate. Sites são escritos em, ou dinamicamente convertidos para HTML e acessados usando um software cliente chamado web browser ou navegador. Sites consistem de páginas HTML estáticas ou páginas criadas dinamicamente usando tecnologias como JSP, PHP ou ASP. Um também requer um software conhecido como servidor web, como o Apache, o mais usado, ou o IIS. Frequentemente s possuem também conteúdo armazenado em banco de dados (base de dados). Plugins estão disponíveis para os browsers, o que os capacita a exibir objetos adicionais aos suportados nativamente. Exemplos incluem Flash, Shockwave e applets Java. O Dynamic HTML permite interatividade e modificação do conteúdo dentro da página sem precisar recarregar a página, usando principalmente o Document Object Model e JavaScript, suportado internamente pela maioria dos navegadores modernos. Sites são restritos por limites de recursos (por exemplo, a largura de banda dedicada ao ). Sites muito grandes, como Yahoo!, Apple e Google, usam vários servidores e equipamentos de balanceamento de carga, como o Cisco Content Services Switch ou o F5 BigIP solutions. Instrumento de publicidade O é um dos instrumentos de publicidade mais eficientes que existem. Servem de apoio a campanhas de publicidade de outros meios de comunicação como o rádio, televisão, jornal, placas, folhetos, etc., podem constituir um empreendimento completo ou parcial prestando serviços, vendendo produtos ou simplesmente informando com custos reduzidos em relação ao negócio "não virtual". É importante observar que os s precisam estar referenciados em buscadores globais ou guia de busca local para que obtenham os desejados acessos. Sem eles, dificilmente um seria acessado por novos usuários ou clientes. 6 / 10

7 Para relacionar um em um buscador, o precisa ter vários outros s apontando para ele, a quantidade de ligações (links) apontando para um e a importância dos s que apontam para ele definem em que posição ele ficará no buscador. Para divulgar um e ter links em vários outros s é comum o uso de mecanismos de troca de links. A troca de banners não servem para efeito de buscadores. Prêmios Os Webby Awards são um conjunto de prêmios dados aos "melhores" s do mundo. Problemas de segurança - Mousetrapping é uma técnica que age como uma ratoeira aplicado por alguns s comerciais "agressivos" (especialmente os pornográficos) que dificulta a saída dele, dependendo das configurações do navegador. WEBDESIGN O web design pode ser visto como uma extensão da prática do design, onde o foco do projeto é a criação de web s e documentos disponíveis no ambiente da web. O web design tende à multidisciplinaridade, uma vez que a construção de páginas web requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como a arquitetura da informação, programação, usabilidade, acessibilidade entre outros. A preocupação fundamental do web designer é agregar os conceitos de usabilidade com o planejamento da interface, garantindo que o usuário final atinja seus objetivos de forma agradável e intuitiva. PLANEJAMENTO ESTRATÉGICO 7 / 10

8 Como todo trabalho de design, ele é um projeto, e necessita uma análise informacional, a partir de um briefing. Detectar corretamente o objetivo do projeto é essencial para um bom planejamento, de modo que as ações sejam tomadas de forma correta. É sempre necessário definir o público alvo do, o objetivo, os serviços oferecidos, o diferencial para o público. A partir desses e de outros elementos que sejam específicamente relevantes ao projeto, será definida a estrutura do (Arquitetura de informação), a tecnologia empregada e o layout. De uma forma geral, embora usualmente possa parecer que a primeira impressão que se tem de um é o visual, na verdade o visitante busca o conteúdo, por esse motivo o primeiro passo estratégico é definir bem todas as informações que o terá, definir claramente a arquitetura de informação do e por último, o design visual do, que não precisa pular, girar e piscar, a não ser que o que se esteja vendendo é design/imagem (que não se aplica ao meio informacional que é a Web), mas ter um aspecto profissional seguindo pelo menos os conceitos básicos do design como aproximação, contraste, alinhamento, dentre outros. Há uma diferença conceitual marcante entre design nos meios tradicionais, como no gráfico e o design aplicado na web. Na web, a estética deve ser moldada ao dispositivo que acessa ao ou mesmo desabilitada caso não seja necessária no contexto de utilização. No meio gráfico é possível prever como o usuário final verá a estética do produto, já na web isto não é possível, pois a aparência pode e deve mudar radicalmente de acordo com o sistema operacional utilizado, configurações pessoais, navegadores, resoluções de tela e dispositivos, como celular, TV, impressora, leitores de telas etc. Por este motivo, a informação (HTML) deve trabalhar independente da formatação (CSS) e do comportamento (scripts), que são recomendações do W3C. Estrutura A estrutura, também conhecida como arquitetura de informação, do deve contemplar seu objetivo, tornando a experiência do usuário a mais confortável e fácil possível, chamamos isso de usabilidade. Deve-se planejar a estrutura de forma que o usuário obtenha facilmente a informação ou serviço desejado. Hoje em dia são inúmeras as formas que um pode adquirir e a criatividade continua ser o grande diferencial na produção de web. Layout 8 / 10

9 O layout precisa transmitir a informação desejada com eficiência. É preciso que o layout seja um elo de comunicação com o usuário, que sua linguagem seja condizente com o objetivo do. Conhecer heurísticas de usabilidade é fundamental para se gerar layouts para a web. Cada elemento inserido em um web deve ter um objetivo, a perfeição de um web se atinge quando não há nada a ser retirado e não quando não há nada mais a ser inserido. A maioria dos layouts antigos dos s da Web eram feitos com tabelas na linguagem HTML, porém esta forma é inapropriada pois tabelas devem ser utilizadas apenas para exibir dados tabulados. Entretanto existem layouts que são completamente produzidos sem a presença de tabelas, sao os famosos "tableless" e esta sim é a melhor forma de estrutura para layouts. Navegadores São programas responsáveis por interpretar o conteúdo de um web, disponibilizando assim a interface com a qual o usuário final irá interagir. O navegador está para o web design assim como o papel está para o jornal. A grande variedade de navegadores e discrepância entre os recursos fez seus próprios criadores caminharem em direção a um padrão comum. Atualmente é indispensável criar s seguindo os padrões da W3C. No desenvolvimento do, o HTML deve ser criado seguindo os padrões do W3C (Web Standards) de forma que fique funcional, independente dos dispositivos (TV, celular, impressora, monitor etc). Apesar de em tese não haver a necessidade de testar em diversos navegadores, é um bom hábito testar em mais de um navegador (Firefox, Internet Explorer, Netscape, Opera, Safari, Chrome e outros), pois o layout do pode apresentar diferenças em determinados navegadores, e o usuário que navega não entenderá o que está acontecendo. Padrões 9 / 10

10 A World Wide Web Consortium (W3C) é o órgão responsável por recomendar padrões de desenvolvimento para a internet. Por meio destes padrões se pode classificar: web s de acordo com suas características técnicas, indo além do visual e; navegadores, de acordo com sua capacidade em atender aos padrões definidos. O grande objetivo de seguir os padrões do W3C é de possibilitar que a informação veiculada pelo permaneça independente do dispositivo utilizado pelo visitante e que seja acessível. Programas utilizados Existe um leque enorme de programas usados pelos web designer. Para construção do código, por se tratar de simples texto, qualquer editor de texto pode servir de suporte para a criação do código. Entretanto, há programas tanto gratuitos como de uso comercial, com interface WYSIWYG, que são amplamente utilizados no mercado tanto para gerenciar s, quanto para apenas editar códigos, como é o caso do Dreamweaver, Aptana, Frontpage (pouco aconselhável por gerar HTML exclusivamente para o Internet Explorer, além de gerar código com possiveis erros de sintaxe), na parte visual, os editores gráficos vetoriais Corel Draw, Illustrator ou o Inkscape), de bitmap GIMP, Photoshop ou o Fireworks. Para animações e recursos dinâmicos, o Flash é o mais utilizado. Em relação ao Flash, deve-se ter o cuidado de usá-lo apenas onde a solução seja impossível de ser reproduzida em HTML, jamais se usa em menus e áreas de conteúdo por ser um arquivo binário, não ser acessível e estar em desarcordo com as recomendações do W3C. 10 / 10