Raphael Lion

Òtimo Script, Tem várias utilizades se souberem utilizar, parabéns ! Raphael Lion.

Òtimo Tutorial a bola de cristal ficou "animal", parabéns. Raphael Lion.

Gostaria de saber como eu configuro passo á passo um fórum phpBB, pois estou "lizo" para pagar o IPB, portanto espero que me ajudem. Raphael Lion.

O que é HTML?HTML é a "língua mãe" do seu navegador. Resumindo uma longa história, HTML foi inventado em 1990 por um cientista chamado Tim Berners-Lee. A finalidade inicial era a de tornar possível o acesso e a troca de informações e de documentação de pesquisas, entre cientistas de diferentes universidades. O projeto inicial tornou-se um sucesso jamais imaginado por Tim Berners-Lee. Ao inventar o HTML ele lançou as fundações da Internet tal como a conhecemos atualmente. HTML é uma linguagem que possibilita apresentar informações (documentação de pesquisas científicas) na Internet. Aquilo que você vê quando abre uma página na Internet é a interpretação que seu navegador faz do HTML. Para visualizar o código HTML de uma página use o menu "View" (Ver) no topo do seu navegador e escolha a opção "Source" (Código fonte). Para quem não conhece, o código HTML pode parecer complicado, mas este tutorial irá tornar as coisas claras para você. Para que devo usar o HTML? Se você quer construir websites terá que conhecer HTML. Mesmo que você use um programa para criar seu website, tal como o Dreamweaver, um conhecimento básico de HTML será necessário para tornar as coisas mais simples e para criar um website de melhor qualidade. A boa notícia é que HTML é fácil de aprender e de usar. A partir das duas próximas lições você já terá aprendido como construir seu primeiro website. HTML é usado para construir websites. É simples! OK, mas o que significa H-T-M-L? HTML é a abreviatura de "HyperText Mark-up Language" - e isto é tudo o que você precisa saber por enquanto. Contudo, vamos detalhar isto. - Hyper é o oposto de linear. Nos tempos antigos - quando mouse era apenas um rato caçado por gatos - os programas de computadores rodavam linearmente: quando o programa executava uma ação tinha que esperar a próxima linha de comando para executar a próxima ação e assim por diante de linha em linha. Com HTML as coisas são diferentes - você pode ir de onde estiver para onde quiser. Exemplificando: não é necessário que você tenha visitado o site MSN.com antes de visitar o site HTML.net. - Text é texto e não há mais nada a acresentar. - Mark-up significa marcação e é o texto que você escreve. Você cria a marcação da mesma forma que escreve em um editor seus cabeçalhos, marcadores, negrito, etc - Language significa linguagem e é exatamente o que HTML é; uma linguagem. A linguagem HTML usa muitas palavras do inglês. Neste tutorial você aprenderá XHTML (Extensible HyperText Mark-up Language) que nada mais é do que uma maneira mais bem estruturada de escrever HTML. O HTML nasceu em 1991 no CERN (European Council for Nuclear Research), na suíça. Seu criador, o inglês Tim Berners-Lee, 44 anos, a concebeu unicamente como uma linguagem que serviria para interligar computadores do laboratório e outras instituições de pesquisa e exibir documentos científicos de forma simples e fácil de acessar. Um desenvolvimento fundamental aconteceu em Julho de 1992 com a liberação da biblioteca de desenvolvimento para WWW - World Wide Web (Rede de Alcance Mundial). Foi essa biblioteca que deu origem à construção de vários browsers WWW e servidores que tornaram a WEB viável. Um desses foi o Mosaic, o primeiro browser multiplataforma que explorava completamente a capacidade de hipermídia da WEB. Desenvolvido por Marc Andreeson, então do NCSA, o MOSAIC foi que iniciou o crescimento explosivo da WEB. No outono 1993 tornou-se disponível a milhões de usuários, com a liberação das versões para Mac e Windows. Se por um lado novos browsers têm superado os recursos do MOSAIC, por outro foi esse programa que tornou-se sinônimo da WEB. Muitas pessoas concordam que os documentos HTML deveriam trabalhar bem através de diferentes browsers e sistemas operativos. Alcançando interoperabilidade baixa os custos para as pessoas que desenvolvem páginas porque assim apenas se desenvolve uma versão do documento. Se um esforço não for efetuado, existe um enorme risco que a web se desenvolva para um sem número de formatos incompatíveis, reduzindo, sem quaisquer duvidas, todo o potencial comercial da web para todos os participantes. Cada versão de HTML tem tentado refletir todo o consenso entre a indústria de software para que o investimento feito pelos autores de páginas não seja desperdiçado e que os seus documentos não deixem de se poder ler num curto período de tempo. O HTML tem sido desenvolvido com a visão que todos os equipamentos fossem capazes de usar a informação da Web, computadores com monitores de diversas resoluções e vários números de cores, equipamentos para input e output de voz, computadores com alta e baixa largura de freqüência e muito mais. O HTML 4.0 estende com mecanismos para style sheets (CSS), scripting, frames (janelas), embedding objects, melhor suporte para texto com direção variável (esquerda, direita, e ambos), tabelas mais visualizáveis, melhorias nos forms, melhor acessibilidade para pessoas com incapacidades. Nessa imensa biblioteca há de tudo. São mais de 1 bilhão de páginas sobre os assuntos mais variados. Tudo o que a imaginação humana pudesse conceber foi parar na rede, que se tornou uma grande arena de conhecimento e diversão. Pode apostar: depois da Internet, o mundo nunca mais vai ser o mesmo. Espero que Esse Tutorial Explique Muitas Coisas aos Usuários do ScriptsBrasil !!! Créditos : 50% Orbita, 45% CriarWeb e 5 % Raphael Lion. Abraço, Raphael.

Olá, Estou com um projeto, DesignsWorks, então gostaria de tratar sobre isso, se possível me adicione no MSN : Sr.Raphael@hotmail.com Estou Aguardando sua Resposta. Caso se prefirir me contate por MP. Raphael Lion.

Neste tutorial, iremos abordar as folhas de estilo em cascata, mais conhecidas como Cascading Style Sheets. Segue abaixo uma referência do que será abordado neste tutorial: O uso deste tutorial em outros documentos é permitido desde que mantenha o conteúdo original e seja exposto claramente a fonte. Qualquer dúvida contate o editor do tutorial pelo e-mail sr.raphael@hotmail.com. Tutorial CSS - Parte I Por que usar CSS? Todo documento escrito utiliza certos elementos de design para formatar seções de texto a fim de manter a mesma aparência, seguir um padrão. Por exemplo, um elemento de design Heading 1 é geralmente alguma fonte grande que identifica todas as principais divisões de tópicos de um capítulo, artigo ou página da web. Um elemento de design Heading 2 identifica todos os títulos dos subtópicos. A HTML inclui uma tag para praticamente todos os elementos de design comumente utilizados, incluindo tags de título (<H1>,<H2>...), lista (a tag <OL> para lista ordenada, a tag <UL> para lista não ordenada) e assim por diante. No passado , a tag <H1> em quase todos os web sites parecia a mesma - texto preto era consideravelmente maior que o corpo do texto normal. Se você quisesse fazer seus próprios títulos diferenciados, tinha de formatar cada tag de título individualmente, utilizando tags <FONT> ou similares. Se mais tarde mudasse de idéias sobre a aparência desses títulos, tinha de voltar e mudar cada título individualmente. Ou seja: um processo lento e trabalhoso. As folhas de estilo em cascata mudam tudo isso. Com uma folha de estilo, você pode fazer uma "declaração global", como "quero que todos os meus títulos <H1> sejam verdes". Você precisa dizer isso somente uma vez e cada título <H1> em seu site será verde. Se depois decidir que azul é uma cor melhor, não é preciso voltar e alterar cada tag <H1> para a cor azul. Em vez disso, basta alterar o estilo - a "regra" - para "quero que todos os meus títulos <H1> sejam azuis" e pronto! Obviamente você não está limitado a títulos e nem a cor azul. É possível definir um estilo personalizado para cada elemento de design em seu web site, incluindo títulos, lista, tabelas e imagens, para citar só alguns. E, além de definir uma cor, você pode definir a fonte, o tamanho, o alinhamento, a espessura da borda, e assim por diante. Como criar estilos Cada estilo que você cria é definido como uma regra CSS. Cada regra deve utilizar a seguinte sintaxe: elemento {atributo1: valor; atributo2: valor ...} Explicação desta sintaxe: Elemento - descreve o elemento de design ao qual o estilo será aplicado. A mesma tag HTML mas sem os sinais de maior e menor. Essa parte da regra é às vezes chamadas de seletor. Atributo - o aspecto específico do elemento que você quer usar como estilo. Deve ser um nome de atributo CSS válido, como o atributo font-size. Valor - a configuração aplicada ao atributo. Deve ser uma configuração válida para o atributo em questão , como 20pt (20 pontos) para font-size. Atributo:valor - a parte declaração da regra. Você pode atribuir múltiplas declarações se desejar separá-los com ponto-e-vírgula (;). Não coloque um ponto-e-vírgula depois da última declaração. Agora é hora de exemplos. Eis uma regra CSS que especifica que todos os títulos de nível 1 (tags <H1>) sejam exibidos em uma fonte de 36 pontos: H1 {font-size: 36pt} Aqui está um exemplo de regra que diz que todos os títulos de nível 2 (tags <H2>) devem ter tamanho de 24 pontos e cor azul; H2 {font-size: 24pt; color: blue} Você pode inserir quebras de linha e espaços em branco dentro da regra como quiser. Assim, é possível ver mais facilmente todas as declarações e certificar-se de que colocou todos os sinais de ponto-e-vírgula e colchetes nos lugares corretos. Por exemplo, aqui está uma regra que diz que os parágrafos aparecerão em fonte Times, 12 pontos, azul e recuados meia polegada a partir da margem esquerda da página: P {font-family: Times; font-size: 12pt; color: blue; margin-left: 0.5in} Note como é fácil aplicar todas as declarações ao elemento parágrafo (P) e como cada declaração, exceto a última, é seguida pelo caracter de ponto-e-vírgula exigido. As folhas de estilo Você pode definir regras de CSS em três lugares. E, por definição, pode utilizar uma combinação dos três métodos nos seus web sites. A maneira como as regras interagem entre si está relacionada à parte "em cascata".Os três lugares são: 1) em um documento separado fora de todos os documentos HTML, 2) no cabeçalho de um documento HTML e 3) dentro de uma tag de HTML. Cada um destes métodos tem um nome e afeta as páginas HTML em seu site de um modo diferente, como discutido aqui: Externo - Externo significa que você coloca as regras de CSS em um arquivo separado, e então sua página HTML pode fazer um link para esse arquivo. Essa abordagem lhe permite definir regras em um ou mais arquivos que podem ser aplicadas em alguma página do seu web site. Incorporado - Incorporado significa que você especifica as regras de CSS no cabeçalho do documento. As regras incorporadas afetam somente a página atual. Inline - Inline significa que você especifica as regras de CSS dentro da tag de HTML. Essas regras afetam somente a tag atual. Estilos externos Para definir um conjunto de regras de estilo que você pode facilmente aplicar em alguma página do seu site, é preciso colocar as regras em um arquivo de texto. Você pode criar este arquivo com um editor de textos simples, como o Notepad do Windows, e dar ao nome desse arquivo a extensão .css. Sempre que quiser utilizar esses estilos em uma nova página, basta colocar uma tag <LINK> no cabeçalho que referencie esse arquivo .css.Veja o exemplo: Arquivo meu_estilo.css H1 {font-family: 'Comic Sans MS'; font-size: 36pt; color: blue} P {font-family: 'Courier'; margin-left: 0.5in} Agora, para utilizar os estilos definidos neste arquivo .css você precisa adicionar a tag a seguir ao cabeçalho da página, onde nome_do_arquivo é uma referência absoluta ou relativa ao arquivo .css. <LINK REL="STYLESHEET" HREF="http://www.iecentral.net/meu_estilo.css" TYPE="text/css"> OBS: Você deve inserir este texto entre as tags <HEAD>...</HEAD> e colocar a localização correta do seu arquivo e seu nome. Estilos incorporados Se quiser criar um conjunto de estilos que se aplicam a uma única página, você pode configurar os estilos exatamente como fizemos no exemplo dos estilos externos - mas em vez de colocar as tags <STYLE>...</STYLE> e as regras em um arquivo separado, coloque estas tags na própria página HTML. A estrutura básica de uma página da web que utiliza estilos incorporados é semelhante ao seguinte código: <HTML> <HEAD> <TITLE>Exemplo Estilos Incorporados</TITLE> <STYLE TYPE="text/css"><!-- P {background-color: #FFFFFF; font-family:'Comic Sans MS'; font-size: 14pt} --></STYLE> </HEAD></BODY></HTML> Estilos inline Os estilos inline são os que têm menos efeitos. Eles afetam somente a tag atual - não outras tags na página e tampouco outros documentos. A sintaxe para definir um estilo inline é a seguinte: <TAG STYLE="regras css"> Exemplo: <A STYLE="color: green; text-decoration: none" HREF="http://www.iecentral.net"> Note que em vez das tags <STYLE>...</STYLE>, você apenas utiliza um atributo STYLE dentro da tag para definir o estilo. E, em vez de colocar as regras de CSS entre colchetes, você as coloca entre aspas, separando-as com ponto-e-vírgula como de costume. Tutorial CSS - Parte II Tags Personalizadas Com as classes de estilo, é possível definir diversas variações de uma única tag. Por exemplo, você poderia fazer um estilo de parágrafo "texto alinhado à direita", um estilo de parágrafo "texto centralizado" e assim por diante, criando múltiplos temas em torno da tag de parágrafo. (<P>) Você pode definir classes de estilo tanto em folhas de estilo externa como nas incorporadas. (Não há sentido em definir uma classe em um estilo inline!) A sintaxe é praticamente idêntica à sintaxe normal para os estilos externo e incorporado, com adição de um ponto e o nome da classe depois do elemento na qual será utilizado o atributo. <STYLE TYPE="text/css"><!-- elemento.nomedaClasse {atrbuto:valor; ... } --></STYLE> Para dar um exemplo mais prático, uma classe de estilo que eu particularmente uso muito nos links de minhas páginas é a seguinte: <STYLE TYPE="text/css"><!-- A.meuslinks {color: blue; text-decoration: none} --></STYLE> Depois apenas adiciono o atributo CLASS="meuslinks" aos links em que eu desejar que fiquem azuis e não-sublinhados. Veja como deve ficar: <A CLASS="meuslinks" HREF="http://www.iecentral.net"> Utilizando a tag <DIV> As tags HTML <DIV>...</DIV> podem ser usadas para formatar um grande bloco de texto - uma divisão - abrangendo diversos parágrafos e outros elementos. Isso as torna uma boa opção para definir estilos que afetam grandes seções de um texto em uma página. Veja: <STYLE TYPE="text/css"><!-- DIV.sidebar {font=family: "Arial"; font-size: 12pt; text-align: right; background-color: #C0C0C0; margin-left: 1in; margin-right: 1in} --></STYLE> Ao colocar na tag <DIV> o atributo CLASS, você estará fazendo com que todos os elementos que estejam englobados nesta tag sigam estes padrões. Utilizando a tag <SPAN> As tags <SPAN>...</SPAN> são como tags <DIV>...</DIV> no sentido de que você pode utilizá-las para definir estilos que formatam um bloco de texto. Ao contrário de <DIV>, contudo, que é utilizada para divisões de texto grandes, a tag <SPAN> é especializada para blocos de textos menores - que podem ser tão pequenos como um único caracter. Veja um bom exemplo do que se pode fazer utilizando esta tag. <STYLE TYPE="text/css"><!-- SPAN.hot {color:green; text-decoration: underline} --></STYLE> Utilizada no código HTML... <BODY> Para sair de um programa: <OL> <LI>Selecione <SPAN CLASS="hot">A</SPAN>rquivo - <SPAN CLASS="hot">S</SPAN>air </OL></BODY> Veja como fica: Para sair de um programa: Selecione Arquivo - Sair Atalhos e atributos de CSS Atalhos de CSS Alguns atributos de CSS lhe permitem fazer diversas configurações em uma declaração. Por exemplo, suponha que você queira definir diversos aspectos da fnte utilizada para tags H1, como segue: H1 {font-style: italic; font-weight: bold; font-size: 18pt; font-family: 'Times Roman'} Como alternativa a especificar todas essas formatações de fonte individualmente, você pode utilizar o atributo font: para defini-las todas de uma só vez, assim: H1 {font: italic bold 18pt 'Times Roman'} Note como diversos valores - itálico, negrito, 18pt e Times Roman - são separados apenas por um espaço em branco. Essas regras abreviadas certamente poupam espaço e tempo de digitação. Miscelânea Múltiplas fontes Você pode utilizar na tag <FONT> múltiplas fontes especificando a ordem de preferência. Ou seja, se a primeira fonte indicada por você não constar no computador do visitante, a segunda será a escolhida, caso não tenha passa a ser a terceira e assim por diante. Veja o exemplo: <FONT FACE="Arial, Comic Sans MS, Helvetica" SIZE="12" COLOR="purple"> Ou na declaração CSS: H1 {font-family: "Arial, Comic Sans MS, Helvetica" ... } Fonte incorporada Utilizando as fontes incorporadas, o visitante de seu site fará o download e a instalação da fonte utilizada por você em seu site caso ele ainda não a tenha em seu micro. A sintaxe para incorporação é a seguinte: <STYLE TYPE="text/css"><!-- @font-face {font-family: nome_da_fonte; font-style: estilo_da_fonte; font-weight: densidade_da_fonte; src: url_da_fonte} --></STYLE> OBS: Essa declaração deve estar entre as tags <HEAD>...</HEAD> em sua página HTML. Bom por aqui termino o Tutorial CSS, preparado com muito prazer. Créditos : 90% Ricardo Klamath e 10% Raphael Lion. Atenciosamente; Raphael Lion. PS : Tinha uma Tabela no Tutorial pois não deu para por pois deu um pequeno erro em meu computador, brevemente irei adicionar !!!

Parabéns, Sou novo aqui mais já vou criando amizades desde já. Tenha um bom trabalho como "Moderador". Raphael Lion.