براي اتصال يک آرايه به Repeater  يک طراحی وب سايت جديد ايجاد کنيد  و فضاي نام :

using System.Collections;

رو به صفحه خودتون اضافه کنيد  و ابزار Repeater   رو قرار بديد و در قسمت source  براي Repeater  خودتون يک ItemTemplate اضافه کنيد :

      <asp:Repeater ID="Repeater1" runat="server">

        <ItemTemplate>

          <%# Container.DataItem %><br />

       </ItemTemplate>

        </asp:Repeater>

و کد زير رو در قسمت pageload قرار بديد :

           if (!Page.IsPostBack)

            {

                //create an array list

                ArrayList arrList = new ArrayList();

                arrList.Add("One");

                arrList.Add("Two");

                arrList.Add("Three");

                arrList.Add("Four");

                Repeater1.DataSource = arrList;

                Repeater1.DataBind();

            }

 Home  »  #C • ابزارهاي ASP.NET   »   اعتبار سنجي طراحی وب سايت چک باکس با CustomValidator

اعتبار سنجي چک باکس با CustomValidator نوشته شده توسط مصطفي#C, ابزارهاي ASP.NET ?? بهمن ????

به صورت پيش فرض ابزاري براي اعتبار سنجي چک باکس وجود ندارد . با اين حال ممکن است شما گاهي اوقات احتياج به اين کار داشته باشيد مانند زماني که کاربر مي خواهد فرم ثبت نام را پر کند و در انتها بايد  تيک چک باکس مربوط به قوانين سايت را هم بزند .

پروژه رو اجرا کنيد و نتيجه کار رو ببينيد .

اتصال ArrayList به Repeater نوشته شده توسط مصطفي#C, ASP.NET ?? مرداد ????

براي اتصال يک آرايه به Repeater  يک سايت جديد ايجاد کنيد  و فضاي نام :

using System.Collections;

رو به صفحه خودتون اضافه کنيد  و ابزار Repeater   رو قرار بديد و در قسمت source  براي Repeater  خودتون يک ItemTemplate اضافه کنيد :

        <asp:Repeater ID="Repeater1" runat="server">

        <ItemTemplate>

          <%# Container.DataItem %><br />

       </ItemTemplate>

        </asp:Repeater>

و کد زير رو در قسمت pageload قرار بديد :

           if (!Page.IsPostBack)

            {

                //create an array list

                ArrayList arrList = new ArrayList();

                arrList.Add("One");

                arrList.Add("Two");

                arrList.Add("Three");

                arrList.Add("Four");

                Repeater1.DataSource = arrList;

                Repeater1.DataBind();

            }

آموزش php - حلقه ها

حلقه هاي تکرار هم جزيي اساسي از هر زبان برنامه سازي به حساب ميان! در زبان php چهار نوع حلقه داريم که بر حسب نياز از اونها استفاده ميکنيم. حلقه ها معمولا براي انجام کارهاي تکراري مورد استفاده قرار ميگيرن مثلا براي خوندن تعداد رکورد از بانک اطلاعاتي يا هر کار تکراري که خودتون در نظر بگيريد.

کارمون رو با حلقه for شروع ميکنيم اين حلقه ساختاري به صورت روبرو داره:

for(A ; B ; C)

     dastori ke bayad tekrar beshe ;

به محل قرارگيري سمي کولن ها ; خوب توجه کنيد ضمنا ياد آور ميشم که اگه چند تا دستور داريد يا اصطلاحا يک بلوک تکرار داريد بايد مجموعه دستورات رو داخل آکولاد بنويسيد. اما توضيح اينکه در هر بخش بايد چي بنويسيم :

در قسمت A هميشه متغير رو مقداردهي اوليه ميکنيم. (مقدار اوليه متغير)

در قسمت B شرطي مينويسيم که تا زمانيکه اين شرط طراحی وب سایت برقراره حلقه تکرار ميشه ، براي توقف حلقه شرط بايد نادرست (false) باشه.

در قسمت C بايد مشخص کنيم که در هر بار اجراي حلقه مقدار متغير حلقه چطوري تغيير ميکنه!

Foot in mouth من C رو نفهميدم؟؟؟؟!!!

منظورم اين بود که در اين قسمت ميتونيد مقداري رو به متغير حلقه اضافه کنيد يا ازش کم کنيد حتي ميتونيد ضرب کنيد تقسيم هم ميتونيد انجام بديد D: با مثال زير بهتر متوجه منظورم ميشيد:

for($i=0 ; $i <=9 ; $i++)

    echo $i.'<br />';

مثال بالا اعداد 0 تا 9 رو رويه صفحه نمايش ميده. فکر کنم ديگه منظورم رو فهميده باشيد. 

0=i$ مقدار صفر به عنوان اولين مقدار متغير i$ در نظر گرفته ميشه.

9=>i$ هم شرطي هست که ازش صحبت کرديم يعني تا زمانيکه مقدار متغير حلقمون که اينجا i$ هستش کوچکتر از 9 هست حلقه به کارش ادامه ميده.

++i$ هم در هربار تکرار حلقه يکي به مقدار متغير حلقه اضافه ميکنه ، با عملگر ++ هم که آشنا هستيم و به ياد داريم معادل 1 + i = $i$ هستش!

معمولا از اين حلقه زماني استفاده مي کنيم که مي دونيم چند بار حلقه بايد تکرار بشه.

نوع دوم حلقه while هست!! اگر وارد اين حلقه بشيم تا زمانيکه شرط تکرار برقراره به کار خودش ادامه ميده.

  Wink پس ممکنه وارد اين حلقه نشيم!!!

کاملا درسته. وقتيکه php براي اولين به اين حلقه مي رسه اگر شرط برقرار نباشه اصلا وارد حلقه نميشه. شکل کلي اين دستور به صورت زير هست:

while(condtion)

   dastori ke bayad tekrar beshe;

اينم يه مثال ساده که معادل مثال حلقه for هست با اين تفاوت که با while بازنويسي کرديم توجه کنيد بيش از يک دستور داريم و از آکولاد استفاده مي کنيم!

$i = 0;

while($i<=9)

{

   echo $i.'<br />';

   $i++;

}

 Cool من يه حلقه مي خوام که حداقل يک بار اجرا بشه!!!!!!

بعضي وقت ها نياز ميشه که حلقه اي داشته باشيم که حداقل يک بار اجرا بشه در اين صورت بايد از حلقه do...while استفاده کنيم. ساختار اين حلقه به صورت زيره:

do

{

   dastori ya dastorati ke bayad tekrar beshe;

}

while(condtion);

چون اين حلقه خيلي شبيه حلقه while هست و مثال نمي خواد.

يک نوع ديگه حلقه داريم که به foreach معروفه! اما از اونجا که مبحث آرايه ها رو شروع نکرديم بعدا راجع به اون بحث مي کنيم و فقط در اينجا ساختار کلي اون رو نشون ميديم:

foreach(array as value)

{

    dastori ke be ezaye har meghdar araye tekrar mishe;

}

و نکته آخر اينکه آکولاد براي دستورات do...while و foreach الزامي هست حتي اگر يک دستور داشته باشيم!

آموزش PHP   >   ساختارهاي دستوري PHP   >   حلقه هاي while

ساختارهاي حلقه اي while :

گاهي اوقات در کدنويسي خود نياز داريم دستور يا دستوراتي خاص به تعداد دفعات لازم و يا تا زماني که شرط تعيين شده براي آن صحيح است تکرار و اجرا شوند.به عباررت ديگر ميخواهيم دستورات مورد نظرمان در يک حلقه تا زماني که شرط تعيين شده براي آن درست است اجرا شوند.در اين حالت از ساختارهاي شرطي حلقه استفاده مي کنيم. 

در اين ساختار يک شرط يا شروطي را در پرانتز مقابل عبارت while تعيين ميکنيم.سپس کدهاي مورد نطر خود را درون دستور while قرار ميدهيم.تا زماني که شرط تعيين شده درست باشد برنامه بصورت متناوب دستورات while را اجرا ميکند. 

در php دو نوع حلقه while داريم :

while : اين حلقه تا زماني که شرط يا شروط تعيين شده در مقابل عبارت while درست باشد دستورات درون خود را بصورت متناوب اجرا ميکند.

do .... whlie : اين حلقه يکبار دستورات تعيين شده را براي آن اجرا ميکند.سپس شرط يا شروط تعيين شده در انتهاي حلقه ي while را بررسي کرده و تا زماني که درست باشند دستورات حلقه را طراحی وب سایت   مجددا بصورت متناوب تکرار ميکند.

نکته : در دستور while ممکن است به علت درست نبودن شرط تعيين شده هيچگاه دستورات آن اجرا نشوند.ولي در حلقه do … while حتي اگر شرط هم درست نباشد حداقل دستورات حلقه يکبار اجرا  مي شوند.

1 ) حلقه while :

اين حلقه تا زماني که شرط يا شروط تعيين شده براي آن که در پرانتز مقابل کلمه while قرار دارند درست باشد دستورات خود را بصورت دوره اي تکرار ميکند.

شکل کلي استفاده از اين حلقه بصورت زير است:

Syntaxwhile ( شرط يا شروط مورد نظر ) 

    {

        کدها و دستوراتي که مي خواهيد در حلقه تکرار شوند ;

     }

مثال : 

< ?php 

    while ( $i =< 5 ) 

      {

         echo "The number is " . $i . "< br >";

         $i++;

       }

?>

شرط اين حلقه در انتهاي حلقه تعيين ميشود.اين حلقه ابتدا يکبار دستورات تعيين شده در آن را اجرا ميکند ، سپس شرط تعيين شده در انتهاي حلقه را بررسي کرده و تا زماني که درست باشد طراحی سایت بصورت دوره اي دستورات خود را اجرا ميکند .

دستورات اين نوع حلقه حتي اگر شرط آن غلط باشد ، حداقل يکبار اجرا ميشود .

شکل کلي استفاده از اين حلقه بصورت زير است :

Syntax   do

      {

          کدها و دستوراتي که مي خواهيد در حلقه تکرار شوند ;

       }

      while ( شرط يا شروط مورد نظر )  ;

مثال : 

< ?php   

  do

      {

         echo "The number is " . $i . "< br >";

         $i++;

       }

    while ( $i =< 5 ) ;

?>

خروجي مثالThe number is 1

The number is 2

The number is 3

The number is 4

The number is 5

SQL - محدوديت CHECK

توسط: عليرضا مسگري | ?-مهر-???? |

محدوديت check تعيين ميکند که چه بازه اي از مقادير و يا داده با چه مشخصاتي ميتواند در ستون پايگاه داده قرار بگيرد.

همچنين ميتوان براي جدول با توجه به ستونهايش محدوديت check ايجاد کنيم

ميخواهيم محدوديت check  را هنگام ساخت جدول اعمال کنيم ، به دستورات زير دقت کنيد ، پس از ساخت جدول طراحی وب سایت شما فقط ميتوانيد مقدار integer  را براي P_Id وارد کنيد

My SQL:

CREATE TABLE Persons

(

P_Id int NOT NULL,

LastName varchar(255) NOT NULL,

FirstName varchar(255),

Address varchar(255),

City varchar(255),

CHECK (P_Id>0)

)

SQL Server / Oracle / MS Access:

CREATE TABLE Persons

(

P_Id int NOT NULL CHECK (P_Id>0),

LastName varchar(255) NOT NULL,

FirstName varchar(255),

Address varchar(255),

City varchar(255)

)

و براي محدود کردن چند ستون به طور همزمان هم از دستور زير استفاده ميکنيم

MySQL / SQL Server / Oracle / MS Access:

CREATE TABLE Persons

(

P_Id int NOT NULL,

LastName varchar(255) NOT NULL,

FirstName varchar(255),

Address varchar(255),

City varchar(255),

CONSTRAINT chk_Person CHECK (P_Id>0 AND City='Sandnes')

)

براي ايجاد دستور check در جدولي که قبلا ساخته شده است از دستور زير بهره ميگيريم

MySQL / SQL Server / Oracle / MS Access:

ALTER TABLE Persons

ADD CHECK (P_Id>0)

و همچنين اين عمل براي محدوديت چندين ستون به صورت زير اعمال ميشود

MySQL / SQL Server / Oracle / MS Access:

ALTER TABLE Persons

ADD CONSTRAINT chk_Person CHECK (P_Id>0 AND City='Sandnes')

براي حذف يک محدوديت check نيز به اين صورت عمل ميکنيم

SQL Server / Oracle / MS Access:

ALTER TABLE Persons

DROP CONSTRAINT chk

SQL - محدوديت FOREIGN KEY

توسط: عليرضا مسگري | ?-مهر-???? |

محدوديت foreign key  در يک جدول به کليد اصلي يک جدول ديگر يا همان primary key  در يک جدول ديگر اشاره دارد .

بيايد براي درک بهتر به مثال زير ديقت کنيم:

جدول "person"

P_IdLastNameFirstNameAddressCity

1HansenOlaTimoteivn 10Sandnes

2SvendsonToveBorgvn 23Sandnes

3PettersenKariStorgt 20Stavanger

جدول "order"

O_IdOrderNoP_Id

1778953

2446783

3224562

4245621

دقت کنيد که عنصر P_Id درجدول order به عنصر همنام خود طراحی سایت يعني P_Id در جدول person اشره دارد و حاوي همان اطلاعات ميباشد P_Id در order يک  foreign key  و در person يک |primary key  ميباشد.

foreign key  در واقع از وارد شدن اطلاعات نا معتبر در جدول و همچنين هرچيز که ارتباط بين دو جدول را تخريب کند جلوگيري ميکند زيرا که به مقدار يکتايي در جدول اصلي اشاره دارد.

ايجاد foreign key هنگام ساخت جدول

براي انجام عمل فوق از دستور زير استفاده ميکنيم

MySQL:

CREATE TABLE Orders

(

O_Id int NOT NULL,

OrderNo int NOT NULL,

P_Id int,

PRIMARY KEY (O_Id),

FOREIGN KEY (P_Id) REFERENCES Persons(P_Id)

)

SQL Server / Oracle / MS Access:

CREATE TABLE Orders

(

O_Id int NOT NULL PRIMARY KEY,

OrderNo int NOT NULL,

P_Id int FOREIGN KEY REFERENCES Persons(P_Id)

)

و براي محدود کردن چند ستون در جدول به عنوان foreign key  از دستور زير استفاده کنيد

MySQL / SQL Server / Oracle / MS Access:

CREATE TABLE Orders

(

O_Id int NOT NULL,

OrderNo int NOT NULL,

P_Id int,

PRIMARY KEY (O_Id),

CONSTRAINT fk_PerOrders FOREIGN KEY (P_Id)

REFERENCES Persons(P_Id)

)

براي ساخت يک foreign key در جدولي که قبلا ساخته شده است بايد از دستور زير استفاده کرد.

MySQL / SQL Server / Oracle / MS Access:

ALTER TABLE Orders

ADD FOREIGN KEY (P_Id)

REFERENCES Persons(P_Id)

و همچنين براي ساخت چند ستون به عنوان طراحی وب سایت يک foreign key از دستور زير استفاده کنيد

MySQL / SQL Server / Oracle / MS Access:

ALTER TABLE Orders

ADD CONSTRAINT fk_PerOrders

FOREIGN KEY (P_Id)

REFERENCES Persons(P_Id)

و براي حذف يک foreign key از دستورات زير بهره بگيريد

MySQL:

ALTER TABLE Orders

DROP FOREIGN KEY fk_PerOrders

SQL Server / Oracle / MS Access:

ALTER TABLE Orders

DROP CONSTRAINT fk_PerOrders_Person

در اين آموزش شما با نحوه درست کردن Auto Complete  با استفاده از jQuery , php و mysql آشنا خواهيد شد.

Auto Complete   چيست؟

Auto Complete  به روشي گفته ميشه که هنگامي که شما داخل يه textbox شروع به تايپ ميکنيد کادر کوچکي زير textbox نمايش داده ميشه که يه سري کلمات رو به شما پيشنهاد ميده و با انتخاب طراحی وب سایت  اون کلمات نيازي به تايپ تمام کلمه نيست.مثل روشي که هنگام جستجو در گوگل ميبينيد.

ساخت ديتابيس

قبل از اينکه شروع به ساخت کنيم ابتدا يه ديتابيس ميسازيم و تعدادي اطلاعات رو در جدولمون قرار ميديم.

CREATE TABLE `tag` (

`id` int(20) NOT NULL auto_increment,

`name` varchar(50) NOT NULL,

PRIMARY KEY  (`id`)

) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=10 ;

INSERT INTO `tag` (`id`, `name`) VALUES

(1, 'php'),

(2, 'php frameword'),

(3, 'php tutorial'),

(4, 'jquery'),

(5, 'ajax'),

(6, 'mysql'),

(7, 'wordpress'),

(8, 'wordpress theme'),

(9, 'xml');

ايجاد صفحه index.php

صفحه index.php رو مانند شکل زير بسازيد :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Auto Complete Input box</title>

<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="jquery.autocomplete.js"></script>

<script>

$(document).ready(function(){

$("#tag").autocomplete("autocomplete.php", {

selectFirst: true

});

});

</script>

</head>

<body>

<label>Tag:</label>

<input name="tag" type="text" id="tag" size="20"/>

</body>

</html>

دقت کنيد که اين فايل بايد در کنار فايلهايي قرار بگيره که توي قسمت قبلي دانلود کردين

صفحه autocomplete.php

يه صفحه ديگه بسازيد و اسمش رو autocomplete.php بزاريد.

$q=$_GET['q'];

$my_data=mysql_real_escape_string($q);

$mysql=mysql_connect('localhost','username','password') or die("Database Error");

mysql_select_db('database');

$sql="SELECT name FROM tag WHERE name LIKE '%$my_data%' ORDER BY name";

$result = mysql_query($sql) or die(mysql_error());

if($result)

{

while($row=mysql_fetch_array($result))

{

echo $row['name']."n";

}

}

کد زير رو در فايل .htaccess قرار بديد :

# use utf-8 encoding for anything served text/plain or text/html

AddDefaultCharset utf-8

# This applies to all the content serverd by the web server.

اگر بخوايد براي چند نوع فايل طراحی وب سایت  مشخص کنيد که از کدوم مجموعه کاراکتر استفاده کنه از کد زير استفاده کنيد :

# force utf-8 for a number of file formats

AddCharset utf-8 .html .css .js .xml .json .rss

Heredocs و Nowdocs در PHP

Posted on ??/??/?? | PHP

Heredoc يکي از زاههاي تعريف رشته هاي بزرگ در PHP است. اين روش تعريف رشته در سيستم عامل هاي لينوکس و ويندوز و همچنين در زبانهاي برنامه نويسي Perl , Python , Ruby نيز کاربرد دارد.در ادامه با اين دو ابزار در PHP آشنا خواهيد شد

heredoc به اين صورت تعريف ميشه که ابتدا طراحی وب سایت سه علامت کوچکتر (>>>) سپس يک نام يا مشخصه براي رشته مورد نظرمون در نظر ميگيريم.

 از نوشتن رشته در انتها نام يا مشخصه اي که در ابتدا مشخص کرديم رو در انتهاي رشته قرار ميديم.

1

<?php

2

$str = <<<DEMO

3

This is a

4

demo message

5

with heredoc.

6

DEMO;

7

8

echo $str;

9

?>

6

demo message

7

with heredoc.

8

DEMO;

9

10

echo $str;

?>

ميبينيد که به جاي متغير $name مقدار اين متغير در هنام چاپ نمايش داده ميشه.

Nowdoc

اين هم يکي ديگه از زوشهاي تعريف رشته هاي بزرگ در php که تقريبا مثل heredoc تعريف و استفاده ميشه.

تفاوت nowdoc با heredoc در اينه که nowdoc مثل تک کوتيشن عمل طراحی وب سایت ميکنه و مجتويات داخلش پردازش نميشن.

براي تعريف nowdoc ابتدا سه علامت کوچکتر (>>>) سپس نام يا مشخصه که در nowdoc بايد مشخصه بين تک کوتيشن قرار بگيره.

مثال :

1

<?php

2

$str = <<<'EOD'

3

Example of string

4

spanning multiple lines

5

using nowdoc syntax.

6

EOD;

ميبينيد که شناسه بين دو تک کوتيشن قرار گرفته.

در اين نوع تعريف رشته در php متغيرهاي داخل رشته پردازش نميشن و خود متغير به جاي مقدارش نمايش داده ميشه :

1

    <?php

2

    $name = "Max";

3

4

$str = <<<'EOD'

5

Hello $name! <br/>

6

This is a

7

demo message

8

with heredoc

9

EOD;

10

11

    echo $str;

?>

آرايه $_SERVER در PHP

Posted on ??/??/?? | PHP

The-_SERVER-PHP-Variable-I

اگر زبان PHP رو تازه شروع کرديد يا تجربه کار با اين زبان رو داريد ممکنه نام متغير (آرايه) $_SERVER رو شنيده باشيد.PHP به صورت خودکار اطلاعاتي مهمي رو در اين آرايه نگهداري ميکنه.اطلاعاتي طراحی وب سایت مثل نام و آدرس فايل در حال اجرا ، مشخصات سرور ،مشخصات سيستم کاربر و … رو در اختيار ما قرار ميده.

در اين پست به معرفي مهمترين اعضاي اين آرايه ميپردازيم.

$_SERVER['PHP_SELF']

با اجراي دستور زير :

1

echo $_SERVER['REQUEST_URI'];

خروجي به شکل زير خواهد بود :

profile.php?id=45

$_SERVER['HTTP_REFERRER']

با استفاده از اين متغير ميتونيد بفهميد که کاربري که وارد سايت شما شده از چه سايتي اومده . از اين متغير معمولا براي تبليغات يا سئو استفاده ميشه.

1

echo $_SERVER['HTTP_REFERER'];

$_SERVER[‘HTTP_USER_AGENT’]

اين هم يکي از مهمترين متغيرهاي اين آرايه است. با استفاده از اين متغير ميتونيد اطلاعاتي در مورد کاربر به دست بياريد. اطلاعاتي شامل نام مرورگر، نوع سيستم عامل و…

$_SERVER[‘DOCUMENT_ROOT’]

اين متغير مسير ريشه اصلي سايت رو بر ميگردونه

$_SERVER[‘HTTP_HOST’]

از اين متغير هم براي برگرداندن نام سايت استفاده ميشه.مثلا اگر سايت آدرس به اين صورت باشه

http://www.mysite.com/page.php

با استفاده از دستور زير :

1

echo $_SERVER['HTTP_HOST'];

خروجي به اين شکل خواهد بود :

www.mysite.com

$_SERVER[‘QUERY_STRING’]

اين متغير قسمت Query String در URL رو برميگردونه. Query String به قسمتي ميگن که بعد علامت ؟ قرار ميگيره. به عنوان مثال اگر آدرس به صورت

http://www.mysite.com/somepage.php?id=45&value=yes

با اجراي دستور زير :

1

echo$_SERVER['QUERY_STRING'];

خروجي به اين شکل خواهد بود :

id=45&value=yes

$_SERVER[‘SCRIPT_FILENAME’]

مسير مطلق فايل در حال اجرا رو برميگردونه

$_SERVER[‘REQUEST_TIME’]

اين متغير زمان اجراي اسکريپت رو برميگردونه. به صورت timestamp

استفاده از آواتار هاي سايت Gravatar در PHP

Posted on ??/??/?? | PHP وردپرس کدهاي آماده

title-gravatar-php-tutorial

سلام

سايت Gravatar  يک سايت براي اختصاص دادن آواتار دلخواه به ايميل شماست.

در قسمت نظرات سايت ميبينيد که بعضي از دوستاني که نظر ميدن يک عکس کنار نظرشون نمايش داده ميشه.اين دوستان از سايت Gravatar براي اينکار استفاده کردند.

حالا با توجه به درخواست يکي از دوستان نحوه استفاده از آوارتار هاي سايت Gravatar رو براتون توضيح ميدم.

1

<?php

2

$email = strtolower(trim("myemail@domain.com"));

3

$email = md5($email);

4

?>

فک نکنم نياز به توضيح باشه. فقط اول کاراکتر space رو از ابتدا و انتهاي طراحی وب سایت ايميل حذف کرديم سپس تمام کلمات استفاده شده در ايميل رو به حروف کوچيک تبديل کرديم. سپس به md5 کد کرديم.حالا به راحتي ميتونيم در تگ img ازش استفاده کنيم.

1

<img src="http://www.gravatar.com/avatar/<?php echo $email?>" />

براي اندازه هم به صورت زير :

1

<img src="http://www.gravatar.com/avatar/<?php echo $email_hash?>?s=100" />

براي مشخص کردن تصوير پيش فرض هم به صورت زير :

view sourceprint?

1

<?php

2

 $avatar = "http://www.gravatar.com/avatar/".$email;

3

$d = urlencode("http://domain.com/default.jpg");

4

?>

5

<img src="<?php echo $path?>/?d=<?php echo $d?>" />

CSS هم مانند جاوا اسکرپت اين امکان را به ما مي دهد که از يک فايل استايل خارجي براي تعيين خواص بخشهاي مختلف صفحه هاي يک سايت استفاده کنيم. در اين صورت مي توانيم ظاهر همه صفحه ها را با ايجاد يک تغيير کوچک در فايل استايل خارجي تغيير دهيم.

فرض کنيد که رنگ متن همچنين طراحی وب سایت نوع فونت متن صفحه هايمان را در يک فايل استايل تعيين کرده ايم و از آن در طراحي چندين صفحه استفاده کرده ايم، حالا اگر بخواهيم رنگ متن همه اين صفحات را تغيير دهيم تنها کافي است تا رنگ متن را در همان فايل استايل تغيير دهيم و نيازي به تغيير دادن صفحات نداريم.

در ادامه با css  بيشتر آشنا خواهيم شد.

جلسه دوم آموزش HTML, متن

نويسنده ADMIN در?? - خرداد - ???? بدون نظر

نکته : در اين جلسه ممکن است از برخي تگ ها استفاده شود که تا کنون توضيحي درباره آن ها داده نشده است. اين مثال ها بيشتر به منظور آشنايي شما با تگ ها و ساختار المنت هاي HTML هستند و در ادامه به صورت مفصل در مورد همه آن ها بحث خواهد شد.

سرعنوان ها (Headings) در HTML

سر عنوان هاي در HTML با استفاده از تگ هاي <h1> تا <h6> تعريف مي شوند.

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

پاراگراف ها در HTML

پاراگراف در HTML با تگ <p> تعريف مي شود.

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

پيوند ها در HTML

لينک ها در HTML با تگ <a> تعريف مي شوند.

<a href="http://iraniantejarat.net/">ايرانيان تجارت</a>

تصاوير در HTML

تصاوير در HTML با تگ <img> تعريف مي شوند.

</pre>

<div><img src="w3schools.jpg" width="104" height="142"></div>

<pre>

اسناد HTML توسط عناصر HTML تعريف مي شوند.

عناصر HTML

عناصر (HTML Element) همه چيز هايي هستند که بين يک تگ شروع و تگ پايان قرار دارد.

</p>This is a paragraph    <p>

نکته : تگ شروع معمولا با عنوان تگ باز و تگ پايان معمولا با عنوان تگ بسته نام برده مي شوند.

Syntax عناصر HTML

يک عنصر HTML با تگ آغاز ، شروع مي شود.

يک عنصر HTML به تگ پايان ختم مي شود.

هر چيزي که بين تگ شروع و تگ  طراحی وب سایت  پايان قرار گيرد را محتواي عنصر مي ناميم.

برخي از عناصر HTML فاقد محتوا هستند .

عناصر بدون محتوا در شروع ، بسته شده اند !

بيشتر عناصر HTML مي توانند صفت هايي را بپذيرند.

* در ادامه با صفت ها بيشتر آشنا خواهيم شد.

سند HTML نمونه

<!DOCTYPE html>

<html>

<body>

<p>This is my first paragraph.</p>

</body>

</html>

فايل بالا از سه عنصر HTML تشکيل شده است.

توضيحات مثال بالا

عنصر <p>

</pre>

<div>

<div><p>This is my first paragraph.</p></div>

</div>

<pre>

-عنصر <p> در صفحات HTML تعريف کننده يک پاراگراف است.

- عنصر <p> داراي تگ شروع <p> و تگ پايان </p> است.

محتواي عنصر <p> عبارت This is my first paragraph است.

عنصر <body>

<body>

<p>This is my first paragraph.</p>

</body>

-عنصر <body> بدنه صفحات HTML را تعريف مي کند.

- عنصر <body> داراي تگ شروع <body> و تگ پايان </body> است.

- محتواي عنصر <body> يک عنصر ديگر است. (عنصر <p> )

عنصر <html>

<html>

<body>

<p>This is my first paragraph.</p>

</body>

</html>

-عنصر html کل يک سند HTML را تعريف ميکند.

- عنصر <html> داراي تگ شروع <html> و تگ پايان </html> است.

- محتواي عنصر <html> يک عنصر ديگر است. (عنصر <body> )

تگ پايان را فراموش نکنيد !

توجه داشته باشيد که برخي از عناصر HTML در صورتي که فاقد تگ پايان هم باشند به درستي نمايش داده مي شوند.پس همواره دقت داشته باشيد که تگ پايان را فراموش نکنيد.

<p>This is a paragraph

<p>This is a paragraph

مثال بالا در بيشتر مرورگر ها به درستي نمايش داده مي شود به اين علت که تگ پايان را انتخابي در نظر گرفته اند.

از شما کابران و دوستداران برنامه نويسي دعوت مي کنم طراحی وب سایت  که داشته هاي خود را از کم و بيش به اشتراک بگذاريم و فرهنگ برنامه نويسي را در جامعه ايراني بالا ببريم و جزو علايق شخصي قرار بدهيم.

از آنجايي که فعلا بنده تا حدي آشنا به اين زبان نيستم که  به پرسشهاي برنامه نويسي شما در مورد زبان Objective C بدم پس لطفا سوالات خودتان را در اين تاپيک نگذاريد تا نظم بهم نريزد و بزودي در بخش مربوط به خودش من يا دوستان شما را راهنمايي خواهيم کرد.

مواردي هست که بايد عرض کنم، از آنجايي که شرکت Apple کشورمان را مورد تحريم سـياسي قرار داده پس تمامي لسنک ها در کتابهاي آموزشي به سايتها وابسته با Apple متناهي مي شوند که براي برخوداري از ابزارهاي لازم بايد اينترنت را دور زده و با IP غير ايران وارد شويد که بحث در اين باره فعلا مجاز نيست در انجمن. پس در اين مورد بفکر چار اي باشيد.

اکثر کامپايلر ها برا iOS مخصوص سيستم عامل هاي مکينتاش هستند که در بين آنها براي ويندوز و لينوکس و ... هم وجود دارد ولي سيستم عامل پيشنهادي همان مک مي باشد.

سيستم عامل مکينتاش را نيز هم مي توانيد از اينترنت دانلود کنيد و هم مي توانيد از بازار خريداري کنيد. البته اين روزها کمي در بين لبتاپ ها اين سيستم عامل در حال مرسوم شدن مي باشد. و شايد شما هم يکي از مکينتاش دار ها باشيد که 50% راه برنامه نويسي iOS را طي کرده ايد!

توضيحات لازم در پست هاي بعدي همراه با کتاب هاي آموزشي طراحی وب سایت  در اخيارتان قرار مي دهم.

تمامي مطالب اين تاپيک محفوظ و مربوط به انجمن تخصصي موبايل اول مي باشد. لذا کپي از آن تنها با ذکر نام موبايل اول و نام نويسندگان آن مجاز مي باشد.

در قسمت قبل با return کردن object و overloading آشنا شديد. در اين قسمت از زنگ سي‌شارپ قصد داريم به مباحث مهم stack ،heap ،value types ،reference types، boxing و unboxing بپردازيم و همچنين optional arguments، named arguments، garbageCollection و object initializers را مورد بحث و بررسي قرار دهيم.

هنگامي‌که يک متغير تعريف مي‌کنيد، دقيقاً چه اتفاقي مي‌افتد؟

هنگامي‌که شما در اپليکيشن‌هاي NET. يک متغير تعريف مي‌کنيد، قسمتي از حافظه‌ي RAM براي اين منظور اختصاص داده مي‌شود. اين قسمت از حافظه، شامل سه چيز است: نام متغير، data type متغير و مقدار متغير.

با توجه به data type، متغير شما در قسمت‌هاي متفاوتي طراحی وب سایت  ذخيره مي‌شود. دو نوع تخصيص حافظه وجود دارد که يکي stack memory و ديگري heap memory است. براي اينکه بهتر با stack و heap آشنا شويد به کد زير و شرح آن توجه کنيد:

public void Method1()

{

    // line 1

    int x = 2;

    // line 2

    int y = 5;

    // line 3

    MyClass ob = new MyClass();

}

هنگامي‌که line 1 اجرا مي‌شود، کامپايلر مقدار کمي از حافظه را در stack براي اين منظور اختصاص مي‌دهد. stack مسئول پيگيري حافظه‌ي مورد نياز (در حال اجرا) در اپليکيشن شما است. همان‌طور که پيش از اين با نحوه‌ي ذخيره‌سازي اطلاعات در stack آشنا شديد، stack عمليات Last In First Out را اجرا مي‌کند و هنگامي که line 2 اجرا مي‌شود، متغير y در بالاي stack ذخيره خواهد شد. در line 3 ما يک شيء به‌وجود آورده‌ايم و در اين‌جا اندکي داستان متفاوت مي‌شود. پس از اين‌که line 3 اجرا شد، متغير ob در stack ذخيره مي‌شود و شيءاي که ساخته شده در heap قرار مي‌گيرد. نکته دقيقاً همين‌جاست که reference ها در stack ذخيره مي‌شوند و عبارت MyClass ob حافظه را براي يک شيء از اين کلاس اشغال نمي‌کند. اين عبارت تنها متغير ob را در stack قرار مي‌دهد (و به آن مقدار null مي‌دهد) و هنگامي‌که کلمه‌ي کليدي new اجرا مي‌شود، شيء اين کلاس در heap ذخيره خواهد شد. در نهايت هنگامي‌که برنامه به انتهاي متد مي‌رسد، متغيرهايي که در stack بودند همه‌گي پاک مي‌شوند. توجه کنيد که پس از به پايان رسيدن متد چيزي از heap پاک نمي‌شود بلکه اشياي درون heap بعداً توسط garbage collector پاک خواهند شد. در مورد garbage collector در انتهاي اين مقاله صحبت خواهيم کرد.

ممکن است براي‌تان سوال باشد که چرا stack و heap ؟ نمي‌شود همه در يک‌جا ذخيره شوند؟ اگر با دقت نگاه کنيد مي‌بينيد که data type هاي اصلي (value types)، پيچيده و سنگين نيستند. آن‌ها مقادير تکي مثل int i = 5 را نگه مي‌دارند در حالي‌که object data types يا reference types پيچيده‌تر و سنگين‌تر هستند، آن‌ها به اشياي ديگري رجوع مي‌کنند. به عبارت ديگر، آن‌ها به چندين مقدار رجوع مي‌کنند (زيرا اشياء مي‌توانند شامل مقادير زيادي از فيلد و متد و… باشند) که هرکدام از آن‌ها بايد در حافظه ذخيره شده باشد. اشياء به dynamic memory و data type هاي اصلي (value types) به static memory نياز دارند. اگر اطلاعات شما نيازمند dynamic memory باشد، در heap ذخيره مي‌شود، اگر نيازمند static memory باشد، در stack ذخيره خواهد شد.

Value types و Reference types

اکنون که با مفاهيم stack و heap آشنا شديد بهتر مي‌توانيد مفهوم value types و reference types را درک کنيد. Value type ها تمام و کمال در stack ذخيره مي‌شوند، يعني هم مقدار و هم متغير همه‌گي يک‌جا هستند اما در reference type متغير در stack است درحالي‌که object در heap قرار مي‌گيرد و متغير و شيء به هم متصل مي‌شوند (متغير به شيء اشاره مي‌کند).

در زير، data type اي از جنس int داريم با اسم i که مقدارش به متغيري از نوع int با اسم j اختصاص داده مي‌شود. اين دو متغير در stack ذخيره مي‌شوند. هنگامي‌که مقدار i را به j اختصاص مي‌دهيم، يک کپي (کاملاً جدا و مجزا) از مقدار i به j داده مي‌شود و به عبارت ديگر هنگامي که يکي از آن‌ها را تغيير دهيد، ديگري تغيير نمي‌يابد:

هنگامي‌که يک شيء مي‌سازيد و reference آن را با يک reference ديگر مساوي قرار مي‌دهيد، آن‌گاه هر دوي اين reference ها به يک شيء رجوع مي‌کنند و تغيير هر کدام از آن‌ها باعث تغيير شيء مي‌شود زيرا هردو reference به يک شيء اشاره مي‌کنند.

به مثال زير توجه کنيد:

ing System;

class Person

{

    public string Name;

    public string Family;

    public void Show()

    {

        Console.WriteLine(Name + " " + Family);

    }

}

class Myclass

{

    static void Main()

    {

        Person ob1 = new Person();

        Person ob2 = ob1;

        ob1.Name = "Nicolas";

        ob1.Family = "Cage";

        Console.Write("ob1: ");

        ob1.Show();

        Console.Write("ob2: ");

        ob2.Show();

        Console.WriteLine();

        ob2.Name = "Ian";

        ob2.Family = "Somerhalder";

        Console.Write("ob1: ");

        ob1.Show();

        Console.Write("ob2: ");

        ob2.Show();

    }

}

همان‌طور که مي‌بينيد، ابتدا يک شيء ساخته و سپس reference ديگري تعريف کرده‌ايم و نهايتاً آن‌ها را مساوي هم قرار داده‌ايم. توجه کنيد که براي ob2 شيء جديد تعريف نکرده‌ايم بلکه ob2 به همان شيءاي رجوع مي‌کند که ob1 به آن رجوع مي‌کند. بنابراين تغيير هرکدام بر روي شيء تاثير مي‌گذارد. همان‌طور که مي‌بينيد، ob1.Name و ob2.Family در ابتدا برابر با Nicolas Cage است سپس با تغيير ob2.Name و ob2.Family به Ian Somerhalder مقادير فيلدهاي ob1 نيز تغيير خواهند کرد. به شکل زير توجه کنيد:

Boxing and Unboxing

به‌طور خلاصه، وقتي‌که يک مقدار value type را تبديل به reference type مي‌کنيد، در واقع اطلاعات را از stack به heap مي‌بريد و هنگامي‌که يک مقدار reference type را تبديل به value type مي‌کنيد، اطلاعات را از heap به stack مي‌بريد. اين رفت و برگشت اطلاعات از stack به heap روي performance (کارايي، سرعت اجرا) برنامه تاثير مي‌گذارد. فرستادن اطلاعات از stack به heap در اصطلاح boxing و فرستادن اطلاعات از heap به stack در اصطلاح unboxing ناميده مي‌شود.

استفاده از boxing و unboxing باعث افت performance مي‌شود بنابراين تا آنجا که مي‌توانيد از انجام اين‌کار پرهيز کنيد و فقط در مواردي که واقعاً نيازمند اين‌کار هستيد و راه ديگري نيست، از آن استفاده کنيد.

Garbage Collection

Garbage Collection نوعي مديريت حافظه‌ي خودکار محسوب مي‌شود. هربار که يک شيء مي‌سازيد، object شما در heap ذخيره مي‌شود. تا زماني‌که فضاي کافي براي ذخيره‌ي اين اشياء داشته باشيد مي‌توانيد شيء جديد بسازيد اما همان‌طور که مي‌دانيد حافظه نامحدود نيست و ممکن است پر شود. بنابراين بايد object هاي بي‌استفاده، از حافظه پاک شوند تا بتوان مجدداً اشياي ديگري را در حافظه ذخيره کرد. در بسياري از زبان‌هاي برنامه‌نويسي براي آزاد کردن حافظه از چيزهايي که در آن ذخيره شده، به‌صورت دستي و کدنويسي بايد اين‌کار انجام شود. مثلاً در ++C براي اين منظور از delete operator استفاده مي‌شود اما سي‌شارپ براي اين منظور از راه حلي بهتر و ساده‌تر به اسم Garbage Collection استفاده مي‌کند. Garbage Collection بدون اينکه برنامه‌نويس نياز باشد کار خاصي انجام دهد به‌صورت خودکار، اشيايي که در heap قرار دارند و به هيچ reference اي وصل نيستند را پاک مي‌کنند. اينکه دقيقاً چه زماني اين‌کار انجام مي‌شود، مشخص نيست اما اگر مي‌خواهيد قبل از پاک شدن يک شيء توسط garbage collector کار خاصي را انجام دهيد يا فقط از پاک شدن آن مطلع شويد از destructors استفاده مي‌کنيد. از destructor در سطوح حرفه‌اي برنامه‌نويسي استفاده مي‌شود و دانستن آن چندان براي شما که اول راه هستيد ضروري نيست اما اگر در اين مورد کنجکاويد مي‌توانيد شخصاً در مورد آن تحقيق کنيد.

Object Initializers

Object Initializers روشي ديگر براي ساخت شيء و مقدار دهي به field ها و property هاي (در مورد property بعداً بحث خواهيم کرد) کلاس است. با استفاده از object initializers، ديگر constructor کلاس را به روش معمول صدا نمي‌زنيد بلکه اسم field ها و property ها را مي‌نويسيد و مستقيماً به آن‌ها مقدار مي‌دهيد. استفاده‌ي اصلي object initializers براي anonymous type هاي ساخته شده توسط LINQ است (در مورد LINQ و anonymous types بعداً صحبت خواهيم کرد) اما در حالت معمول نيز مي‌توانند مورد استفاده قرار گيرند.

به مثال زير توجه کنيد:

using System;

class Human

{

    public string Name;

    public int Age;

    public void Show()

    {

        Console.WriteLine(Name + " " + Age);

    }

}

class ObjInitializersDemo

{

    static void Main()

    {

        Human Man = new Human { Name = "Paul", Age = 28 };

        Man.Show();

    }

}

همان‌طور که مي‌بينيد، Man.Name برابر با Paul و Man.Age را برابر با ?? قرار داده‌ايم. نکته اين‌جاست که از هيچ constructor اي استفاده نکرده‌ايم بلکه شيء Man توسط خط کد زير توليد شده است:

1

Human Man = new Human { Name = "Paul", Age = 28 };

Optional Arguments

C# 4.0 ويژگي جديدي به‌نام Optional Arguments دارد که باعث مي‌شود براي فرستادن argument ها و دريافت پارامترها، روش ديگري نيز در دست‌تان باشد. همان‌طور که اسم اين ويژگي جديد (argument هاي دلخواه) بيان‌کننده‌ي ماهيت آن است، با استفاده از optional arguments مي‌توانيد متدهايي تعريف کنيد که از بين چندين پارامترش، بعضي از آن‌ها قابليت اين را داشته باشند که براي دريافت argument، اجباري نداشته باشند و اگر صلاح دانستيد به آن‌ها argument دهيد. استفاده از اين ويژگي بسيار راحت است، کافي است هنگام تعريف پارامترها به آن‌ها يک مقدار پيش‌فرض بدهيد.

به نمونه‌ي زير توجه کنيد:

1

2

3

4

public void OptArg(int a, int b = 2, int c = 3)

{

    Console.WriteLine("This is a, b, c: {0} {1} {2}", a, b, c);

}

در متد بالا، پارامتر b و c اختياري هستند و به اين طريق شما ويژگي optional argument را فعال کرديد. توجه کنيد که پارامتر a همان حالت معمول را دارد و اختياري نيست و حتماً بايد مقدار دهي شود.

به مثال زير توجه کنيد:

using System;

class OptionalArgs

{

    public void OptArg(int a, int b = 2, int c = 3)

    {

        Console.WriteLine("This is a, b, c: {0} {1} {2}", a, b, c);

    }

}

class OptionalArgsDemo

{

    static void Main()

    {

        OptionalArgs ob = new OptionalArgs();

        ob.OptArg(5);

        ob.OptArg(3, 9);

        ob.OptArg(4, 6, 8);

    }

}

در اين مثال، متد ()OptArg به سه طريق صدا زده شده است. ابتدا يک، سپس دو و در نهايت سه argument دريافت کرده است. اين امکان وجود ندارد که اين متد را بدون هيچ argument اي اجرا کنيد چراکه پارامتر a اختياري نيست و مقداردهي به آن اجباري است. آيا استفاده از اين روش شبيه به method overloading نيست؟ بله، شما با اين کار به يک متد به سه طريق مقدار داده‌ايد که به method overloading شباهت دارد اما اين روش‌ها جايگزيني براي هم نيستند بلکه در بعضي موارد براي راحتي برنامه‌نويس استفاده مي‌شود و در برخي موارد براي خط کد کمتر ممکن است از اين روش هم بتوانيد بهره‌مند شويد. توجه کنيد که اگر به پارامترهاي دلخواه هيچ مقداري ندهيد، مقدار پيش‌فرض آن‌ها در نظر گرفته مي‌شود. همچنين پارامترهاي که اجباري هستند بايد پيش از پارامترهاي اختياري قرار بگيرند. براي نمونه، خط کد زير نادرست است:

1

2

3

public void OptArg(int b = 2, int c = 3, int a) // Error!

// Or

public void OptArg(int b = 2, int a, int c = 3) // Error!

به‌دليل اينکه پارامتر a اجباري است بايد پيش از پارمترهاي اختياري قرار بگيرد. از optional arguments نيز مي‌توانيد در constructor، indexer و delegate نيز استفاده کنيد (indexer و delegate در مقالات آينده مورد بحث قرار مي‌گيرند).

Named Arguments

يکي ديگر از ويژگي‌هاي جديدي که به C# 4.0 افزوده شده، named argument است. همان‌طور که مي‌دانيد، هنگامي‌که argument هايي را به متد مي‌فرستيد، ترتيب اين argument ها بايد مطابق با ترتيب پارامترهايي باشد که در متد تعريف شده‌اند. با استفاده از named arguments مي‌توانيد اين محدوديت و اجبار را برداريد. استفاده از اين ويژگي نيز بسيار ساده است، کافي‌ست طراحی وب سایت  نام پارامتري که argument قرار است به آن داده شود را در هنگام ارسال argument مشخص کنيد و بعد از اين‌کار، ديگر ترتيب argument ها اهميتي ندارد.

به مثال زير توجه کنيد:

    static int Div(int firstParam, int secondParam)

    {

        return firstParam / secondParam;

    }

    static void Main()

    {

        int result;

        // Call by use of normal way (positional arguments).

        result = Div(10, 5);

        Console.WriteLine(result);

        // Call by use of named arguments.

        result = Div(firstParam: 10, secondParam: 5);

        Console.WriteLine(result);

        // Order dosn't matter with a named argument.

        result = Div(secondParam:5, firstParam: 10);

        Console.WriteLine(result);

    }

}

همان‌طور که مي‌بينيد متد ()Div در هر سه باري که فراخواني شده، نتيجه‌ي يکساني را توليد کرده است. ابتدا از اين متد به‌صورت معمول استفاده کرديم و سپس در فراخواني بعدي، نام پارامترها را نيز مشخص کرده‌ايم (در اينجا از ويژگي named arguments استفاده شد) و در نهايت همان‌طور که مي‌بينيد، ترتيب را به‌هم زديم و جاي argument ها را عوض کرديم اما نتيجه تغيير نکرده است.

در وردپرس شما مي توانيد بي نهايت برگه بسازيد و يا آنهايي که از قبل موجود است را ويرايش کنيد. از برگه هاي وردپرس بيشتر براي صفحاتي مانند درباره ما، تماس با ما، و يا سرويس هاي ويژه سايت و يا وبلاگ استفاده مي مي شود  طراحی وب   و معمولاً پيوند صفحات در بالاي تمامي صفحات سايت ديده مي شود، ولي مي تواند بسته به نوع قالب و قرار گرفتن کدهاي آن، پيوند برگه ها در مکان هاي خاصي ديده شوند.

در پيشخوان وردپرس بروي برگه ها از فهرست سمت راست کليک کنيد، تا به صفحه اي که تمام برگه هاي وردپرس در آن ليست شده است، هدايت شويد. در همان اوايل که وردپرس را نصب مي کنيد، يک صفحه براي شما ساخته مي شود که مي توانيد آن را حذف و يا همان را براي مقاصد خود ويرايش کنيد.

صفجه برگه هاي وردپرس

صفجه مديريت برگه هاي وردپرس

در بخش برگه هاي وردپرس در اصل، شما امکان مديريت برگه هايتان را داريد. بروي عنوان هر برگه که کليک کنيد، به صفحه ويرايش آن هدايت مي شويد، که در آن بخش مي توانيد بخش هايي را به برگه اضافه يا کم کنيد. علاوه بر ويرايش پيشرفته هر برگه، زماني که موس را بروي هر يک از برگه ها مي بريد، دستوراتي در زير آن به نمايش در مي آيد که عبارتند از:

ويرايش سريع، براي ويرايش سريع برگه بدون باز شدن در صفحه جديد

زباله دان، براي حذف برگه

و نمايش، براي نمايش شکل و شمايل صفحه براي بازديدکنندگان

در هر رديف که نماينده يک برگه در وردپرس است، شما نام نويسنده، تعداد نظرات (در صورت باز بودن ارسال نظر براي آن) و تاريخ انتشار را مشاهده مي کنيد.

در نهايت اين يک نماي کلي و کامل از صفحه برگه هاي وردپرس بود که مي توانستيد آنها را مديريت کرده و سايت خود را با آنها کارا تر نماييد.

اگر تا به حال با مقوله وبلاگ نويسي آشنا بوده ايد، مي دانيد که پيوندها يا لينک ها جزئي از دنياي يک وبلاگ نويس است، البته بايد به درستي از آن استفاده شود تا ضرري به سايت يا وبلاگ شما نرساند. در وردپرس شما امکان مديريت پيوندهاي سايت خود را که به ديگران داده ايد داريد. همچين مي توان آنها را دسته بندي کرد، به آنها امتياز داد و رابطه هر کدام را تعيين نمود، و در هر کجاي وبلاگ يا سايت که خواسته باشيد به نمايش درآوريد.

براي ديدن تمامي پيوندهايي که در سايت شما وجود دارند، از پيشخوان وردپرس به اين مسير برويد: پيوندها > همه پيوندها. در اين صفحه تعدادي پيوند وجود دارد که از همان اولي که وردپرس را نصب کرديد، به سايت شما اضافه شده است. اگر ابزارک پيوندها را در نوار کناري سايت خود قرار دهيد، اين پيوندها براي بازديدکنندگان قابل نمايش است.

در صفحه “پيوندها” شما همه لينک هايي که ثبت شده است را به صورت رديفي مي بينيد. هر رديف داراي مشخصاتي براي هر پيوند دارد. با کليک بروي عنوان هر پيوند مي توانيد آن را ويرايش کنيد. همچنين از اين صفحه مي توان پيوندهايي را که مي خواهيد حذف کنيد.

اگر تعداد پيوند شما در صفحه مديريت آنها، زياد بود، براي پيدا کردن يکي در چندين صفحه پيوند، بايد از جعبه جستجوي بالاي صفحه، بعلاوه صافي موجود در سمت راست آن استفاده کنيد. صافي براي تعيين دسته يک پيوند است که بايد يکي را انتخاب کنيد.

اين توضيحات در مورد صفحه مديريت پيوندهاي وردپرس بود که به نوعي براي کنترل آنها مورد استفاده قرار مي گرفت. در نوشته هاي بعدي در مورد طريقه افزودن يک پيوند و دسته بندي آنها صحبت خواهيم کرد.

گوگل که کمتر از ده سال پيش تنها براي جستجوي اينترنتي استفاده مي شد ،  امروزه با گسترش قابليت ها و سرويس هايش به يک غول بزرگ اينترنتي تبديل شده است.حالا اين شرکت  طراحی  با معرفي APIهاي تبديلي وارد دنياي آفلاين نيز مي شود. 

APIهاي تبديلي، پروژه تبليغاتي جديدي است که به مشاغل در توليد يک پروفايل براي هر فرد کمک مي کند.گوگل مدتي است تمرکز خود را روي ذخيره سازي اطلاعات جستجوي کاربران قرار داده است و مي تواند تبليغات خاصي را به افراد خاص هدايت کند. مثلا اگر کسي به موسيقي کلاسيک علاقه دارد، تبليغ سي دي هاي جيمي هندريکس را بيشتر از بقيه تبليغات در اينترنت خواهد ديد.

اما API هاي تبديلي اين اقدام را يک مرحله جلوتر خواهد برد ، اين پروفايل ها نه تنها بر اساس جستجوهاي کاربران، بلکه براساس خريدهاي آفلاين آنها نيز شکل مي گيرد.گوگل اين پروژه جديد را در وبلاگش رونمايي کرد.محتواي اين وبلاگ اين مي باشد:

«تبليغات آنلاين به تبادلات آفلاين نياز دارد. براي به دست آوردن اين فاصله خالي و حساب صحيح آن در تبليغات آنلاين، نسخه بتاي APIهاي تبديلي را براي ارسال خودکار خريدهاي آفلاين ايجاد کرده ايم.»

اين APIها اطلاعاتي از جمله تبادلات درون فروشگاهي را نيز در بر مي گيرد. لبته مواردي نيز براي احتياط بايد انجام شود تا اطلاعات کاربران امن بماند ، اما اگر خريد آفلاين از سوي کاربر در تبليغات آنلاينش نيز نشان داده شود، نبايد تعجب کرد.

از سوي ديگر مخترع آينده نگر، ري کورزويل که تحليل هاي بي سابقه و جالبش از دنياي فناوري همه را مجذوب خود کرده است ، اعلام کرده است که به گوگل مي پيوندد.

رآمد شغل طراحي وب سايت چقدر است، و ويژگيهاي اين شغل چيست؟

يکي از سوالاتي که از طرف افرادي که تصميم دارند وارد حرفه طراحي وب بشوند زياد پرسيده مي شود اين است که آيا مي توان به طراحي وب به عنوان يک شغل با درآمد مناسب نگاه کرد؟ آيا ارزش دارد ماهها وقت بگذاريم و کدنويسي و برنامه نويسي و فتوشاپ و تکنيکهاي مختلف طراحي را ياد بگيريم؟ اصولا درآمد يک طراح وب در ايران چقدر است؟

طبعا يکي از راحتترين پاسخها نيز اين است که بستگي به خودتان و پشتکارتان دارد! اما اگر بخواهيم دقيقتر شويم، شغل طراحي وب ويژگيهايي دارد که آنرا از بسياري شغلهاي ديگر متمايز مي کند. اينجا به چند مورد به صورت خلاصه اشاره مي کنيم:

1. درآمد طراح سايت:

بستگي دارد شما براي يک شرکت به عنوان کارمند کار کنيد يا به صورت مستقل و انفرادي. در حالت اول حقوق ميانگين براي طراح وب به شکل تمام وقت (در سال 91 - تهران) معمولا بين 600 هزار تومان تا 1.5 ميليون تومان است که ميزان دقيق آن بستگي به سطح مهارتهاي شما، سختي کار خواسته شده، بزرگي شرکتي که براي آن کار مي کنيد و... دارد. اما در حالت دوم، يعني اگر به صورت مستقل کار کنيد، بستگي به اينکه چند پروژه در ماه بگيريد مي توانيد قيمتهايتان را بالا و پايين کنيد. براي اينکه حدود درآمد دستتان بيايد، بابت طراحي اختصاصي يک وبسايت دايناميک با امکانات معمول سايتهاي شرکتي، معمولا بين 400 تا 600 تومان مي توانيد دريافت کنيد. حالا اگر فرض کنيد ماهانه فقط دو پروژه بگيريد، حدود يک ميليون در ماه درآمد خواهيد داشت که گرچه بالا نيست، اما براي شروع بد هم نيست. اين البته براي طراحان وب در سطح متوسط و در ايران است و اگر شما يک طراح وب حرفه اي باشيد به نسبت بزرگي پروژه ها و قيمتها بسيار بالاتر از اين خواهد بود. ضمن آنکه تعرفه طراحي وب در کشورهاي اروپايي و امريکا جزء شغلهاي پردرآمد است و اصلا قابل مقايسه با درآمدهاي ايران نيست.

اما شغل طراحي وب ويژگيهاي منحصر به فرد ديگري نيز دارد که اينها بازدهي و سود اين حرفه را بيشتر مي کنند.

2. عدم وابستگي به موقعيت جغرافيايي:

در واقع يک طراح وب مي تواند در کلبه اي در يک روستاي دور افتاده هم مشغول به حرفه خود باشد! کافي است يک خط تلفن و برق باشد تا بتواند تقريبا از همه جاي دنيا سفارش بگيرد. در واقع يک طراح وب (چه به عنوان طراح مستقل و فريلنسر، و چه به عنوان کارمند دورکار يک شرکت) تمام کارهاي خود را در بستر وب انجام مي دهد و لزوما نيازي به حضور نيست. در خانه خود مي توانيد بنشينيد و با ده ها مشتري از شهرهاي مختلف سر و کله بزنيد. کمتر شغلي چنين ويژگي‌اي دارد.

از طرفي، يک طراح وب اصولا بايد به اين اصل ايمان داشته باشد که وبسايت يک فرد يا شرکت نقش فروشگاهي بين المللي را دارد. اگر زبانتان هم خوب باشد شايد بتوانيد روي درآمدهاي خارجي (که بسيار بسيار بسيار بالاتر از نرخهاي معمول در ايران است) هم حساب کنيد.

3. عدم نياز به سرمايه‌ي اوليه، به جز زمان:

زمان: بزرگترين سرمايه براي طراحي وبسايت

براي اينکه شغل طراحي سايت را شروع کنيد مي توانيد با يک کامپيوتر قديمي که فقط نوت‌پد دارد شروع کنيد! اگر مصرف برق و پول اينترنت را روي حساب مصارف خانگي بگذاريم، هيچ خرج ديگري نخواهيد داشت. در واقع بزرگترين سرمايه اي که بايد بگذاريد تا به شما سود برساند، زمان است. شما بايد زمان قابل توجهي بگذاريد تمام تکنيکهاي به روز مورد نياز براي طراحي وب را ياد بگيريد، و اين يادگيري بايد هميشه استمرار داشته باشد. از طرف ديگر طراحي و برنامه نويسي شما (اگر بخواهيد حرفه اي کار کنيد) وقت قابل توجهي خواهد گرفت. از طرفي اين حرفه، جزء دسته خدمات قرار مي گيرد، و بنابراين احتمالا بيشتر از نود درصد پولي که از مشتري مي گيريد سود خالص است. پس در مقايسه با شغلهايي که با فروش محصول به سود مي رسند، واقعا شغل پر سودي به حساب مي رسد!

4. بازاريابي پويا:

هر پروژه اي که شما به خوبي آن را انجام دهيد، خود يک نماينده بازاريابي شما خواهد بود. امضاي شما پاي وبسايتها تبليغ خوبي براي شماست و از طرفي، فهرست نمونه کارهاي شما را پربارتر خواهد کرد. در واقع رزومه فعاليتها و ليست نمونه کارهاي شما (که قطعا بايد در وبسايت شخصي خود بگذاريد) بزرگترين عامل درآمد شما و تعيين کننده قيمت پروژه هاي آينده شما خواهند بود. بنابراين بزرگترين بازاريابي براي شما حرفه اي انجام دادن پروژه هاست.

اينها تجربياتي بود که شخصا طي سالها سابقه طراحي وب به دست آورده ام و سعي کردم نه خيلي آرماني باشد و نه خيلي بدبينانه. اگر اين مطلب به درد شما خورد، مي توانيد با يکي از اين شيوه ها جبران کنيد: لينک دادن به اين وبلاگ، به اشتراک گذاشتن اين مطلب، و کامنت گذاشتن! مرسي.

Creative Web Design

Creative Web Design and Marketing for your Business

طراحی وب سایت 

We handle just about any web design work you can throw at us. Whether you’re a small business owner, freelancer, artist, writer, or bespoke candlestick maker, we’ll get you online with a great looking creative web design that works. From large not-for-profits to micro-b

We love e make sure they’re easy to update so someone in your office can manage the site easily in house without any coding knowledge. Explainafide is a complete web design agency; we handle everything from website design, internet marketing, brandf course any graphic design work you can dream of.

If you have an average website, your business is nearly as bad off as if it had no website at all.

At Explainafide, we give you straightforward advice to decode the Mumbo-Jumbo and help you make an informed decision on what will work best for you and your company.

هدف ما شناسايي تمام مخاطبان بالقوه محصولات شما و جلب آنها به سايت شماست که رعايت اين امردر طراحي سايت شما درنهايت تبديل به يکي از ارکان موفقيت تجارتتان خواهد شد.

طراحي وب سايت با رعايت اصول سئو (بهينه سازي سايت براي موتورهاي جستجو) و بهترين آناليز از کلمات کليدي، مخاطبان و رقباي تجاري شما تاثير بسزايي در شناساندن نام تجاري، محصولات و سرويس هاي شما دارد. طراحي سايت مناسب مي تواند تجارتي کوچک را بزرگ جلوه داده و نظر مشتري را جلب نموده و در نهايت وي را به خريد از شما ترغيب نمايد.

شما بايد مطمئن باشيد که طراحي سايت شما به صورت کاملا حرفه اي انجام شده است. وب سايت شما در اولين بازديد کاربر مي بايست ديد درستي از تجارت و خدمات شما را به مشتري بدهد شما فقط 3 ثانيه فرصت داريد تا نظر بازديد کننده را نسبت به شرکت خود جلب نموده و بازديد کننده را به مشتري تبديل نماييد.

توجه داشته باشيد که طراحي سايت ضعيف و غير حرفه اي مي تواند خسارات زيادي را به شما وارد نمايد. توجه داشته باشيد که وب سايت شناسنامه شما روي دنياي وب است و ارائه بهترين چهره از فعاليت شما، نقطه اعتماد مشتري به شما خواهد بود.

لايرکد با داشتن تيمي حرفه اي توانايي پياده سازي خواست شما را در وب دارد. کافيست شما بخواهيد، تا ما آن را براي شما آماده کنيم. براي نمونه شما مي توانيد به بخش افزونه هاي سايت برويد تا به قدرت تيم طراحي سايت ما پي ببريد.

ما کليه امور مربوط به راه اندازي يک وب سايت از برگزاري جلسات اوليه تا طراحي سايت ، نصب، آموزش و پشتيباني را توسط نيروهاي متخصص انجام داده. حفاظت از اطلاعات شما و امنيت وب سايت و داده هاي شما از وظايف اصلي و انکار ناپذير ماست و لذا ما همواره پشتيبان و در کنار شما خواهيم بود.

مراحل طراحي سايت :

تحليل و گزارش شناخت از اهداف مديران

شناخت مخاطبان و کاربران سايت

ايجاد استراتژي از عملکرد سايت

تحليل و آناليز کلمات کليدي سايت

جمع آوري و آناليز اطلاعات

انتخاب سيستم کنترل محتواي مناسب براي پروژه

طراحي واسط گرافيکي با زيباترين کيفيت

طراحي سايت بر اساس آخرين استانداردهاي وب

برنامه نويسي و توسعه سيستم در قسمتهاي مورد نياز

بهينه سازي کليه کلمات کليدي و متون نهايي سايت

ايجاد مقياس پذيري و اجرا در کليه مرورگرها 

بارگذاري و تست وب سايت

نصب سيستم هاي تحليل وب سايت

معرفي به موتورهاي جستجو گر

و گرفتن بک لينک هاي مناسب تبادل لينک

تحليل گزارشات آماري سايت و بهينه سازي سايت

پشتيباني و بروز رساني سايت

طراحي سايت امروزه به يک صنعت تبديل شده است و شناخت از بازار هدف و آناليز قبل از شروع به طراحي از ارکان اصلي طراحي وب سايت محسوب مي شود.

معرفي سيستم هاي مديريت محتوا حالا که هاست و دامين مناسب انتخاب کرديد، ميتونيد صفحات وب رو طراحي کنيد و بر روي اون سرور آپلود کنيد. به اين صورت هر وقت کسي دامين شما رو وارد کرد اون صفحه رو ميبينه... صفحات وب به دو دسته ديناميک و استاتيک تقسيم بندي ميشن... قديم قديما، بيشتر صفحات وب استاتيک بودند، هر کس چند خط توضيح مي نوشت و يه عکس هم به صفحه اضافه ميکرد و آپلود ميکرد روي سرور! اگر در آينده هم ميخواست اون صفحه رو تغيير بده بايد تمام کدها رو از ابتدا ويرايش ميکرد. برنامه هاي مختلفي هم اون موقع به وجود اومدند که باعث مي شدند نيازي به کدنويسي نباشه و هر کس بتونه به راحتي صفحات وب رو طراحي کنه... برنامه هايي مثل: Microsoft front page و micromedia dreamweaver و adobe grove اون موقع micromedia flash هم خيلي طرفدار داشت و طراحي با فلش قيمت خيلي بالايي داشت.

طراحی وب سایت 

حالا که هاست و دامين مناسب انتخاب کرديد، ميتونيد صفحات وب رو طراحي کنيد و بر روي اون سرور آپلود کنيد.

به اين صورت هر وقت کسي دامين شما رو وارد کرد اون صفحه رو ميبينه...

صفحات وب به دو دسته ديناميک و استاتيک تقسيم بندي ميشن...

قديم قديما، بيشتر صفحات وب استاتيک بودند، هر کس چند خط توضيح مي نوشت و يه عکس هم به صفحه اضافه ميکرد و آپلود ميکرد روي سرور!

اگر در آينده هم ميخواست اون صفحه رو تغيير بده بايد تمام کدها رو از ابتدا ويرايش ميکرد.

برنامه هاي مختلفي هم اون موقع به وجود اومدند که باعث مي شدند نيازي به کدنويسي نباشه و هر کس بتونه به راحتي صفحات وب رو طراحي کنه...

برنامه هايي مثل: Microsoft front page و micromedia dreamweaver و adobe grove

اون موقع micromedia flash هم خيلي طرفدار داشت و طراحي با فلش قيمت خيلي بالايي داشت... (الان تقريبا منقرض شده و شرکت هاي بزرگ مثل اپل اصلا اجازه پشتيباني رو محصولاتشون رو نميدن)

اين برنامه ها هنوز هم وجود دارند، اما با اسامي ديگري!

بعد از اون انقلاب Web2 انجام شد. صفحات استاتيک از رده خارج شدند...

نسل جديد وب، يعني وب2، نسل تعامل کاربر با سايت بود...از چيزهاي ابتدايي مثل عضويت در سايت شروع شد، بعد از اون ارسال خبر و مقاله، وبلاگ ها و همين انجمن ها که ميبينيد...

انجمن يک نمونه عالي از وب2 ئه، چون فقط بر پايه تلاش و مطالب کاربران بنا ميشه و مديران حتي کمتر از کاربران در فعاليت ها دخيل هستند. اگر کاربري در انجمن نباشه انجمن ارزشي نداره...

خب، با پيدايش web2، سيستم هاي مديريت محتوا هم سر و کله شون پيدا شد! CMS مخفف Content Management System هست.

اين سيستم ها، باعث ميشن که هر فردي بتونه بدون نياز به دانش فني، بهترين سايت ها رو داشته باشه!

تعداد بسيار زيادي CMS در جهان وجود داره که بيشتر اونها هم متن باز (open source) هستند، يعني معمولا رايگان هستند، پشتيباني رايگان دارند و شما هر تغييري که دوست داشته باشيد ميتونيد در کدها اعمال کنيد تا سايت اون چيزي بشه که شما ميخوايد.

خوشبختانه open source در سطح وب خيلي بيشتر از برنامه هايي مثل لينوکس تحويل گرفته شده و حتي در ايران هم که فرهنگ متن باز وجود نداره پشتيباني هاي فعال و خوبي وجود داره. (به هرکي ميگم يه تيم زحمت کشيدن يه برنامه اي نوشتن مفتي منتشر کردن و پشتيباني ميکنن ميگه مگه مغز خر خوردن؟ (چون معمولا مشکلات مالي زيادي هم دارند))

هر CMS براي کاري ساخته ميشه...بعضي ها فقط انجمن هستند، بعضي ها سيستم ويکي هستند، بعضي ها فقط پرتالي براي ارسال خبر و مقاله هستند و يا بعضي همه کاره هستند و...

البته به علت اينکه متن باز هستند برنامه نويسان متفرقه، امکانات جانبي براي اونها طراحي ميکنند، اما کار اصلي يه چيز ديگه است.

من چندتا از اون ها رو معرفي ميکنم:

ابتدا CMS هاي همه کاره:

PHP Nuke

اين سيستم مديريت محتوا يکي از قديمي ترين سيستم هاييه که من ميشناسم!

انجمن و دانلود و خبر و مقاله و هر چيزي که يک سايت عادي و همه کاره نياز داشته باشه داره! البته ضعف هاي متعددي در ساختار برنامه نويسي اون وجود داره که فقط شامل ضعف هاي امنيتي نميشه! مثلا براي نصب يک ماژول پدرتون در مياد!

پشتيباني فارسي معتبر و قديمي و معروفي داره که ميشه روش حساب کرد.

آدرس پشتيباني: [Only Registered and Activated Users Can See Links. Click Here To Register...]

من اين سيستم رو پيشنهاد نميکنم.

سيستم هاي پرتال:

اين سيستم بيشتر مانند يک وبلاگ يا خبرگزاري عمل ميکنند. اما قابل گسترش هستند.

دو تا از معروفترين و بهترين سيستم ها را معرفي ميکنم:

حتما همه با اين اسم آشنا هستيد! بله! سيستم معروف وبلاگدهي وردپرس!

گروه وردپرس يک سيستم مديريت محتوا براي استفاده هاي شخصي عرضه کرد. براي کساني که ميخواهند در هاست شخصي خود داراي وبلاگ يا سايت باشند، اما اين سيستم امروزه بسيار پيشرفت کرده است.

شما تنها با چند کليک مي توانيد به آن گالري تصوير، انجمن، فرم ارتباط با ما، چت و.... اضافه کنيد.

اين سيستم راحت ترين و کامل ترين سيستم مديريت در بين تمام سيستم هاي مديريت محتوايي که تاکنون در عمرم مشاهده کردم را دارد!

اين سيستم رو به افراد تازه کار پيشنهاد ميکنم، با اينکه سيستم راحت و کاملي هست، اما چون قرار بوده يک سيستم وبلاگدهي باشه قدرت لازم براي يک سايت بزرگ رو نداره!

اين سيستم پشتيبان هاي فارسي متعددي داره، اما پشتيبان رسمي و بهترين پشتيبان آن سايت زير است:

[Only Registered and Activated Users Can See Links. Click Here To Register...]

جوملا:

جوملا مانند php nuke قدمت زيادي دارد و از قوي ترين سيستم هاي موجودِ حال حاضر است.

خاصيت جوملا در اين است که انگار هيچ اسکلت بندي ندارد! شما ميتوانيد جوملا را به هر شکلي ميخواهيد در بياوريد! هر تصور ذهني که در مورد ظاهر سايت خود داريد قابل پياده سازي در جوملا است.

از طرفي با وجود الحاقات متعددي که دارد در هر زمينه اي قابل استفاده است. مي توانيد يک سايت دانلود راه اندازي کنيد. يا يک کتابخانه يا يک کتاب فروشي! شايد يک خبرگزاري! يک سايت براي معرفي محصولاتتان يا حتي فروش آنها...

جوملا CMS است که حتي سايت هاي دولتي آمريکا و اروپا هم از آن براي سايت هاي خود استفاده ميکنند.

اين سيستم کاملا با seo سازگاري دارد و رتبه شما در موتورهاي جستجو را بالا مي برد، به راحتي چند زبانه مي شود و امنيت آن بسيار عالي است.

اين هم ذکر کنم که مديريت جوملا بسيار بسيار سخت است و به هيچ سيستم مديريت محتواي ديگري شباهت ندارد!

خود من وقتي براي اولين بار تستش کردم تا چند سال سراغش نرفتم! ولي وقتي توش مهارت پيدا کنيد ميتونيد سايتي بهتر از بقيه سايت ها طراحي کنيد.

اين سيستم هم مانند وردپرس پشتيبان هاي متعددي دارد که بعضي از آنها چيزي بيش از دزد نيستند! حتي براي الحاقات رايگاني هم که فارسي کردند بر خلاف تمام قوانين بين المللي پول دريافت ميکنند.

اما اين پشتيباني سابقه اي طولاني و خوب در زمينه پشتيباني از مامبو و جوملا دارد:

[Only Registered and Activated Users Can See Links. Click Here To Register...]

سيستم هاي انجمن ساز:

اين سيستم ها محبوب ترين CMS ها هستند و البته بعضي از اون ها رايگان نيستند.

phpBB

اين اولين سيستم انجمن سازيه که حدود 7 سال پيش باهاش آشنا شدم، قبل از اينکه اسم هيچ انجمن ساز ديگه اي به گوشم بخوره!

سيستم خوب و قدرتمنديه، خيلي هم پرطرفداره...اما اون موقع که من باهاش کار ميکردم پير شدم و ديگه سراعش نرفتم! براي نصب هر پلاگيني بايد کلي کد رو دست کاري ميکردم...اميدوارم الان درست شده باشه...

به هر حال پشتيباني درست حسابي تو ايران نداره! سايت مقصد فارسي ميکنه، ولي چيز خوبي از آب در نيومده...

[Only Registered and Activated Users Can See Links. Click Here To Register...]

SMF

اين انجمن هم مثل phpbb خيلي سابقه داره، ولي نسبت به ساير انجمن ساز ها از طرفدار کمتري برخورداره...

متاسفانه حدود 3 يا 4 ساله ميخوان ورژن شماره 2 رو عرضه کنند اما هنوز نکردند!

پشتيباني اين سيستم در ايران توسط [Only Registered and Activated Users Can See Links. Click Here To Register...]انجام ميشه...البته اين هم بگم که قيافه ش مثل بقيه انجمن ها نيست! مثلا سيستم پيام خصوصي اون شبيه هيچ کدوم از انجمن هايي که ديديد نيست!

اين انجمن ساز مبدل (convertor) تمام CMS هايي که من شنيدم و نشنيدم رو داره! يعني از هر سيستمي، حتي اگر انجمن ساز تخصصي نباشه، ميتونيد مطالبتون رو به SMF منتقل کنيد. (بين خودمون باشه، از SMF هم ميتونيد به هر انجمن ساز ديگه اي خواستيد منتقل کنيد! خنده شيطاني!)

طراحی وب سایت 

MyBB

به نظر من اين انجمن ساز گل سر سبد تمام سيستم هاي رايگان ديگه است!

اين سيستم واقعاً سبکه و فشاري به هاست وارد نميکنه...

از نظر ظاهري بسيار زيبا طراحي شده، قالب هاي خيلي خيلي خوشگلي هم داره!

پلاگين هاي فراواني هم داره و شما براي هر کاري يک پلاگين گير مياريد...

مديريتش بسيار ساده است، اما در نهايت سادگي شما قادر به اعمال تنظيمات خاص خود هستيد.

حتي نياز به تنظيمي سفارشي داشتيد ميتونيد خودتون اون رو طراحي کنيد.

ميتونيد خودتون کدهايي مثل مخفي سازي متن يا هر چيز ديگه اي طراحي کنيد.

برنامه نويسان اون سعي کردن هر پلاگين و امکاناتي که ساير انجمن ها دارند براي اين سيستم هم طراحي کنند.

پشتيباني فارسي اين سيستم فوق العاده قدرتمنده و خودش کلي پلاگين با ارزش طراحي کرده...

پشتيباني فارسي ماي بي بي از فعال ترين پشتيباني هاي ماي بي بي در ساير زبون هاست، به اين صورت که شما هر پلاگيني نياز داشته باشيد با احتمال 90 درصد ترجمه فارسي اون در سايت اصلي ماي بي بي قرار گرفته!

آدرس پشتيباني: community.mybbiran.com

vbulletin

قدرتمند ترين سيستم انجمن ساز جهان تاکنون!

خب بهترين سيستم انجمن ساز جهانه ديگه! اگر "تونستيد" حتما ازش استفاده کنيد.

تنها مسئله اي که اين وسط هست اينه که اين انجمن ساز رايگان نيست! اين انجمن ساز در دو بسته: يکي به قيمت 285 دلار و يکي به قيمت 195 دلار فروخته ميشه!

تازه اگر ورژن جديدي ارائه بشه براي ارتقا باز هم بايد پول بديد!

سايت پشتيباني هم براي فارسي ساز 69 هزار تومن دريافت ميکنه!

به خاطر همين راه عاقلانه اينه که از انجمن ساز هاي ديگه استفاده کنيد، اگر يه روز کارتون خيلي گرفت ميتونيد با چند کليک به vbulletin منتقل کنيد.

راه حل ديگه براي استفاده از اين انجمن ساز استفاده از ورژن هاي کرک شده يا به اصطلاح "نال شده" هست. اما چون سرور در جايي مثل آمريکا يا کانادا قرار داره معمولا و اونجا موظف به اجراي کپي رايت هستند، سايت شما بلوکه ميشه.

براي حل اين مشکل بايد از هاست هاي وارز استفاده کنيد که در يک پچ آموزشي توضيح ميدم چيه! خيلي پيشنهاد نميشه اين راه!

ويکي:

حتما ويکي پديا رو ديديد! سيستم هاي مديريت محتواي مختلفي براي طراحي يک دانشنامه موجوده، اما معروفترين اونها، که خود ويکي پديا هم از اون استفاده ميکنه، سيستمي هست به نام Media Wiki

اين سيستم هم مانند ويکي پديا با فارسي سازگاره و نياز به پشتيبان فارسي نداره...

اما اين نکته هم گوشزد کنم که راه اندازي يک دايره المعارف کار بسيار شاقيه! اول از همه اينکه اين سيستم تنظيماتي نياز داره که به صورت پيش فرض اعمال نشده و بايد در کدها دست ببريد!

دوم اينکه بايد "ويکي نويسي" بلد باشيد. نوشتن تو دايره المعارف ويکي مثل نوشتن در انجمن يا يک سايت نيست. بايد کدهاي مخصوص اون رو بلد باشيد.

من براي ايجاد يه دايره المعارف در مورد ارباب حلقه ها پدرم در اومد...

آدرس مديا ويکي: [Only Registered and Activated Users Can See Links. Click Here To Register...]

گالري:

تقريبا تمام سيستم هاي مديريت محتوا يک پلاگين براي بخش گالري دارند، اما اين سيستم فقط و فقط يک گالري است! يک سيستم تخصصي گالري عکس!

4image بهترين گالري عکسي هست که من ميشناسم، توسط يک شرکت آلماني نوشته شده و رايگانه...

خودش با فارسي سازگاره و نيازي به پشتيبان فارسي نداره!

آدرس: [Only Registered and Activated Users Can See Links. Click Here To Register...]

فروشگاه:

فروشگاه ساز هاي متعددي بر روي اينترنت وجود داره! بيشتر اين فروشگاه ها يا فارسي نشده اند. يا با سيستم هاي خريد پستي ايران سازگار نيستد، يا با سيستم پرداخت آنلاين ايران!

فروشگاه هاي ديگري هم هستند که توسط ايراني ها نوشته شده اند و فوق العاده قدرتمند هستند، اما قيمت هاي نجومي دارند (چندين ميليون تومان) !

معمولا پيشنهاد مي شود از فروشگاهي که براي CMS سايتتان نوشته شده استفاده کنيد نه از يک سيستم فروش مجزا از سايت اصلي (يعني در يک سيستم ديگر)

در اينجا ميخواهم دو فروشگاه که حتما شما را جذب ميکند معرفي کنم:

اولين فروشگاه، يک CMS نيست، فقط يک کامپوننت براي سيستم مديريت محتواي جوملا است که به آن اضافه مي شود. اسم اين کامپوننت VirtueMart است، با زبان فارسي سازگار است، با سيستم پرداخت شتاب هم سازگار مي شود و بهترين نکته اينکه همه اينها رايگان است!

اما يک فروشگاه ساز تخصصي:

فروشگاه os commerce يکي از قدرتمندترين سيستم هاي فروشگاه ساز در جهان است که به طور رايگان منتشر مي شود.

اين سيستم در ايران پشتيباني فارسي مي شود و با درگاه پرداخت شتاب هم سازگار مي شود. تمام اين امکانات هم به صورت رايگان!

آدرس پشتيباني: [Only Registered and Activated Users Can See Links. Click Here To Register...]

غير از اين سيستم ها، سيستم هاي ديگه مثل سيستم چت، سيستم پشتيباني، سيستم اداره قبوض، مديريت هاست، فروشگاه و ... هم هست.

-------------------------------------------------------------------

حالا که سيستم هاي مديريت محتوا را شناختيم، از کدام استفاده کنيم؟

انتخاب سيستم مديريت محتواي مناسب مسئله حساس و دقيقيه، چون اگر بعداً به مشکل بخوريد احساس نارضايتي از سايت، وجود شما رو ميگيره...

تغيير سيستم مديريت محتوا هم کار آسوني نيست و بايد دعا کنيد که سيستمي که انتخاب کرديد قابل انتقال به چيز ديگه باشه!

بايد بدونيد که از سايت چي ميخوايد؟ چه امکاناتي مد نظرتونه؟ چه امکاناتي ممکنه در آينده اضافه بشه به سايت؟

خودتون چقدر در کار کردن با اين سيستم ها وارد هستيد؟ آيا از عهده مديريتش بر ميايد؟

پشتيباني اون سايت چطوره؟ ببينيد جواب بقيه رو ميدن؟ چقدر فعال هستن؟ افزونه توليد ميکنن؟ افزونه ترجمه ميکنند؟ قالب طراحي ميکنند؟ يا بي کار هستند؟

به ليست افزونه ها نگاه کنيد! چه چيزهايي توش ميبينيد؟ آيا امکانات خوبي تو ليستشون هست؟

و حتماً قبل از انتخاب CMS با يه نفر در اين زمينه مشورت کنيد.

البته نريد تو سايت پشتيباني بپرسيد که اين سيستم بهتره يا سيستم شما؟ چون ميگن سيستم ما! تو خونه خودشون که نبايد بريد بپرسيد چي بهتره!

تو سايت هاي عمومي تر مثل مجيد آنلاين بپرسيد.

نکته ديگه اينه که:

شما ميتونيد از يه سيستم همه کاره استفاده کنيد، خيلي کار شما رو راحت ميکنه، اما همونطور که گفتم تک تک اجزاي اون از سيستم هاي تخصصي ضعيف تره!

انجمنش از انجمن ساز هاي تخصصي ضعيف تره، اخبارش و گالري و....

راه ديگه، و البته راه سختر اينه که از چند سيستم تخصصي در کنار هم استفاده کنيد!

انجمن با يک سيستم، پرتال با يک سيستم ديگه...

بعد با برنامه هايي به نام "پل" (bridge) اين دو تا سيستم رو به هم وصل ميکنيد!مديريت گروه هاي کاربري و دسترسي هاي گروه هاي مختلف واقعا سخت تنظيم مي شود و شايد باز هم آن چيزي نشود که ميخواهيد. از نظر امنيتي مشکل دارد. پشتيباني راضي کننده اي ندارد. آدرس پشتيباني: [Only Registered and Activated Users Can See Links. Click Here To Register...] Xoops اين سيستم مديريت محتوا، بهترين سيستم همه کاره اي است که تاکنون ديده ام! البته ضعف هايي دارد، مثلا چون يک سيستم همه کاره است نبايد انتظار داشته باشيد هر جزء آن قدرت يک سيستم تخصصي را داشته باشد! براي مثال انجمن آن، انجمني پيشرفته مانند MyBB و SMF و VB باشد. مديريت اين سيستم بسيار لذت بخش و راحت است، پشتيباني فارسي بسيار قوي دارد. همين طور نهاد زوپس که اين سيستم را پشتيباني ميکند تا کنون بسيار جدي و موفق عمل کرده است و جايزه هاي متعددي برده است. اگر يک سايت با تمام امکانات ميخواهيد، در عين حال دنبال دردسر در مديريت آن نميگرديد از اين سيستم استفاده کنيد. آدرس پشتيباني فارسي: [Only Registered and Activated Users Can See Links. Click Here To Register...] سيستم هاي پرتال: اين سيستم بيشتر مانند يک وبلاگ يا خبرگزاري عمل ميکنند. اما قابل گسترش هستند. دو تا از معروفترين و بهترين سيستم ها را معرفي ميکنم: وردپرس: حتما همه با اين اسم آشنا هستيد! بله! سيستم معروف وبلاگدهي وردپرس! گروه وردپرس يک سيستم مديريت محتوا براي استفاده هاي شخصي عرضه کرد. براي کساني که ميخواهند در هاست شخصي خود داراي وبلاگ يا سايت باشند، اما اين سيستم امروزه بسيار پيشرفت کرده است. شما تنها با چند کليک مي توانيد به آن گالري تصوير، انجمن، فرم ارتباط با ما، چت و.... اضافه کنيد. اين سيستم راحت ترين و کامل ترين سيستم مديريت در بين تمام سيستم هاي مديريت محتوايي که تاکنون در عمرم مشاهده کردم را دارد! اين سيستم رو به افراد تازه کار پيشنهاد ميکنم، با اينکه سيستم راحت و کاملي هست، اما چون قرار بوده يک سيستم وبلاگدهي باشه قدرت لازم براي يک سايت بزرگ رو نداره! اين سيستم پشتيبان هاي فارسي متعددي داره، اما پشتيبان رسمي و بهترين پشتيبان آن سايت زير است: [Only Registered and Activated Users Can See Links. Click Here To Register...] جوملا: جوملا مانند php nuke قدمت زيادي دارد و از قوي ترين سيستم هاي موجودِ حال حاضر است. خاصيت جوملا در اين است که انگار هيچ اسکلت بندي ندارد! شما ميتوانيد جوملا را به هر شکلي ميخواهيد در بياوريد! هر تصور ذهني که در مورد ظاهر سايت خود داريد قابل پياده سازي در جوملا است. از طرفي با وجود الحاقات متعددي که دارد در هر زمينه اي قابل استفاده است. مي توانيد يک سايت دانلود راه اندازي کنيد. يا يک کتابخانه يا يک کتاب فروشي! شايد يک خبرگزاري! يک سايت براي معرفي محصولاتتان يا حتي فروش آنها... جوملا CMS است که حتي سايت هاي دولتي آمريکا و اروپا هم از آن براي سايت هاي خود استفاده ميکنند. اين سيستم کاملا با seo سازگاري دارد و رتبه شما در موتورهاي جستجو را بالا مي برد، به راحتي چند زبانه مي شود و امنيت آن بسيار عالي است. اين هم ذکر کنم که مديريت جوملا بسيار بسيار سخت است و به هيچ سيستم مديريت محتواي ديگري شباهت ندارد! خود من وقتي براي اولين بار تستش کردم تا چند سال سراغش نرفتم! ولي وقتي توش مهارت پيدا کنيد ميتونيد سايتي بهتر از بقيه سايت ها طراحي کنيد. اين سيستم هم مانند وردپرس پشتيبان هاي متعددي دارد که بعضي از آنها چيزي بيش از دزد نيستند! حتي براي الحاقات رايگاني هم که فارسي کردند بر خلاف تمام قوانين بين المللي پول دريافت ميکنند. اما اين پشتيباني سابقه اي طولاني و خوب در زمينه پشتيباني از مامبو و جوملا دارد: [Only Registered and Activated Users Can See Links. Click Here To Register...] سيستم هاي انجمن ساز: اين سيستم ها محبوب ترين CMS ها هستند و البته بعضي از اون ها رايگان نيستند. phpBB اين اولين سيستم انجمن سازيه که حدود 7 سال پيش باهاش آشنا شدم، قبل از اينکه اسم هيچ انجمن ساز ديگه اي به گوشم بخوره! سيستم خوب و قدرتمنديه، خيلي هم پرطرفداره...اما اون موقع که من باهاش کار ميکردم پير شدم و ديگه سراعش نرفتم! براي نصب هر پلاگيني بايد کلي کد رو دست کاري ميکردم...اميدوارم الان درست شده باشه... به هر حال پشتيباني درست حسابي تو ايران نداره! سايت مقصد فارسي ميکنه، ولي چيز خوبي از آب در نيومده... [Only Registered and Activated Users Can See Links. Click Here To Register...] SMF اين انجمن هم مثل phpbb خيلي سابقه داره، ولي نسبت به ساير انجمن ساز ها از طرفدار کمتري برخورداره... متاسفانه حدود 3 يا 4 ساله ميخوان ورژن شماره 2 رو عرضه کنند اما هنوز نکردند! پشتيباني اين سيستم در ايران توسط [Only Registered and Activated Users Can See Links. Click Here To Register...]انجام ميشه...البته اين هم بگم که قيافه ش مثل بقيه انجمن ها نيست! مثلا سيستم پيام خصوصي اون شبيه هيچ کدوم از انجمن هايي که ديديد نيست! اين انجمن ساز مبدل (convertor) تمام CMS هايي که من شنيدم و نشنيدم رو داره! يعني از هر سيستمي، حتي اگر انجمن ساز تخصصي نباشه، ميتونيد مطالبتون رو به SMF منتقل کنيد. (بين خودمون باشه، از SMF هم ميتونيد به هر انجمن ساز ديگه اي خواستيد منتقل کنيد! خنده شيطاني!) MyBB به نظر من اين انجمن ساز گل سر سبد تمام سيستم هاي رايگان ديگه است! اين سيستم واقعاً سبکه و فشاري به هاست وارد نميکنه... از نظر ظاهري بسيار زيبا طراحي شده، قالب هاي خيلي خيلي خوشگلي هم داره! پلاگين هاي فراواني هم داره و شما براي هر کاري يک پلاگين گير مياريد... مديريتش بسيار ساده است، اما در نهايت سادگي شما قادر به اعمال تنظيمات خاص خود هستيد. حتي نياز به تنظيمي سفارشي داشتيد ميتونيد خودتون اون رو طراحي کنيد. ميتونيد خودتون کدهايي مثل مخفي سازي متن يا هر چيز ديگه اي طراحي کنيد. برنامه نويسان اون سعي کردن هر پلاگين و امکاناتي که ساير انجمن ها دارند براي اين سيستم هم طراحي کنند. پشتيباني فارسي اين سيستم فوق العاده قدرتمنده و خودش کلي پلاگين با ارزش طراحي کرده... پشتيباني فارسي ماي بي بي از فعال ترين پشتيباني هاي ماي بي بي در ساير زبون هاست، به اين صورت که شما هر پلاگيني نياز داشته باشيد با احتمال 90 درصد ترجمه فارسي اون در سايت اصلي ماي بي بي قرار گرفته! آدرس پشتيباني: community.mybbiran.com vbulletin قدرتمند ترين سيستم انجمن ساز جهان تاکنون! خب بهترين سيستم انجمن ساز جهانه ديگه! اگر "تونستيد" حتما ازش استفاده کنيد. تنها مسئله اي که اين وسط هست اينه که اين انجمن ساز رايگان نيست! اين انجمن ساز در دو بسته: يکي به قيمت 285 دلار و يکي به قيمت 195 دلار فروخته ميشه! تازه اگر ورژن جديدي ارائه بشه براي ارتقا باز هم بايد پول بديد! سايت پشتيباني هم براي فارسي ساز 69 هزار تومن دريافت ميکنه! به خاطر همين راه عاقلانه اينه که از انجمن ساز هاي ديگه استفاده کنيد، اگر يه روز کارتون خيلي گرفت ميتونيد با چند کليک به vbulletin منتقل کنيد. راه حل ديگه براي استفاده از اين انجمن ساز استفاده از ورژن هاي کرک شده يا به اصطلاح "نال شده" هست. اما چون سرور در جايي مثل آمريکا يا کانادا قرار داره معمولا و اونجا موظف به اجراي کپي رايت هستند، سايت شما بلوکه ميشه. براي حل اين مشکل بايد از هاست هاي وارز استفاده کنيد که در يک پچ آموزشي توضيح ميدم چيه! خيلي پيشنهاد نميشه اين راه! ويکي: حتما ويکي پديا رو ديديد! سيستم هاي مديريت محتواي مختلفي براي طراحي يک دانشنامه موجوده، اما معروفترين اونها، که خود ويکي پديا هم از اون استفاده ميکنه، سيستمي هست به نام Media Wiki اين سيستم هم مانند ويکي پديا با فارسي سازگاره و نياز به پشتيبان فارسي نداره... اما اين نکته هم گوشزد کنم که راه اندازي يک دايره المعارف کار بسيار شاقيه! اول از همه اينکه اين سيستم تنظيماتي نياز داره که به صورت پيش فرض اعمال نشده و بايد در کدها دست ببريد! دوم اينکه بايد "ويکي نويسي" بلد باشيد. نوشتن تو دايره المعارف ويکي مثل نوشتن در انجمن يا يک سايت نيست. بايد کدهاي مخصوص اون رو بلد باشيد. من براي ايجاد يه دايره المعارف در مورد ارباب حلقه ها پدرم در اومد... آدرس مديا ويکي: [Only Registered and Activated Users Can See Links. Click Here To Register...] گالري: تقريبا تمام سيستم هاي مديريت محتوا يک پلاگين براي بخش گالري دارند، اما اين سيستم فقط و فقط يک گالري است! يک سيستم تخصصي گالري عکس! 4image بهترين گالري عکسي هست که من ميشناسم، توسط يک شرکت آلماني نوشته شده و رايگانه... خودش با فارسي سازگاره و نيازي به پشتيبان فارسي نداره! آدرس: [Only Registered and Activated Users Can See Links. Click Here To Register...] فروشگاه: فروشگاه ساز هاي متعددي بر روي اينترنت وجود داره! بيشتر اين فروشگاه ها يا فارسي نشده اند. يا با سيستم هاي خريد پستي ايران سازگار نيستد، يا با سيستم پرداخت آنلاين ايران! فروشگاه هاي ديگري هم هستند که توسط ايراني ها نوشته شده اند و فوق العاده قدرتمند هستند، اما قيمت هاي نجومي دارند (چندين ميليون تومان) ! معمولا پيشنهاد مي شود از فروشگاهي که براي CMS سايتتان نوشته شده استفاده کنيد نه از يک سيستم فروش مجزا از سايت اصلي (يعني در يک سيستم ديگر) در اينجا ميخواهم دو فروشگاه که حتما شما را جذب ميکند معرفي کنم: اولين فروشگاه، يک CMS نيست، فقط يک کامپوننت براي سيستم مديريت محتواي جوملا است که به آن اضافه مي شود. اسم اين کامپوننت VirtueMart است، با زبان فارسي سازگار است، با سيستم پرداخت شتاب هم سازگار مي شود و بهترين نکته اينکه همه اينها رايگان است! اما يک فروشگاه ساز تخصصي: فروشگاه os commerce يکي از قدرتمندترين سيستم هاي فروشگاه ساز در جهان است که به طور رايگان منتشر مي شود. اين سيستم در ايران پشتيباني فارسي مي شود و با درگاه پرداخت شتاب هم سازگار مي شود. تمام اين امکانات هم به صورت رايگان! آدرس پشتيباني: [Only Registered and Activated Users Can See Links. Click Here To Register...] غير از اين سيستم ها، سيستم هاي ديگه مثل سيستم چت، سيستم پشتيباني، سيستم اداره قبوض، مديريت هاست، فروشگاه و ... هم هست. ----طراحی وب سایت  حالا که سيستم هاي مديريت محتوا را شناختيم، از کدام استفاده کنيم؟ انتخاب سيستم مديريت محتواي مناسب مسئله حساس و دقيقيه، چون اگر بعداً به مشکل بخوريد احساس نارضايتي از سايت، وجود شما رو ميگيره... تغيير سيستم مديريت محتوا هم کار آسوني نيست و بايد دعا کنيد که سيستمي که انتخاب کرديد قابل انتقال به چيز ديگه باشه! بايد بدونيد که از سايت چي ميخوايد؟ چه امکاناتي مد نظرتونه؟ چه امکاناتي ممکنه در آينده اضافه بشه به سايت؟ خودتون چقدر در کار کردن با اين سيستم ها وارد هستيد؟ آيا از عهده مديريتش بر ميايد؟ پشتيباني اون سايت چطوره؟ ببينيد جواب بقيه رو ميدن؟ چقدر فعال هستن؟ افزونه توليد ميکنن؟ افزونه ترجمه ميکنند؟ قالب طراحي ميکنند؟ يا بي کار هستند؟ به ليست افزونه ها نگاه کنيد! چه چيزهايي توش ميبينيد؟ آيا امکانات خوبي تو ليستشون هست؟ و حتماً قبل از انتخاب CMS با يه نفر در اين زمينه مشورت کنيد. البته نريد تو سايت پشتيباني بپرسيد که اين سيستم بهتره يا سيستم شما؟ چون ميگن سيستم ما! تو خونه خودشون که نبايد بريد بپرسيد چي بهتره! تو سايت هاي عمومي تر مثل مجيد آنلاين بپرسيد. نکته ديگه اينه که: شما ميتونيد از يه سيستم همه کاره استفاده کنيد، خيلي کار شما رو راحت ميکنه، اما همونطور که گفتم تک تک اجزاي اون از سيستم هاي تخصصي ضعيف تره! انجمنش از انجمن ساز هاي تخصصي ضعيف تره، اخبارش و گالري و.... راه ديگه، و البته راه سختر اينه که از چند سيستم تخصصي در کنار هم استفاده کنيد! انجمن با يک سيستم، پرتال با يک سيستم ديگه... بعد با برنامه هايي به نام "پل" (bridge) اين دو تا سيستم رو به هم وصل ميکنيد!

1366575630_application-x-phpطراحي وب سايت به زبان PHP آسان، قدرتمند و انعطاف پذير است، در واقع اين زبان از بدو پيدايش به گونه اي طراحي شده تا برنامه نويسي با آن به شکلي کاملاً راحت انجام پذيرد و از زماني که ساختاري کاملاً شي گرا به خود گرفت در مقياس بسيار گسترده اي در نرم افزارهاي تحت وب مورد استفاده قرار گرفت. زبان برنامه نويسي PHP به شکل اعجاب انگيزي انعطاف پذير بوده و به راحتي مي توان آن را به هر کد جاوا يا HTMLي اضاف نمود، تنها با قرار دادن کد آن در بين تگ “<? Php” و “>?”. برخي از منتقدين بر اين باورند که همين سادگي در کدنويسي يکي از علل عدم استفاده برنامه نويسان از اين زبان مي باشد اما من شديداً با اين موضوع مخالفم، بدين منظور مهم است که از ابتدا با اين زبان به گونه اي صحيح آشنا شويم.

زيرساخت ها:

 طراحی وب سایت 

اولين قدم پياده سازي زيرساخت ها براي کدنويسي است، آسان ترين راه براي آماده کردن اين زير ساخت، نرم افزار XAMPP مي باشد که نسخه هاي مختلفي از آن براي اکثر سيستم عامل ها در دسترس مي باشد، با نصب اين نرم افزار تمام آنچه براي شروع کد نويسي با زبان PHP لازم داريد را بر روي کامپيوتر خود خواهيد داشت. تنها کافي است دکمه start از بخش پنل کنترلي XAMPP در کنار گزينه Apache و Mysql را زده تا نرم افزار آماده ي پردازش کدهاي نوشته شده توسط شما شود، شما مي توانيد فايل هاي خود را با پسوند .php در پوشه htdocs در محلي که XAMPP را نصب کرده ايد قرارداده و با اجراي آدرس localhost در مرورگر آنها را مشاهده و مورد بررسي قرار دهيد.

تنها راه براي اينکه بدانيد که چگونه اين فرآيند صورت مي پذيرد اين است که همين حالا دست به کار شويد و خودتان انجام دهيد، اگر تاکنون XAMPP  را نصب نکرده ايد همين حالا آن را دانلود و نصب نماييد، بعد از شروع به کار Apache (قلب نرم افزار XAMPP مي باشد که باعث تبديل سيستم شما به يک وب سرور ميگردد) قالباً از مسير C:\xampp\htdocs در ويندوز به پوشه اصلي وارد شويد، يک فايل متني جديد باز کنيد و با يکي از نرم افزارهاي ويرايشگر متن (به جز نرم افزار word ) متن زير را در آن بنويسيد:

نرم افزار کد نويسي:

قدم بعدي نصب يک نرم افزار جهت کدنويسي درآن است ، ابتدا يک نکته بگويم که هيچگاه از نرم افزار word براي کدنويسي استفاده ننماييد چرا که اين نرم افزار يک سري مقادير پنهان را در فايل شما ذخيره مي نمايد که براي کامپايلر زبان مفهوم نمي باشد، من از نرم افزارهاي مختلفي جهت کدنويسي استفاده کردم اما براي شروع نرم افزار Notepad++ در اولويت مي باشد.

نام گزاري فايل ها:

تمامي فايل هاي HTMLي که مي نويسيد بايد پسوند .php داشته باشند، اگر مي خواهيد در وب سايتتان از header،footer و يا حتي منوي يکسان در چندين صفحه استفاده نماييد ميبايست آنها را در يک فايل جداگانه ذخيره نماييد و سپس با يک تگ include آن فايل را در هر کجاي صفحه که مايليد فراخواني کنيد، بدين صورت هيچگاه نيازي به بازنويسي يا copy/paste کردن کدهاي تکراري نخواهيد داشت و کار به شکل سريعتري پيش خواهد رفت.

چارچوب اصولي:

استفاده از يک چارچوب خاص و از پيش تعريف شده بسيار الزامي است و چه بهتر که اين چارچوب خاص، يک سيستم مديريت محتوا باشد، در اين مرحله از شروع کار خيلي ها با عدم قرار گرفتن در يک چارچوب و اصول صحيح به بيراهه خواهند رفت و پروژه از همان شروع با شکست روبرو خواهد شد پس کمي به خود سختي دهيد اما نتيجه اي درست، سريع و قالب دار براي خود رقم زنيد. براي شروع کار با سيستم هاي مديريت محتوا wordpress را به شما پيشنهاد ميدهم و براي استفاده از يک چارچوب از پيش تعريف شدهa مي توانيد از CakePHP استفاده نماييد، سيستم هاي خوب ديگري هم مثل zend و joomla در دسترس شما هستند، تفاوت عمده بين سيستم هاي مديريت محتوا و چارچوب هاي از پيش تعريف شده در بخش مديريتي سيستم هاي مديريت محتواست که قابليت هايي همچون اضافه نمودن محتوا را به شما مي دهند البته که تفاوت هاي ديگري نيز وجود دارد اما در نگاه اول اين عمده تفاوت بين اين دو مي باشد، براي کسي که تازه با PHP آشنا شده بسيار مهم است که از يک چارچوب خاص پيروي کند، براي ورود به بازار کاري در اين زمينه اين تنها کافي نيست که شما بتوانيد کدهاي Header خود را در تمام صفحات با کد PHP فراخواني کنيد، به شما توصيه ميکنم از يک چارچوب از پيش تعريف شده مثل يک عصا استفاده کنيد تا در اين زمينه خوب به قدرت برسيد، آنگاه اين عصا را رها کرده و برپايه قدرت خود پيشروي کنيد.

 طراحی وب سایت 

شروع بازي:

بهره گيري از تجربيات ديگران راهکاري بسيار عالي نه تنها براي اين زبان بلکه براي تمامي زبانهاست. به وب سايت W3 School سري بزنيد و آموزش هاي موجود در اين وب سايت را بررسي بفرماييد، در صورتي که ميخواهيد قدم هاي خود را ريزتر و با موشکافي بيشتري برداريد مي توانيد متون راهنماي وب سايت php.net را مورد بررسي قرار دهيد، حتي اگر خواندن اين متون براي شما کمي دشوار بود از تالار گفتمان اين وب سايت که هزاران نفر در آن از تجربيات خود ميگويند بهره ببريد و پاسخ سئوالات خود را پيدا کنيد.

درباره به اشتراک گذاري کدهاي خود با ديگران خجالتي نباشيد و با به اشتراک گذاشتن کدها در بهبود و توسعه آنها کوشا باشيد، يکي از بهترين آموخته هاي من از زبان PHP همين هم فکري و مشورت با ديگر متخصصان در اين زمينه بوده که علاوه بر حل خيلي از مسائل، به پيشبرد اين علم بسيار کمک خواهد کرد،اين روند حتي به جذابيت هر چه بيشتر اين زبان مي افزايد. شما نيازي به گذاشتن وقت زياد براي آشنايي با تکنيک هاي مختلف براي رسيدن به يک نتيجه ي فوق العاده نداريد، فقط کافيست تا با تمرين به اين زبان بيشتر نزديک شويد و وقتي با قابليت هاي اين اسباب بازي بيشتر آشنا گشتيد تازه خود را در مقابل دنيايي از توانايي هاي برنامه نويسي خواهيد ديد.

طراحی وب سایت

کدها :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>عنوان صفحه</title>

<style type="text/css">

body {

         font-family:Arial, Helvetica, sans-serif;

         text-align:right;

         direction:rtl;

     }

.container {

           width:100%;

           margin:0 auto;

                   }               

body, div, h1, h2, h3, h4, h5, h6, p, ul, img {

                                                   margin:0px;

                                               padding:0px;

                                                                                           }   

#logo1 {       

           background:url(../images/kelid.gif) no-repeat;

           width:100%;

       height:180px;

           background-position:center

       }       

#tagline {

         padding-top:60px;

                 text-align:center;

         }                       

#tagline h3 {

                font-size: 30px;

                    color: #09F;

                    }                    

ul#menu {

        list-style:none;

                padding-top:50px;

        }              

ul#menu li a {

             font-size:20px;

             color:#090;

             text-decoration:none;

             }                                           

ul#menu li {                             

           float:right;

                   padding-left:0px;

           padding-right:30px;

           width:150px;

                   }           

#sidebar1 {

              width: 20%;

          float:left;

                  direction:rtl;

                  padding-top:30px;

                  padding-bottom:30px;

                  padding-right:2%;

                  padding-left:2%;

          }                                                        

ul#sidebar1_menu {

                 list-style:none;

                 }                         

#content {

         width:52%;

         float:left;

                 padding-top:30px;

                 padding-bottom:30px;

                 padding-right:0px;

         }               

#content h2 {

            font-size: 24px;

            color: #00C;

            padding-top: 25px;

            }                          

#content h3 {

            font-size:24px;

            color:#444444;

            padding:20px;

            }

#content h4 {

            font-size: 18px;

            color: #373737;

            font-weight: normal;

            }

#content p {

               text-align:justify;

           font-size: 18px;

           color: #000;

           padding-top: 20px;

           }                               

#content small {

               font-size: 12px;

               color: #373737;

               }                           

#content a {

           color: #F33;

           font-weight: bold;

           text-decoration: none;

           }                                                                                                                                   

#sidebar2 {

              width: 20%;

          float:left;

                  direction:rtl;

                  padding-top:30px;

                  padding-bottom:30px;

                  padding-left:2%;

                  padding-right:2%;

          }              

ul#sidebar2_menu {

                 list-style:none;

                 }                     

ul#sidebar2_menu li a {

                                  text-decoration:none;

                      }                  

#footer {

            width: 100%;

            text-align:center;

                padding-top:60px;

        }                        

</style>

</head>

<body>

     <div id="main">

          <div class="container">

               <div id="header">

                    <div id="logo1">

                         <div id="tagline">

<h3>شعار تبليغاتي سايت شما در اين محل نمايش داده مي شود</h3>

                         </div>              

                    </div>

طراحی وب سایت                           <div style="clear:both"></div>

<ul id="menu">

<li><a href="#">خانه</a></li>

<li><a href="#">مبحث اول</a></li>

<li><a href="#">مبحث دوم</a></li>

<li><a href="#">مبحث سوم</a></li>

<li><a href="#">تماس با ما</a></li>

</ul>        

                         <div style="clear:both"></div>

               </div><!--end header -->

                <div id="sidebar1">

<h3>عنوان ستون سمت چپ</h3>

<br />

<ul id="sidebar1_menu">

<li>عبارت اول از ستون سمت چپ</li>

<hr />

<li>عبارت دوم از ستون سمت چپ</li>

<hr />

<li>عبارت سوم از ستون سمت چپ</li>

<hr />

</ul>

               </div><!--end sidebar1-->              

               <div id="content">

<h1>عنوان اصلي مبحث</h1>

<h2>زير عنوان :</h2>

<p>

مباحث به زبان فارسي در اين محل نوشته خواهد شد .

</p>

               </div><!--end content-->

               <div id="sidebar2">

<h3>عنوان ستون سمت راست</h3>

<br />

<ul id="sidebar2_menu">

<li><a href="#">اولين لينک از ستون سمت راست</a></li>

<hr />

<li><a href="#">دومين لينک از ستون سمت راست</a></li>

<hr />

<li><a href="#">سومين لينک از ستون سمت راست</a></li>

<hr />

</ul>

               </div><!--end sidebar2-->

                    <div style="clear:both"></div>

          </div><!--end main container-->

     </div><!--end main-->

     <div id="footer">

          <div class="container">

                    <div style="clear:both"></div>

<p>

Copyright © 2012 www.yoursite.com <br />

All Rights Reserved

</p>          

          </div><!--end footer container-->

     </div><!--end footer-->

</body>

</html>

نتيجه :

Result

طراحی وب سایت

توضيحاتي در مورد کدها :

نحوه جداسازي بخش هاي مختلف سايت با تگ div :

طراحی وب سایت

در بخش body از فايل html ، با استفاده از تگ div ، بخش هاي مختلف سايت را جدا کرده ايم تا بتوانيم به هر يک به طور جداگانه مشخصه هايي را اختصاص بدهيم و همچنين نحوه چيدمان بخش هاي مختلف سايت در کنار هم را مشخص کنيم . به هر تگ div يک id اختصاص داده ايم زيرا کدهاي CSS را در بخش head فايل html نوشته ايم و با استفاده از id است که تعيين مي کنيم هر قسمت صفحه ( محتويات هر تگ div ) چه مشخصه هايي بايد داشته باشد .

طراحی وب سایت

بخش هاي مختلف سايت عبارتند از header که در بالاترين بخش سايت نمايش داده مي شود و درواقع سردر ورودي سايت مي باشد ، sidebar1 که ستون سمت چپ سايت است ، sidebar2 که ستون سمت راست سايت است ، content که مطالب مربوط به هر صفحه در آن نوشته مي شود و بين دو ستون اصلي سايت قرار مي گيرد و footer که در پايين ترين بخش سايت قرار مي گيرد و معمولا حاوي علامت تجاري سايت ، حقوق مادي و معنوي سايت و ... مي باشد .

چگونگي نوشته شدن کدهاي CSS :

کدهاي CSS در قسمت head فايل html بايد نوشته شوند ( يعني بين دو تگ <head> و <head/> ) . شروع کدهاي CSS را با تگ <"style type="text/css> و پايان کدهاي CSS را با تگ <style/> اعلام کرده ايم . سپس ابتدا بايد مشخص کنيم که مي خواهيم مشخصه ها را به کدام بخش سايت اعمال کنيم . اگر بخواهيم مشخصه اي را به محتويات يک تگ div اعمال کنيم بايد ابتدا علامت # را نوشته و بعد از اين علامت ، نام id مربوط به آن تگ div را بنويسيم . سپس يک علامت ((})) را نوشته و پس از آن مشخصه هاي مورد نظرمان را مي نويسيم . چنانچه قصد نوشتن چند مشخصه را داشته باشيم بايد آنها را با علامت ((;)) از يکديگر جدا کنيم . پس از نوشتن تمامي مشخصه هاي مورد نظرمان ، علامت (({)) را به کار مي بريم تا اعلام کنيم که مشخصه هاي آن تگ div پايان يافته است . براي ساير تگ ها نيز بايد همين شيوه را اجرا کنيم و کدهاي آنها را پشت سرهم بنويسيم .

طراحی وب سایت

همان طور که مي بينيد براي تعيين مشخصه هاي تگ هاي div ، ترتيب فراخواني تگ هاي div دقيقا مثل ترتيب نوشته شدن کدهاي آنها در بخش body فايل html مي باشد .

نکته :

بهترين انتخاب براي نوشتن کدهاي CSS ، نوشتن آنها در فايلي جدا از فايل html مي باشد زيرا با اين شيوه مي توانيد کدهاي CSS را به هر فايل html که بخواهيد اعمال کنيد و براي اين کار تنها بايد در فايل html آدرس فايل حاوي کدهاي CSS را مشخص کنيد . ما فعلا از اين شيوه استفاده نکرده ايم تا گيج نشويد و تمرکز اصلي خود را فعلا بر روي نکات ديگر قرار دهيد .

نحوه چيدمان بخش هاي مختلف سايت در کنار هم :

طراحی وب سایت

نحوه چيدمان بخش هاي مختلف سايت بايد به اين شکل باشد که ابتدا header نمايش داده شود و سپس دو ستون اصلي سايت و بخش content بايد در پايين قسمت header نمايش داده شوند . ما براي کنار هم قرار دادن دو ستون اصلي و بخش content از مشخصه float استفاده کرده ايم که باعث مي شود تگ هاي div شناور شوند و موقعيت خود را بر اساس تگ div کنار خود ، تنظيم کنند . در کدهاي CSS مشاهده مي کنيد که براي هر سه تگ div با id هاي sidebar1 ، sidebar2 و content ، مشخصه float به کار رفته است به اين صورت که چون ابتدا کدهاي sidebar1 در بخش body نوشته شده است پس ابتدا مشخصه float آن را به صورت left ( سمت چپ ) تعيين کرده ايم تا در سمت چپ صفحه قرار بگيرد ، سپس بخش content را داريم که مشخصه float آن را نيز برابر left تعيين کرده ايم تا به sidebar1 که در سمت چپ آن است بچسبد . سپس براي sidebar2 نيز مشخصه float را برابر left تعيين کرده ايم تا در کنار بخش content که در سمت چپ آن است بچسبد .

نکته :

طراحی وب سایت

براي آنکه دو ستون اصلي و بخش content به درستي در کنار هم قرار بگيرند بايد مجموع عرض هر سه بخش برابر عرض کل صفحه باشد وگرنه ممکن است sidebar2 در زير sidebar1 و content قرار بگيرد . براي فهميدن عرض هر بخش ابتدا بايد در کدهاي CSS نگاه کنيد و ببينيد عرض آن بخش چقدر تعريف شده است و علاوه بر اين بايد ببينيد که اين بخش ها داراي مشخصه padding-left يا padding-right هستند يا نه . زيرا بايد ميزان اين مشخصه ها را به عرض تعريف شده اضافه کنيد . به عنوان مثال در کدهاي بالا عرض هاي تعريف شده به صورت درصد مي باشند و زماني که کل درصدها را براي sidebar1 ، content و sidebar2 جمع بزنيد ، برابر 100 درصد خواهد شد . 

آموزش html

طراحی وب سایت

کدها :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>عنوان صفحه</title>

<style type="text/css">

body {

         font-family:Arial, Helvetica, sans-serif;

         text-align:right;

         direction:rtl;

     }

.container {

           width:100%;

           margin:0 auto;

                   }               

body, div, h1, h2, h3, h4, h5, h6, p, ul, img {

                                                   margin:0px;

                                               padding:0px;

                                                                                           }   

#logo1 {       

           background:url(../images/kelid.gif) no-repeat;

           width:100%;

       height:180px;

           background-position:center

       }       

#tagline {

         padding-top:60px;

                 text-align:center;

         }                       

#tagline h3 {

                font-size: 30px;

                    color: #09F;

                    }                    

ul#menu {

        list-style:none;

                padding-top:50px;

        }              

ul#menu li a {

             font-size:20px;

             color:#090;

             text-decoration:none;

             }                                           

ul#menu li {                             

           float:right;

                   padding-left:0px;

           padding-right:30px;

           width:150px;

                   }           

#sidebar1 {

              width: 20%;

          float:left;

                  direction:rtl;

                  padding-top:30px;

                  padding-bottom:30px;

                  padding-right:2%;

                  padding-left:2%;

          }                                                        

ul#sidebar1_menu {

                 list-style:none;

                 }                         

#content {

         width:52%;

         float:left;

                 padding-top:30px;

                 padding-bottom:30px;

                 padding-right:0px;

         }               

#content h2 {

            font-size: 24px;

            color: #00C;

            padding-top: 25px;

            }                          

#content h3 {

            font-size:24px;

            color:#444444;

            padding:20px;

            }

#content h4 {

            font-size: 18px;

            color: #373737;

            font-weight: normal;

            }

#content p {

               text-align:justify;

           font-size: 18px;

           color: #000;

           padding-top: 20px;

           }                               

#content small {

               font-size: 12px;

               color: #373737;

               }                           

#content a {

           color: #F33;

           font-weight: bold;

           text-decoration: none;

           }                                                                                                                                   

#sidebar2 {

              width: 20%;

          float:left;

                  direction:rtl;

                  padding-top:30px;

                  padding-bottom:30px;

                  padding-left:2%;

                  padding-right:2%;

          }              

ul#sidebar2_menu {

                 list-style:none;

                 }                     

ul#sidebar2_menu li a {

                                  text-decoration:none;

                      }                  

#footer {

            width: 100%;

            text-align:center;

                padding-top:60px;

        }                        

</style>

</head>

<body>

     <div id="main">

          <div class="container">

               <div id="header">

                    <div id="logo1">

                         <div id="tagline">

<h3>شعار تبليغاتي سايت شما در اين محل نمايش داده مي شود</h3>

                         </div>              

                    </div>

طراحی وب سایت                           <div style="clear:both"></div>

<ul id="menu">

<li><a href="#">خانه</a></li>

<li><a href="#">مبحث اول</a></li>

<li><a href="#">مبحث دوم</a></li>

<li><a href="#">مبحث سوم</a></li>

<li><a href="#">تماس با ما</a></li>

</ul>        

                         <div style="clear:both"></div>

               </div><!--end header -->

                <div id="sidebar1">

<h3>عنوان ستون سمت چپ</h3>

<br />

<ul id="sidebar1_menu">

<li>عبارت اول از ستون سمت چپ</li>

<hr />

<li>عبارت دوم از ستون سمت چپ</li>

<hr />

<li>عبارت سوم از ستون سمت چپ</li>

<hr />

</ul>

               </div><!--end sidebar1-->              

               <div id="content">

<h1>عنوان اصلي مبحث</h1>

<h2>زير عنوان :</h2>

<p>

مباحث به زبان فارسي در اين محل نوشته خواهد شد .

</p>

               </div><!--end content-->

               <div id="sidebar2">

<h3>عنوان ستون سمت راست</h3>

<br />

<ul id="sidebar2_menu">

<li><a href="#">اولين لينک از ستون سمت راست</a></li>

<hr />

<li><a href="#">دومين لينک از ستون سمت راست</a></li>

<hr />

<li><a href="#">سومين لينک از ستون سمت راست</a></li>

<hr />

</ul>

               </div><!--end sidebar2-->

                    <div style="clear:both"></div>

          </div><!--end main container-->

     </div><!--end main-->

     <div id="footer">

          <div class="container">

                    <div style="clear:both"></div>

<p>

Copyright © 2012 www.yoursite.com <br />

All Rights Reserved

</p>          

          </div><!--end footer container-->

     </div><!--end footer-->

</body>

</html>

نتيجه :

Result

طراحی وب سایت

توضيحاتي در مورد کدها :

نحوه جداسازي بخش هاي مختلف سايت با تگ div :

طراحی وب سایت

در بخش body از فايل html ، با استفاده از تگ div ، بخش هاي مختلف سايت را جدا کرده ايم تا بتوانيم به هر يک به طور جداگانه مشخصه هايي را اختصاص بدهيم و همچنين نحوه چيدمان بخش هاي مختلف سايت در کنار هم را مشخص کنيم . به هر تگ div يک id اختصاص داده ايم زيرا کدهاي CSS را در بخش head فايل html نوشته ايم و با استفاده از id است که تعيين مي کنيم هر قسمت صفحه ( محتويات هر تگ div ) چه مشخصه هايي بايد داشته باشد .

طراحی وب سایت

بخش هاي مختلف سايت عبارتند از header که در بالاترين بخش سايت نمايش داده مي شود و درواقع سردر ورودي سايت مي باشد ، sidebar1 که ستون سمت چپ سايت است ، sidebar2 که ستون سمت راست سايت است ، content که مطالب مربوط به هر صفحه در آن نوشته مي شود و بين دو ستون اصلي سايت قرار مي گيرد و footer که در پايين ترين بخش سايت قرار مي گيرد و معمولا حاوي علامت تجاري سايت ، حقوق مادي و معنوي سايت و ... مي باشد .

چگونگي نوشته شدن کدهاي CSS :

کدهاي CSS در قسمت head فايل html بايد نوشته شوند ( يعني بين دو تگ <head> و <head/> ) . شروع کدهاي CSS را با تگ <"style type="text/css> و پايان کدهاي CSS را با تگ <style/> اعلام کرده ايم . سپس ابتدا بايد مشخص کنيم که مي خواهيم مشخصه ها را به کدام بخش سايت اعمال کنيم . اگر بخواهيم مشخصه اي را به محتويات يک تگ div اعمال کنيم بايد ابتدا علامت # را نوشته و بعد از اين علامت ، نام id مربوط به آن تگ div را بنويسيم . سپس يک علامت ((})) را نوشته و پس از آن مشخصه هاي مورد نظرمان را مي نويسيم . چنانچه قصد نوشتن چند مشخصه را داشته باشيم بايد آنها را با علامت ((;)) از يکديگر جدا کنيم . پس از نوشتن تمامي مشخصه هاي مورد نظرمان ، علامت (({)) را به کار مي بريم تا اعلام کنيم که مشخصه هاي آن تگ div پايان يافته است . براي ساير تگ ها نيز بايد همين شيوه را اجرا کنيم و کدهاي آنها را پشت سرهم بنويسيم .

طراحی وب سایت

همان طور که مي بينيد براي تعيين مشخصه هاي تگ هاي div ، ترتيب فراخواني تگ هاي div دقيقا مثل ترتيب نوشته شدن کدهاي آنها در بخش body فايل html مي باشد .

نکته :

بهترين انتخاب براي نوشتن کدهاي CSS ، نوشتن آنها در فايلي جدا از فايل html مي باشد زيرا با اين شيوه مي توانيد کدهاي CSS را به هر فايل html که بخواهيد اعمال کنيد و براي اين کار تنها بايد در فايل html آدرس فايل حاوي کدهاي CSS را مشخص کنيد . ما فعلا از اين شيوه استفاده نکرده ايم تا گيج نشويد و تمرکز اصلي خود را فعلا بر روي نکات ديگر قرار دهيد .

نحوه چيدمان بخش هاي مختلف سايت در کنار هم :

طراحی وب سایت

نحوه چيدمان بخش هاي مختلف سايت بايد به اين شکل باشد که ابتدا header نمايش داده شود و سپس دو ستون اصلي سايت و بخش content بايد در پايين قسمت header نمايش داده شوند . ما براي کنار هم قرار دادن دو ستون اصلي و بخش content از مشخصه float استفاده کرده ايم که باعث مي شود تگ هاي div شناور شوند و موقعيت خود را بر اساس تگ div کنار خود ، تنظيم کنند . در کدهاي CSS مشاهده مي کنيد که براي هر سه تگ div با id هاي sidebar1 ، sidebar2 و content ، مشخصه float به کار رفته است به اين صورت که چون ابتدا کدهاي sidebar1 در بخش body نوشته شده است پس ابتدا مشخصه float آن را به صورت left ( سمت چپ ) تعيين کرده ايم تا در سمت چپ صفحه قرار بگيرد ، سپس بخش content را داريم که مشخصه float آن را نيز برابر left تعيين کرده ايم تا به sidebar1 که در سمت چپ آن است بچسبد . سپس براي sidebar2 نيز مشخصه float را برابر left تعيين کرده ايم تا در کنار بخش content که در سمت چپ آن است بچسبد .

نکته :

طراحی وب سایت

براي آنکه دو ستون اصلي و بخش content به درستي در کنار هم قرار بگيرند بايد مجموع عرض هر سه بخش برابر عرض کل صفحه باشد وگرنه ممکن است sidebar2 در زير sidebar1 و content قرار بگيرد . براي فهميدن عرض هر بخش ابتدا بايد در کدهاي CSS نگاه کنيد و ببينيد عرض آن بخش چقدر تعريف شده است و علاوه بر اين بايد ببينيد که اين بخش ها داراي مشخصه padding-left يا padding-right هستند يا نه . زيرا بايد ميزان اين مشخصه ها را به عرض تعريف شده اضافه کنيد . به عنوان مثال در کدهاي بالا عرض هاي تعريف شده به صورت درصد مي باشند و زماني که کل درصدها را براي sidebar1 ، content و sidebar2 جمع بزنيد ، برابر 100 درصد خواهد شد .