• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Aufbau einer Offline WEB-Anwendung

M

ma4er

Neues Mitglied
Hi,

kurz Hallo in die Runde. Bin Neu hier und ebenso neu in HTML/CSS etc.

Bin auf HTML als Lösung für interne Anwendung/Anzeigen von Daten in der Firma gestoßen.
Habe mich ein wenig ran gewagt und einige Tips gelesen, jedoch fehlt mir die Übung. Aber mann kann ja prima vorhandene Quellcodes analysieren und umbauen.
Das eine oder andere funktioniert schon.

Ich möchte von Euch gerne wissen ob mein Aufbau grundsätzlich richtig ist oder ob ich die Sache anders angehen sollte.

Aufgabenstellung:
  • Ich möchte eine Offline-WEbseite für die Firma mit der parallel mehrere User arbeiten können.
  • Es soll ein Menü haben mit denen der User sich verschiedene Bilder( auf dieser Seite) anzeigen lassen kann.
  • Die Bilder existieren bereits in einem Ordner und werden durch ein VBScript je nach Bedarf erneuert.
  • Im Kopfteil steht die Menüleiste, mit der die einzelnen Bilder ausgewählt werden können. Die Kopfleiste soll immer gleich bleiben.
  • Darunter befindet sich eine Bereich (etwa 80 px) hoch, indem der aktuell ausgewählte Menüpunkt steht. Als Überschrift also.
  • Darunter ist der Berich in dem die Bilder nach Auswahl angezeigt werden sollen.
Bisher habe ich eine CSS Datei indem die Menüleiste etc. definiert ist:
Desweiteren habe ich die Ausgangsseite/startseite der eigentlichen html. Ich habe mir nun überlegt diese Seite für jedes Bild zu kopieren und nur den Bereich indem das jeweilige Bild dann zusehen ist anzupassen über a< href....
Dann hätte ich also fürca. 20 Bilder, 20 html Seiten mit dem gleichen Code bis auf den Link zum jeweiligen Bild.
Code für die Seite1 mit dem ersten Bild im Anhang.
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="robots" content="noindex, nofollow" />

    <title>AUSWAHLÜBERICHT</title>

    <link type="text/css" href="style.css" rel="stylesheet" media="screen" />

</head>

<body>

<div id="wrapper">

    <!-- Topnavigation -->
    <div id="topnav">
        <ul>
            <li><a href="Startseite.html">Startseite</a></li>
            <li><a href="Seite1.html">Bild 1</a></li>
            <li><a href="#">Bild 2</a></li>
            <li><a href="#">Bild 3</a></li>
            <li><a href="#">Bild 4</a></li>
            <li><a href="#">Bild 5</a></li>
        </ul>
    </div>   

    <div id="header">
        <div id="logo">Startseite</div>
        </div>
    
    <div id="content">
        <h1>Seite1</h1>
        <img src="../Bilder/Bild_1.gif"/>
    </div>


</div>

</body>
</html>
ISt das die richtige Vorgehensweise?

Langer TExt, sorry.

Vielen Dank schonmal im Voraus.

Gruß
ma4er
 
Werbung:
ma4er schrieb:
Hi,

kurz Hallo in die Runde. Bin Neu hier und ebenso neu in HTML/CSS etc.

Bin auf HTML als Lösung für interne Anwendung/Anzeigen von Daten in der Firma gestoßen.
Habe mich ein wenig ran gewagt und einige Tips gelesen, jedoch fehlt mir die Übung. Aber mann kann ja prima vorhandene Quellcodes analysieren und umbauen.
Das eine oder andere funktioniert schon.

Ich möchte von Euch gerne wissen ob mein Aufbau grundsätzlich richtig ist oder ob ich die Sache anders angehen sollte.

Aufgabenstellung:
  • Ich möchte eine Offline-WEbseite für die Firma mit der parallel mehrere User arbeiten können.
  • Es soll ein Menü haben mit denen der User sich verschiedene Bilder( auf dieser Seite) anzeigen lassen kann.
  • Die Bilder existieren bereits in einem Ordner und werden durch ein VBScript je nach Bedarf erneuert.
  • Im Kopfteil steht die Menüleiste, mit der die einzelnen Bilder ausgewählt werden können. Die Kopfleiste soll immer gleich bleiben.
  • Darunter befindet sich eine Bereich (etwa 80 px) hoch, indem der aktuell ausgewählte Menüpunkt steht. Als Überschrift also.
  • Darunter ist der Berich in dem die Bilder nach Auswahl angezeigt werden sollen.
Bisher habe ich eine CSS Datei indem die Menüleiste etc. definiert ist:
Desweiteren habe ich die Ausgangsseite/startseite der eigentlichen html. Ich habe mir nun überlegt diese Seite für jedes Bild zu kopieren und nur den Bereich indem das jeweilige Bild dann zusehen ist anzupassen über a< href....
Dann hätte ich also fürca. 20 Bilder, 20 html Seiten mit dem gleichen Code bis auf den Link zum jeweiligen Bild.
Code für die Seite1 mit dem ersten Bild im Anhang.
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="robots" content="noindex, nofollow" />

    <title>AUSWAHLÜBERICHT</title>

    <link type="text/css" href="style.css" rel="stylesheet" media="screen" />

</head>

<body>

<div id="wrapper">

    <!-- Topnavigation -->
    <div id="topnav">
        <ul>
            <li><a href="Startseite.html">Startseite</a></li>
            <li><a href="Seite1.html">Bild 1</a></li>
            <li><a href="#">Bild 2</a></li>
            <li><a href="#">Bild 3</a></li>
            <li><a href="#">Bild 4</a></li>
            <li><a href="#">Bild 5</a></li>
        </ul>
    </div>  

    <div id="header">
        <div id="logo">Startseite</div>
        </div>
   
    <div id="content">
        <h1>Seite1</h1>
        <img src="../Bilder/Bild_1.gif"/>
    </div>


</div>

</body>
</html>
ISt das die richtige Vorgehensweise?

Langer TExt, sorry.

Vielen Dank schonmal im Voraus.

Gruß
ma4er
Zum Vergrößern anklicken....

Und was ist jetzt die Frage?

Willst du Verbesserungsvorschläge?
Ich fang dann mal an...
- HTML5 statt XHTML verwenden
- UTF-8 Charset statt iso-8859-1
- CSS Klassen statt ID's verwenden
- Für die Bildausgabe eine server- oder clientseitige Programmiersprache verwenden, damit du deine HTML Datei nicht kopieren musst.
 
Hallo scbawik,

danke für deine schnelle Antwort.;)
Die Frage war ob man für 20 Bilder die man auswählen und anzeigen lassen kann jeweils eine neue html benötigt.

- HTML5 statt XHTML verwenden
- UTF-8 Charset statt iso-8859-1
- CSS Klassen statt ID's verwenden
Zum Vergrößern anklicken....
Ehrlich gesagt hab ich den Code von einem anderen Template angepasst.
Weiß z.B. gar nicht was utf-8 bewirkt.:(
ID´s hab ich verstanden. Aber was bei Classen anders ist?

Für die Bildausgabe eine server- oder clientseitige Programmiersprache verwenden, damit du deine HTML Datei nicht kopieren musst.
Zum Vergrößern anklicken....
Da sind wir dann glaub ich schon wo meine Frage hinzielte.
Was bedeutet das? Kannst Du das näher erläutern?

gruß
ma4er
 
Werbung:
Eine Webseite ist nicht offline. Das ist schon ein Widerspruch in sich. Du kannst aber eine lokal gehostete Browseranwendung betreiben.

Ich hoffe, dass Dir auch klar ist, dass eine Seite an der man "arbeiten" möchte Irgendwas mit den Daten macht, wenn diese nicht nur immer angezeigt, sondern auch bearbeitet werden sollen. Das bedeutet für Dich alle Techniken zu lernen wie man einen dynamischen Webinhalt erzeugt und ggf eine Datenbank betreibt und verwaltet.

Als einfachste Grundlage wäre da PHP & MySQL

Das setzt voraus, dass Du Dich sehr intensiv mit all den Techniken vertraut machst.
Wenn Du noch nicht mal weist wie man Scripte in HTMl einbaut,was nun das absolut trivialste ist, würde ich sagen, dass Du noch einen weiten Weg vor Dir hast. Du solltest vor allem selbständig Informationen dazu im Internet suchen. Es ist ein Widerspruch so große Anforderungen zu unternehmen und nicht in der Lage zu sein so einfache Dinge in der Suchmaschine zu finden.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben