1. Klasör ve dosya oluşturma 4. "navi" veya "menü" gibi bir isim verilen klasör içinde "index.html" ve "style.css" dosyaları oluşturulur 4.
2. HTML dosyasına kod ekleme 4. HTML sayfasındaki "head" bölümüne, "meta" etiketinden sonra boş bir satıra sağ tıklayıp "CSS Styles" ve ardından "Attach Style Sheet" seçilerek "style.css" dosyası bağlanır 4.
3. Div içeriği oluşturma 4. HTML menü kodu, oluşturulan div içeriğinin arasına yerleştirilir 4.
4. CSS ile stilleme 24. Menünün görünümü, arka plan rengi, metin stili, hizalama ve geçiş efektleri gibi özelliklerle CSS kullanılarak özelleştirilir 24.

<nav class="menu">
  <ul>
    <li><a href="#">Ana Sayfa</a></li>
    <li><a href="#">Csharp</a>
      <ul>
        <li><a href="#">Console</a></li>
        <li><a href="#">Windows</a></li>
        <li><a href="#">WPF</a></li>
      </ul>
    </li>
    <li><a href="#">Web Tasarım</a>
      <ul>
        <li><a href="#">HTML</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">ASP.NET</a></li>
      </ul>
    </li>
    <li><a href="#">BTT</a>
      <ul>
        <li><a href="#">Anakart</a></li>
        <li><a href="#">İşlemci</a></li>
        <li><a href="#">Bellekler</a></li>
      </ul>
    </li>
    <li><a href="#">İletişim</a></li>
  </ul>
</
Kopyala