Guten morgen Jaden ...
Habe das Code in code modus eingefügt das etwas überschaubar hier aussieht ,wen es um dei Begriffe geht da ist halb so wild das ganze ,werde versuchen dir das zu erklären
1)responsiv ist nichts anders als das Design in allem Browser und Auflösungen gut aussieht ,sich anpasst und vor allem auch auf mobilen Geräten ..hier ist ein Link zum testen
http://quirktools.com/screenfly/
oder auch andere Methode sieht so aus ...naja hier geht vor allem um Auflösung
http://abload.de/img/cats3mu0t.jpg
------------------------------------------------------------------------
2)Style auslagern ist wen man CSS Codierung als externe Datei in den head Bereich einfügt ..hier ein Screenshot Bild dazu das man sich besser vorstellen kann :
http://abload.de/img/catsdyjkx.jpg
man macht das so das sämtliche CSS angaben was anzwieschen <style> und </style > hatte raus nehmt und als neue CSS Datei unten Namen style abspeichert ,dann hoch laden an die Seite und wie in Screenshot 1 in den linke einfügen ..man kann natürlich benenn wie man möchte
http://abload.de/img/catsaysbu.jpg
----------------------------------------------------------------------------------
3) Microsoft Expression Web ist ein sehr guten HTML editor , ich selbst nutzte den selten .. aus meine Erfahrung zum lernen und gut überschaubar kann dir den webcoton scriptle empfehlen
http://www.webocton.de/ oder bei chip
http://www.chip.de/downloads/Webocton-S ... 20694.html
-------------------------------------------------------------------------------------------------
4) habe deine Code ein wenig sortiert und die Angaben zum body in style gemacht und nicht in HTML Bereich ..hier alles ohne auslagern
Code: Alles auswählen
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Jaden-Designs</title>
<meta http-equiv="content-language" content="de">
<meta name="description" content=" Templates, Masken und mehr">
<meta name="keywords" content=" Templates, Masken mehr " />
<meta name="robots" content="index, follow">
<style>
body { background-color: #190716;
background-image: url(http://file2.npage.de/014027/16/bilder/hg-1-design.jpg);
background-repeat: repeat;
color: #0D0009;
scrollbar-face-color:#dbd2da;
scrollbar-highlight-color:#190716;
scrollbar-shadow-color:#190716;
scrollbar-arrow-color: #190716;
scrollbar-track-color: #dbd2da;
scrollbar-base-color: #190716;
scrollbar-3d-light-color: #190716;
scrollbar-dark-shadow-color: #190716 ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
}
A:link {color: #402B3C;
text-decoration:underline;
}
A:visited {
color: #190716;
text-decoration:none;
}
A:hover {
color: #190716;
text-decoration:none;
border-top:1px dotted;
border-bottom:1px dotted;
background:#DBD2DA;
}
</style>
</head>
<body >
<div align="center">
<center>
<table borderColor="#190716" cellSpacing="3" cellPadding="0" width="97%" background="http://file2.npage.de/014027/16/bilder/hg-silberdesign.jpg" border="1" >
<tr>
<td align="middle" width="100%" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px">
<div align="center">
<center>
<table cellSpacing="15" width="100%" background="http://file2.npage.de/014027/16/bilder/hg-middle-design.jpg" border="0">
<tr>
<td width="100%" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px" align="center" valign="top">
<div align="center">
<center>
<table borderColor="#190716" cellSpacing="3" cellPadding="7" width="100%" background="http://file2.npage.de/014027/16/bilder/hg-silberdesign.jpg" border="1">
<tr>
<td vAlign="top" width="100%" background="http://file2.npage.de/014027/16/bilder/hg-2-design.jpg" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px" bgcolor="#DBD2DA">
<p align="center">
<img src="http://file2.npage.de/014027/16/bilder/header-design.jpg" width="800" height="400"></p>
<p align="center"> </p>
-----------------------------------------------------------------------------------------------------------------
Und dies in den Footer:
-----------------------------------------------------------------------------------------------------------------
<p align="center"> </p>
<p align="center"><b>Style & Design ©Jaden</b></td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</center>
</div>
</html>
--------------------------------------------------------------------------------------------------------------
5) habe alles wie oben geschreiben ausgelagert und hier als demo ist zu sehen
http://demo.homepagehelfer.net/jaden/index.html
kannst das auch runterladen
http://demo.homepagehelfer.net/jaden/jaden.zip
---------------------------------------------------------------------------------------------------
6) bei Interesse kann man dir auch responisve Design Entwicklern ,natürlich mit deinen Grafiken !
ich hoffe das ich dir weiter helfen könnte und nicht zu kompliziert alles geschreiben habe