Link page with css file..

<-link href="style.css" rel="stylesheet" type="text/css">

• Letak link kat atas ni dalam bahagian antara <-head> dan <-/head>
• href = "style.css" ni kita gantikan ikut nama file css yang kita create..

So dengan ini page kita ni automatic akan link dengan file css dan kita boleh apply semua style class dalam css tersebut..

Contoh:

1. Kita ada file css nama style.css.. dan dalam file ni kita ada satu style class nama page..

/* Page */

#page {
width: 840px;
margin: 0 auto;
padding: 30px 20px 0px 20px;
background: #FFFFFF;
border-left: 10px solid #FFFFFF;
border-right: 10px solid #FFFFFF;
border-bottom: 10px solid #FFFFFF;
}

2. Then kita nak apply style yang diberi nama page ni dalam div.. Disebabkan kita dah link kan page kita dengan css file.. so kita bolehlah panggil semula style css tersebut dengan menggunakan class and nama style tersebut..

<-div class="page"> bla bla bla <-/div>

Display Data in Repeater..

Repeater control digunakan untuk display data items dalam bentuk repeating list iaitu data berulang-ulang.. Repeater menggunakan templates. Paling kurang pun, setiap Repeater mesti ada ItemTemplates, manakala templates yang lain ialah sekadar pilihan untuk customize the appearance of the data list tersebut..

• ItemTemplate
  
• AlternatingItemTemplate
• SeparatorTemplate
• HeaderTemplate
• FooterTemplate

Coding at Client Side:

<--asp:Repeater ID="Repeater1" runat="server">
     <--HeaderTemplate>
          <--div><--/div>
     <--/HeaderTemplate>
     <--ItemTemplate>
          <--div>
               <--a href="Profile.aspx?name=<%#Eval("Associate_Name")%>">
                    <--%#DataBinder.Eval(Container.DataItem, "Associate_Name")%>
               <--/a>
          <--/div>
     <--/ItemTemplate>
     <--AlternatingItemTemplate>
          <--div>
               <--a href="Profile.aspx?name=<%#Eval("Associate_Name")%>">
                    <--%#DataBinder.Eval(Container.DataItem, "Associate_Name")%>
               <--/a>
          <--/div>
     <--/AlternatingItemTemplate>
     <--FooterTemplate>
          <--div><--/div>
     <--/FooterTemplate>
<--/asp:Repeater>

Coding at Server Side:

protected void Page_Load(object sender, EventArgs e)
{
     try
     {
          if(!IsPostBack)
          {
               DataSet ds = new DataSet();
               SqlConnection con = new SqlConnection();
               con.ConnectionString = @"Data Source=klcpc292\SQLEXPRESS;" + @"Initial Catalog=FacePage; Integrated Security=SSPI;";
               con.Open();

               string query = "select Associate_Name from Associate_Profile where Associate_Role='Buddy'";

               SqlDataAdapter adap = new SqlDataAdapter(query,con);
               adap.Fill(ds);
               Repeater1.DataSource = ds.Tables[0].DefaultView;
               Repeater1.DataBind();
          }
     }
     catch(Exception ex)
     {
          Response.Write(ex.Message);
     }
}

Include Files..

Include file ni salah satu cara untuk memudahkan kerja. Biasanye kita gunakan include untuk bahagian header, leftside, and footer.. Yelah, cuba pikir, kalau kita ada 100 pages, takkanlah kita nak bubuh coding header tu kat setiap pages.. jenuhlah camtu.. So kita create hanya satu page untuk header and just include kan jep files tersebut kat setiap page menggunakan coding file include.. Coding ni kita bubuh kat dalam design iaitu bahagian source code html dia.. Cara dia, create satu file baru seperti file html and then tulis code dalam bahagian body sahaja.. dekat coding dia ni kita bubuhlah banner header and tulisan-tulisan yang selalu ada kat header.. So dalam page asp, kita hanya include sahaja file html yang mengandungi code tersebut.. So secara automatic file asp tersebut pun mengandungi code yang sama macam file html kita create tadi and automatic ada header..

Contoh code nak include file:

<--html>
    <--head id="Head" runat="server">
        <--title>Home<--/title>
    <--/head>    
    <--body>
        <--form id="form1" runat="server">
            <--#include file="header.htm"-->
            <--#include file="leftside.htm"-->

            <-- main -->

            <--#include file="footer.htm"-->
    <--/body>
<--/html>

*Notes: Actually disebabkan kat blog ni tak boleh nak write html code so actually ada tanda '!' sebelum '--'.. and hanya pada include file jep..