TUTORIAL: Utiliser PHP Inclure au travail comme un cadre!

  • EvSouL
  • Born
  • Born
  • Avatar de l’utilisateur
  • Inscription: Mar 25, 2008
  • Messages: 3
  • Loc: California
  • Status: Offline

Message Mars 25th, 2008, 5:45 pm

Introduction


Je ne suis pas un programmeur.
Et l'autre soir, j'ai essayé de trouver comment faire fonctionner un div comme un cadre. Je voulais être en mesure de modifier un seul fichier HTML et le faire entrer en vigueur sur chaque page qui a été configuré pour afficher ce fichier HTML, mais sans avoir à modifier la samething sur plusieurs pages...Et comme la plupart des concepteurs que je voulais rester à l'écart depuis la période des cadres réels.
Alors je suis venu avec une façon de faire l'appel à une DIV html fichier externe comme un cadre ferait.
Notez s'il vous plaît j'ai mis cela dans le CSS / Webdesign article pour une raison. La plupart des concepteurs de sites Web qui ne programme ne sera pas regarder dans la section «Programmation des séances de tutorat webdesign. Plus le petit fait que ce n'est pas ici pour rien vous apprendre sur la programmation gif "alt =";)" title =" Wink "> Seulement une fonction utile d'incorporer dans «webdesign».

Avant de commencer Note


Maintenant, un petit mot, le serveur vous devez avoir accueilli avec PHP fonctionnant comme un service sur le serveur. De cette façon il sait comment utiliser le code suivant. Si vous hébergez votre propre serveur, vous pouvez télécharger PHP à partir http://www.php.net . Pas trop difficile, même si je préfère personnellement utiliser seulement un hôte qui supporte déjà à gagner du temps. Si vous avez un hébergeur gratuit qui ne le supporte pas et que vous souhaitez le support, godaddy.com je crois, a un paquet pour environ 4,80 $ par mois qui vous donne plusieurs concerts de stockage avec PHP, ASP, soutien, etc etc. mais nous n'auront pas vraiment là-dedans.

Le code PHP simple


Tout d'abord, vous devez changer l'extension de votre document principal d'être un php. Au lieu de. Html, cette façon, le serveur sait que vous allez utiliser du code PHP sur la page.

Mettre ce code à l'intérieur du DIV vous souhaitez afficher le fichier HTML externe:

Code: [ Select ]
 
        <?php
        include('url-to-your-html-file.html')
        ?>
  1.  
  2.         <?php
  3.         include('url-to-your-html-file.html')
  4.         ?>


Très simple et fonctionne très bien. Le fichier HTML externe continue de suivre la feuille de style de la page affichée sur son être.

Votre résultat final


Votre résultat final devrait ressembler à ceci:

Code: [ Select ]
   
       <div id="div-name">
         <?php
         include('url-to-your-html-file.html')
         ?>
       </div>
 
  1.    
  2.        <div id="div-name">
  3.          <?php
  4.          include('url-to-your-html-file.html')
  5.          ?>
  6.        </div>
  7.  


Whats happening dans le code ci-dessus, la div se redimensionne utiliser les styles que vous avez spécifié dans votre fichier CSS. Et la fonction PHP include affichera le fichier HTML au sein de ces styles et de remplir la DIV. Maintenant votre DIV est, dans un rond-point manière de fonctionner comme un cadre!...en prenant bien son «concept» à partir des cadres d'appeler à un fichier externe .. mais le faire beaucoup mieux. Donc, votre DIV n'est pas en fait à travailler comme cadre, mais le code à l'intérieur de la DIV fait apparaître comme s'il s'agissait d'une trame...sans les «victimes» d'être un cadre!

Quick exemple http://www.sonic.net/~eighth08/phptesting/

[tuthead] Conclusion


J'ai trouvé très utile dans ma situation, vous trouverez peut-être utile dans une situation où vous voulez modifier le contenu dans un fichier HTML et que les modifications se manifester par l'ensemble du site où jamais un div appelle à elle. Je trouve que cela fonctionne bien avec une annonces / section nouvelles que vous voudrez peut-être sur chaque page ..
Quoi qu'il en soit voilà! Et j'espère que cela peut aider quelqu'un dans le futur.
N'oubliez pas que vous pouvez utiliser cette fonction au sein de nombreuses divs et vous épargner une tonne de travail si vous faites des mises à jour constante!
J'ai trouvé que son agréable d'utiliser cela dans une barre de navigation car il vous donne la possibilité de mettre à jour dans le menu tout au long de l'ensemble du site en éditant une simple (ou complexe) de fichiers.

Merci! Et je voudrais bien connaître vos réactions.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mars 25th, 2008, 5:45 pm

  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Avril 8th, 2008, 8:10 pm

Ne pas oublier que si vous incluez un fichier en utilisant cette technique, il ne fonctionne pas comme un iFrame ou un cadre...

Un peu à ce sujet est couvert ici par moi.

Ce que je veux surtout souligner, c'est que vous n'aurez pas <html> <head> </ head> <body> et </ body> </ html> sur toutes les pages que vous serez compris. Simplement sur la page d'accueil que les autres fichiers sont inclus dans...Voici un exemple rapide...
[code]
<html>
<head>
<title>Hey</title>
</head>
<body>
<div class="navigation">
<?php
include('nav.html');
?>
</div>
</body>
</html>
[/quote]
And the nav.html would look like...
Code: [ Select ]
<a href="#">#</a><br />
<a href="#">#</a><br />
<a href="#">#</a><br />
  1. <a href="#">#</a><br />
  2. <a href="#">#</a><br />
  3. <a href="#">#</a><br />

Donc, essentiellement, ce que son EvSouL dit... "Ainsi votre DIV n'est pas en fait à travailler comme cadre, mais le code à l'intérieur de la DIV fait apparaître comme s'il s'agissait d'une trame...sans les «victimes» d'être un cadre! "
"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Afficher de l'information

  • Total des messages de ce sujet: 2 messages
  • Modérateur: Tutorial Writers
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 3 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC