atec cursowebdesign aula01

34
Curso de Web design Criando Sites Impactantes com WordPress sem Saber Programação 1

Upload: weslley-harakawa

Post on 14-Apr-2017

120 views

Category:

Business


0 download

TRANSCRIPT

Page 1: Atec cursowebdesign aula01

Curso de Web designCriando Sites Impactantes com WordPress sem Saber Programação

1

Page 2: Atec cursowebdesign aula01

2Sobre este curso“A melhor maneira de prever o futuro é inventá-lo.” - Alan Kay, cientista da computação, em 1971.

Com a popularização dos computadores pessoais e os telefones inteligentes chamados de Smartphones, o conteúdo produzido na Internet é totalmente voltado para ser simples, elegante, de fácil navegação e rápido.

Pensado para atender as necessidades de quem navega na Internet e para quem quer levar conteúdo a este público que acessa de computadores e celulares, foi cirado o WordPress, plataforma de gerenciamento de conteúdo, alvo principal deste cursos.

Ah! A única coisa que não dá para o WordPress fazer por você é café, o resto ele faz tudo!

Dá para fazer TUDO com Wordpress? Como assim? Me explica Sesei!

Page 3: Atec cursowebdesign aula01

O que vamos aprender aqui?"Programadores são ferramentas para converter cafeína em código."

3

Planejar o que você deseja criarWordPress permite que qualquer projeto que você tenha em mente relacionado a web site saia do papel e tome vida na tela dos computadores e smartphones. Entender o processo de criação por trás dos lindos web sites que você vê na Internet com foco na criação de seu projeto pessoal.

Domine o mercado, marque presençaEste curso vai ensinar você, na prática, a ter seu lugar ao sol entre as empresas e pessoas de sucesso na web. Seu endereço, sua amrca, seu domínio. Vamos potencializar você desde criar sua identidade online com seu próprio nome até além da venda online.

Garantia de que você vai mesmo aprenderWordPres é fácil. Qualquer um pode criar sites com ele. Mas o que vamos ensinar aqui é a pensar. Pensar e Fazer. Sua certificação ATEC fará seu currículo ser melhor visto ou seus negócios prosperarem por que focamos na excelência de seu aprendizado.

Page 4: Atec cursowebdesign aula01

Conheça a EquipeSaiba quem vai te ensinar e te auxiliar ao londo deste curso

Page 5: Atec cursowebdesign aula01

Conheça a equipe"Seja legal com os geeks na escola, pois você pode trabalhar para um quando adulto."

5

Grace OsekiDiretora

Débora AkamaGerente Marketing

Weslley HarakawaProfessor

VocêQuerido(a) Aluno(a)

Page 6: Atec cursowebdesign aula01

O que vamos aprender hoje?"Se não der certo da primeira vez, chame de versão 1.0."

Abordaremos aqui o que é uma hospedagem web, qual sua importância, como contratar serviços de hospedagem web e ainda, como apontar para o domínio comprado a hospedagem web do web site que será criado no decorrer deste curso.

Hospedagem web: Como adquirir alojamento web

Capítulo dedicado a ensinar ao aluno como registrar seu próprio domínio na Internet, item imprecindível para quem deseja aparecer na web com um nome personalizado tipo www.seudominio.com, incluindo noções amplas de registro de domínios no Brasil (.com.br) e no Japão (.jp) e o famoso .com

Registrando domínios: Seu endereço na Internet

uma viagem ao passado da história da Internet, verá como eram programados os primeiros web sites na década dos 80. Um visão geral sobre a linguagem HTML e das folhas de estilo CSS, percursores dos web sites modernos até a chegada do WordPress.

Breve história da Internet e dos sites: do HTML ao CMS

Esta aula visa dar uma visção geral sobre como é fácil usar WordPress como ferramenta de construção para sites, com foco na prática em criar e ativar um web site básico.

Page 7: Atec cursowebdesign aula01

InternetBreve história da Internet e dos sites: do HTML ao CMS

Page 8: Atec cursowebdesign aula01

8Como tudo começou?Trocava toda minha tecnologia por uma tarde com Sócrates. - Steve Jobs

A Internet nasceu em 1969, nos Estados Unidos. Interligava originalmente laboratórios de pesquisa e se chamava ARPAnet (Advanced Research Projects Agency). Era uma rede do Departamento de Defesa norte-americano.

O poder da WWW (World Wide Web) está na capacidade de interligar documentos a computadores distantes um dos outros. Isso é possível graças à utilização do protocolo de comunicação chamado HTTP ("HyperText Transfer Protocol") e da linguagem HTML ("HyperText Markup Language").

O que permite hoje que nossa aula seja a distância era antes uma arma de guerra!

Page 9: Atec cursowebdesign aula01

9

Graças à internet, nós podemos agora beneficiar da educação online, Skype, serviços bancários online ou streaming. Nós gostamos de ter tanta informação ao nosso alcance!

Page 10: Atec cursowebdesign aula01

10

Um estudo recente mostra que 87% dos adultos online dizem que a internet e os telemóveis melhoraram a sua capacidade de aprender coisas novas.

Page 11: Atec cursowebdesign aula01

11

A Internet e os celulares trouxeram benefícios relativamente à aprendizagem, compartilhamento e diversificação do fluxo de informações nas nossas vidas.

Page 12: Atec cursowebdesign aula01

12

A Internet surgiu nos anos 1960

O E-mail foi criado nos anos 1970

As primeiras lojas virtuais em 1979

O primeiro navegador de Internet apareceu no final dos anos 90

O Wi-fi foi estabeecido em 1999

Page 13: Atec cursowebdesign aula01

13

O Google

Os primeiros web sites

Page 14: Atec cursowebdesign aula01

14

Amazon

Os primeiros web sites

Page 15: Atec cursowebdesign aula01

15

McDonalds

Os primeiros web sites

Page 16: Atec cursowebdesign aula01

16De que são feitos os web sites?A tecnologia só é tecnologia para quem nasceu antes dela ter sido inventada. - Alan Kay

São linguagens de programação específicas para o desenvolvimento de sites e aplicações que rodem na internet, atualmente o mercado conta com diversas opções de linguagens WEB, como por exemplo:

HTMLCSSPHPJava

Linguagem de Programação WEB

Page 17: Atec cursowebdesign aula01

17

HTML é uma das linguagens que utilizamos para desenvolver websites. O acrônimo HTML vem do inglês e significa Hypertext Markup Language ou em português Linguagem de Marcação de Hipertexto.

O HTML é a liguagem base da internet. Foi criada para ser de fácil entendimento por seres humanos e também por máquinas, como por exemplo o Google ou outros sistemas que percorrem a internet capturando informação.

Page 18: Atec cursowebdesign aula01

18

CMS

Sigla muito utilizada por desenvolvedores de websites e portais na internet, o CMS (Content Management System) é um conjunto de funções utilizadas para facilitar a vida dos criadores de sites.

Page 19: Atec cursowebdesign aula01

19

WordPress

Um dos frameworks mais conhecidos e utilizados no Brasil e no mundo é o Wordpress, desenvolvido na linguagem de programação PHP, que permite que qualquer usuário com conhecimento básico ou médio de computação possa criar websites completos e bastante fáceis de se manter, com um conteúdo interativo. Antes dos CMS, apenas pessoas com conhecimento avançado de programação web eram capazes de colocar e manter conteúdo no ar.

Page 20: Atec cursowebdesign aula01

20

WordPress Sites

Page 21: Atec cursowebdesign aula01

21

WordPress Sites

Page 22: Atec cursowebdesign aula01

22

WordPress Sites

Page 23: Atec cursowebdesign aula01

23

WordPress Sites

Page 24: Atec cursowebdesign aula01

24

WordPress Sites

Page 25: Atec cursowebdesign aula01

25Domínio na InternetDaqui alguns anos a tecnologia de hoje será uma bobagem aos olhos do amanhã. - Marta Felipe

Um domínio é um nome de fácil memorização e que serve para localizar e identificar computadores na Internet.

O que é um domínio e para que serve?

Page 26: Atec cursowebdesign aula01

26

O Significado das Extensões de DomínioExistem atualmente mais de 200 extensões de domínio diferentes disponíveis, a maioria das quais são específicas para países ou regiões. Veja alguns dos mais populares:O domínio .COM deve ser usado para representar um site comercial, o que significa que você estará lucrando com o site, apesar da maioria dos sites usarem a extensão sem o saber;.CO representa uma empresa ou corporação;.BIZ representa negócios;.ORG representa organização;.NET representa ‘network’;.ME representa sites pessoais;.INFO representa sites de informações.

Page 27: Atec cursowebdesign aula01

27

GoDaddy

Page 28: Atec cursowebdesign aula01

28

Registro.br

Page 29: Atec cursowebdesign aula01

29

JP Domains

Page 30: Atec cursowebdesign aula01

30Onde ficam os web sites?Write your great subtitle here.

Hospedagem de Sites ou alojamento de sites é um serviço que possibilita a pessoas ou empresas com sistemas online a guardar informações, imagens, vídeo, ou qualquer conteúdo acessível por Web. Provedores de Hospedagem de Sites tipicamente são empresas que fornecem um espaço em seus servidores e conexão à internet a estes dados aos seus clientes.

Hospedagemn web

Page 31: Atec cursowebdesign aula01

31

Pré-requisitos

Para acessar um site geralmente é necessário um domínio, alguns provedores disponibilizam um subdomínio gratuitamente, mas o ideal é registrar um domínio. Alguns provedores oferecem também o serviço de registro.

Page 32: Atec cursowebdesign aula01

32

HostGator

Page 33: Atec cursowebdesign aula01

33

HostGator

Page 34: Atec cursowebdesign aula01

Obrigado por ter vindoDesfrutei muito de sua compania nesta aula! Espero vê-lo(a) em breve!