Iniciando no Mundo do Web Design

[Pantoja 5]

Pessoal, pela 6ª vez vou tentar estudar para começar a trabalhar com WEB. Ja perdi váaaaaaarios clientes pq nao faço WebPages e tal. Queria a ajuda de vocês para começar será que daria?

 

Tipo essa é a sequeencia que imagino ideal de estudos para começar a criar websites:

 

1- Dominar HTML

2- Saber bem CSS

3- Tableless

4- daqui pra baixo nao sei

 

 

 

sobre a parte de montar o layout eu montaria no PS mesmo pq ja domino e depois jogaria para o Dreamwaver

 

Bem, acho que é isso. Alguém poderia me dar uma luz?

 

 

abraços e ja agradeço de antemão.

[William Bruno 1501]

Perfeito cara!

Na verdade, dominando HTML, e CSS, você ja vai saber 'Tableless'.

 

Os proximos passos que eu incluiria:

4 - Aprender pelo menos o basico de Javascript

5 - Dominar alguma linguagem server-side(php, asp), pelo menos coisas simples como: envio de email, includes (te facilitarao muito o trabalho)..

 

Quer alguma dica ? Ja tem alguma duvida ?

Um cara otimo em CSS, e esse aqui:

http://www.maujor.com/index.php

 

Eu pessoalmente, prefiro 'aprender' novas linguagens, ou coisas mais 'complicadas', atraves de livros.

Apenas com tutoriais, nem sempre você pega tudo, ou oque mais importa.. alem da 'dificuldade de concentracao'.. hehe..

Internet te atrapalhar estudar de verdade.. mas ve ai cara.. oque você ja sabe ?

 

Comeca, lendo, e tentando entender as tags HTML...

[Thiago Retondar 18]

1- Dominar HTML

Correto! ;) Para o meu aprendizado, eu usei essa apostila http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/282949-otima-apostila-de-html-401-e-xhtml-10/

 

Acho ela boa por ser bem explicada e da para ter pelo menos uma noção de HTML.

 

2- Saber bem CSS

Correto! ;) O método que eu usei para aprender CSS foi com apostila, também http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/282949-otima-apostila-de-html-401-e-xhtml-10/

 

Tem essas vídeo aulas, também: http://forum.imasters.com.br/index.php?/topic/341755-serie-de-video-tutoriais-sobre-webstandards/

 

Uma excelente referência é o site do Maujor.

 

3- Tabless

Meio certo ;) O que você entende por Tableless? Ele é apenas um termo comercial para não se usar tabelas para estruturar a página. Olhe esse link http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/348381-fora-tableless/

 

Sabendo bem HTML e CSS, você já sabe Tableless.

 

4- daqui pra baixo nao sei

Daqui para baixo é praticar. ;) A prática leva à perfeição.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[pslucasps 2]

@Pantoja: Eu estou começando também e acredito que um aspecto muito importante é aprender posteriormente ou juntamente com os estudos de XHTML, CSS uma linguagem server side como o @William Bruno disse. Com elas por exemplo você poderá criar uma página somente para a estrutura toda do layout. Sem uma linguagem server side e sem utilizar frames (o que já está ultrapassado) caso você tiver 5 áreas em seu site e as cinco tiver um menu igual e você quiser adicionar outro elemento ao seu menu, terás que adicionar esse elemento a todas elas. Já aprendendo uma linguagem como PHP ou ASP por exemplo não precsirá modificar 5 vezes mas sim apenas uma. Essa é apenas uma das funcionalidades de aprender server side, mas existem muitas outras como tratamento de formularios e banco de dados por exemplo. no site apostilando.com você encontra diversas apostilas de diversas áreas, principalmente de PHP.

 

Boa Sorte nos estudos http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Henrique Barcelos 290]

Sem uma linguagem server side e sem utilizar frames (o que já está ultrapassado) caso você tiver 5 áreas em seu site e as cinco tiver um menu igual e você quiser adicionar outro elemento ao seu menu, terás que adicionar esse elemento a todas elas.

Só uma observação...

 

você está confundindo um pouco as coisas...

 

O exemplo que você citou são sitemas de Includes e Requires...

 

Frames e Iframes estão realmente ultrapassados...

 

Assim que começar a aprender javascript, comece com Ajax também...

[pslucasps 2]

@Rick.hjpbarcelos: É realmente me confundi. Aliais não sei porque meti frames no meio. Obrigado.

[Pantoja 5]

Nosssa! é por isso que amo esse forum....

 

Vocês são demais. Seguirei o conselho de vocês e aprenderei uma coisa de cada vez, vamos por partes.... HTML, CSS(tableless) e javascript com PHP derrepente

 

Ajax já é demais rsrsrsrr

 

 

mas hein... vcs poderiam me dar mais ideias de que posso fazer com Javascript em meu site e tb dicas de como posso usar no futuro PHP?

 

 

é isso ae rapazeada, estarei na cola de vocês daqui pra frente... hehehhee

 

abração e se precisarem de algo tb só falar que agente faz o melhor pra ajudar.

 

T+

^^

[Thiago Retondar 18]

Com JavaScript da para fazer inúmeras coisas. Estou começando à aprender aqui. É muito boa a linguagem.

 

A coisa mais comum que o pessoal se referência à JavaScript é a validação de formulários.

 

Com PHP da para fazer muita coisa também, por exemplo um sistema de administração de conteúdo, para não ter que ficar editando conteúdo na mão. E nisso também pode ir JavaScript para fazer esse sistema do fórum de aplicar negrito, itálico, sublinhado, etc.

 

Qualquer coisa posta aí.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Pantoja 5]

Valew pelas dicas Thiago. Ahhh acabei de baixar o notepad++ nossa que programinha demais esse hein, adorei!

 

Vou aprendendo e compartilhando meu aprendizado aqui com vcs.

 

Abraços

[Thiago Retondar 18]

Qualquer dúvida é só postar, Panta. ;)

 

Eu comecei com o notepadd++. Muito bom mesmo!

 

Agora estou usando o Aptana.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[webmind 5]

1- Dominar HTML

bem para dominar html pode comecar por apostilas basicas que pode encontrar em apostilando.com

 

depois aconselho w3schools (excelente site)

 

2- Saber bem CSS

css existem inumeros sites mas eu aconselho novamente w3schools e o site do maujor

 

3- Tableless

tableless e maujor

 

4- daqui pra baixo nao sei

script- client side ->javascript (convem algum conhecimento depois de jquery ou mootools e absolutamente importante ajax)

 

script- client-side ->vbscript (importante especialmente para quem usa asp)

 

depois server-side

 

ASP ou PHP

[Pantoja 5]

Thiago o Aptana é gratuito?

 

 

Tava vendo um video com ele e fiquei encantando, adoro programas com IDE. Acho que ja vou começar com ele. Qual versão você usa?

[Matheus Brito 12]

Na verdade é XHTML de inicio junto com CSS e Tableless, cmo o panta já e o mestre no ps já tem boa parte do caminho percorrido,o mal do notepad++ que nao compila.Mas é por ai mesmo Panta boa sorte no que recisar estamos ai. Ah e aprenda flash tb, porque a maioria dos servicos que você pegar terá algo em flash, digo 99,9%.

Abs

[Thiago Retondar 18]

Panta,

 

o Apatana é sim totalmente gratuito. O legal dele é que da para baixar bastante plugins para o que precisar. ^_^

 

Estou, neste momento, atualizando meu Aptana para a versão 1.5.1.

 

O kisuke disse uma coisa que para mim não funcionaria. Tá... Tá... Funcionar, funcionária, mas o "problema" é que quando começo à aprender algo, gosto de dar uma atenção especial pra ela. Então aprendi bem a teoria do HTML, depois do CSS e foi praticando que entendi melhor as duas.

 

Talvez o meu método leve um pouco mais de tempo, mas como não estou com tanta pressa - fiz 16 anos nessa Quarta ^_^ - faço desse jeito.

 

Abração.

[Pantoja 5]

Valew pela resposta thiago, é que vi no site que é 20$ dólares e achei que fosse o valor do software. Acho que é pra hospedagem de alguma coisa aquele valor. Você sabe do que se trata?

 

posso aproveitar e perguntar o pq devo aprender XHTML logo de inicio amigos? E qual a diferença entre XHTML e HTML?

 

Abração e valew o apoio.

[Thiago Retondar 18]

eheheheheh

 

Os $20 são para hospedagem que eles oferecem.

 

Eu comecei aprendendo HTML mesmo. XHTML, dependendo do DocType é bem restrito. Se você já tem uma noção de HTML pode começar à usar, se não, eu não indico.

 

Lí um texto um dia aí, que o XHTML vai ser descontinuado pela W3C, só vão atualizar até o XHTML 2.0 e vão parar de dar suporte para melhorar o HTML 5.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Pantoja 5]

Ahh então ta beleza, ja baixei o aptana e vou instalá-lo amanha. Nossa, to aqui todo empolgado. Valew gente!

 

 

 

============================================================

EDITED

 

 

bem pessoal, mais uma coisa... com o Aptana eu nao precisarei do Dreamwaver certo? Faço o Layout no PS, fatio e jogo no Aptana?

 

Abração

[Matheus Brito 12]

Ahh então ta beleza, ja baixei o aptana e vou instalá-lo amanha. Nossa, to aqui todo empolgado. Valew gente!

 

Você vai se empolgar mais ainda quando ve como é facil trabalhar com xhtml + css, utilizando tableless.

Abs

[Kandrade 7]

Se puder passar o link dessa notícia seria o ideal.

Eu não vejo o porque disso. O XHTML é o HTML extensível e por isso acho que o HTML não deve sofrer alterações.

Pelo que vi o futuro é usar XHTML.

 

O XHTML possui a versão transational que é praticamente igual a versão transational do HTML 4.1 e as diferenças nos stricts são mínimas.

 

 

eheheheheh

 

Os $20 são para hospedagem que eles oferecem.

 

Eu comecei aprendendo HTML mesmo. XHTML, dependendo do DocType é bem restrito. Se você já tem uma noção de HTML pode começar à usar, se não, eu não indico.

 

Lí um texto um dia aí, que o XHTML vai ser descontinuado pela W3C, só vão atualizar até o XHTML 2.0 e vão parar de dar suporte para melhorar o HTML 5.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[Thiago Retondar 18]

@kandrade

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://www.cssnolanche.com.br/a-morte-do-xhtml/

 

@pantoja

 

EDITED

 

 

bem pessoal, mais uma coisa... com o Aptana eu nao precisarei do Dreamwaver certo? Faço o Layout no PS, fatio e jogo no Aptana?

 

Abração

É... Bem... Não é bem jogar...

 

Você fatia da melhor maneira, faz o HTML e depoois o CSS, ou qualquer outra ordem - eu faço nessa.

 

Não seria jogar o layout, seria colocar as tags na mão e fazendo o CSS, depois.

 

Sobre fatiamento, olhe essa vídeo aula - em inglês http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://net.tutsplus.com/videos/screencasts/converting-a-design-from-psd-to-html/

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif