Design, Responsive

Wie verwandle ich meine bestehende Website in eine Responsive Website?

Dieser kleine Artikel soll als Workaround für Webmaster dienen, die ihre bestehende statische Website in eine Responsive, sprich: „eine flexible Webseite“, verwandeln. Ich werde in dem Artikel durchgängig ein schemenhaftes Grundgerüst einer HTML Seite mit aufführen, um die Änderungen anschaulicher zu machen:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="utf-8">
<style>
body{background:white;color:black;}
#example{width:900px;margin:auto;}
</style>
</head>
<body>
<div id=“example“></div>
</body>
</html>
 

 

Grundlagen in HTML und CSS werden hier jedoch nicht weiter beschrieben.… weiterlesen...