Navigationsleiste
kristian111
- html
Hey,
ich bin absolute Anfänger und soll für meine Seminararbeit eine HP programmieren und diese abspeichern. Also habe ich mich mal drangesetzt und mit ein paar youtube Videos das versucht.
Problem ist nur, dass ich die Gliederung in die Navigationsleiste gepackt habe. Hinter jedem Link ist dann die gleiche Navigationsleiste nur dann mit dem entsprechenden Tex. Das funktioniert mit den ersten beiden Seiten auch ganz gut. Allerdings kann ich Seite 3-8 nicht öffnen, weil mein Browser sagt, dass der Link nicht vorhanden ist. Wenn ich aber direkt die Seite aus der Datei öffne geht dieses, nur halt mit dem Link nicht. Jetzt meine Frage. Liegt es, daran dass das grundsätzlich nicht geht, oder habe ich einen dummen Fehler gemacht. Wie gesagt bin Anfänger und habe hier im Forum nichts gefunden.
Ich habe die 3 html-Dateien mal drangehängt und die CSS DAtei auch. Vielleicht kann mir hier ja jmd. helfen
Mfg Kristian
<!DOCTYPE html>
<html>
<head>
<title>Wirtschaftsinformatik Seminararbeit </title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<header>
<h1> ARIS: Methodik und Nutzen der ARIS-Geschäftsmodellierung </h1>
<h2> Seminar Geschäftsprozessmodellierung und -optimierung in ERP und CRM Systemen sowie Informationssicherheit </h2>
</header>
<nav>
<ul>
<a href="Datei1.html"><li>1.Introduction</li></a>
<a href="Datei2.html"><li>2.Basics</li></a>
<a href="Datei3.hmtl"><li>3.CMMI</li></a>
<a href="Datei4.hmtl"><li>4.COSO</li></a>
<a href="Datei5.hmtl"><li>5.COBIT</li></a>
<a href="Datei6.hmtl"><li>6.ARIS</li></a>
<a href="Datei7.hmtl"><li>7.Utilization</li></a>
<a href="Datei8.hmtl"><li>8.conclusion</li></a>
</ul>
</nav>
</body>
<section>
<article>
<h2> 1.Introduction </h2>
<p>designing process in an enterprises of that are varied and that makes the problem solution difficult.<a id="fna2" href="#fn2">2</a> <br /> <br />
Moreologies and their risks. <br /> <br />
Another framework for internal controls has been published by "The Committee of Sponsoring Organizations of the Treadway Commission". The COSO framework documented, analyzed and shaped the internal control system. <br /> <br />
In the following I will work on the question how to model intern processes with ARIS and how to improve them with the CMMI tool. Withal I will regard how to implement internal controls with COBIT and COSO.
</p>
<h4>Footnotes</h4>
<div class="fn1"><a href="#fna1" id="fn1">1</a> http://www.pwc.de/de_DE/de/prozessoptimierung/assets/PwC-GPM-Studie.pdf (pp. 3-10).</div>
<div class="fn2"><a href="#fna2" id="fn2">2</a> Ralf Kneuper :CMMI (p. 1).</div>
</article>
</section>
<!DOCTYPE html>
<html>
<head>
<title>Wirtschaftsinformatik Seminararbeit </title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<header>
<h1> ARIS: Methodik und Nutzen der ARIS-Geschäftsmodellierung </h1>
<h2> Seminar Geschäftsprozessmodellierung und -optimierung in ERP und CRM Systemen sowie Informationssicherheit </h2>
</header>
<nav>
<ul>
<a href="Datei1.html"><li>1.Introduction</li></a>
<a href="Datei2.html"><li>2.Basics</li></a>
<a href="Datei3.hmtl"><li>3.CMMI</li></a>
<a href="Datei4.hmtl"><li>4.COSO</li></a>
<a href="Datei5.hmtl"><li>5.COBIT</li></a>
<a href="Datei6.hmtl"><li>6.ARIS</li></a>
<a href="Datei7.hmtl"><li>7.Utilization</li></a>
<a href="Datei8.hmtl"><li>8.conclusion</li></a>
</ul>
</nav>
</body>
<section>
<article>
<h2> 2.Basics </h2>
<h3> 2.1Business process</h3>
<p>A
<h3> 2.2Enterprise risk management</h3>
<p>Riservising leader function and can be shown in a risk management process. <b></b> <b></b>
</p>
<img src="bild1.jpg" width="320" height="320">
<p>Figure 1: Risk management cycle<a id="fna6" href="#fn6">6</a></p>
<p>
The proce the situation, because of the extern and intern environmental influences.<a id="fna7" href="#fn7">7</a>
</p>
<h3> 2.3Governance, Corparate Governance and IT-Governance</h3>
<p> "Modern (public) Governance is characterized through the conscious orgaally for an economist, define corporate governance as
the design of institutions that induce or force management to internalize the welfare
of stakeholders."<a id="fna12" href="#fn12">12</a> <br></br>
The IT-Governance is about the special governance for the information management. The management is conducted by the leading management and the IT-management.
The IT-Governance is for the IT Governance Institute:
"IT Governance is the responsibility of the Board of Directors and executive management. IT is an integral part of enterprise governance and consists of the leadership and organisational structures and processes that ensure that the organisation's IT sustains and extends the organisation's strategy and objectives." <a id="fna13" href="#fn13">13</a>
</p>
<h4>Footnotes</h4>
<div class="fn3"><a href="#fna3" id="fn3">3</a> Scheer, A.-W.: ARIS - Vom Geschäftsprozess zum Anwendungssystem.</div>
</article>
</section>
DATEI2
<!DOCTYPE html>
<html>
<head>
<title>Wirtschaftsinformatik Seminararbeit </title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<header>
<h1> ARIS: Methodik und Nutzen der ARIS-Geschäftsmodellierung </h1>
<h2> Seminar Geschäftsprozessmodellierung und -optimierung in ERP und CRM Systemen sowie Informationssicherheit </h2>
</header>
<nav>
<ul>
<a href="Datei1.html"><li>1.Introduction</li></a>
<a href="Datei2.html"><li>2.Basics</li></a>
<a href="Datei3.hmtl"><li>3.CMMI</li></a>
<a href="Datei4.hmtl"><li>4.COSO</li></a>
<a href="Datei5.hmtl"><li>5.COBIT</li></a>
<a href="Datei6.hmtl"><li>6.ARIS</li></a>
<a href="Datei7.hmtl"><li>7.Utilization</li></a>
<a href="Datei8.hmtl"><li>8.conclusion</li></a>
</ul>
</nav>
</body>
<section>
<article>
<h2> The Capability Maturity Model Integration (CMMI) </h2>
<p>The Capability Maturity Model Integration has been developed to sfy a set of goals considered important for making improvement in that area".<a id="fna15" href="#fn15">15</a> As you can see there are more processes for one process area and reverse. <br /> <br />
Expected model components are practices for the goals. You expect that you can achieve the goal if you implement the correspondent practice. But sometimes it is possible that one goal will be reached without using the analogue practice. Last the informative components are only for information's. They are useful to understand the model.<a id="fna17" href="#fn17">17</a>
</p>
<br />
<h3> 3.1.1 CMMI Maturity Levels </h3>
<p>The Process Areas can be sort by five Maturity Levels (picture 1). </p> <br /> <br />
<img src="bild2.jpg" width="400" height="320"> <br /> <br /> <p>Figure 2: Five Maturity Levels of CMMI<a id="fna18" href="#fn18">18</a></p> <br /> <br />
<p>
turity Level is a defined evolutionary plateau in the process improvement on an organization".<a id="fna20" href="#fn20">20</a>
</p>
-GG1: Achieve specific goals <br /> <br />
-GG2: Institutionalize a managed process <br /> <br />
-GG3: Institutionalize a defined process <br /> <br />
-GG4: Institutionalize a quantitatively managed process <br /> <br />
-GG5: Institutionalize an optimizing process <br /> <br />
<br /> <br />
</p>
<div class="fn23"><a href="#fna23" id="fn23">23</a> Mary Beth Chrissis, Mike Konrad, Sandy Shrum: CMMI für die Entwicklung (p. 51) .</div>
<div class="fn24"><a href="#fna24" id="fn24">24</a> Ralf Kneuper: CMMI (p.20).</div>
<div class="fn25"><a href="#fna25" id="fn25">25</a> Ralf Kneuper: CMMI (p.26).</div>
</article>
</section>
*{
padding: 0px;
marging: 0px;
font-family: Arial;
}
header {
height: 200px;
background-color: #E6D517;
border-radius: 10px;
}
body {
width: 900px;
background-color: #808080;
margin: 25px auto;
}
header h1 {
font-family: Arial;
font-style: italic;
padding-left: 30px;
font-size: 30pt;
padding-top: 12px;
text-shadow: grey 1px 1px 4px;
}
header h2 {
font-family: Arial;
font-style: italic;
font-size: 20pt;
padding-left: 30px;
text-shadow: grey 1px 1px 4px;
}
nav ul {
list-style-type: none;
}
nav li {
display: inline ;
margin-right: 10px;
background-color: #E6D517;
padding-right: 8px;
padding-left: 8px;
padding-top: 3px;
padding-bottom: 3px;
border: grey 3px outset;
border-radius: 5px;
font-weight: bold;
cursor: default;
}
nav {
margin-top: 20px;
text-align: center;
}
nav a {
text-decoration: none;
color: black;
text-shadow: grey 0px 0px 4px;
}
nav li:hover{
border: grey 3px inset;
}
nav a:hover{
color: white;
text-shadow: none;
}
section { width: 900px;
float: left;
}
article {
border: grey 4px groove;
padding: 20px;
text-align: left;
}
article h2{
font-size: 14pt;
color: black;
padding: 10px;
letter-spacing: 1px;
font-weight: bold;
}
Hallo,
Problem ist nur, dass ich die Gliederung in die Navigationsleiste gepackt habe. Hinter jedem Link ist dann die gleiche Navigationsleiste nur dann mit dem entsprechenden Tex. Das funktioniert mit den ersten beiden Seiten auch ganz gut. Allerdings kann ich Seite 3-8 nicht öffnen, weil mein Browser sagt, dass der Link nicht vorhanden ist.
der Link ist schon vorhanden, aber er verweist auf eine nicht vorhandene Ressource.
[...] oder habe ich einen dummen Fehler gemacht.
Mehrere. Ist aber nicht schlimm, jeder hat mal klein angefangen.
<nav>
<ul>
<a href="Datei1.html"><li>1.Introduction</li></a>
<a href="Datei2.html"><li>2.Basics</li></a>
<a href="Datei3.hmtl"><li>3.CMMI</li></a>
<a href="Datei4.hmtl"><li>4.COSO</li></a>
<a href="Datei5.hmtl"><li>5.COBIT</li></a>
<a href="Datei6.hmtl"><li>6.ARIS</li></a>
<a href="Datei7.hmtl"><li>7.Utilization</li></a>
<a href="Datei8.hmtl"><li>8.conclusion</li></a>
</ul>
</nav>
Fällt dir der Schreibfehler ab dem dritten Eintrag nicht auf? Das springt einem doch förmlich ins Auge. ;-)
Und die Verschachtelung ist falsch: ul muss als Kindelement zunächst li enthalten, während li als Kindelement von a nicht zulässig ist.
</body>
<section><article>
<h2> 1.Introduction </h2>
Das geht auch nicht. Du kannst nicht das body-Element schließen und damit sagen, "Hier ist das Dokument zu Ende", und dann lustig weitermachen. Nach dem schließenden body-Tag kann nur noch das Endtag des html-Elements kommen.
<p>designing process in an enterprises of that are varied and that makes the problem solution difficult.<a id="fna2" href="#fn2">2</a> <br /> <br />
Mehrere br-Elemente hintereinander sind ein sicheres Zeichen dafür, dass es dir nicht um den Zeilenumbruch geht, sondern um einen Abstand. Dafür ist aber eigentlich CSS da. Nebenbei bemerkt: Der Satz, den du da formulierst, ist kein Englisch, sondern Kauderwelsch. Ich verstehe jedes Wort, aber es ergibt zusammen keinen Sinn.
*{
padding: 0px;
marging: 0px;
font-family: Arial;
}
margin, nicht marging. Und zusätzlich zu einer oder mehreren konkreten Schriftarten sollte man als letzte Möglichkeit immer noch eine generische Schriftfamilie angeben, in diesem Fall Sans-Serif.
text-shadow: grey 1px 1px 4px;
Achtung, Stolperfalle: Der Bezeichner für die Farbe heißt gray (amerikanische Schreibweise), auch wenn AFAIK die meisten Browser inzwischen alternativ grey akzeptieren und verstehen. (Für mich ein Grund mehr, Farben im Klartext zu schreiben, also #808080.)
Das waren jetzt nur die groben Schnitzer, die mir aufgefallen sind.
Eins nach dem anderen. :-)
So long,
Martin
Hey, danke schon mal für die schnelle Antwort.
Sry, dass das ganze so unübersichtlich ist. Ich habe den meisten Text rausgeschnitten, deswegen machen die Sätze manchmal keinen Sinn. Habe den margin und gray Fehler behoben.
Aber das mit dem REchtschreibfehler.
Vielleicht kannst du mir da mal auf die Sprünge helfen. Habe mir das schon 5 Stunden seit gestern angeschaut und finde den nicht.
Die Verschachtelung habe ich direkt aus dem Video. Werde die aber mal ändern
Mfg Kristian
Hi,
Aber das mit dem REchtschreibfehler.
Vielleicht kannst du mir da mal auf die Sprünge helfen. Habe mir das schon 5 Stunden seit gestern angeschaut und finde den nicht.
<a href="Datei1.html"><li>1.Introduction</li></a>
<a href="Datei2.html"><li>2.Basics</li></a>
<a href="Datei3.hmtl"><li>3.CMMI</li></a>
^^^^
ist doch wirklich auffällig, oder?
Noch ein guter Rat: Webserver laufen oft auf Linux/Unix-Maschinen, und die unterscheiden, anders als Windows, bei Dateinamen peinlich genau zwischen Groß- und Kleinschreibung. Um sich da nicht zusätzliche Fehlerquellen zu erschließen, ist es üblich, Datei- und Verzeichnisnamen durchgehend klein zu schreiben.
Andernfalls muss man sehr genau darauf achten, immer dieselbe Schreibweise zu verwenden, weil beispielsweise img00162.jpg und img00162.JPG zwei verschiedene Dinge sind.
Die Verschachtelung habe ich direkt aus dem Video.
Dann sollte man eigentlich dem, der das so vormacht, auch mal mit dem Zaunpfahl winken.
Ciao,
Martin
Die Verschachtelung habe ich direkt aus dem Video.
Da sieht man mal dass in Youtube oft Videos von Möchtegern-Profis sind...
Dass man per Video HTML lernen kann, glaube ich sowieso noch immer nicht.
@@Der Martin:
nuqneH
Achtung, Stolperfalle: Der Bezeichner für die Farbe heißt gray (amerikanische Schreibweise), auch wenn AFAIK die meisten Browser inzwischen alternativ grey akzeptieren und verstehen.
'grey' ist in CSS 3 ein gültiger Wert (Synonym zu 'gray'). [CSS3-COLOR §4.3]
(Für mich ein Grund mehr, Farben im Klartext zu schreiben, also #808080.)
'#808080' ist kein „Klartext“. 'gray'/'grey' ist Klartext. Dazu sind Farbbezeichner ja da: weil sie für Menschen besser verständlich sind als RGB-Werte. Und für Menschen ist das HSL-Modell besser verstandlich als das RGB-Modell. [CSS3-COLOR §4.2.4]
Qapla'
Hallo,
'#808080' ist kein „Klartext“. 'gray'/'grey' ist Klartext.
im Fall von "grey" oder "gray" ist die Bezeichnung gerade noch verständlich. Aber unter den festgelegten Namen sind unzählige, unter denen man sich absolut nichts vorstellen kann: bisque, chartreuse, gainsboro, peru, sienna, teal, um nur mal willkürlich ein paar zu nennen.
Dazu sind Farbbezeichner ja da: weil sie für Menschen besser verständlich sind als RGB-Werte.
Schön wär's.
Und für Menschen ist das HSL-Modell besser verstandlich als das RGB-Modell. [CSS3-COLOR §4.2.4]
Absolut nicht. Unter HSL-Angaben kann ich mir nur schwer etwas vorstellen, vor allem, weil ich mir nie merken kann, welcher Hue-Wert zu welcher Grundfarbe auf dem Farbkreis gehört (die L- und S-Werte sind etwas intuitiver). Bei RGB-Angaben habe ich dagegen eine klare Vorstellung des Farbtons. Ich muss ja nur vor meinem geistigen Auge die drei Farbkomponenten überlagern oder ein wenig interpolieren.
Ciao,
Martin
@@Der Martin:
nuqneH
Und für Menschen ist das HSL-Modell besser verstandlich als das RGB-Modell. [CSS3-COLOR §4.2.4]
Absolut nicht. Unter HSL-Angaben kann ich mir nur schwer etwas vorstellen
Ich sagte „für Menschen“, nicht „für Den Martin“. Dass das Sprichwort „Was der Bauer nicht kennt, frisst er nicht“ für dich in besonderem Maße zutrifft, wissen wir. ;-)
vor allem, weil ich mir nie merken kann, welcher Hue-Wert zu welcher Grundfarbe auf dem Farbkreis gehört (die L- und S-Werte sind etwas intuitiver).
Rot 0, grün 120, blau 240. Das kann man sich ebenso einfach merken wie die Reihenfolge der drei Werte im RGB-Modell.
Bei RGB-Angaben habe ich dagegen eine klare Vorstellung des Farbtons. Ich muss ja nur vor meinem geistigen Auge die drei Farbkomponenten überlagern oder ein wenig interpolieren.
hsl(270, 50%, 80%) sieht man an, dass es sich um ein recht helles (80%) mittelmäßig gesättigtes (50%) Lila (270, also zwischen Blau und Rot) handelt. Etwa die Farbe von Kühen. ;-)
Du willst mir weismachen, dass das bei #CCB3E6 ebenso leicht erkennbar ist?
Qapla'
Hallo,
hsl(270, 50%, 80%) sieht man an, dass es sich um ein recht helles (80%) mittelmäßig gesättigtes (50%) Lila (270, also zwischen Blau und Rot) handelt. Etwa die Farbe von Kühen. ;-)
Du willst mir weismachen, dass das bei #CCB3E6 ebenso leicht erkennbar ist?
ja, natürlich. Ich runde zunächst mal, damit's "handlicher" wird: #D0B0E8. Dann erkenne ich auch annähernd gleiche Rot- und Blauanteile, das ergibt zunächst ein kräftiges Lila, das aber mit einem starken Grünanteil zu Grau hin abgetönt wird. Also ein helles, stark verwaschenes Lila.
Ciao,
Martin
PS: Diese Sorte Kühe kenne ich nur aus der Werbung, und ab und zu stehen sie -mit elektromotorischem Schwanzwedler- auch in Supermärkten rum. ;-)
@@Der Martin:
nuqneH
Dann erkenne ich auch annähernd gleiche Rot- und Blauanteile, das ergibt zunächst ein kräftiges Lila
Aha, du ermittelst aus dem RGB-Wert erstmal den Farbwert …
das aber mit einem starken Grünanteil zu Grau hin abgetönt wird. Also ein helles, stark verwaschenes Lila.
… dann Helligkeit und Sättigung. Und was soll daran nun einfacher sein als den HSL-Wert zu verwenden?
Qapla'
Hi,
Dann erkenne ich auch annähernd gleiche Rot- und Blauanteile, das ergibt zunächst ein kräftiges Lila
Aha, du ermittelst aus dem RGB-Wert erstmal den Farbwert …
… dann Helligkeit und Sättigung.
nicht immer, nur wenn die Werte sich dafür eignen. Bei klareren Farbwerten wie etwa #C00060 lese ich direkt "ein in Richtung Blau verschobenes Rot" ab, also ein stark rotstichiges Lila (auch Purpur genannt).
Ciao,
Martin
@@Der Martin:
nuqneH
nicht immer,
Doch, auch hier:
Bei klareren Farbwerten wie etwa #C00060 lese ich direkt "ein in Richtung Blau verschobenes Rot" ab, also ein stark rotstichiges Lila (auch Purpur genannt).
Hue.
Qapla'
Hi,
Bei klareren Farbwerten wie etwa #C00060 lese ich direkt "ein in Richtung Blau verschobenes Rot" ab, also ein stark rotstichiges Lila (auch Purpur genannt).
Hue.
ja, schon irgendwie, aber ohne es als solches zu empfinden. Bewusst sehe ich zunächst die sich überlagernden Einzelkomponenten, ebenso wie ich einen Farbton anschaue und daraus die RGB-Anteile abschätze. Sei's wie es will, ich finde RGB einfach anschaulicher. Vielleicht weil die Versuche mit verschiedenfarbigen Lampen im Physikunterricht damals so eindrucksvoll waren?
Und es ist ja auch nicht so, dass das HSL-Modell grundsätzlich "schwieriger" wäre - mir war nur bis dato der Zusammenhang zwischen dem H-Zahlenwert und dem Farbton schleierhaft, während ich den Farbton aus den RGB-Komponenten als Zwischenschritt erhalte, ihm aber keine Zahl oder Position zuordne.
Mit dem Regenbogenmodell wird das in HSL für mich nun auch einfacher.
Das HSL-Farbmodell hat allerdings ein paar Schönheitsfehler: Singularitäten. Sowie S=0 ist, wird H bedeutungslos; ist L=0, sind gar H und S beide bedeutungslos. Gefällt mir nicht. ;-)
Ciao,
Martin
@@Der Martin:
nuqneH
Das HSL-Farbmodell hat allerdings ein paar Schönheitsfehler: Singularitäten.
Pass auf, dass du nicht von einem schwarzen Loch verschlungen wirst!
Sowie S=0 ist, wird H bedeutungslos; ist L=0, sind gar H und S beide bedeutungslos.
So, wie der Nordpol keine (eindeutige) geographische Länge hat. Und der Südpol auch nicht.
Qapla'
Hi,
vor allem, weil ich mir nie merken kann, welcher Hue-Wert zu welcher Grundfarbe auf dem Farbkreis gehört (die L- und S-Werte sind etwas intuitiver).
Rot 0, grün 120, blau 240.
ah, danke für den Hinweis! Also entspricht der Bereich von 0 bis ungefähr 270 in etwa der Farbfolge des natürlichen Lichtspektrums. Vielleicht kann ich es mir mit der Merkhilfe in Zukunft etwas besser einprägen.
Das kann man sich ebenso einfach merken wie die Reihenfolge der drei Werte im RGB-Modell.
Mit dem Regenbogenspektrum als Eselsbrücke wird's vielleicht klappen. :-)
Ciao,
Martin
Hallo,
wer mit Firefox unterwegs ist und sich die Farbnamen nicht merken kann, habe ich hier eine kleine Seite entwickelt, die gut in die Sidebar vom Firefox passt, wenn man dem Lesezeichen das mitteilt, das es in der Sidebar geöffnet werden soll.
Siehe Bild:
Gruß Kai
Om nah hoo pez nyeetz, Kai!
wer ... sich die Farbnamen nicht merken kann [oder will], habe ich hier eine kleine Seite
hab ich gerade vom Wiki aus verlinkt. Vielleicht magst du dich ja auch sonst ein wenig dran beteiligen?
Matthias