Como criar sites no Mac

Quem sou
Aina Martin
@ainamartin
Autor e referências

Informação preliminar

Antes de chegar ao cerne deste guia e explicar, na pr√°tica, como criar sites com mac, deixe-me dar mais algumas informa√ß√Ķes sobre os conhecimentos b√°sicos que voc√™ deve adquirir.

Embora, como voc√™ logo descobrir√°, existam programas capazes de criar p√°ginas inteiras da Web (mas tamb√©m sites inteiros!) Sem tocar em uma √ļnica linha de c√≥digo, recomendo que voc√™ aprenda, se ainda n√£o o fez, quais s√£o as no√ß√Ķes de base de l√≠nguas HTML e CSS que s√£o usados, respectivamente, para criar a estrutura de uma p√°gina da Web e para definir sua apar√™ncia gr√°fica.



Na realidade, as linguagens envolvidas na cria√ß√£o de uma p√°gina Web s√£o muito maiores em n√ļmero, por√©m, para se libertar rapidamente mesmo em caso de problemas, ter um conhecimento b√°sico de HTML e CSS √© mais do que suficiente.

Portanto, se você não tem conhecimento desse tipo, recomendo uma leitura atenta do meu guia de como criar uma página HTML, no qual apresento uma visão geral exaustiva do assunto.

Programas para criação de sites com Mac

Feitos os esclarecimentos iniciais necess√°rios, √© chegado o momento de ir ao fundo deste guia e de apresentar a voc√™ quais s√£o, em minha opini√£o, os melhores programas para criar sites com Mac dispon√≠vel atualmente.

BlueGriffon

O primeiro programa que quero convidar voc√™ a considerar √© BlueGriffon: neste caso, √© um software gratuito e de c√≥digo aberto que permite criar p√°ginas da Web em WYSIWYG (o que voc√™ v√™ √© o que voc√™ obt√©m), portanto, gra√ßas a uma interface gr√°fica do tipo apontar e clicar, mas tamb√©m com a possibilidade de escrever o c√≥digo HTML diretamente.


O programa √© multiplataforma (compat√≠vel, assim como com macOS, tamb√©m com Windows e Linux), gratuito (embora para desbloquear todos os recursos que voc√™ precisa para adquirir a vers√£o paga) e compat√≠vel com todos os padr√Ķes da Web mais recentes. Al√©m disso, √© poss√≠vel expandir sua funcionalidade instalando algumas extens√Ķes dispon√≠veis no site oficial.


Para baix√°-lo para o seu Mac, conectado ao seu site oficial, clique no item baixar na parte superior e clique no link abaixo do logotipo do macOS (OS X).

Assim que o download for conclu√≠do, inicie o pacote .dmg obtido anteriormente e, usando a janela que se abre na tela, arraste o√≠cone do programa na pasta Aplica√ß√Ķes no Mac. Em seguida, v√° para o √ļltimo, clique com o bot√£o direito no √≠cone BlueGriffon e clique em Apri duas vezes consecutivas, a fim de contornar as limita√ß√Ķes impostas pela Apple ao software de desenvolvedores n√£o certificados.

A interface do usu√°rio do software √© extremamente intuitiva: o barra de ferramentas na parte superior permite o acesso √†s principais fun√ß√Ķes do programa; usando os bot√Ķes localizados no barra de ferramentas localizado logo abaixo, voc√™ pode adicionar elementos √† p√°gina que est√° desenvolvendo. L√° barra de fun√ß√£o colocado √† esquerda, no entanto, cont√©m os elementos √ļteis para formatar o texto.

Finalmente, atrav√©s dos bot√Ķes localizados na parte inferior, √© poss√≠vel escolher se deseja exibir o editor no modo WYSIWYG, no modo Source ou com as duas visualiza√ß√Ķes simultaneamente (Dual View). BlueGriffon tamb√©m suporta a instala√ß√£o de add-ons - gratuitos e pagos - que permitem estender sua funcionalidade. Alguns j√° est√£o instalados "como padr√£o" e voc√™ pode encontr√°-los acessando o menu Ferramentas> Complementos.

SeaMonkey

SeaMonkey, mais do que um programa de criação de sites, é um software "faz-tudo" dedicado ao mundo da Internet: inclui um navegador baseado no motor Gecko, um cliente de e-mail, um cliente de chat para a rede IRC, um RSS leitor e claramente, um editor de HTML graças ao qual é possível criar e editar páginas web, inclusive em modo WYSIWYG (Composer).



√Č um software de c√≥digo aberto, totalmente traduzido para o na sua l√≠nguao e compat√≠vel com os sistemas operacionais Windows, macOS e Linux.

Para baix√°-lo para o seu Mac, vinculado a esta p√°gina, selecione o item macOS x64 no menu suspenso do sistema operacional, o item citt√†n - citt√†no no menu suspenso para sele√ß√£o de idioma e clique no link Fa√ßa o download, para baixar o arquivo de instala√ß√£o do programa para o seu computador.

Assim que o download for conclu√≠do, abra o pacote .dmg voc√™ obteve e, usando a janela do Finder que aparece na tela, arraste o√≠cone de SeaMonkey na pasta Aplica√ß√Ķes no Mac. V√° para a pasta mencionada, clique com o bot√£o direito no √≠cone que voc√™ acabou de copiar e pressiona Apri duas vezes consecutivas, para contornar as limita√ß√Ķes impostas pelo macOS ao software de desenvolvedores n√£o certificados. Se necess√°rio, escolha se deseja ou n√£o permitir o acesso do aplicativo contatos (fun√ß√£o √ļtil se voc√™ pretende us√°-lo para gerenciamento de e-mail).

Depois de chegar √† tela inicial do SeaMonkey, voc√™ pode iniciar o editor Composer acessando o menu Arquivo> Novo> Composi√ß√£o da p√°gina. Esta ferramenta n√£o necessita de apresenta√ß√Ķes especiais: utilizando a barra superior do programa √© poss√≠vel adicionar elementos √† p√°gina, a barra localizada imediatamente abaixo permite aplicar a formata√ß√£o a textos e elementos semelhantes, enquanto o resultado pode ser visualizado na central parte da p√°gina. Feliz?

Adobe Dreamweaver

eu n√£o acho Adobe Dreamweaver dispensa apresenta√ß√Ķes: sem sombra de d√ļvida, √© uma das solu√ß√Ķes profissionais mais populares e poderosas para a cria√ß√£o de v√°rios tipos de sites na Internet. Apesar do que se possa crer, este software tamb√©m pode ser utilizado por novatos, pois integra um editor visual atrav√©s do qual √© poss√≠vel adicionar elementos de v√°rios tipos √†s p√°ginas web.



Entre outras coisas, o Dreamveawer √© compat√≠vel com um grande n√ļmero de linguagens da web, incluindo CSS, PHP, JavaScript e ASP, portanto, pode ser usado para construir sites da Internet completos e bem arredondados. Como voc√™ pode imaginar, este software est√° dispon√≠vel mediante pagamento, por√©m √© poss√≠vel testar todas as suas funcionalidades gratuitamente por um per√≠odo de 30 dias.

Voc√™ me pergunta como fazer assim? Deixe-me explicar para voc√™ imediatamente. Para come√ßar, conectado ao site do programa, clique no bot√£o Vers√£o de teste gr√°tis e aguarde o download completo do cliente para o seu computador.

Quando o download estiver conclu√≠do, abra o pacote .dmg baixado anteriormente, clique duas vezes no √≠cone do arquivo de instala√ß√£o do programa e siga as instru√ß√Ķes que lhe s√£o propostas para finaliz√°-lo: clique no bot√£o log in para fazer login com sua ID Adobe (se n√£o a tiver, pressione Register e insira os dados necess√°rios), indique o seu n√≠vel de compet√™ncia Dreamweaver, seu ocupa√ß√£o atual e especifique para quem ir√° instalar o programa.

Insira todas as informa√ß√Ķes necess√°rias, clique nos bot√Ķes ContinuandoComece a instalar, para iniciar a configura√ß√£o real do programa, o que pode levar v√°rios minutos.

A interface do Dreamweaver pode parecer dif√≠cil, mas, uma vez "assimilada", pode ser gerenciada sem problemas: no topo da tela voc√™ pode ver as altera√ß√Ķes feitas na p√°gina em formato gr√°fico, enquanto na √°rea abaixo voc√™ pode digitar o c√≥digo de a p√°gina.

Se necess√°rio, o programa tamb√©m pode ser usado "ao contr√°rio", ou seja, modificando a parte gr√°fica e estudando as modifica√ß√Ķes em HTML. Atrav√©s das v√°rias barras de menu e ferramentas, voc√™ pode acessar as v√°rias fun√ß√Ķes do software.

XAMPP

Se pretende experimentar a cria√ß√£o de um site que seja em m√©dia complexo ou que tamb√©m possa ser vis√≠vel de fora, sem comprar nenhum dom√≠nio ou espa√ßo de alojamento, o software pode ajud√°-lo. XAMPP: se voc√™ nunca ouviu falar, este √© um programa que permite criar um servidor web em poucas palavras, instalando tamb√©m complementos como o motor PHP e o gerenciador de banco de dados MySQL. O software √© open source, gratuito e multiplataforma, portanto tamb√©m compat√≠vel com Windows e Linux, bem como com macOS.

Para obt√™-lo, conectado ao site do XAMPP, clique no bot√£o Descarga no topo, localize a caixa XAMPP para OS X e aperte o bot√£o Scarica (64 bits) correspondente √† vers√£o do PHP que pretende utilizar para desenvolver o seu site. Em caso de d√ļvida, consulte a √ļltima edi√ß√£o do programa.

Depois de obter o pacote .dmg, inicie-o e, usando a janela do Finder que aparece na tela, arraste o√≠cone do programa na pasta Aplica√ß√Ķes do Mac. Em seguida, v√° para o √ļltimo, clique com o bot√£o direito do mouse no programa que voc√™ acabou de copiar e, para superar as restri√ß√Ķes impostas pelo macOS a softwares de desenvolvedores n√£o certificados, pressione Apri duas vezes seguidas.

Ao abrir o programa pela primeira vez, voc√™ ser√° solicitado a permitir a inicializa√ß√£o de seus componentes: para continuar, clique no bot√£o OK e, quando solicitado, digite o senha no Mac e pressione novamente OK.

Se tudo correu bem, voc√™ deve estar agora na frente da tela principal do programa: para iniciar o servidor web, v√° at√© a aba Gerenciar servidores, clique no item Apache Web Server e depois no bot√£o Iniciar. Uma vez iniciado, o ‚Äúponto‚ÄĚ correspondente deve ficar verde. Al√©m disso, se o seu site requer o uso do banco de dados MySQL (por exemplo, se voc√™ pretende instalar o CMS WordPress), repita a mesma opera√ß√£o com o servidor Banco de Dados MySQL.

Assim que os servidores necess√°rios forem iniciados, volte para a guia Bem-vindo e clique no bot√£o Abrir pasta de aplicativo para abrir a pasta HTDOCS no Finder, para a qual voc√™ ter√° que copiar o filete do site que voc√™ est√° construindo. Para ver seu trabalho, inicie um navegador de sua escolha (por exemplo, Safari) e conecte-se ao site http://localhost:80, ou clique no bot√£o Aplica√ß√£o aberta anexado √† tela inicial do XAMPP.

Outras maneiras de construir sites no Mac

Se voc√™ veio at√© aqui, significa que entendeu bem como criar sites com mac utilizando os programas concebidos para o efeito. Se, no entanto, voc√™ n√£o teve sucesso em sua inten√ß√£o porque n√£o est√° familiarizado com HTML e, em geral, com desenvolvimento Web, saiba que o chamado CMSum Sistema de gerenciamento de conte√ļdo: para simplificar, s√£o plataformas Web completas acess√≠veis atrav√©s do navegador, que permitem criar e personalizar um site da Internet sem ter nenhum conhecimento das linguagens de programa√ß√£o necess√°rias.

Na rede, existem dezenas e dezenas de CMS, cada um criado com uma finalidade específica: WordPress, por exemplo, é um sistema destinado principalmente à criação de blogs, enquanto Joomla ele pode ser usado para criar sites de vários tipos, incluindo e-commerce. Antes de poder ser usado, um CMS deve ser instalado em um servidor web, que pode ser local (criado, por exemplo, com o XAMPP) ou remoto. Para saber mais sobre o assunto, consulte também o guia específico que criei sobre o assunto.

Como voc√™ diz? Depois de dar os primeiros passos na cria√ß√£o de sites, voc√™ pretende al√ßar v√īo e publicar tudo na Internet? Nesse caso, meu guia para a melhor hospedagem pode ajudar, no qual listei alguns dos portais mais conhecidos que oferecem tudo que voc√™ precisa para hospedar um site.

Finalmente, não se esqueça de obter um programa de FTP que pode facilmente enviar os arquivos do seu site para o espaço dedicado da web. Pessoalmente, recomendo que você considere usar FileZilla, um dos melhores softwares desse tipo, sobre o qual falei no meu guia de como usar o FileZilla.

Como criar sites no Mac

√Āudio v√≠deo Como criar sites no Mac
Adicione um coment√°rio do Como criar sites no Mac
Comentário enviado com sucesso! Vamos analisá-lo nas próximas horas.