Olá!
Estou a fazer um site de páginas dinâmicas em php, já tenho a homepage completa mas preciso de ajuda com as outras páginas. Como faço a ligação das outras páginas, através do menu, e utilizando php.
Ou seja, quero manter em todas as páginas o menu e o rodapé e o restante conteúdo ser dinâmico.
Basta usar o código php include? Se sim onde o devo colocar?
Existe alguma maneira mais fácil de o fazer?
Agradeço imenso a vossa ajuda.
O código do ficheiro index é este:
Código :
Estou a fazer um site de páginas dinâmicas em php, já tenho a homepage completa mas preciso de ajuda com as outras páginas. Como faço a ligação das outras páginas, através do menu, e utilizando php.
Ou seja, quero manter em todas as páginas o menu e o rodapé e o restante conteúdo ser dinâmico.
Basta usar o código php include? Se sim onde o devo colocar?
Existe alguma maneira mais fácil de o fazer?
Agradeço imenso a vossa ajuda.
O código do ficheiro index é este:
Código :
</head>
<body>
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Carla Delgado - Portfólio</a>
</div>[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif] <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">Skills</a></li>
<li><a href="#">Trabalhos</a></li>
<li><a href="#">Resumo</a></li>
<li><a href="#">Fotografia</a></li>
<li><a href="#">Contacto</a></li>[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif] </ul>
</li>
</ul>
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Pesquisar">
</div>
<button type="Submit" class="btn btn-default">OK</button>
</form>
</div>
</nav>
</header>
<!-- container -->
<div class="jumbotron">
<h1>Olá, o meu nome é Carla</h1>
<p>Sou uma aspirante a web developer, com formação em jornalismo e comunicação, paixão pelo webdesign, e por coisas criativas. Seja bem-vindo ao meu website e sinta-se à vontade para conhecer o meu trabalho. </p>
<p><a class="btn btn-primary btn-lg" role="button">Contactar!</a></p>
</div>[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif] <!-- jumbotron -->
[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif]<div class="row">
<div class="col-lg-4">
<img src="/img/imagem_01.jpg" alt="tablet" class="img-circle">
<h2>Heading</h2>
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
<p><a class="btn btn-default" href="#" role="button">Ler mais »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img src="/img/imagem_02.jpg" alt="computer" class="img-circle">
<h2>Heading</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
<p><a class="btn btn-default" href="#" role="button">Ler mais »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img src="/img/imagem_04 cópia.jpg" alt="work" class="img-circle">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn btn-default" href="#" role="button">Ler mais »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- 3 images and contents -->
<div class="footer">
<p class="pull-right"><a href="#">Topo</a></p>
<p>© 2013 Carla Delgado. · <a href="#">Privacidade</a> · <a href="#">Contacto</a></p>
</div>
<!-- footer -->[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif] </div>
</div>
[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif] <!-- jQuery (necessary for Bootstrap's Javascript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
<body>
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Carla Delgado - Portfólio</a>
</div>[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif] <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">Skills</a></li>
<li><a href="#">Trabalhos</a></li>
<li><a href="#">Resumo</a></li>
<li><a href="#">Fotografia</a></li>
<li><a href="#">Contacto</a></li>[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif] </ul>
</li>
</ul>
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Pesquisar">
</div>
<button type="Submit" class="btn btn-default">OK</button>
</form>
</div>
</nav>
</header>
<!-- container -->
<div class="jumbotron">
<h1>Olá, o meu nome é Carla</h1>
<p>Sou uma aspirante a web developer, com formação em jornalismo e comunicação, paixão pelo webdesign, e por coisas criativas. Seja bem-vindo ao meu website e sinta-se à vontade para conhecer o meu trabalho. </p>
<p><a class="btn btn-primary btn-lg" role="button">Contactar!</a></p>
</div>[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif] <!-- jumbotron -->
[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif]<div class="row">
<div class="col-lg-4">
<img src="/img/imagem_01.jpg" alt="tablet" class="img-circle">
<h2>Heading</h2>
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
<p><a class="btn btn-default" href="#" role="button">Ler mais »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img src="/img/imagem_02.jpg" alt="computer" class="img-circle">
<h2>Heading</h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
<p><a class="btn btn-default" href="#" role="button">Ler mais »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img src="/img/imagem_04 cópia.jpg" alt="work" class="img-circle">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn btn-default" href="#" role="button">Ler mais »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- 3 images and contents -->
<div class="footer">
<p class="pull-right"><a href="#">Topo</a></p>
<p>© 2013 Carla Delgado. · <a href="#">Privacidade</a> · <a href="#">Contacto</a></p>
</div>
<!-- footer -->[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif] </div>
</div>
[/font][/color]
[color=#282828][font='Helvetica Neue', Helvetica, Arial, sans-serif] <!-- jQuery (necessary for Bootstrap's Javascript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>