Mudanças entre as edições de "Postar Notícia no site da FAHOR"

De IT's Instruções de Trabalho - FAHOR/CFJL
Ir para navegação Ir para pesquisar
 
(7 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
 +
'''ITCI083''' - Esta instrução de trabalho mostra como dimensionar imagens e postar notícias no site da FAHOR.
 +
 
=== Dimensionar imagens ===
 
=== Dimensionar imagens ===
 
* Abra a imagem que será usada na notícia com o Fireworks (ou outro programa que seja capaz de dimensionar imagens).
 
* Abra a imagem que será usada na notícia com o Fireworks (ou outro programa que seja capaz de dimensionar imagens).
Linha 16: Linha 18:
 
:[[File:ClipCapIt-140709-084455.PNG]]
 
:[[File:ClipCapIt-140709-084455.PNG]]
  
=== Postar a notícia ===
+
=== Notícia ===
 
* Abra o Dreamweaver, escola o site da FAHOR (1) e abra a pasta notícias (2)
 
* Abra o Dreamweaver, escola o site da FAHOR (1) e abra a pasta notícias (2)
 
:[[File:ClipCapIt-140709-085045.PNG]]
 
:[[File:ClipCapIt-140709-085045.PNG]]
Linha 23: Linha 25:
 
* Clique em '''Arquivo > Salvar como''' e Salve com o nome da próxima notícia
 
* Clique em '''Arquivo > Salvar como''' e Salve com o nome da próxima notícia
 
:[[File:ClipCapIt-140709-085921.PNG]]
 
:[[File:ClipCapIt-140709-085921.PNG]]
 +
*Com a nova notícia aberta, altere o '''Título, Data de publicação e o Texto da notícia'''
 +
:'''Importante!''' Cuidado para não desconfigurar a fonte. Dica: utilizar o código para alterar os textos.
 +
:[[File:ClipCapIt-140709-092305.PNG]]
 +
* Para alterar a imagem, clique nela, vá até '''Orig''' e troque o nome dela para o nome da notícia atual.
 +
:[[File:ClipCapIt-140709-092441.PNG]]
 +
* Salve as alterações (Ctrl + S).
 +
* Selecione a notícia e as imagens(1) e enviei-as para o servidor "quente" clicando na flecha para cima (2)
 +
:[[File:ClipCapIt-140709-092741.PNG]]
 +
*Salve as alterações e envie para o '''Servidor remoto'''
 +
 +
=== Index de notícias ===
 +
Após criar a notícia, deve ser criado um link na página "Notícias" do site. Para isso, siga os passos abaixo.
 +
* Na pasta notícias, abra o arquivo '''index'''.
 +
* Copie a primeira linha da tabela e cole (para criar uma nova)
 +
:[[File:ClipCapIt-140709-094744.PNG]]
 +
:* Altere a '''data, o título e o link da notícia'''
 +
:[[File:ClipCapIt-140709-094952.PNG]]
 +
 +
=== Página Inicial ===
 +
Por padrão, existem sempre 10 notícias na página inicial. Então, quando tiver uma nova notícia, é preciso excluir a mais antiga.
 +
* Abra a '''Index''' do site
 +
:[[File:ClipCapIt-140709-095302.PNG]]
 +
* Vá até a última notícia postada. Através do '''"Código"''', selecione a notícia desde '''"...##Bloco para uma notícia início##..." até "...##Bloco para uma notícia fim##..."''' e Recorte (Ctrl + X).
 +
:[[File:ClipCapIt-140709-095911.PNG]]
 +
* Vá até a primeira notícia, e cole depois do início dela.
 +
:[[File:ClipCapIt-140709-100103.PNG]]
 +
* Altere o título(1), imagem(2), texto(3) e o link da notícia(4)
 +
:[[File:ClipCapIt-140709-100342.PNG]]
 +
*Salve as alterações e envie para o servidor remoto.

Edição atual tal como às 14h14min de 15 de fevereiro de 2018

ITCI083 - Esta instrução de trabalho mostra como dimensionar imagens e postar notícias no site da FAHOR.

Dimensionar imagens

  • Abra a imagem que será usada na notícia com o Fireworks (ou outro programa que seja capaz de dimensionar imagens).
  • No Fireworks, clique em Arquivo > Visualizar imagem ou Ctrl + Shift + X
  • Selecione a opção JPEG (Utilize PNG apenas para casos extremos onde a qualidade da imagem precisa ser muito boa, isso ajuda a carregar a imagem mais rápido)
  • Para imagens sem escrita, utilize Qualidade 80
  • Para imagens com escrita, utilize Qualidade 85 ou 90.
ClipCapIt-140709-084305.PNG
  • Clique na aba Arquivo
  • Para a imagem que será inserida na notícia, utilize a Largura de 447 pixels (altura não importa).
  • Para a imagem que será inserida na parte inicial do site (pequena), utilize a Largura de 177 pixels (altura não importa)
Obs.: É muito importante respeitar estas dimensões para que o site não se desconfigure.
  • Depois de dimensionar as imagens, clique em Exportar
  • Salve em P:\Fahor\noticias com o nome da notícia seguinte:
  • Por exemplo: Se a última notícia foi a n700, salve como n701.
  • Para a imagem pequena, coloque um "p" ao lado: n701p
ClipCapIt-140709-084455.PNG

Notícia

  • Abra o Dreamweaver, escola o site da FAHOR (1) e abra a pasta notícias (2)
ClipCapIt-140709-085045.PNG
  • Vá até a última notícia postada e abra;
ClipCapIt-140709-085802.PNG
  • Clique em Arquivo > Salvar como e Salve com o nome da próxima notícia
ClipCapIt-140709-085921.PNG
  • Com a nova notícia aberta, altere o Título, Data de publicação e o Texto da notícia
Importante! Cuidado para não desconfigurar a fonte. Dica: utilizar o código para alterar os textos.
ClipCapIt-140709-092305.PNG
  • Para alterar a imagem, clique nela, vá até Orig e troque o nome dela para o nome da notícia atual.
ClipCapIt-140709-092441.PNG
  • Salve as alterações (Ctrl + S).
  • Selecione a notícia e as imagens(1) e enviei-as para o servidor "quente" clicando na flecha para cima (2)
ClipCapIt-140709-092741.PNG
  • Salve as alterações e envie para o Servidor remoto

Index de notícias

Após criar a notícia, deve ser criado um link na página "Notícias" do site. Para isso, siga os passos abaixo.

  • Na pasta notícias, abra o arquivo index.
  • Copie a primeira linha da tabela e cole (para criar uma nova)
ClipCapIt-140709-094744.PNG
  • Altere a data, o título e o link da notícia
ClipCapIt-140709-094952.PNG

Página Inicial

Por padrão, existem sempre 10 notícias na página inicial. Então, quando tiver uma nova notícia, é preciso excluir a mais antiga.

  • Abra a Index do site
ClipCapIt-140709-095302.PNG
  • Vá até a última notícia postada. Através do "Código", selecione a notícia desde "...##Bloco para uma notícia início##..." até "...##Bloco para uma notícia fim##..." e Recorte (Ctrl + X).
ClipCapIt-140709-095911.PNG
  • Vá até a primeira notícia, e cole depois do início dela.
ClipCapIt-140709-100103.PNG
  • Altere o título(1), imagem(2), texto(3) e o link da notícia(4)
ClipCapIt-140709-100342.PNG
  • Salve as alterações e envie para o servidor remoto.