Odnośnie pierwszego pytania to w HTML możesz zrobić 2 pliki jeden dla strony głównej a drugi do podstrony i w tym 2 odpowiednio ustawić tą zawartość w odpowiednim div'e - to mi przyszło do głowy jako łopatologiczne rozwiązanie, ale może jest coś lepszego w HTML.
innym rozwiązaniem będzie użycie php do tego typu rzeczy i chyba w JS też by się dało to zrobić.
w PHP możesz zobaczyć na ten materiał : https://www.youtube.com/watch?v=kmBurN-V6rw
Nie wiem na ile to jest profesjonalne rozwiązanie ale działa
co do obrazka oblanego po prawej stronie tekstem to mżna zrobić to tak (to jest tylko przykład):
<style>
.img{
width: 300px;
height: 300px;
float: left;
background-color: red;
margin-right: 25px;
margin-bottom: 5px;
}
.container{
background-color: yellow;
text-align: justify;
}
</style>
a w body:
<div class="container">
<div class="img"></div>
<p> tekst </>
</div>
a jak rozmieszczać obrazki : tak żeby to ładnie wyglądało, musisz testować różne właściwości CSS