Manual de Instruo Uso da pgina pessoal de Professores e Funcionrios

Importante: Todos os arquivos que sero utilizados devero estar na mesma pasta; No se deve modificar nem renomear o arquivo index.htm; O programa utilizado para a construo da pgina ser o FrontPage, que por padro instalado junto com o pacote Office nos micros aqui da PUC, portanto qualquer micro que tenha o Office j tem o FrontPage.

ndice deste breve manual: 1. Achando e abrindo o FrontPage....................................................................1 2. Formatando o texto de sua pgina pessoal...................................................2 3. Criando links para outras pginas HTML ou arquivos ZIP, PDF e DOC..............................................................................3 4. Como inserir uma figura ou fotografia em uma pgina..................................5 5. Recomendaes importantes........................................................................8 1. Achando e abrindo o FrontPage Voc dever ir: menu Iniciar / Programas / Microsoft Office / Microsoft FrontPage.(Figura 1.1)

Figura 1.1

Instrues para criao de pgina pessoal no portal Produtrnica

-2-

Instrues para criao de pgina pessoal no portal Produtrnica 2. Formatando o texto de sua pgina pessoal A utilizao do FrontPage bem similar a do Word. Para facilitar a sua utilizao quanto formatao do texto de suas pginas pessoais, foi criada uma folha de estilos j incorporada s suas pginas HTML. Essa folha de estilos se encontra na caixa de estilos (veja figura 2.1 abaixo), nela voc encontrar os tipos de ttulos que devero ser utilizados. de extrema importncia que esses estilos sejam utilizados, pois para a padronizao e harmonia de todas pginas que esto no site Produtrnica.

Caixa de Estilo
Figura 2.1

Quando voc abrir qualquer um dos arquivos deste kit de pgina pessoal (consultoria.htm, curriculo.htm, documentos_arquivos.htm, ensino.htm, outros.htm, pesquisas.htm, publicacoes.htm, links.htm) voc notar que os arquivos j possuem exemplos desses estilos, que so: Ttulo 1, Ttulo 2, Ttulo 3 e Normal(para o texto). Devido ao estilo, caso voc deseje modificar a posio do texto para a esquerda, centralizado por exemplo, dever ser utilizado nesta mesma caixa de estilos as opes: .bold(negrito), .right(direita), .left(esquerda), .center(centralizado), etc (mais para o final da lista). Os botes de alinhamento padro da barra de ferramentas do FrontPage no funcionam quando se est usando a folha de estilo. Voc tem necessariamente que usar essas opes acima para mudar o alinhamento do texto em suas pginas pessoais.

-3-

Instrues para criao de pgina pessoal no portal Produtrnica 3. Criando links para outras pginas HTML ou arquivos ZIP, PDF e DOC Para criar um link voc precisa seguir alguns poucos passos:

Figura 3.1

Escreva um texto, selecione a parte que voc quer que seja um link para outro arquivo e clique com o boto direito em sobre ele, aparecer um pequeno menu (Figura 3.2);

Escolha neste menu a opo Hyperlink;(Figura 3.2)

-4-

Instrues para criao de pgina pessoal no portal Produtrnica

Figura 3.2

Aps clicar na opo Hyperlink aparecer uma janela (Figura 3.3).

Figura 3.3

-5-

Instrues para criao de pgina pessoal no portal Produtrnica Nesta janela voc deve escolher qual o arquivo voc quer direcionar seu link. Clique no boto , e na janela que aparece voc tem que

escolher qual o arquivo que o link est direcionando (Figura 3.4).

Figura 3.4

Para formar links de arquivos .zip, .pdf e .doc basta seguir o passo anterior, mas escolher o arquivo (.zip, .pdf ou .doc) que voc quer linkar;

4. Como inserir uma figura ou fotografia em uma pgina. Para inserir uma figura ou fotografia siga os passos abaixo: Coloque a figura que voc quer incluir na mesma pasta dos seus arquivos HTML de sua pgina pessoal (no funcionar caso o arquivo esteja em outra pasta). Coloque o cursor no local onde a figura ir ficar.

-6-

Instrues para criao de pgina pessoal no portal Produtrnica

Clique no boto

(Figura 4.1), aparecer ento uma janela onde

voc escolher o arquivo da figura ou fotografia (Figura 4.2);

Figura 4.1

Figura 4.2

Escolha a figura; Caso voc queira modificar a posio da figura clique no boto da barra de ferramentas (Figura 4.3). Assim voc poder localizar a figura em meio ao texto com mais facilidade; -7-

Instrues para criao de pgina pessoal no portal Produtrnica

Figura 4.3

Aps clicar, aparecero vrios pelo texto. Com isso aparecer tambm uma flecha (destacada na Figura 4.4). No caso desse exemplo, a flecha est relacionada imagem do Logotipo da Produtrnica, que tambm pode ser visto na Figura 4.4.

Ao clicar e arrastar esta flecha, voc muda o ponto de ancoragem da figura no texto com relao vertical. Para alterar o alinhamento na horizontal, veja os passos abaixo.

-8-

Instrues para criao de pgina pessoal no portal Produtrnica

Figura 4.4

Para mudar a posio da figura para centralizada, esquerda, direita, acima do texto, abaixo do texto etc, clique sobre a figura com o boto direito e escola a opo Propriedades da Figura..., na caixa de dilogo que aparece, v para aba Aparncia e na caixa de opes Alinhamento escolha o alinhamento desejado (Figura 4.5);

Figura 4.5

5. Recomendaes importantes. No se deve alterar nem renomear o arquivo index.htm; Utilize apenas letras minsculas para o nome dos arquivos e no utilize tambm caracteres especiais e acentuao, como por exemplo etc; Se o nome do arquivo precisar de espao no meio separando uma palavra e outra, no use espao, use _(Exemplo: manual_de_instruo.doc); -9-

Instrues para criao de pgina pessoal no portal Produtrnica Todos os arquivos e figuras que voc precisar em sua pgina pessoal devem estar na mesma pasta web ou em uma sub-pasta desta, em sua rea do Sophus. Assim, voc pode criar sub-pastas dentro da pasta web, no h problema.

-10-