HTML Kodlar İle Duyuru panosu Hazırlamak

[uydudoktoru]

<td style="width: 100px">
&nbsp;
<asp:DataListID="DataList1" runat="server" DataSourceID="AccessDataSource3"
Height="824px"Width="8px">
<ItemTemplate>
<div>
<div style="font-family: 'Times New Roman', Times, serif; font-size: small;">
<p>
<marquee scrolldelay="1" scrollamount="1" direction="up" onmouseover="this.stop()" onmouseout="this.start()">
<div align="left"><strong>Forum kuralları gereği forumda video ve illagal paylaşım yapmak yasaktır.Program Arşivimizde ise kısıtlanmış sürüm yada dağıtımı serbest olan (trial - freeware) yazılımlar yayınlayınız..Aksi takdirde mesajlarınız silinecektir..
</strong></div>
</div></marquee>
</p>
</div>
</ItemTemplate>
</asp:DataList>
<asp:AccessDataSourceID="AccessDataSource3"runat="server"
DataFile="~/App_Data/db.mdb"
SelectCommand="SELECT [duyuru] FROM [tbl_duyuru]">
</asp:AccessDataSource>
</td>

yukarda örnek bir uydulama hazırladım arkadaşlar.

 

[guclusat]

ASP.NET ve Access Veritabanı Bağlantılı Dinamik Duyuru Panosu​

Veritabanı Destekli ve Hareketli Duyuru Sistemi​

Bu rehberde, web sitenizdeki duyuruları sabit metin olarak yazmak yerine, bir veritabanından (Access .mdb) dinamik olarak çekip aşağıdan yukarıya (scroll up) kayacak şekilde nasıl listeleyeceğinizi öğreniyoruz. Bu yöntem, özellikle forum kuralları veya son dakika haberleri için profesyonel bir çözüm sunar.

Uygulama Kodları ve Yapılandırma​

Aşağıdaki kod yapısı, DataList kontrolünü kullanarak veritabanındaki verileri görsel bir forma dönüştürür:

<td style="width: 100px">
    <asp:DataList ID="DataList1" runat="server" DataSourceID="AccessDataSource3" Width="100%">
        <ItemTemplate>
            <div style="font-family: 'Times New Roman', Times, serif; font-size: small;">
                <marquee scrolldelay="1" scrollamount="1" direction="up" onmouseover="this.stop()" onmouseout="this.start()">
                    <div align="left" style="padding: 10px;">
                        <strong><%# Eval("duyuru") %></strong>
                    </div>
                </marquee>
            </div>
        </ItemTemplate>
    </asp:DataList>

    <asp:AccessDataSource ID="AccessDataSource3" runat="server" 
        DataFile="~/App_Data/db.mdb" 
        SelectCommand="SELECT [duyuru] FROM [tbl_duyuru]">
    </asp:AccessDataSource>
</td>

Teknik Analiz ve Parametreler​

• Veri Kaynağı (AccessDataSource): App_Data/db.mdb dosyasındaki tbl_duyuru tablosundan verileri otomatik çeker.
• Hareket Kontrolü (Marquee): direction="up" komutu yazıyı aşağıdan yukarıya kaydırırken; onmouseover komutu fare üzerine gelince yazıyı durdurarak okunabilirliği artırır.
• Dinamik İçerik: Eval("duyuru") komutu, veritabanına eklediğiniz her yeni duyurunun kod değiştirmeye gerek kalmadan panelde görünmesini sağlar.

Neden Bu Yöntemi Kullanmalısınız?​

• Duyuruları güncellemek için her seferinde HTML kodlarıyla uğraşmazsınız, sadece veritabanını güncellemeniz yeterlidir.
• Ziyaretçiler için dikkat çekici ve interaktif bir bilgilendirme alanı oluşturur.
• Düşük kaynak tüketimi ile eski nesil sunucularda bile sorunsuz çalışır.

Google ve Kullanıcı Deneyimi İçin İpuçları:​

1. Genişlik Ayarı: Paylaştığınız orijinal koddaki Width="8px" değeri yazının görünmesini engelleyebilir. Bunu yukarıdaki taslakta olduğu gibi Width="100%" olarak güncellemek, duyurunun sayfaya tam oturmasını sağlar.
2. Mobil Uyumluluk: marquee etiketi eski bir teknoloji olsa da hala çalışmaktadır. Ancak modern bir görünüm için bu yapıyı bir gün CSS Animation ile değiştirmek sitenizin hız puanını (PageSpeed) artıracaktır.