Grazie per la risposta cavicchiandrea

Quello che vorrei creare io è simile al link che ho messo nel mio vecchio post ma vorrei crearlo in modo molto più semplice, ovvero vorrei dividere una pagina html in due frame uno destro e uno sinistro; Poi mettere nel frame destro una qualsiasi pagina web visualizzabile tranquillamente dai vari browser e nello stesso tempo far apparire nel frame sinistro il codice sorgente del frame destro, e vorrei sia modificabile dinamicamente dal browser stesso in vari punti già prestabiliti (come l'inserimento di un'immagine, il cambio di un testo, l'aggiunta di un tag[*], e cosi via) tramite vari form o pulsanti. Non so se mi sono spiegato ti scrivo la bozza del codice per farti capire meglio.

FILE HTML

codice:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Documento senza titolo</title>
<link href="Senzatitolo-3.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="contenent1">


<div class="contenent2">

<div class="contenent4">
<iframe src="Frame sx.html" height="750" width="450" frameborder="0">
</iframe>
</div>

</div>


<div class="contenent3">


<div class="contenent9">

<div class="contenent8">
<iframe src="Frame dx.html" height="480" width="320" frameborder="0">
</iframe>
</div>

</div>


</div>


</div>


</body>
</html>

FILE CSS

codice:
@charset "UTF-8";
/* CSS Document */

.contenent1 {
	height:1050px;
	width:1050px;
	background-color:#00FF00;
	
}

.contenent2 {
	height:1000px;
	width:500px;
	float:left;
	background-color:#993333;
	margin-top:25px;
	margin-left:20px;
}

.contenent3 {
	height:1000px;
	width:500px;
	float:left;
	background-color:#FF66FF;
	margin-top:25px;
	margin-left:10px;
}

.contenent4 {
	height:750px;
	width:450px;
	float:left;
	margin-top:125px;
	margin-left:25px;
	background-color:#FFF;
}


.contenent8 {
	height:480px;
	width:320px;
	float:left;
	margin-top:50px;
	margin-left:50px;
	background-color:#FFF;
}

.contenent9 {
	height:580px;
	width:420px;
	float:left;
	margin-top:200px;
	margin-left:50px;
	background-color:#FF6;
}

.contenent10 {
	height:480px;
	width:320px;
}
FRAME SX

codice:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Documento senza titolo</title>
</head>

<body>
<h1>Qui deve apparire il codice sorgente del frame destro</h1>
<h3>Da qui all'interno del browser io dovrei riuscire a cambiare in modo dinamico tramite form e pulsanti il codice sorgente del frame destro cosi da vedere in tempo reale i miei risultati nel frame destro</h3>
</body>
</html>
FRAME DX

codice:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Documento senza titolo</title>
</head>

<body>
<h1>Qui ce la pagina html visualizzabile dai browser</h1>
<h3>Dove ci sono le varie immagini, tabelle , testi e tutto cio che puo contenere una normalissima pagina web</h3>
</body>
</html>

Spero di essere stato chiaro perche non so proprio da dove iniziare

Grazie per l'aiuto!!