zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Doctype XHTML zu HTML5 ändern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 17.09.2015, 09:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.08.2015
Beiträge: 24
Ubuntuli befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Ubuntuli Beitrag anzeigen
noch nicht gelesen.
ok. falsch formuliert.
Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
selfhtml ist jetzt ein Wiki.
Danke. Das habe ich schon mehrmals gemerkt als ich was bestimmtes gesucht hatte. Für den Einstig war dieser Opa ganz nützlich.
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 08.10.2015, 21:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.08.2015
Beiträge: 24
Ubuntuli befindet sich auf einem aufstrebenden Ast
Standard Fehler b.z.w. Hinweise auf meiner Startseite

Hallo.
Nachdem ich mit HTML4 begann habe ich alle meine Seiten auf XHTML umgeschrieben um es zu probieren. Dann las ich vor kurzem das XHTML nicht mehr der Renner ist und ich lese nur noch veraltete Anleitungen für XHTML. Jetzt bin ich gerade dabei alles als HTML5 zu schreiben. Ich lese beim Validator viele Zeilen die veraltet sind. Kann mir jemand helfen?
Meine Seite: ubuntuli.de meine Webseite bei http://flyhost.de/
Beispiel Zeile 20: <div align="center">
von css hab ich überhaupt noch keine Ahnung
die index.html
Zitat:
<!DOCTYPE html>

<html>
<head>
<title>ubuntuli.de meine Webseite bei http://flyhost.de/</title>

<meta charset="UTF-8">
<meta http-equiv="CONTENT-TYPE" content="TEXT/HTML; charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="language" content="de">
<meta name="robots" content="index, follow">
<link rel="stylesheet" href="style.css" type="text/css">

</head>

<body>

<!-- alles zentriert-->
<div align="center">

<table border="1">
<tr>
<td><p><a href=""><font color="#800080">Was bedeutet der Name Ubuntu</font></a></p></td>
<td><p><a href=""><font color="#000080">Das Betriebssystem Ubuntu</font></a></p></td>
<td><p><a href=""><font color="#8b4513">Die Geschichte von Ubuntu</font></a></p></td>
<td><p><a href=""><font color="#8b4513">Ubuntu auf USB-Stick Installieren</font></a></p></div></td>
<td><p><a href="index.html"><font color="#8b4513">zur Startseite</font></a></p></td>
</tr>
</table>

<table align="left" border="0" >
<tr>
<p><img src="images/620px-gnu_and_tux-svg.png" width="320" height="240" align="left" vspace="10" hspace="20"</p>

<p><h1 style="font-size:500%; ">ubuntuli.de</font></h1></p>

<div class="menuenaviueberschrift">Warum Ubuntuli</div>
</tr>
</table>

<table align="left" border="0" >
<tr>
<p><font color="#00008b">Support und Updates für Windows XP sind seit dem 8. April 2014 nicht mehr verfügbar.</p>
</tr>
<tr>
<p>Von Microsoft werden keine Updates mehr bereitgestellt.</p>
</tr>


<tr>
<p>In einigen Foren wird geschrieben das Updates für Windows XP noch verfügbar sind. Das ist nicht
ganz richtig. Wer sich dafür interessiert kann sich diesen Beitrag von mir ansehen. "Automatische Updates ausschalten"</p>
</tr>
<tr>
<ul>
<li><a href="http://forum.chip.de/windows-xp-aeltere-versionen/erhalte-immer-noch-updates-fuer-xp-1835541.html">
http://forum.chip.de/windows-xp</a></li>
</ul>
</tr>
<tr>
<p>Windows 7 hatte ich 2007 auf meinem neuen Rechner. Leider wurde dieser Rechner von einem sehr
hartnäckigen Bootsektor Virus verseucht.
Ich musste die Festplatte löschen und hatte keine Win 7 Installations- CD.</p>
</tr>
<p style="text-align:center;">Um sicher zu stellen das der Virus wirklich gelöscht wird startete ich den Rechner mit einer Ubuntu CD/DVD.
Dort öffnete ich das Terminal als Administrator</p>

<p>
<b>ubuntu@ubuntu:$ sudo su</b>
</p>
<p>und gab diesen Befehl ein:</p>
<p>
<b>root@ubuntu:/home/ubuntu# dd_rescue /dev/zero /dev/sda</b>
</p>

<p>
Dann wird die Festplatte komplett einschließlich MBR0 und MBR1 mit Nullen überschrieben.
Formatieren alleine hätte nicht gereicht denn die meisten Viren hinterlassen Spuren im MBR und sind beim ersten Start des
Rechners wieder aktiv. Der MBR1 wird beim Formatieren nicht gelöscht.
Das hat folgenden Grund. Sollten Sektoren auf der Festplatte vom Prozessor als nicht lesbar markiert werden kann man mit
einem entsprechenden Hilfe Programm über den MBR1 diese Daten ganz oder Teilweise wieder herstellen.
Außerdem kann man dadurch ein versehentliches Formatieren rückgängig machen.
Dieses Verfahren; Festplatte löschen; sollte unbedingt genutzt werden wenn der PC verkauft oder zur Reparatur zum Hersteller
geschickt wird um zu vermeiden dass private Daten für dritte Lesbar sind.
</p>

<p>Bei Ubuntu folgt IMMER eine Sicherheitsabfrage mit Eingabe des Passwortes vom Administrator bevor etwas installiert
wird. Das ist bei Windows leider nicht immer so. Viren können sich bei Windows unbemerkt installieren ohne das der
Nutzer davon etwas merkt. Nicht jeder Virenscanner merkt das.</p>

<p>Weil Ubuntu auch, ähnlich wie Windows, eine graphische Oberfläche hat entschied ich mich dafür. Ubuntu kenne ich
seit 2008. 2011 hatte ich Ubuntu auf den neuen und Windows XP auf den anderen Rechner. Seit Dezember 2014 benutze ich
auf beiden Rechnern Ubuntu, deshalb der Name.</p>

<p>An dieser Stelle möchte ich gerne auf die Seite
<a href="http://ubuntuli.com/">ubuntuli.com</a>
hinweisen.</p>


<tr>
</tr>

</table>


</body>
</html>

Geändert von Ubuntuli (08.10.2015 um 21:12 Uhr)
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 09.10.2015, 09:38
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Und was möchtest du jetzt Wissen?
Mit Zitat antworten
  #14 (permalink)  
Alt 09.10.2015, 11:18
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Zitat:
von css hab ich überhaupt noch keine Ahnung
Ohne die Grundlagen für HTML und CSS kannst du keine korrekten Webseiten erstellen.

Hast du deine Seite wirklich bereits im letzten Jahrtausend erstellt? Da gab es Ubuntu noch nicht mal am Horizont. CSS wurde im Jahr 2000 eingeführt.

Ich befürchte eher, dass du dich sehr erfolgreich ums Lernen gedrückt hast.

Zitat:
Dann las ich vor kurzem das XHTML nicht mehr der Renner ist
Falsch. XHTML wurde bereits 2008 offiziell zu Grabe getragen und wird seitdem nicht mehr weiterentwickelt. Und mit korrektem sinnvollem XHTML hat deine Seite eher wenig zu tun.

HTML5 und CSS3 sind aktuell und wahrscheinlich für die nächsten 10 bis 15 Jahre oder noch länger die Web-Standards. Nicht mehr, aber auch nicht weniger.

Von daher lohnt es sich durchaus, Zeit und Geld zum Lernen zu investieren um Webseiten zu erstellen. Zumal die Browserhersteller irgendwann in den nächsten Jahren die alten Standards HTML4 und XHTML als Ballast nicht mehr unterstützen werden.

Zitat:
Ich lese beim Validator viele Zeilen die veraltet sind. Kann mir jemand helfen?
Leider nicht nur veraltet, sondern auch sachlich falsch. Die Fehler abzuarbeiten lohnt sich nicht, da die Seite auch veraltet strukturiert ist, zum Beispiel Tabellenlayouts verwendet werden.

Es ist deshalb einfacher (und dauert mit dem entsprechenden Wissen nur ein paar Minuten) deine Seite für HTML5 komplett neu zu schreiben, wenn der Inhalt bestehen bleiben soll. Zum Erstellen des CSS müsste bekannt sein wie die Seite zukünftig aussehen soll.

Deshalb mal ein Beispiel für ein korrektes HTML:

HTML-Code:
<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Ubuntuli 01</title>
   <meta name="description" content="HTML5, CSS3">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!--[if lt IE 9]>
      <script src="http://html5shiv-printshiv.googlecode.com/svn/trunk/html5shiv-printshiv.js"></script>
   <![endif]-->
   <link href="style.css" rel="stylesheet">
</head>
<body>
   <nav>
      <a href="#">Was bedeutet der Name Ubuntu</a>
      <a href="#">Das Betriebssystem Ubuntu</a>
      <a href="#">Die Geschichte von Ubuntu</a>
      <a href="#">Ubuntu auf USB-Stick Installieren</a>
      <a href="#">Zur Startseite</a>
   </nav>
   <main>
      <img src="http://ubuntuli.de/images/620px-gnu_and_tux-svg.png" alt="Logo Ubuntuli - Stierkopf und Linux-Pinguin">
      <h1>ubuntili.de</h1>
      <h2>Warum Ubuntili?</h2>
      <p>Support und Updates für Windows XP sind seit dem 8. April 2014 nicht mehr verfügbar.</p>
      <p>Von Microsoft werden keine Updates mehr bereitgestellt.</p>
      <p>In einigen Foren wird geschrieben das Updates für Windows XP noch verfügbar sind. Das ist nicht ganz richtig. Wer sich dafür interessiert kann sich diesen Beitrag von mir ansehen. "Automatische Updates ausschalten"</p>
      <p><a href="http://forum.chip.de/windows-xp-aeltere-versionen/erhalte-immer-noch-updates-fuer-xp-1835541.html">http://forum.chip.de/windows-xp</a></p>
      <p>Windows 7 hatte ich 2007 auf meinem neuen Rechner. Leider wurde dieser Rechner von einem sehr hartnäckigen Bootsektor Virus verseucht. Ich musste die Festplatte löschen und hatte keine Win 7 Installations- CD.</p>
      <p>Um sicher zu stellen das der Virus wirklich gelöscht wird startete ich den Rechner mit einer Ubuntu CD/DVD. Dort öffnete ich das Terminal als Administrator</p>
<pre>
ubuntu@ubuntu:$ sudo su
</pre>
      <p>und gab diesen Befehl ein:</p>
<pre>
root@ubuntu:/home/ubuntu# dd_rescue /dev/zero /dev/sda
</pre>
      <p>Dann wird die Festplatte komplett einschließlich MBR0 und MBR1 mit Nullen überschrieben. Formatieren alleine hätte nicht gereicht denn die meisten Viren hinterlassen Spuren im MBR und sind beim ersten Start des Rechners wieder aktiv. Der MBR1 wird beim Formatieren nicht gelöscht. Das hat folgenden Grund. Sollten Sektoren auf der Festplatte vom Prozessor als nicht lesbar markiert werden kann man mit einem entsprechenden Hilfe Programm über den MBR1 diese Daten ganz oder Teilweise wieder herstellen. Außerdem kann man dadurch ein versehentliches Formatieren rückgängig machen.
      Dieses Verfahren; Festplatte löschen; sollte unbedingt genutzt werden wenn der PC verkauft oder zur Reparatur zum Hersteller geschickt wird um zu vermeiden dass private Daten für dritte Lesbar sind.</p>
      <p>Bei Ubuntu folgt IMMER eine Sicherheitsabfrage mit Eingabe des Passwortes vom Administrator bevor etwas installiert wird. Das ist bei Windows leider nicht immer so. Viren können sich bei Windows unbemerkt installieren ohne das der Nutzer davon etwas merkt. Nicht jeder Virenscanner merkt das.</p>
      <p>Weil Ubuntu auch, ähnlich wie Windows, eine graphische Oberfläche hat entschied ich mich dafür. Ubuntu kenne ich seit 2008. 2011 hatte ich Ubuntu auf den neuen und Windows XP auf den anderen Rechner. Seit Dezember 2014 benutze ich auf beiden Rechnern Ubuntu, deshalb der Name.</p>
      <p>An dieser Stelle möchte ich gerne auf die Seite <a href="http://ubuntuli.com/">ubuntuli.com</a> hinweisen.</p>
   </main>
</body>
</html>
Der Rest ist dann CSS. Damit du eine Grundlage hast mal ein Beispiel, welches das bisherige Aussehen nachbildet, aber zumindest die größen Grausamkeiten vermeidet:

Code:
@import url(http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css);
@media all {
   header, nav, main, aside, footer, section, article, figure, figcaption, audio, video {
      display: block;
   }
   * {
      box-sizing: border-box;
   }
   html {
      font-size: 130%;
   }
   body {
      background-image: linear-gradient(#0977b6, #64a7de 15%, #AED2FF);
      margin: 0;
   }
   a {
      color: black;
      text-decoration: none;
      outline: none;
   }
   img {
      display: block;
      max-width: 100%;
      margin: 0 1rem 1rem 0;
   }
   nav {
      background-color: #013a57;
      padding: 0.3rem 0;
      display: flex;
      justify-content: center;
   }
   nav a {
      background-color: white;
      padding: 0.2rem 0.3rem;
      border: 1px solid silver;
      border-radius: 0.3rem;
      margin: 0 0.2rem;
   }
   main {
      overflow: hidden;
      padding: 2rem;
      margin-top: 2rem;
   }
   main img {
      float: left;
      max-width: 320px;
   }
   main h1,
   main h2 {
      text-align: center;
   }
   main h1 {
      color: #006EA5;
      font-size: 4rem;
      font-style: italic;
      margin: 0;
   }
   main h2 {
      font-size: 1.2rem;
   }
   main pre {
      color: white;
      overflow: auto;
      background-color: black;
      padding: 0.5rem;
      border-radius: 0.3rem;
      margin: 0.5rem;
   }
   main p a {
      color: darkred;
      border-bottom: 1px solid darkred;
   }
   main p a::before {
      font-family: 'FontAwesome';
      content: "\f14c";
      color: darkred;
      speak: none;
      font-size: 0.8rem;
      margin-right: 0.3rem;
      display: inline-block;
   }
}
Die Grausamkeiten? Zum Beispiel:
  • Schriftgröße: Einer der größten Kritikpunkte an Webseiten von Besuchern ist seit Jahren eine zu kleine vorgegebene Schriftgröße. Etwas mehr erleichtert einem Großteil der Besucher das lesen bereits deutlich. In meinem CSS-Beispiel 130%.
  • Zentrierter Fließtext: Der ist schwierig zu lesen und sollte nur in Ausnahmefällen verwendet werden, um Elemente hervorzuheben, zum Beispiel Überschriften.
  • Blauer Text auf blauem Hintergrund: Solche Farbkombinationen sind für viele Menschen nur schwer zu lesen. Am besten ist immer noch schwarzer Text auf weißem oder doch sehr hellem Hintergrund.
  • Links im Fließtext: Die sollten deutlich durch eine andere Farbe und ein zusätzliches grafisches Element (per CSS eingefügt) hervorgehoben werden. Bereits beim flüchtigen Überfliegen des Textes sollten Links im Fließtext eindeutig zu erkennen sein. Die Besucher sind für solche Hilfen dankbar.
  • Hintergrundgrafiken: Hintergrundgrafiken sollten vermieden werden, Farbverläufe lassen sich mit CSS erstellen.

Weiterhin sollten Grafiken nur in ihrer maximal angezeigten Größe bereitgestellt werden. Wenn deine Grafik nur mit einer maximalen Breite von 320px angezeigt werden soll solltest du sie in einem Grafikprogramm entsprechend herunterskalieren.

Gruss

MrMurphy

Geändert von MrMurphy (09.10.2015 um 15:13 Uhr)
Mit Zitat antworten
  #15 (permalink)  
Alt 09.10.2015, 15:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.08.2015
Beiträge: 24
Ubuntuli befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von MrMurphy Beitrag anzeigen
Ohne die Grundlagen für HTML und CSS kannst du keine korrekten Webseiten erstellen.
bis April 2014 hatte ich versucht meine Ideen unter Windows XP mit FrontPage zu probieren. Jetzt unter Ubuntu bearbeite ich meine Seiten mit Bluefish.
Grundkurse für HTML habe ich genug. Leider sind alle für HTML4.
Zitat:
Zitat von MrMurphy Beitrag anzeigen
Da gab es Ubuntu noch nicht mal am Horizont
Die erste Ubuntu 4.10 wurde im Oktober 2004 veröffentlicht. Jährlich werden neue Versionen .04 und .10 zum Download veröffentlicht.
Für Webdings und meine eigen Homepage interessiere ich mich seit 2010.
Zitat:
Zitat von MrMurphy Beitrag anzeigen
Zumal die Browserhersteller irgendwann in den nächsten Jahren die alten Standards HTML4 und XHTML als Ballast nicht mehr unterstützen werden.
deshalb möchte ich meine Seiten jetzt auf HTML5 schreiben.
Zitat:
Zitat von MrMurphy Beitrag anzeigen
deine Seite für HTML5 komplett neu zu schreiben, wenn der Inhalt bestehen bleiben soll.
der Inhalt der Index soll so stehen bleiben.
Vielen Dank für deine Tipps. Ich habe gedacht wenn ich die alten HTML4 <!DOCTYPE ändere reicht.
Ich schreibe meine Seiten jetzt neu.
Mit Zitat antworten
  #16 (permalink)  
Alt 09.10.2015, 16:32
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von Ubuntuli Beitrag anzeigen
Ich habe gedacht wenn ich die alten HTML4 <!DOCTYPE ändere reicht.
Seien wir ehrlich: Ja, das reicht im ersten Schritt vollkommen aus.

Grundvorraussetzug dafür ist jedoch: man hat die Seite semantisch korrekt geschrieben.
Klar, ein paar Tags sind neu aber 70% von dem, was man auf einer normalen Seite benutzt, ist das alte Gedöns.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #17 (permalink)  
Alt 11.10.2015, 08:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.08.2015
Beiträge: 24
Ubuntuli befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von MrMurphy Beitrag anzeigen
Deshalb mal ein Beispiel für ein korrektes HTML:
Vielen Dank für dein Beispiel und deine Mühe.
Die Seite sieht wirklich gut aus. So hab ich mir meine Seite vorgestellt. Diese Seite werde ich ohne Text als vorlage.html benutzen. Das ein neuer Tab beim Klicken der Links aufgeht finde ich auch noch raus. Die SELFHTML: Version 8.1.2 vom 01.03.2007 ist vielleicht die einzige Version die ich noch Downloaden konnte ist aber zu alt. Da ist alles noch auf HTML4. Danke auch an alle für die Tipps. Gruß vom Schüler Ubuntili
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Welchen XHTML DOCTYPE sollte man nehmen? Krischu CSS 7 05.04.2007 13:59
Doctype-Unterschiede. nick (X)HTML 31 01.09.2006 14:10
Input-Feld im Firefox zu hoch sobald Doctype XHTML jorainbo (X)HTML 4 19.10.2005 09:19
XHTML Seite - Doctype Strict und transitional - Unterschiede feh (X)HTML 23 25.04.2005 16:19
DocType XHTML == Bild weg? Doctype HTML == Bild da?! Schnoop (X)HTML 6 29.01.2005 01:05


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:53 Uhr.