HTML/CSSの共通部分の作成方法を教えてほしいです！

【はじめに】 岡山大学理学部物理学科大学4年生のすいと申します。 【背景】 参考URLにある「薄膜物性学研究室」のHPを担当することになりました。 全てのページにおいて、ヘッダーと左の部分を固定したく思っています。 （現在はトップページだけ異なっています。） 全てのページをトップページのようにしたいのですが、 コピペしていくのが大変なので、上手いやり方がないか探っています。 恐らく、共通部分を別のファイルに保存して、そこを全てのページで引用するのが良いかと思っています。 私はHTMLに関する知識が乏しいので、詳しい方に教えていただきたいです！ 【開発ソフト】 FileZilla 【報酬】 60分1000円 【方法】 ココナラのオンラインミーティング機能を使って、私が画面共有をするので、 ご指示いただきたいです！ 【その他】 ご質問にはすべて回答するので、公開質問やメッセージにて、何でも送ってください！