Aula de 20-09-2016 e 27-09-2016
Criação: Página html
Programas utilizados: Notepad++ (N) e Filezilla (F)
Explicação por passos:
Passo 1N- Escrever, na segunda linha, "<html>" (enter)
Passo 2N- Escrever "<head> (enter)
Passo 3N- Escrever na terceira linha "<title>" e, à frente o título conforme o pretendido, neste caso "Pagina incial da Joana", e para finalizar "</title> (enter)
Passo 4N- Escrever, para escolher a cor e a fonte a serem utilizadas, "<font color="black" face="GilSansMT" sice="4">" tendo em conta o nome da cor, o nome da fonte e o tamanho desejado
Passo 5N- Escrever na quarta linha "<body>" (enter)
Passo 6- Escrever, para escolher a cor das informações que aparecerão em "<body>" "<body bgcolor="#b9dadd">" segundo o código de cor desejado
Passo 6N- Esrever nas linhas seguintes a informação necessária, neste caso na quinta linha "Faculdade de Arquitectura", na sexta linha "Design", na sétima linha "Joana Santos", na oitava linha "Modelação Paramétrica e Prototipagem Digital em Design", na nona linha "href="http://joanaroquetesantos95.blogspot.com">Blog Pessoal</a>" (que faz referência ao blog pessoal), na décima linha "Docente: Luis Romão"
Passo 7N- Sempre que pretendermos deixar um espaço entre linhas, escrever "<br>"
Passo 8N- Para inserir uma fotografia de rosto pessoal, escolher o sítio pretendido segundo a ordem de aparecimento da informação, neste caso entre "Design" e "Joana Santos" e escrever "<img src="joana.gif">"
Passo 9N- Sempre que seja desejado colocar o texto no centro escrever o código "<center>" e quando pretendido terminar "</center>"
Passo 10N- Escrever, para concluir a criação do corpo, "</body>"
Passo 11N- Escrever, para concluir a criação da página, "</html>"
Passo 12N- Guardar o ficheiro em index.html
Passo 13F- Abrir programa Filezilla
Passo 14F- Preencher os dados em "servidor", "nome de utilizador" e "palavra-passe"
Passo 15F- Clicar em "Ligação rápida"
Passo 16F- Criar uma nova pasta com o nome "public.html"
Passo 17F- Nessa pasta guardar o ficheiro referente à fotografia pessoal utilizada e o ficheiro index.html
Passo 13F- Abrir programa Filezilla
Passo 14F- Preencher os dados em "servidor", "nome de utilizador" e "palavra-passe"
Passo 15F- Clicar em "Ligação rápida"
Passo 16F- Criar uma nova pasta com o nome "public.html"
Passo 17F- Nessa pasta guardar o ficheiro referente à fotografia pessoal utilizada e o ficheiro index.html
Nota: Sempre que se começa uma nova função, esta deve vir entre sinais de menor e maior "<xxx>", quando terminada a função, esta deve vir entre sinais de menor e maior com uma barra lateral </xxx>
Nota: Ao escrever no Notepad++ nunca se utiliza acentos, existem códigos que darão os acentos
para colocar um "ç" o código é "ç"
para colocar um "ã" o código é "ã"
exemplo: Modelação escreve-se em código Modelação
 |
| Imagem 1 Processo de Criação |
 |
| Imagem 2 Página html finalizada |
Sem comentários:
Enviar um comentário