Saltar para o fórum
[Programação] HTML ...
 
Notificações
Limpar tudo

[Programação] HTML e CSS

21 Mensagens
6 Utilizadores
0 Reações
2,806 Visualizações
JorgeTeixeira
Membro desde: 01.11.2008

Olá pessoal!

Recentemente comecei a aprender um pouco de programação em HTML e CSS.

Como sei que existem alguns membros da nossa comunidade que sabem umas coisas sobre este assunto, decidi criar este espaço para partilharmos algumas fontes de informação úteis, dúvidas e problemas que possamos enfrentar! :)

Espero que os membros com alguns conhecimentos se acusem e que possa contar com a vossa participação! :D :sdrink


Responder
Citar (Quote)
20 respostas
BanMartins
Membro desde: 02.01.2009

Só sei que nada sei !!

Fiz processamento de dados e sou bastante familiar a área !! Mas abdiquei do campo da informática e cursei direito, ou seja, não lembro patavinas de programação. Mas se quiser ajuda com o front page, ainda devo lembrar de algo que funcione no NetScape :)


Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Mas então não foste tu que programaste o teu site? :P


Responder
Citar (Quote)
BanMartins
Membro desde: 02.01.2009

Original de JorgeTeixeira
Mas então não foste tu que programaste o teu site? :P

Pior que fui eu mesmo, mas agora saber programar de verdade são outros quinhentos !! rs


Responder
Citar (Quote)
robertotauille
Membro desde: 27.09.2008

Olá Jorge, esse será fácil para mim, não sei fazer outra coisa a não ser programar.
Qualquer dúvida estarei a disposição. :sdrink


Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Eu aceito uma ajuda relativamente a slider banners! :D

Anda a seguir esse tutorial (muito bom), mas nesse aspeto foi big fail.

Também experimentei este guia sem sucesso.

Tens algum sugestão de vídeos sobre este assunto? :fdrink


Responder
Citar (Quote)
stasiakcwb
Membro desde: 11.05.2008

Grande Jorge!!!

Então cara, lembro-me que estes dias conversávamos sobre este tema.....

Eu usei Jquery algumas vezes, mas eu usava uma outra biblioteca que pelo menos pra mim era mais simples... Ela nem tem o intuito de ser linda com o Jquery, mas é bem funcional e utilizamos muito nos sistemas que desenvolvi na GVT...

O nome da biblioteca é Prototype... Se quiser dar uma analisada o link é este: http://www.prototypejs.org/

Tentei utilizar o ExtJS, mas além de enorme é pouco prático... :f_cry:

Ah e no http://tableless.com.br/ tem muita coisa interessante pra quem quer aprender CSS :fdrink


Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Valeu!

Vou dar uma olhadela! Mas para dissipar as minhas dúvidas de noob, para o slider banner funcionar bem necessita:

a) De acrescentar a devida informação no <head> do html;

b) Colocar o respetivo código no <body>;

c) Ficheiro javascript na pasta do site.

Correto? A última é essencial, certo? E onde vou buscá-lo? Por exemplo, no guia que mencionei anteriormente apenas dão a informação para o head e body do html, mas não o ficheiro java. :rage: :rage: :rage:


Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Cara, tive a ver o link do prototype. Simples?! :rage: :rage: Partiu-me todo esse aí! :coolface:


Responder
Citar (Quote)
robertotauille
Membro desde: 27.09.2008

Oi Jorge, aconselho a usar jquery, pois além de simples é muito poderosa, para fazer o slider você pode o jcycle ele é muito simples para usar.

Caso queira envie seu skype por mp, pois não posso mandar e te explico melhor.

:sdrink


Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Mandei convite de amizade! :)


Responder
Citar (Quote)
robertotauille
Membro desde: 27.09.2008
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Banner</title>
	<style type="text/css">
		.banner { width: 500px; height: 200px; border: 1px solid #eee; }
		.banner div { width: 500px; height: 200px; background: #fff; }
	</style>

	<script type="text/javascript" src=" http://code.jquery.com/jquery-2.0.3.min.js"></script> 
	<script type="text/javascript" src=" http://malsup.github.io/jquery.cycle.all.js"></script> 

	<script type="text/javascript">
		$(document).ready(function() {
			$('.banner').cycle();
		});
	</script>
</head>
<body>
	
	<section class="banner">
		<div>1</div>
		<div>2</div>
		<div>3</div>
	</section>

</body>
</html>

Copia e cola e salva em html!


Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Já mandei PM!

Já agora, entre as linhas 4 e 8, tal não é fundamental, certo?

Através de CSS consigo fazer isso. Acho eu! :P


Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Viva! Ontem fiz um pequeno private coaching com o robertotauille! :P

Para mim foi muito bom! A sugestão dele para o slider banner é bem mais simples do que qualquer tutorial que tenha visto sobre o assunto. Para além disso, teve a paciência para explicar-me a interpretação das diversas partes do código e não só fazer copy+paste.

Aqui vão umas dicas que ficaram gravadas:

O código

<meta charset="UTF-8">

permite que a formatação do texto seja logo perfeita. Desta forma, não é preciso procurar mais pelos códigos html para "ú", "ã" e afins. Não sabia! :]

Como gosto de manter o <head> </head> o mais "limpo" possível, fizemos a ligação para o ficheiro "slider.css" da seguinte forma:

<link href="../CSS/slider.css" rel="stylesheet" type="text/css" media="screen">

Relativamente às animações, é só copiar o link desta página!

Finalmente, não conhecia a tag <section>! :facepalm: Mas irei começar a utilizá-la para agrupar as diferentes divs! :)


Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Olá pessoal.

Hoje estive a fazer um formulário de contacto. Ao seguir o meu tutorial, fui informado que deveria ir ao site que aloja o meu site e buscar um script para colocar o formulário em funcionamento.

Pesquisei e não encontrei nada. Perguntei ao suporte e disseram-me para procurar "formulários de contacto" no google. :facepalm:

<section id="corpo">

<form method="post" action="" name="form1" id="form1">

<input type="hidden" name"subject" value="Submission">
<input type="hidden" name"redirect" value="#######">
<input type="hidden" name"from_oder" value="alpha">
<input type="hidden" name"form_format" value="html">

<ol>
<li>
<label for="name">Nome</label>
<input type="text" name="name">
</li>

<li>
<label for="Email">Email</label>
<input type="text" name="Email">
</li>

<li>
<label for="Assunto">Assunto</label>
<input type="text" name="Assunto">
</li>

<li>
<label for="Mensagem">Mensagem</label>
<textarea name="Mensagem"></textarea>
</li>

<li>
<input type="submit" name="submit" value="Enviar">
</li>

</ol>

</form>

O script seria linkado na parte acentuada do código.

Alguém pode dar-me umas luzes aqui?


Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Alguém recomenda algum tutorial sobre a remoção de ".html" e ".php" do link de uma página? :P


Responder
Citar (Quote)
Orochimaro
Membro desde: 09.05.2008
Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Alguém tem dicas e/ou tutoriais bons relativamente à otimização de motores de busca? :P


Responder
Citar (Quote)
Magico51
Membro desde: 13.04.2011

Original de JorgeTeixeira
Alguém tem dicas e/ou tutoriais bons relativamente à otimização de motores de busca? :P

Essa página já me foi útil algum dia: http://www.w3schools.com/html/
Talvez ela sirva para a sua dúvida.


Responder
Citar (Quote)
JorgeTeixeira
Membro desde: 01.11.2008

Sim, as minhas primeiras leituras sobre o assunto também foram nesse site. :fdrink


Responder
Citar (Quote)