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, 4369 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 ..
Ähnliche Inhalte
Windows Server
Status RDP Session via Webseite abfragen (1)

Frage von NetMare zum Thema Windows Server ...

Exchange Server
gelöst Exchange 2013 dynamische verteilerliste mit mehreren recipientfiltern erstellen (8)

Frage von blackhawk17 zum Thema Exchange Server ...

LAN, WAN, Wireless
gelöst Pirelli PRG AV4202N Weiterleitung zur Webseite (5)

Frage von SONYd32 zum Thema LAN, WAN, Wireless ...

Windows Server
Aktivierung TLS - GPO - Webseite greift nicht auf TLS zurück

Frage von Martin89 zum Thema Windows Server ...

Heiß diskutierte Inhalte
Exchange Server
gelöst Email in Exchange an 2ten Empfänger senden (18)

Frage von MultiStorm zum Thema Exchange Server ...

Weiterbildung
Gehaltsvorstellungen (17)

Frage von SYS64738 zum Thema Weiterbildung ...

Verschlüsselung & Zertifikate
gelöst Festplattenverschlüsselung im Ausland (13)

Frage von Nicolaas zum Thema Verschlüsselung & Zertifikate ...

Windows Server
gelöst Microsoft-Lizenz CALs und passendes Server-Betriebssystem (13)

Frage von planetIT2016 zum Thema Windows Server ...