Você está na página 1de 18

Cadeira: Tecnologias e Programação Web

Eng. Helton L. General

Maputo, 2022
No fim da aula o estudante podera:

Imprimir mensagens

Criar estruturas de controle e repeticao

Manipular objetos

Tratamento de eventos
Primeiro você deve criar a pasta “assets” dentro de
raiz projecto/public. Em seguida copiar e colar as
pastas css, img e js do nosso template bootstrap
aceder ao ficheiro app/Views/templates/header.php
e actualizar a tag link do css com o código:
<?= base_url('assets/css/bootstrap.min.css'); ?>
aceder ao ficheiro app/Views/templates/footer.php e
actualizar a tag script do javascript com o código:
<?= base_url('assets/js/bootstrap.bundle.min.js');?>
Neste ponto, você pode introduzir seu código do
template. Neste tutorial iremos criar 2 paginas.
Home e About.
➢ Home: conterá o menu, slideshow, card de
notícias,
➢ About: conterá o menu, informações (card)
sobre a empresa.
O menu e o nome e/ou logotipo da empresa deve
ser colocado no ficheiro header.php, porém,
devido ao as demais páginas que utilizam o
mesmo header.php não podem ter o slideshow,
devido a esse impasse, você é obrigado a colocar
o slideshow no app/Views/pages/home.php
Portando no ficheiro
app/Views/templates/header.php dentro da tag
<body> deve colocar o código do seu menu
boostrap.
ATENÇÃO: a tag <header> não pode fechar dentro
do ficheiro header.php
No ficheiro app/Views/pages/home.php dentro
antes de fechar a tag <header> deve colocar o
código do seu slideshow boostrap.
ATENÇÃO: a tag <header> só pode fechar dentro
dos ficheiros que representam o corpo do seu
site web: home, about, services, galery, contact,
etc
No ficheiro app/Views/pages/home.php depois
de fechar a tag <header> deve colocar o código
do seu corpo do documento, no nosso caso
iremos criar as card de noticias do seu projecto.
No ficheiro app/Views/templates/footer.php
dentro deve inserir o código que representa o
rodapé.
No ficheiro app/Views/pages/about.php dentro
deve inserir o código que representa a pagina do
about, que costuma a ser sequencias de cards.
Atenção: o ficheiro about.php e os demais que
possa criar no seu site não possui o slideshow

Você também pode gostar