Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

dynamische Gestaltung einer Webseite

Frage Entwicklung HTML

Mitglied: TobiisFreaky

TobiisFreaky (Level 2) - Jetzt verbinden

23.05.2009, aktualisiert 18:41 Uhr, 4378 Aufrufe, 8 Kommentare

Hallo Leute,

ich habe mich schon seit etwas längeren mit HTML und CSS beschäftigt und auch PHP.
Ich bin gerade dabei meine eigene Webseite zu erstellen und kann die selbstbeigebrachten Kenntnisse gut umsetzen, nur mit der dynamik habe ich so ein Problem. Und zwar will ich in kurz und auch langfristiger Zeit Änderungen an meiner Seite vornehmen, wie z.B. Links, Bilder, neue div-layer hinzufügen. Wenn ich nah Fertigstellung etwas hinzufügen will müsste ich ja dann an allen meiner Seiten (*.html / *.php) diese div-layer auch miteinbauen und würde schon einiges an Arbeit und Zeitaufwand mit sich bringen.

Ich habe mir deshalb gedacht über die include / require-Funktion andere *php Dateien einzubinden, sodass diese man nur später an einer Stelle abändern muss und alle Änderungen werden jedoch auf jeder Seite sichtbar, da die Seiten diese geänderte Seite einbinde (includen).
Ich hoffe ich konnte rüberbringen wie ich das meinte und auch halb schon umgesetzt habe.
Meinen CSS Code habe ich auf w3c.com bereits validiert.

Wenn ich die index.php datei (Startdatei) mir anschaue, also den Quellcode im Browser, dann stelle ich fest, dass alle Inhalte aus der einzubindenden Datei vorhanden sind, dh. dass ca 6-7 mal das HTML Tag und auch HEAD, BODY etc vorkommen, was eigentlich nicht beabsichtigt und unangebracht ist. Mit DHTML konnte ich bisher nicht so viel anfangen, bzw. mich nicht wirklich anfreunden und mein Projekt nach DHTML umsetzen.


Deswegen wollte ich von euch gerne mal wissen, wie ihr das generell macht, wenn sich eine Seite in kurz- oder langfristiger Zeit ändert und immer wieder angepasst werden muss. Wäre sehr hilfreich wenn ich ein paar Ratschläge bekommen würde. Ich habe unten den Quellcode angehängt.

Vielen Dank im voraus

Freaky

im Browser angezeigter Quellcode:

01.
<html> 
02.
   <head> 
03.
      <title>Test 
04.
       </title> 
05.
	  <link rel="stylesheet" type="text/css" href="index.css"> 
06.
   </head> 
07.
   <body> 
08.
      <div id="wrapper"> 
09.
         Test 
10.
		 <div id="wrap_left"> 
11.
		 </div> 
12.
		 <div id="wrap_middle"> 
13.
		    <div id="header"> 
14.
			   <html> 
15.
   <head> 
16.
   <title></title> 
17.
      <link rel="stylesheet" type="text/css" href="header.css"> 
18.
   </head> 
19.
   <body> 
20.
      <div id="login"> 
21.
	     <html> 
22.
   <head> 
23.
      <link rel="stylesheet" type="text/css" href="login.css"> 
24.
   </head> 
25.
   <body> 
26.
    
27.
   </body> 
28.
</html>	  </div> 
29.
	  <div id="advertising"> 
30.
	     <html> 
31.
   <head> 
32.
      <link rel="stylesheet" type="text/css" href="advertising.css"> 
33.
   </head> 
34.
   <body> 
35.
   <div id="background"> 
36.
   </div> 
37.
   </body> 
38.
</html>	  </div> 
39.
	  <div id="navigation"> 
40.
	     <html> 
41.
   <head> 
42.
      <link rel="stylesheet" type="text/css" href="navigation.css"> 
43.
   </head> 
44.
   <body> 
45.
      <li> 
46.
	  <ul><a href="news.php" class="news"> 
47.
	  </a> 
48.
	  <a href="coverage.php" class="coverage"> 
49.
	  </a> 
50.
	  <a href="turniere.php" class="turniere"> 
51.
	  </a> 
52.
	  <a href="aktionen.php" class="aktionen"> 
53.
	  </a> 
54.
	  <a href="datenbank.php" class="datenbank"> 
55.
	  </a> 
56.
	  <a href="replays.php" class="replays"> 
57.
	  </a> 
58.
	  <a href="forum.php" class="forum"> 
59.
	  </a> 
60.
	  <a href="weltrangliste.php" class="weltrangliste"> 
61.
	  </a> 
62.
	  <a href="awards.php" class="awards"> 
63.
	  </a>	   
64.
	  <a href="sponsoren.php" class="sponsoren"> 
65.
	  </a> 
66.
	  <a href="ueberuns.php" class="ueberuns"> 
67.
	  </a> 
68.
      </li> 
69.
   </body> 
70.
</html>	  </div> 
71.
   </body> 
72.
</html>		    </div> 
73.
			<div id="content"> 
74.
			   <html> 
75.
   <head> 
76.
      <link rel="stylesheet" type="text/css" href="content.css"> 
77.
   </head> 
78.
   <body> 
79.
   test2 
80.
   </body> 
81.
</html>			</div> 
82.
			<div id="footer"> 
83.
			   <html> 
84.
   <head> 
85.
      <link rel="stylesheet" type="text/css" href="footer.css"> 
86.
   </head> 
87.
   <body> 
88.
   test3 
89.
   </body> 
90.
</html>		    </div> 
91.
		 </div> 
92.
		 <div id="wrap_right"> 
93.
		 </div> 
94.
      </div> 
95.
   </body> 
96.
<html>



Und hier mal die index.php:

01.
<html> 
02.
   <head> 
03.
      <title> 
04.
         Test 
05.
	  </title> 
06.
	  <link rel="stylesheet" type="text/css" href="index.css"> 
07.
   </head> 
08.
   <body> 
09.
      <div id="wrapper"> 
10.
         Test 
11.
		 <div id="wrap_left"> 
12.
		 </div> 
13.
		 <div id="wrap_middle"> 
14.
		    <div id="header"> 
15.
			   <?php 
16.
			      require("header.php"); 
17.
			   ?> 
18.
		    </div> 
19.
			<div id="content"> 
20.
			   <?php 
21.
			      require("content.php"); 
22.
			   ?> 
23.
			</div> 
24.
			<div id="footer"> 
25.
			   <?php 
26.
			      require("footer.php"); 
27.
			   ?> 
28.
		    </div> 
29.
		 </div> 
30.
		 <div id="wrap_right"> 
31.
		 </div> 
32.
      </div> 
33.
   </body> 
34.
<html>
Mitglied: neuni88
23.05.2009 um 18:53 Uhr
Autsch! Das sieht aber gaaanz böse aus.
Wieso fängst du denn immer wieder mit <html>und <head> an!?
Wenn du weißt, dass eine Datei an der Stelle im Code hinterher steht, lass doch das <html>-zeug in ihr weg. Dateien können auch gut überleben ohne <html>-tag und header an board.

Außerdem würde ich dir nahelegen einmal ein bisschen im Template-Bereich zu schauen. (Smarty z.B.)
Damit bekommst du eine saubere Trennung hin von PHP und HTML/CSS.

Ganz vereinfacht sieht meine index.php z.B. oft so aus:
<?php

$tpl->display("header.html");

include "irgendwelcher_inhalt.php";
//Hier passiert dann alles, was im "Inhalt" der Seite geschieht.

$tpl->display("footer.html");

?>
Im header.html würde dann sowas stehen:
<html>
<head>
<title>test</title>
</head>
<body>

und in der footer.html dann:

</body>
</html>

Alle anderen Dateien/Templates die ich zwischendurch einbinde, enthalten dann natürlich keine <html>-Tags oder <head>-Geschichten.

Edith möchte es nochmal auf den Punkt bringen: Es darf einfach nur eine Datei in deinen vielen Dateien geben, die ein <html> bzw. <head> enthält und fertig. Eine einzige und keine mehr.
Bitte warten ..
Mitglied: mrtux
23.05.2009 um 18:59 Uhr
Hi !

Zitat von TobiisFreaky:
Deswegen wollte ich von euch gerne mal wissen, wie ihr das generell
macht, wenn sich eine Seite in kurz- oder langfristiger Zeit
ändert und immer wieder angepasst werden muss. Wäre sehr

Ein Opensource CMS installieren z.B. Typo, Joomla, Drupal, Etomite, Websitebaker....oder eines der 443985 die es im Netz gibt und die PHP Entwicklung denen überlassen, die es auch wirklich können. Das Erstellen oder Anpassen eines professionellen Templates für das CMS und eine saubere Bildbearbeitung sind schon Arbeit genug

Aber dann kannst Du natürlich nicht mehr bei deinen Kumpels oder den Mädls mit "habe ich selbst programmiert" auftrumpfen

mrtux
Bitte warten ..
Mitglied: TobiisFreaky
23.05.2009 um 20:29 Uhr
genau so ein CMS will ich nicht haben/benutzen. Ich will selber was schreiben und nicht ein Tool meine Arbeit machen lassen.
So wie neuni das rübergebracht hat, gefällt mir das sehr.
Weitere Antworten würde ich gerne lesen.
Bitte warten ..
Mitglied: chips1
23.05.2009 um 20:29 Uhr
Respekt, 443985 einzeln gezählt? hast Du da nicht ein paar übersehen?
Bitte warten ..
Mitglied: 69961
23.05.2009 um 20:42 Uhr
Hi,

nur so als Anregung.

Index.php wie folgt



<?php
require ("hp/kopf.php");

if ($_GET['showpage'] == "") {
include ("hp/sites/start.dat");
}

else {
include ("$path/hp/sites/".$_GET['showpage']);
}

require ("hp/fuss.php");

?>

dann nur alle weiteren Seiten als dat. Datei mittels php includen.


Demo hier:

http://frameless.mueller-websolution.de/index.php


mfg
FG WebSolution
Bitte warten ..
Mitglied: mrtux
24.05.2009 um 00:52 Uhr
Hi !

Zitat von chips1:
Respekt, 443985 einzeln gezählt? hast Du da nicht ein paar
übersehen?


Möchtest Du nachzählen ? Ich helfe Dir dabei, ehrlich !

mrtux
Bitte warten ..
Mitglied: mrtux
24.05.2009 um 01:13 Uhr
Hi !

Zitat von TobiisFreaky:
genau so ein CMS will ich nicht haben/benutzen. Ich will selber was
schreiben und nicht ein Tool meine Arbeit machen lassen.

Das ist natürlich ein Argument ! Ich habe in meinem Bekannten und Freundeskreis Informatik-Studenten, die sich sowas auch gebaut haben aber ganz ehrlich gesagt, habe ich da noch nix gesehen, was in Sachen Sicherheit, Wirtschaftlichkeit, Verwendbarkeit im täglichen Einsatz und Stabilität mit mehr als 5% an ein fertiges CMS herankommt.

Meist wurde "die Entwicklung" durch eine Übernahme der Site ganz schnell und unfreiwillig eingestellt

Aber durch meine blöden Sprüche nicht einschüchtern lassen......Weitermachen !

mrtux
Bitte warten ..
Mitglied: RoterFruchtZwerg
24.05.2009 um 14:01 Uhr
Diese Anregung besser wieder vergraben, sonst behält mrtux mit seiner Sicherheits-Behauptung am Ende noch recht ;)
Bitte warten ..
Neuester Wissensbeitrag
Off Topic

"Ich habe nichts zu verbergen"

(2)

Erfahrungsbericht von FA-jka zum Thema Off Topic ...

Ähnliche Inhalte
Webbrowser
gelöst Webseite kann über ein Firmennetzwerk nicht geöffnet werden (8)

Frage von SSamuel zum Thema Webbrowser ...

Firewall
Web Filter blockieren von Webseite (1)

Frage von schnullerking zum Thema Firewall ...

Off Topic
gelöst Webseite erstellen - Preise (14)

Frage von Xaero1982 zum Thema Off Topic ...

Administrator.de Feedback
Entwicklertagebuch: Administrator Technology Webseite überarbeitet

Information von admtech zum Thema Administrator.de Feedback ...

Heiß diskutierte Inhalte
CPU, RAM, Mainboards
Kaufberatung für mind. 8 verschiedene HighEnd-Mainboards (24)

Frage von yperiu zum Thema CPU, RAM, Mainboards ...

Hyper-V
Langsames Netzwerk i210 LAN Karte (11)

Frage von Akcent zum Thema Hyper-V ...

Netzwerke
Abisolierwerkzeug (11)

Frage von SarekHL zum Thema Netzwerke ...

Windows Server
Server 2016 - Kuriositäten (8)

Frage von certifiedit.net zum Thema Windows Server ...