Joomla

Assim como outros CMS, o Joomla ajuda a resolver um problema muito comum, que é o custo de se criar e manter um web site ou web portal razoavelmente complexo, repleto de recursos e conteúdo e que tem que ser mantido por várias pessoas com pouco ou nenhum conhecimento técnico. A forma tradicional de se produzir um website ou web portal é a de se utilizar uma equipe de designers e programadores para construir o site e publicar o conteúdo. Os autores e editores de conteúdo ficam na dependência do pessoal técnico para conseguir publicar seu material no dia a dia. Acrescentar novos recursos envolve bastante tempo e dinheiro. O Joomla e outros CMS foram criados para ajudar a aliviar este problema.


Vantagens:


Joomla! é decididamente software livre e não haverá alterações de modelo (isto é, vai continuar disponível gratuitamente);


Existem vários milhares de módulos e componentes disponíveis;

A popularidade do Joomla! cresce rapidamente bem como a sua comunidade de utilizadores;

A equipa responsável Joomla!, está fortemente comprometida com o projecto e está disposta a modernizar o software continuamente;

É um dos CMS com mais recursos disponíveis e de fácil utilização;

Foi escrito com PHP e MySql, dois dos softwares open source mais populares da Internet.

Desvantagens:
Como estes sistemas são todos idealizados fora do Brasil, existe também no caso do Joomla uma carência de documentação em português, embora a documentação em inglês seja mais do que abundante. Mesmo assim algumas iniciativas estão sendo tomadas para amenizar o problema, especialmente pelo pessoal da comunidade de Portugal. Esta seria, na minha opinião, a principal desvantagem do sistema

http://outrolado.com.br/Artigos/joomla_uma_grande_opcao_em_cms_livre
http://www.joomlapt.com/o-que-e-joomla.html
http://www.joomla.com.br/o-que-oomla-mainmenu-60.html

Utilizando camadas no Photoshop

Na aula de terça feira aprendemos fazer outras coisas com as camadas. Cria uma nova camada e logo apos clica duas vezes nela que aparecerá mais opções para escolher o que vai fazer, são conhecidos como estilos de camada. No estilo de camada, temos a Sombra Projetada, que ao clicar nela aparece varias opções para ficar da forma que quiser, da para mudar o modo de mesclagem, opacidade, distância, expansão e tamanho.
Existe outro estilo que é o Chanfro e Entalhe que dá pra mudar o estilo, técnica, profundidade, direção, tamanho, suavização e alguns outros que ainda não aprendemos...

Apresentação no BrOffice.org

Formatar - pagina - plano de fundo - cor desejada
Formatar - area - area - cor desejada
Formatar - area - area - sombra - utilizar sombra e escolhe o local desejado pra sombra
Formatar - texto - animação do texto - efeito, escolhe o que mais te interessa.
Em layout escolhe a que melhor fica na sua apresentação
Marcadores e numeração dá para escolher o marcador que quiser, dá para colocar cor e muitas outras coisas.

Algumas propriedades do CSS

Usamos o background-color para mudar a cor do plano de fundo da pagina e dá para colocar o numero da cor ou o nome dela; background-image para colocar uma imagem no plano de fundo da pagina, para isso devemos colocar o caminho url(caminho/imagem.gif); background-repeat é a maneira como a imagem do fundo é posicionada, tendo essas formas para selecionar: não repete: no-repeat, repete vertical e horizontal: repeat, repete vertical: repeat-y, repete horizontal: repeat-x; background-attachment, se a imagem do fundo “rola” com a tela, temos as seguintes opções: imagem fixa na tela: fixed, imagem "rola" com a tela: scroll.

Efeitos para links
Os efeitos em links são possíveis através de declarações de regras de estilo para as pseudo classes do elemento do HTML. As pseudo classes são usadas em CSS, para adicionar efeitos diferentes a alguns seletores, ou a uma instância de alguns seletores.
São quatro pseudo classes dos links:
1. a:link........define o estilo do link no estado inicial;
2. a:visited...define o estilo do link visitado;
3. a:hover.....define o estilo do link quando passa-se o mouse sobre ele;
4. a:active....define o estilo do link ativo (o que foi "clicado").


A ordem das declarações devem ser:
a:link
a:visited
a:hover
a:active


Removendo o sublinhado dos links
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: underline;
color: #FF0000;
}
a:active {text-decoration: none}


Adicionando sublinhado e sobrelinhado
a:link, a:visited, a:active {
text-decoration: underline;
}
a:hover {text-decoration: underline overline;
color:#FF0000;
}


Acrescentando um fundo
a:link, a:visited, a:active {
text-decoration: underline;
}
a:hover {text-decoration: underline;
background:#ffc;
color: #FF0000;
}


Link que muda a cor de fundo
a:link, a:visited, a:active {
text-decoration: underline;
background:#FFFFFF;
}
a:hover {text-decoration: underline;
color:#000;
background:#FFFFCC; }
A ordem das declarações devem ser:
a:link
a:visited
a:hover
a:active

Trabalhando com camadas do Photoshop

Na aula de hoje aprendemos muitos meios de utilizar as camadas do Photoshop. Uma delas é a que fizemos dois exercicios nela que é mudar o plano de fundo em camada que é assim: clica duas vezes no plano de fundo, no painel camada, ou assim, Camada>Nova>Camada a partir do plano de fundo depois clique ok e crie uma camada duplicada que cria assim: botao direito em cima da camada, duplicar camada e aperte ok. Essa só é a primeira parte, a segunda é criar uma mascara para a camada, onde apertamos no quadrado que contem uma bola dentro. Logo após tire a seleção da primeira camada e comece apagar tudo na imagem da pessoa, so deixe o rosto, pode apagar os olhos, a sombrancelha, os buracos do nariz e a boca. Feito isso, clique em cima da camada e selecione filtros>desfoque>desfoque de superficie, com o raio 5 e o limiar entre 10 e 15 e clique ok. Depois selecione a outra camada e salve. Veja a diferença a seguir:

                                  Essa imagem é antes da modificação, veja como o homem tem muitas rugas 

              Já nesta imagem ele não tem muitas rugas e até ficou sem barba, bem mais bonito do que antes.

Comandos para desenvolvimento para internet (html)

Na aula de hoje aprendemos a utilizar comandos para html. Como exemplo, tem os comandos para borda, que altera a espessura, a cor e o estilo. Existe tambem a text-transform que modifica a forma das letras, text-ident que modifica a indentação do texto, text-decoration que decora o texto, text-align que faz o alinhamento do texto e direction, que modifica a direção do texto. No momento só aprendemos esses, mas nas proximas aulas iremos aprender outros comandos.

Comandos para usar as camadas do Photoshop

Na aula de terça passada vimos alguns comandos para o Photoshop para utilizar as camadas. Veja algumas a segui:
ferramenta varinha magica e seleçao rapida (clicando no contorno da imagem seleciona certo)


selecionar e inverter inverte a seleção

camada - nova camada

da control c depois control v no plano de fundo

a seleçao rapida com o mais diminui a seleçao e com o menos aumenta.

editar - transformaçao - redimensionar

editar - transformaçao - inclinar

control a

botao direito em cima da camada - distorcer texto

Propriedades CSS

Na aula de hoje aprendemos várias propriedades para usar no CSS e relembramos uma delas. Algumas delas são: a cor do texto, tipo de fonte, tamanho da fonte, estilo da fonte, fontes maiusculas de maior altura, torna a fonte em negrito, espaçamento de letras e espaçamento entre palavras. Para isso precisa criar um paragrafo na pagina em html e depois criar os comandos em formato CSS.

Usando o BRoffice Calc

Na aula de hoje aprendemos a usar o broffice calc e no broffice writen o assistente de mala direta. No calc podemos fazer uma lista com nomes de pessoas, e tudo mais e no writen da para fazer uma carta e com os dados das pessoas do calc imprimir ou enviar so fazendo uma carta e nao varias.

Broffice.org nos concursos publicos

Agora nos concursos públicos tem-se pedido a utilização do Broffice e essa exigência vem crescendo. Muitos concursados procuram cursinhos preparatórios para isso. O professor que leciona aulas para esses concursos diz que está com as salas lotadas. Os alunos chegam com pouca noção dessa ferramenta e muitos não se interessam a novas tecnologias. As pessoas que já se inscreveram em concurso público estam mais aptas a esta ferramenta, por ser um assunto novo nem sempre deixa satisfeito para surpreender os concorrentes. "O domínio completo de software livre coloca o candidato na posição de competitividade, seja na prova objetiva, seja no teste prático", explica Paulo Delfino. Quando se tem que estudar para duas suites, o professor compara as duas para que os alunos entendam melhor. Se dedicar um tempo a questões anteriores, estes não sentem muita dificuldade. As vezes o problema está em questões mal elaboradas e por isso que os alunos devem prestar muita atenção. Se a partir do estudo de provas anteriores tiver duvidas, deve procurar ajuda no software ou procurar grupos para tirar dúvidas. O candidato pode muito bem saber o pratico mas na hora da teoria pode se enrolar em questões tecnicas de informatica, por isso o professor diz para prestar atenção. Se a partir do estudo de provas anteriores tiver duvidas, deve procurar ajuda no software ou procurar grupos para tirar dúvidas. O candidato pode muito bem saber o pratico mas na hora da teoria pode se enrolar em questões tecnicas de informatica, por isso o professor diz para prestar atenção. O jornalista Luis Henrique diz que vai se preparar por conta propria, tendo um plano de estudos a partir de lista de conteudos e de outras provas. Analisa as questões dizendo: "São perguntas do tipo, para você fazer tal coisa precisa fazer quais passos?". As perguntas de verdadeiro e falso são as que podem gerar mais confusão. "O jovem que entra em concurso está sendo desafiado e isso coloca uma pressão sobre os orgãos para que lidem com a necessidade de reconhecimento mais imediata", diz Paulo Delfino.

Utilizando texto em colunas com figuras

Na aula de hoje aprendemos como colocar o texto (Br office) em colunas com figuras no meio do mesmo ou ao lado.
Para inserir uma figura, clique em inserir, figura, de um arquivo e escolher qual seria a figura desejada.
Para colocar a figura ao lado ou no meio do texto é so clicar na figura duas vezes que aparece uma janela com as opções para a quebra automática. Existem seis tipos; nenhuma, antes, depois, paralela, através e ideal. Na mesma janela da quebra automática tem como colocar o espaçamento que achar ideal para o seu texto com a figura, o espaçamento está dividido em quatro; esquerda, direita, acima e abaixo.

Ferramentas para o photoshop

Na aula de ontem vimos com utilizar algumas ferramentas do photoshop.
A ferramenta laço corta a figura, mas não sai muito corretamente, sai muito torto.
A ferramenta laço poligonal corta a figura em linha reta, o que não acontece na ferramenta laço e tem que ir clicando para sair uma linha.
A ferramenta laço magnético é só clicar uma vez e sair arrastando o mouse que vai demarcando a área da figura que quer corta.
Observação: Se depois de selecionado a parte da figura que quer cortar e não clicar na ferramenta mover, não acontece nada.
Se clicar em selecionar e depois em inverter, ou shift + ctrl + i, fica selecionado o que você não tinha selecionado, é invertida a seleção.
Varinha seleciona onde tem pixels de cores iguais.
Com a seleção da varinha mágica e clicando o alt tira a parte que foi selecionada.
Seleção rápida é melhor do que varinha mágica.
O conta gotas seleciona a cor que deseja clicando em cima da figura.

Resumo da aula

Hoje na aula vimos como coloca um plano de fundo no Br office, como coloca figura ou cores. Vimos tambem como se desenha com os moldes que ja vem no Br office.
Para primeiro colocar o plano de fundo, clica com o botao direito do mouse em cima do arquivo de texto em branco e depois clica em pagina, logo em seguida escolhe uma cor ou uma figura.
Para colocar a barra de ferramentas de desenho visivel, clica em exibir, barra de ferramentas e depois desenho, apos isso aparece todas as opções para desenhar.
Para modificar a fonte, a cor e o tamanho do texto, primeiro de tudo seleciona todo o texto, depois clica em exibir, barra de ferramentas e formatação que aparece a barra de ferramentas da formataçao.

Criando telas no photoshop

Imagem 1

Na imagem 1 foi bem mais simples, primeiro pintei o fundo com a lata de tinta da cor verde, logo em seguida escolhi o pincel das folhas e fui desenhando sem parar, um em cima do outro. Dessa forma, a imagem ficou assim.

Imagem 2

Na imagem 2, usei o balde de tinta na cor azul para o ceu. Logo em seguida, usei o pincel para criar a grama verde. Ainda com o pincel, so que diferente, fiz o boneco, as estrelas e as folhas coloridas.

Editando textos no Br office

Para formatar um texto no Br office necessita-se de um pouco de entendimento do programa.
Para colocar recuo e espaçamento, clica-se em formatar, paragrafo, recuo e espaçamento e a partir disso coloca-se o que foi pedio.
Para ativar ou desativar marcadores, clica-se no icone do lado direito da tela.
Clicando em ctrl + a, seleciona todo o texto.
Para inserir margens, clica-se em formatar, apos isso pagina, depois vai em margem e digita a margem desejada.
Para colocar o paragrafo selecionado na proxima pagina, coloca-se o cursor no lugar desejado, depois clica em inserir, quebra manual e quebra de página.
Para que o texto da internet nao venha com a formataçao do site, clica-se em editar, colar especial e sem formatação.
Para colocar um estilo que vem no Br office, clica-se em formatar e depois em estilos e formatação. Para criar um estilo é so apertar o botao direito do mouse, clicar em novo e modificar do jeito que desejar. Apos ter fechado um arquivo, já com o estilo e formatação desejado e quiser colocar o mesmo em outro texto, la em estilo e formatação, clica em novo estilo a partir da seleção e carregar estilos, depois disso é so clicar no arquivo de texto que já estava editado e pronto.

Quando usar um programa de pintura ou um programa de desenho?

Quando for necessário modificar, retocar, focalizar ou transformar uma imagem.
Na aula de hoje, vimos alguns exemplos disso, tambem podemos aplicar alguns efeitos na imagem para ficar diferente ou criar a partir do zero.
Existem alguns pontos fracos e pontos fortes sobre esses programas.
Pontos fracos: tem limitações quanto ao número de pixels, os números de pixels define a resolução de imagem, imprimir uma imagem em tamanho pequeno implica em resolução alta.
Pontos fortes: construir a imagem, criar linhas e formas que empilhados formam a imagem final, resolução: independente da ampliação, já que os desenhos são resultantes de equações matematicas.

Web

• Web significa teia ou rede.
• Site é um local dessa rede da web mundial.
• Mozilla Firefox, Ópera,  Internet Explorer, Google Chrome.
• Web 2.0 - sai da coisa estática (sem movimento) para o compartilhamento.
• Existem vários tipos de tecnologias para desenvolvimento web, entre elas são: xhtlm, css, javascript, php, jsp, xml, cgi, html, asp.net, xml.

Blog para avaliaçao de disciplina

Este  blog foi criado com o objetivo de avaliar o processo de ensino e aprendizagem das disciplinas de software aplicativo, dsi e produção eletronica do curso técnico de informática do Instituto Nossa Senhora da Gloria.