<div id="content">
<table><tr><td><div><h5>Mein Name ist Simon Kraus und mit dieser Seite möchte ich mich bei Ihnen als Fachinformatiker in Fachrichtung Anwendungsentwicklung bewerben.</h5></div></td>
<td><div class="indeximage" ><img src="http://bewerbung.wmw.cc/TU-Dresden/images/Foto.jpg" width="120" height="160" alt="portrait"></div></td></tr></table>
<h3> Was wurde für die Bewerbungsseite verwendet: </h3>
<table>
<tr>
<td>
<img src="http://bewerbung.wmw.cc/TU-Dresden/images/html.jpg" width="150" height="55" alt="html">
</td>
<td>
Die Auszeichnungssprache HTML.<br>
Mit Hilfe von HTML (Hypertext Markup Language) wurden die Inhalte der Seite umgesetzt.<br>
Die Textabschnitte - wie dieser hier - genau so wie die meisten Bilder.
</td>
</tr>
</table>
<br>
<table>
<tr>
<td id="p2">
<img src="http://bewerbung.wmw.cc/TU-Dresden/images/css.jpg" width="150" height="55" alt="css" >
</td>
<td>
Die Formatierungssprache CSS (Cascading Style Sheets) habe ich benutzt um die grafische Darstellung der Seite umzusetzen - das so genannte Layout.<br>
Die Bannergrafik, sowie die Hintergründe und Positionierungen wurden mit CSS realisiert.
Ebenfalls wurde die Formatierungssprache für die Effekte in der Navigationsleiste und der Schriftgrößenauswahl benutzt.
</td>
</tr>
</table>
<br>
<table>
<tr>
<td>
<img src="http://bewerbung.wmw.cc/TU-Dresden/images/php.jpg" width="150" height="55" alt="php">
</td>
<td>
Durch die Skriptsprache PHP (PHP Hypertext Preprocessor) habe ich die Schriftgrößenwahl rechts oben auf der Seite realisiert. Dazu wurde ein Session-Script verwendet, welches die CSS Datei austauscht um die gewünschten Schriftgrößen anzuzeigen.<br>
Die Daten aus dem Kontaktformular werden ebenfalls via PHP verarbeitet.
</td>
</tr>
</table>
<br><br>
<h3>Welche Programme wurden verwendet:</h3>
<div>
<div id="prog1"><img src="http://bewerbung.wmw.cc/TU-Dresden/images/pslogocs5.jpg" width="50" height="50" alt="Photoshop CS5"><br><br><b>Photoshop CS5</b><br>Mit Photoshop CS5 wurden die Grafiken für die Seite erstellt.</div>
<div id="prog2"><img src="http://bewerbung.wmw.cc/TU-Dresden/images/notelogo.jpg" width="50" height="50" alt="Editor"><br><br><b>Notepad++</b><br>Mit dem Notepad++ Code Editor wurden die PHP Dateien und die CSS Dateien erstellt.</div>
<div id="prog3"><img src="http://bewerbung.wmw.cc/TU-Dresden/images/ffxplogo.jpg" width="50" height="50" alt="Flash FXP"><br><br><b>Flash FXP</b><br>Mit Flash FXP wurden die Dateien dieser Homepage auf den Webspace hochgeladen.</div>
</div>
</div>
<div><br class="clearboth"></div>
da gibt es mehrere Möglichkeiten um das zu umgehen. du könntest einmal einfach auf den neuen html5 doctype wechseln
<!doctype html>
wenn du bei html4 strict bleiben willst würde ich dir entweder zu einem div raten wo die datei als bg grafik drin ist oder vieleicht sogar einem h1 tag wo du dann noch die überschrift reinschreiben könntest für bots,screenreader etc.. und dann einfach für normale browser mit "text-indent:-9999px" aus dem sichtfeld nehmen
und dann einfach für normale browser mit "text-indent:-9999px" aus dem sichtfeld nehmen
schon ein bissl eine grausliche methode, eininnert ein bissl an die excel-"noobs" die ganz nach rechts scrollen dort extrem aufwenig die nebenrechungen machen (jede multiplikation in ein eigenes feld) und dann zurück nach link und dort nu das ergebnis anzeigen mit "=ZZZM12"
lg wischi
mh ich sehe da keine "grausliche" Methode drin das ist meines Wissens nach die beste Methode um es für screen reader und bots lesbar zu machen aber im browser keine neben effekte zu haben aber bin natürlich immer für andere ideen offen
73%
22%
19%
11%
6%
Spoiler
(X)HTML & CSS & DHTML & Javascript »
Inhalt-DIV einfügen?
(21. Februar 2009, 15:07)