ile

Yeni Türk Tücaret Kanunu’nun Gerektirdiği Kurumsal Bilgiler Bölümünü Bitirelim ve Sitemizi Tamamlayalım

Evet sitemiz ufak ufak bitiyor. Son olarak yeni Türk Ticaret Kanunu’nun gerektirdiği kurumsal bilgileri içeren Kurumsal bölümümüzü de yaptıktan sonra html5 ile hazırladığımız şirket internet sitesi örneğimizi bitiriyoruz.

Peki kurumsal bölümüne eklememiz gereken bilgiler nelerdir? Yeni TTK bizden neler istiyor? Şurada ve şurada belirtildiği üzere ilk olarak şirket ile ilgili temel bilgileri eklememiz gerekiyor. Bunlar;

  1. Ticaret Ünvanı (Ticaret Sicilinde belirtildiği gibi)
  2. Ticaret Sicil No.
  3. Bağlı olunan ticaret odası
  4. Kuruluş Tarihi
  5. Yetkili Müdürlerin Adı Soyadı

Bu bilgileri güzel bir şekilde görüntülemek için tablo kullanalım:


<table class="table table-hover">
    <tr>
        <td><strong>Ticaret Ünvanı</strong>: </td>
        <td>Kızılyıldız Matbaacılık A.Ş.</td>
    </tr>
    <tr>
        <td><strong>Ticaret Sicil No</strong>: </td>
        <td>283723-23498-2434</td>
    </tr>
    <tr>
        <td><strong>Bağlı Olunan Ticaret Odası</strong>: </td>
        <td>İstanbul Matbaacılar Odası</td>
    </tr>
    <tr>
        <td><strong>Kuruluş Tarihi</strong>: </td>
        <td>14 Mart 1971</td>
    </tr>
    <tr>
        <td><strong>Yetkili Müdür</strong>: </td>
        <td>Soner Kabadayısarı</td>
    </tr>
</table>

Burda ne yaptık? Önce table etiketiyle yeni bir tablo oluşturduk. Bu etikete twitter bootstrap kütüphanesindeki table ve table-hover class özelliklerini verdik ki hem görünümü düzgün olsun, hem de tablo hücrelerinin üzerine geldiğimizde hücre renk değştirsin.
etiketiyle yeni bir satır oluşturduk ve td etiketiyle de hücrelerin içine bilgileri ekledik. Eğer sütunlarımıza başlık eklemek isteseydik th etiketini kullanmamız gerecekti. Sonuç olarak görüntümüz şu şekilde:

Daha sonra bir çizim programında çizdiğimiz yönetim şemasını da siteye ekleyelim. Kurumsal bilgiler bölümünü aynen hakkımızda bölümünde yaptığımız gibi sağ tarafta tab bağlantılarına sahip olan article etiketleri şeklinde hazırlayacağız.

Bu bölümün kodu şu şekilde olacak. Yapı olarak hakkımızda bölümünden farkı yok. Article etiketi içinde makale ve tarih bilgisi sonra da içerik.

<article class="tab-pane" id="yonetim" itemscope itemtype="http://schema.org/Article">
    <header>
        <h3><span itemprop="name">Yönetim Şeması</span></h3>
        <p><time itemprop="pubdate" datetime="2010-10-20">20 Ekim 2012</time> tarihinde eklendi</p>
    </header>
    <p>17 Ekim 2012 Tarihi itibariyle şirketimizin yönetim şeması aşağıdaki gibidir. Tüm ilgililere duyurulur.</p>
    <p>Kızılyıldız Matbaacılık A.Ş.</p>
 <img title="yonetim" alt="Yönetim Şeması" src="img/yonetim.png" />
 <ul>
                             <li>Yön. Kur. Bşk. Fipob Hibnot</li>
                             <li>Yön. Kur. Bşk. Yrd. Jatizop Opep</li>
                             <li>Yön. Kur. Üy. Zatag Etmep</li>
                             <li>Yön. Kur. Üy. Isfem Isip</li>
                             <li>Yön. Kur. Üy. Amet Cesfeldo</li>
                             <li>Yön. Kur. Üy. Nejos Dezep</li>
                             <li>Den. Kur. Üy. Ocsejon Lezrelleze</li>
                             <li>Den. Kur. Üy. Natvege Vezmep Ubhas</li>
                             <li>Den. Kur. Üy. Topep Dinhom</li>
</ul>
<p><strong>Yetkili Müdür: </strong> Soner Kabadayısarı</p>
</article>

Görüntümüz de şu şekilde:

Ortaklık yapısı bölümünü de aynı şekilde makale olarak oluşturduk.


<article class="tab-pane" id="ortaklik" itemscope itemtype="http://schema.org/Article">
    <header>
        <h3><span itemprop="name">Ortaklık Yapısı</span></h3>
        <p><time itemprop="pubdate" datetime="2010-10-20">20 Ekim 2012</time> tarihinde eklendi</p>
    </header>
    <p>17 Ekim 2012 Tarihi itibariyle şirketimizin ortaklık yapısı aşağıdaki gibidir. Tüm ilgililere duyurulur.</p>
    <p>Kızılyıldız Matbaacılık A.Ş.</p>
    <p>5.000.000 TL Sermaye Bedeli ile</p>
    <ul>
        <li>%51 2.550.000 TL Bedelle Sosyal Holding A.Ş.</li>
        <li>%10 500.000 TL Bedelle Rebi Komercan</li>
        <li>%20 1.000.000 TL Bedelle Yusuf Çugaşvili</li>
        <li>%20 1.000.000 TL Bedelle Veli İliç Ulyanoğlu</li>
    </ul>
</article>

Mali tablolar ve Diğer Kurumsal Belgeler bölümleri ile ilgili söylemek istediğim bir şey var. Bu bölümler daha önce duyurular bölümünde yaptığımız gibi blog şeklinde olacak. Herhangi bir belge eklediğimizde şu şu belge eklendi başlığı ile makaleyi göreceğiz. Bu belgeler için bir kaç tane ikon hazırladım. Bunlar için openoffice’in ikonlarını kullandım ne de olsa açık kaynaklı. 🙂

Bu ikonları her belge eklediğimde kullanacağım. Şimdi bölümümüzün kodlarını inceleyelim. Yine burada da farklı olan bir şey yok. Bu bölüm için tek farklı olan şey olan article etiketi içinde başka bir article etiketi kullandığımıza dikkat edin. HTML5 bu tarz yapılara çok abartmamak kaydıyla izin veriyor. Belki burada section kullanmak daha doğru olabilirdi ancak onu da son rötüşları yapacağımız yayınlama bölümüne bırakalım.


 <article class="tab-pane" id="malitablolar" itemscope itemtype="http://schema.org/Article">
        <header>
            <h3><span itemprop="name">Mali Tablolar</span></h3>
        </header>
        <p></p>
        <article class="offset1" id="ücyillik" itemscope itemtype="http://schema.org/Article">
            <header>
                <h4><span itemprop="name">2009-2012 3 Yıllık Finansal Plan Eklendi</span></h4>
                <p><time itemprop="pubdate" datetime="2010-10-08">8 Ekim 2012</time></p>
            </header>
            <p>17 Ekim 2012 Tarihi itibariyle şirketimizin 3 yıllık finansal yapısı aşağıdaki gibidir. Tüm ilgililere duyurulur.</p>
            <p>Kızılyıldız Matbaacılık A.Ş.</p>
            <a href="ücyillik.pdf" alt="3 Yıllık Finansal Plan"><img src="img/ikonlar/spreadsheet.png" /></a>
            <a href="ücyillik.pdf" alt="3 Yıllık Finansal Plan">2009-2012 Finansal Plan</a>
        </article>
    </article>

İki bölümümüzün de yapısı aynı. Bunlara her belge eklediğimizde blog yapısı olduğundan dolayı sayfa aşağı doğru uzayacak:

Sitemizin son bölümünü de tamamladık. Bir sonraki bölümde son rötüşları yapacak ve sitemizi FTP istemcisi kullanarak nasıl yayınlayacağımızı göreceğiz.

Dayanışmayla!
Meraklı Bilişimci

Yorumla

Yorum