Configurando o Dreamweaver CS4

Esta página exibe informações genéricas de configuração, como “dominio.com.br” e “usuario”. Você pode personalizá-la com seus dados para facilitar seu entendimento:

PASSO 1

Na “Barra de menus” do Dreamweaver, clique em “Site”, depois em “New Site”.

PASSO 2

Na janela “Site Definition – Editing Files”, preencha os campos conforme as instruções abaixo:

• No campo “What would you like to name your site?” (Como você gostaria de chamar seu site?), defina um nome para esta configuração. Exemplo dominio.com.br.
• No campo “What is the HTTP Address (URL) of your site?” (Qual o endereço HTTP (URL) do seu site?), digite o endereço do seu site: http://www.dominio.com.br

Após preencher os campos, clique em “Next”.

PASSO 3

Na tela “Site Definition – Editing Files, Part 2″, marque a opção “No, I do not want to use a server technology.”. Em seguida, clique em “Next”.

PASSO 4

Na tela “Site Definition – Editing Files, Part 3″, marque a opção “Edit local copies on my machine, then upload to Server when ready (recommended)”. Em seguida, clique em “Next”.

PASSO 5

Na janela “Site Definition – Sharing Files”, selecione a opção “FTP”.

Em seguida, preencha os campos conforme as instruções abaixo:

• No campo “How do you connect your remote server”, selecione a opção “FTP”
• No campo “What is the hostname or FTP address of your Web server?”, digite o endereço FTP do seu site: ftp.dominio.com.br
• Mantenha em branco o campo “What folder on the server do you want to store your files in?”
• No campo “What is your FTP login?”, digite o seu usuário de FTP: usuario
• No campo “What is your FTP password?”, digite sua senha de FTP.

OBS.: caso você opte por executar o “Test Connection” (Teste de Conexão), siga as instruções abaixo. Caso contrário, siga para o PASSO 6, logo abaixo.

Para fazer o teste da configuração da conta de FTP, clique em “Test connection”.

Se alguma configuração estiver incorreta, você receberá o erro “An FTP error occurred”, indicando onde você deverá rever suas configurações. Se tudo estiver correto, você receberá a seguinte mensagem: “Connected to your Web server successfully”.

Clique em “Ok”, depois em “Next”.

PASSO 6

Na tela “Site Definition – Sharing Files, Part 2″, marque a opção “No, do not enable check in and check out.”. Em seguida, clique em “Next”.

PASSO 7

Na tela “Site Definition – Summary” você verá os detalhes da sua configuração. Após verificar os dados, clique em “Done”.

Você concluiu a configuração da sua Conta de FTP.

PASSO 8

Fazendo conexão com o servidor:

Na tela principal do Dreamweaver CS4, na coluna do lado direito, clique duas vezes em “files”. Em seguida, clique no botão (Expand to show local and remote sites). Veja indicação na imagem abaixo:

PASSO 9

Para se conectar ao servidor FTP, clique no botão (Connects to remote host). Veja indicação na imagem abaixo:

• Para fazer “Upload” (Enviar arquivos para o servidor):
  Clique no arquivo da área da direita e arraste-o até a área da esquerda.

• Para fazer “Download” (Baixar arquivos do servidor):
  Clique no arquivo da área da esquerda e arraste-o até a área da direita.

Para instalar o Joomla, use o instalador de aplicativos da hospedagem, clique em Fantastico.
Baixe os 2 arquivos .zip a baixo:
joomla-pt-br
administrator-joomla-pt-br
Abra uma conexão via FTP, coloque os arquivos já descompactados,  nas pastas /language e administrator/language.
Pronto seu Joomla vai estar em PT-BR.

O World Wide Web Consortium é um consórcio internacional, conta com cerca de 500 membros, que agrega empresas, órgãos governamentais e organizações independentes, para desenvolver padrões para a web. Fundado por Tim Berners-Lee em 1994 para levar a Web ao seu potencial máximo, por meio do desenvolvimento de protocolos comuns e fóruns abertos que promovem sua evolução e asseguram a sua interoperabilidade. O W3C desenvolve padrões para a criação e a interpretação dos conteúdos para a Web. Sites desenvolvidos segundo esses padrões podem ser acessados e visualizados por qualquer pessoa ou tecnologia, independente de hardware ou software utilizados, como celulares (em Portugal, telemóvel), PDAs, de maneira rápida e compatível com os novos padrões e tecnologias que possam surgir com a evolução da internet.

Para alcançar seus objetivos, a W3C possui diversos comitês que estudam as tecnologias existentes para a apresentação de conteúdo na Internet e criam padrões de recomendação para utilizar essas tecnologias. Com a padronização, os programas conseguem acessar facilmente os códigos e entender onde deve ser aplicado cada conhecimento expresso no documento.

Padrões seus como HTML, XHTML e CSS são muito populares, contudo, em muitos casos são usados de forma errônea devido ao desconhecimento da especificação.

É um dever de todo desenvolvedor Web respeitar e seguir os padrões de acessibilidade do W3C, pois de outro modo poderá impor barreiras tecnológicas a diversas pessoas, desestimulando e até mesmo impedindo o acesso a suas páginas.

Markup Validation Service
Check  seu site em: http://validator.w3.org/

FTP significa File Transfer Protocol (Protocolo de Transferência de Arquivos),criada por Davi Augusto M. P e Erick G.Pazeto e é uma forma bastante rápida e versátil de transferir arquivos (também conhecidos como ficheiros), sendo uma das mais usadas na internet.

Pode referir-se tanto ao protocolo quanto ao programa que implementa este protocolo (Servidor FTP, neste caso, tradicionalmente aparece em letras minúsculas, por influência do programa de transferência de arquivos do Unix).

A transferência de dados em redes de computadores envolve normalmente transferência de arquivos e acesso a sistemas de arquivos remotos (com a mesma interface usada nos arquivos locais). O FTP (RFC 959) é baseado no TCP, mas é anterior à pilha de protocolos TCP/IP, sendo posteriormente adaptado para o TCP/IP. É o padrão da pilha TCP/IP para transferir arquivos, é um protocolo genérico independente de hardware e do sistema operacional e transfere arquivos por livre arbítrio, tendo em conta restrições de acesso e propriedades dos mesmos.

Como ocorre a transferência de arquivos

A transferência de arquivos dá-se entre um computador chamado “cliente” (aquele que solicita a conexão para a transferência de dados) e um servidor (aquele que recebe a solicitação de transferência). O utilizador, através de software específico, pode selecionar quais arquivos enviar ou receber do servidor. Para existir uma conexão ao servidor,caso o servidor exija,o utilizador informa um nome de utilizador (ou username, em inglês) e uma senha (password), bem como o nome correcto do servidor ou seu endereço IP. Se os dados foram informados corretamente, a conexão pode ser estabelecida, utilizando-se dois canais de comunicação, chamados de portas (ports). Tais portas são conexões no qual é possível trocar dados. No caso da comunicação FTP, são utilizadas duas portas. Uma de controle (porta 21) e outra para tranferência de arquivos(porta 20).

Acesso aos servidores FTP

O acesso a servidores FTP pode ocorrer de dois modos: através de uma interface ou através da linha de comando, tanto usuários UNIX como usuários Windows podem acessar através dos dois modos. O modo linha de comando está presente em qualquer distribuição UNIX-like e Windows, através do telnet.

A partir de qualquer browser credenciado(Internet Explorer, Firefox, ou mesmo no Windows Explorer) também é possível aceder a um servidor FTP. Basta, para isso, digitar na barra de endereço:

ftp:// [username]: [password] @ [servidor]

ENTER

 Lista de clientes FTP

• SmartFTP é um software cliente FTP pago, onde você utiliza o produto apenas para teste, após o período, você terá que ser usuário registrado para poder continuar utilizando este software. Ele tem aparência similar com janelas do Office 2003, e o site informa ser um dos melhores programas para FTP. 
• Cute FTP é um software cliente FTP.
• FTP via Web

FileZilla é um cliente FTP, SFTP e FTPS de código livre para Microsoft Windows e GNU/Linux. É distribuído em licença GNU General Public License. Desde 1 de março de 2007 ocupa a 13ª posição na lista dos mais baixados do SourceForge, desbancando nomes como phpBB e Pidgin.

Existe uma versão do programa para uso portátil chamada FileZilla Portable. Com ela, é possível executar o FileZilla diretamente de um disco rígido portátil como um pen-drive.

• Core FTP
• WS FTP
• LeechFTP é um software do tipo cliente de FTP, criado por Jan Debis. Ele foi abandonado pelo desenvolvedor em 1999 na versão 1.3 (build 207), mas ainda está disponível gratuitamente na Internet para download.
• gFTP
• O FireFTP é um cliente FTP multi-plataforma e gratuito para o Mozilla Firefox, estando entre uma de suas extensões. Suporta o ftp e FTPS. FireFTP é um software de ajuda/melhora, que funciona nas plataformas que o Firefox suporta.

Hospedagem de Sites ^{(português brasileiro)} ou alojamento de sites ^{(português europeu)} é 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.

Pré-requisitos

Para acessar um site é necessário um domínio, a PWH disponibiliza um subdomínio gratuitamente, mas o ideal é registrar um domínio, seja ele nacional final .br ou internacional .com .net .org…..

Transferência mensal

A transferência mensal é medida em MB ou em GB. A transferência mede tanto a quantidade de dados transferido do servidor para os visitantes do site quanto dos visitantes para o servidor de hospedagem. Também contam na taxa de transferência o tráfego de email (SMTP, POP3), FTP, entre outros protocolos. Essa taxa é reiniciada no primeiro segundo de cada mês e geralmente os painéis de controle permitem obter um extrato de quanto está sendo utilizado para o mês corrente.
Na PWH você conta com tráfego ilimitado de dados!

Armazenamento em disco

O armazenamento em disco é a quantidade de dados medida em MB que se pode armazenar no disco rígido do servidor. Alguns provedores contam todos os dados armazenados na área de FTP apenas, outros também contam o limite de banco de dados, emails e até logs de acesso.
Alguns planos PWH contam com espaço em disco ilimitados!

Quantidade de domínios

O padrão de mercado é um domínio por conta de hospedagem, no entanto, alguns provedores disponibilizam mais de um domínio por conta. A disponibilização de mais de um domínio não significa que poderá ter dois ou mais sites em uma só conta, mas que dois ou mais domínios poderão responder para um mesmo site, um mesmo conteúdo.
Na PWH os apontamentos de domínios são ilimitados!

Serviços essenciais

Um site tipicamente precisa:

• um servidor para o protocolo HTTP, como o Apache
• serviço de email, com SMTP, POP3 e talvez IMAP
• serviço de DNS para resolução de hostnames em IPs
• serviço de publicação, provavelmente pelo protocolo FTP
• estatísticas gráficas, que são softwares que processam os logs do servidor HTTP. Os mais comuns são o AWStats e o Webalizer

Publicação

Quem contrata a hospedagem de sites deve enviar seu site ao servidor. O envio do site se dá através de FTP ou por uma interface web através da qual pode-se efetuar o upload de arquivos tal qual inserir anexos num webmail.

Linguagem de programação

As linguagens de programação mais comuns para web são PHP, ASP, plataforma ASP.NET, Perl, JSP, Ruby/Ruby on Rails, Python. Através destas linguagens o conteúdo do site pode ser armazenado em um banco de dados.

Bancos de dados

Os banco de dados mais comuns para web são MySQL, Access, PostgreSQL, SQL Server e Firebird. Os bancos de dados devem ser acessados através de uma linguagem de programação.

Serviço de email

O serviço de email é composto por um protocolo de recebimento e envio de emails entre servidores de email, o protocolo SMTP e um protocolo de download de emails para os usuários, tal qual o POP3 e IMAP. A maioria dos provedores de hospedagem oferecem também uma página para leitura de emails através do navegador, ou seja, um Webmail.

As caixas postais utilizam o formato email@seudominio.com.br, sendo que cada provedor de hospedagem oferece planos com uma quantia de caixas postais, alguns com um número ilimitado de emails. Alguns provedores delimitam um espaço em disco para cada caixa postal, outros não limitam esse espaço, mas esse espaço conta na quantia global que se pode utilizar de espaço em disco.

Um recurso muito interessante de email é o chamado apelido de email ou alias de email, que é um outro endereço pelo qual cada caixa postal também recebe emails. Exemplo: você possui a caixa postal email@seudominio.com.br e deseja que os emails enviados para outro_email@seudominio.com.br cheguem na caixa postal email@seudominio.com.br. Assim, a caixa postal outro_email@seudominio.com.br é um apelido de email para email@seudominio.com.br.

fonte: Wiki

A Revenda de hospedagem é um serviço sob servidores virtuais onde o usuário dispôem de uma cota de um servidor dedicado, seja qual a plataforma for, cota esta em que o usuário poderá vender seus próprios planos de hospedagem, independentemente, com paineis de controles para criação de suas próprias contas (cPanel / WHM ) ou (Plesk) para servidores virtuais em plataforma linux e (HELM) para servidores virtuais em plataformas Windows , com e-mails ilimitados, sub domínios, contas FTP, e todos os recursos disponíveis em um servidor dedicado.

A PWH oferece servidores virtuais, ou seja, servidores compartilhados para que o usuário tenha sua própria empresa de hospedagem sem que haja a necessidade de contratar um servidor dedicado com altos preços, sem que haja a necessidade de alto conhecimento como administradores, pois estes servidores virtuais são pré-configurados!

Com Dreamweaver CS4/CS5 ficou muito fácil validar campos de formulários!

1º Crie um novo arquivo para criarmos nosso form com validação, para fim de melhor entendimento eu vou criar um arquivo com nome de 1.php.

Repare que não temos apenas o arquivo simples default gerado pelo DW.

PHP.

1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
2. <html xmlns=”http://www.w3.org/1999/xhtml”>
3. <head>
4. <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
5. <title>Untitled Document</title>
6. </head>
7.  
8. <body>
9. </body>
10. </html>

www.pwh-hospedagemdesites.com.br

Depois de incluir o formulário com uma tabela para incluir os campos temos o código abaixo

PHP.

1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
2. <html xmlns=”http://www.w3.org/1999/xhtml”>
3. <head>
4. <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
5. <title>Untitled Document</title>
6. <style type=”text/css”>
7. <!–
8. .style7 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
9. –>
10. </style>
11. </head>
12.  
13. <body>
14. <form id=”spry” name=”spry” method=”post” action=”">
15.   <table width=”500″ border=”0″ cellspacing=”0″ cellpadding=”0″>
16.     <tr>
17.       <td width=”74″><span class=”style7″>Nome:</span></td>
18.       <td width=”426″>&nbsp;</td>
19.     </tr>
20.     <tr>
21.       <td><span class=”style7″>E-mail:</span></td>
22.       <td>&nbsp;</td>
23.     </tr>
24.     <tr>
25.       <td><span class=”style7″>Assunto:</span></td>
26.       <td>&nbsp;</td>
27.     </tr>
28.     <tr>
29.       <td><span class=”style7″>Mensagem:</span></td>
30.       <td>&nbsp;</td>
31.     </tr>
32.     <tr>
33.       <td colspan=”2″><label>
34.         <div align=”center”>
35.           <input type=”submit” name=”button” id=”button” value=”Enviar” />
36.           </div>
37.       </label></td>
38.     </tr>
39.   </table>
40. </form>
41. </body>
42. </html>

www.pwh-hospedagemdesites.com.br

Visualmente na aba Design do DW temos uma tela conforme abaixo. Repare que só inclui o button enviar.

2° Agora vamos selecionar a opção Spry como mostro na imagem abaixo.

Vamos trabalhar somente com a parte de validação que é está parte destacada acima, ao passar o mouse sobre cada opção indicará para qual tipo de campo é determinada validação. Nesse artigo vamos trabalhar com 2 tipos que são os textbox e o textarea.

Coloque o cursor dentro da tabela ao lado do nome para incluir um text fied clicando na primeira opção da área marcada na imagem acima e ao abrir uma janela clique apenas em OK.

Após isso teremos o seguinte resultado mostrado na imagem abaixo.

Vamos fazer o mesmo passo para e-mail e assunto, e para a opção mensagem clicamos na última opção da barra de ferramentas marcadas na imagem mais acima, a opção textarea. Logo teremos o resultado abaixo.

Ao tentar salvar o arquivo ele vai mostrar uma janela como a imagem abaixo dizendo que alguns arquivos são necessários, clique em OK e será criado a pasta com os arquivos automaticamente, repare que foi criado 2 arquivos para cada tipo, ou seja um JS e um CSS para o textfied,  e um JS e CSS para o Textarea.

Se tiver usando Listmenu, checkbox, será criado mais 2 arquivos para cada um tipo de input do formulário.

3° Antes de começar a validação vamos nomear os campos certinhos e definiro tamando que você achar melhor. E após feito esse passo, vamos começar nossa validação.
4° Clique no campo nome e a opção azul vai aparecer, clique na opção azul que a barra de propriedades irá mostrar as opção de validação para tipo de campo.

A imagem abaixo mostra algumas opções de validação

Repare que está definido com Required para os campos. Abaixo de Preview states temos a ação na qual queremos que seja feita a validação, normalmente deixo no submit mesmo.  Para a opção Type temos as seguintes opções

Agora é só escolher a melhor opção para cada campo atendendo as suas necessidades claro.  A opção Type nesse artigo eu só vou usar para o campo email.

Mas para o campo nome vamos colocar Min Chars = 3 e Max Chars = 50.

Se for reparar assim que colocar Min Chars = 3 o para o campo nome a opção  em vermelho com a mensagem em inglês, basta editar a seu gosto, Isso é válido também parar quando for incluir o  Max Chars = 50. no campo nome.

Faça o mesmo processo para o campo assunto e para o campo e-mail, porem para o campo e-mail não esqueça de selecionar o Type dele para e-mail.

Para o campo TextArea temos umas opções bem legais como mostra a imagem abaixo.

Temos a opção além de definirmos o número min e max de caracteres ainda podemos marcar as opções:

• Char Count: A medida que vai digitando vai mostrando um contador de caracteres ao lado.
• Chars remaining: Após definirmos o número máximo de caracteres essa opção é habilitada e a contagem será decrescente até você poder marcar o block extra charcteres.

Concluido as validações temos nosso formulário de contato com um contator 100 ao lado do textarea
que foi o número máximo de caracteres que eu defini nesse artigo.

1º Visualizando o formulário

2º Tentando enviar o formulário sem preencher nada

3º Tentando enviar com apenas nome
 

4º Tentando enviar com campos inválidos de e-mail e com número  mínimo de caracter

5º  E por fim tentando enviar com  número de caracter inválido  visto que o mínimo seria 5

Repare que os campos válidos vão ficando verdes e que o contador que era 100 foi para 98 após digitarmos a palavra oi no
campo de mensagem.

Bom pessoal, o objetivo era esse mesmo, fazer uma validação mais agradável do que aqueles alerts na tela.

Abs
Carlos 

Usando lightbox para ampliar imagens.

Mantem os utilizadores na mesma página em vez de os levar para outra para terem de ver a imagem em ponto maior. Clicam para visualizar a imagem e clicam de novo para a fechar em vez de terem de voltar á página ou carregar no botão return.

Como utilizar:

1. Incluir o script lightbox.js no header da página.<script type=”text/javascript” src=”lightbox.js”></script>
2. Adicionar o atributo rel=”lightbox” a qualquer link para activar a lightbox nesse link. Por exemplo:<a href="imagem.jpg" rel="lightbox" title="minha legenda">image #1</a>Opcional: Usar o atributo title se pretenderem dar uma legenda á imagem.

Agora vem a parte divertida

Como personalizar

1. Podem utilizar CSS para adaptar as imagens ao vosso layout.#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxCaption{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightbox img{ border: none; }
#overlay img{ border: none; }
2. Para criarem o efeito de sombra que sobrepõe a página, que fica por detrás da imagem, vão precisar de uma imagem. Neste caso vamos utilizar uma imagem PNG e mais algum CSS mas não deverá causar problemas no IE.#overlay{
background-image: url(overlay.png);
}* html #overlay{
   background-color: #000;
   back\ground-color: transparent;
   background-image: url(blank.gif);
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”overlay.png”, sizingMethod=”scale”);
   }
3. Se pretenderem colocar uma imagem de loading, têm de especificar a sua localização no topo do ficheiro lightbox.js.var loadingImage = 'loading.gif';

DOWNLOADS

1. lightbox.js – O script
2. lightbox.css – O estilo básico com o suporte PNG para o Internet Explorer.
3. overlay.png – 80% opacidade, padrão escuro utilizado para criar o efeito de sombra sobre a página
4. loading.gif - Imagem de barra de progressão

Exemplo: http://www.pwh.com.br/blog/hospedagem-de-sites-script-gratis/lightbox/
Baixar: http://www.pwh.com.br/blog/hospedagem-de-sites-script-gratis/lightbox2.04.zip

Você instalou o Wordpress em inglês, utilizou o Fantastico incluso em sua hospedagem cPanel para instalar seu blog de forma rápida.  Agora você vai acessá-lo e… Opa! A linguagem está em inglês. E agora? O Wordpress 2.9 tem uma forma bem fácil de alterar sua língua para o Português. Siga os passos abaixo:

1- Acesse o painel administrativo do seu blog;

2- Procure pelo arquivo wp-config.php no diretório raiz do seu blog e edite-o. Na linha:

define (”WPLANG”, “”);

Modifique para:

define (”WPLANG”, “pt_BR”);

3- De volta ao painel administrativo do seu blog, vá em Tools e clique em Upgrade;

4- Pronto, ele irá atualizar para o Wordpress 2.9 (mesmo que não necessário), mas irá atualizar rapidamente seu idioma para o Português do Brasil.

Observação: caso a linguagem não tenha sido modificada, saia do seu painel administrativo do Wordpress e entre novamente. Ele irá mostrar uma mensagem logo acima para atualizar seu blog. Clique no link e atualize automaticamente!

O legal desta dica é que ela serve para mudar o Wordpress para qualquer idioma. Além disso, é prático e rápido!

Para agendar uma ação que se repete todo dia ou  hora ou mês, o ideal é usar o Agendador de Tarefas, Crontab do cPanel.

- Primeiro Hospede seu site ou sua revenda na PWH , que te fornece o recurso do Cron
- Entre no cPanel clique em Agendador de Tarefas / Crontab
- Clique na opção Avanced
Vai aparecer os campos:

Preencha conforme necessidade, use o * para todos os dias por ex.

exemplo: para executar o arquivo XXX.php todos os dias do ano, as 7 horas e 30 minutos

30    7   *  *  *     /usr/bin/php    /home/SEULOGIN/public_html/XXX.php >> /dev/null 2>&1