طراحی و ساخت سایت در يك نگاه

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

 

 


 
وب سايت شخصي : در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک فرد موجود باشد مانند: مشخصات فردی، مهارت ها ، تواتنایی ها ،خاطرات ، آلبوم تصاوير، زندگي نامه، علايق، شرحي در مورد دوران تحصيل، شغل ، محل زندگي، خانواده و... .
 
وب سايت یک خانواده : در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک خانواده موجود باشد مانند: مشخصات فردی تک تک اعضاء خانواده، مهارت ها، تواتنایی ها، خاطرات، آلبوم تصاوير، زندگي نامه، علايق، شغل، محل زندگي و... .
 
وب سايت یک فرد حرفه ای با تخصص خاص : در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک فرد متخصص موجود باشد مانند: مشخصات فردی، مهارت ها، تواتنایی ها، تخصص، تجربه ها، سوابق حرفه اي، محل يا دفتر کار، خاطرات، آلبوم تصاوير، زندگي نامه، علايق، شرحي در مورد دوران تحصيل، شغل، محل زندگي، خانواده و ... .
 
وب سايت یک هنرمند : در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک فرد موجود باشد مانند: مشخصات فردی، هنر، تواتنایی ها ،آثار ، سوابق هنري، تجربه ها، خاطرات، آلبوم تصاوير، زندگي نامه، علايق، شرحي در مورد دوران تحصيل، شغل ، محل زندگي، خانواده و ... .
 
وب سايت يک گروه فرهنگي : در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک گروه فرهنگي موجود باشد مانند: اهداف گروه، مشخٌات تک تک اعضاء، فعاليت ها، آلبوم تصاوير ،فعالیت های انجام شده و درحال اجراو... .
 
وب سايت یک مرکز آموزشی: در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک مرکز آموزشي موجود باشد مانند: زمينه آموزشي، دورهاي در حال برگذاري،کادر آموزشی، تاریخچه، افتخارات، ارائه نکات آموزشی، نتايج آزمون ها و... .
 
وب سايت يک بيمارستان یا مرکز درماني : در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک بيمارستان یا مرکز درماني موجود باشد مانند: فعاليت هاي درماني، گروهاي درماني، اعضاء، کادر درماني، مشخصات، آدرس و... .
 
وب سايت يک مجله ، روزنامه و يا نشريه : در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک نشريه موجود باشد مانند: اهداف، موضوع، سوابق، تاریخچه، آرشيو، مقالات، نحوه اشتراک و... .
 
وب سايت يک شرکت يا سازمان تجاری : در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک شرکت يا سازمان تجاری موجود باشد مانند: نوع فعالیت، محصولات، خدمات، سوابق، تاريخجه،  فعالیت هاي انجام شده، سهام داران،  اعضاء و... .
 
وب سايت يک مرکز خدماتي : در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک مرکز خدماتي موجود باشد مانند: نوع خدمات، نحوه ارائه، سفارشات، سوابق، آلبوم تصاوير و... .
 
وب سايت يک آژانس مسافرتي و گردشگري: در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک آژانس مسافرتي و گردشگري موجود باشد مانند: خدمات، تورها، سرويس ها، سوابق، نحوه ارائه خدمات و... .
 
وب سايت يک فروشگاه یا نمايندگي فروش : در اين نوع وب سايت بايد تمام اطلاعات مورد نياز برای معرفي یک فروشگاه یا نمايندگي فروش موجود باشد مانند: محصولات، سفارشات، ليست قيمت ها، آلبوم تصاوير و... .


 طراحي صفحات وب سايت

در اين مرحله بايد مطالب تهيه شده را به صورت صفحات وب در آوريد. براي طراحي صفحات وب ابزارها و روش هاي متفاوتي وجود دارد که هر کدام کاربرد متفاوت دارند. HTML : Hyper Text Markup Language  زبان ايجاد صفحات وب است، اين زبان به مرورگر وب مي گويد که صفحات وب را چگونه نشان دهد. اولين سوالي که در به کار گيري اين زبان پيش مي آيد اين است که دستورات اين زبان را بايد در کجا تايپ کرد و سوال بعد اين که اين دستورات چگونه اجرا مي شوند ، براي تايپ اين دستورات مي توانيد از هر ويراستاري مثل Notepad یا Wordpad استفاده کنيد و بعد آن ها را با پسوند htm ذخيره کنيد و براي نمايش آن ها بايد از يک مرورگر مثل Internet Explorer یا Netscape استفاده کنيد.
 
 
دستورات HTML به مرورگر مي گويد که صفحات چگونه به نمايش در آيد. هر مرورگر دستورات فايل مورد نظر را خط به خط خوانده و طبق آن ها صفحه را براي نمايش آماده مي کند. همه فايل هاي HTML داراي ساختاري مشابه ساختار زير هستند :


 

<! DOCTYPE HTML PUBLIC ".......">
<HTML>


 

<HEAD>
< اطلاعات مکمل مربوط به صفحه >
</HEAD>


 

<BODY>
< دستورات ايجاد کننده صفحه >
</BODY>


 

</HTML>


 

هر دستور HTML داراي يک علامت شروع و يک علامت پايان است که داخل علامت هاي کوچک تر و بزرگتر  (< >قرار مي گيرند . مثلا <B> بيان مي کند که متني که بعد از آن مي آيد بايد سياه (bold) باشد و <B/> پايان اين دستور را مشخص مي کند. بنابراين اگر هر دستور HTML را tag بناميم ، شکل کلي هر دستور HTML به صورت زير خواهد بود :


 

<tag>
.........
</tag>


 

البته دستوراتي نيز وجود دارند که به علامت پايان نياز ندارند مثل <HR> که براي رسم خط افقي استفاده مي شود. تمام دستوراتي که صفحه را ايجاد مي کنند در قسمت Body وارد مي شوند .براي مثال در زير متن کامل يک فايل HTML که عنوان آن My Web Site و جمله Welcome To My Site ، به صورت سياه  ديده مي شود در زير آمده است:


 

<! DOCTYPE HTML PUBLIC "HTML 4">
<HTML>
<HEAD>
<TITLE>My Web Site</TITLE>
</HEAD>


 

<BODY>
<B>Welcome To My Site</B>
</BODY>


 

</HTML>


 

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


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

وارد کردن آدرس صفحه مورد نظر در مرورگر

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

انتقال فايل HTML صفحه به همراه فايل هاي همراه آن (تصاوير و ... ) به کامپيوتر شما

نمايش صفحه به وسيله مرورگر


 

صفحات پويا شامل اسکريپت هاي قابل اجرا بر روي کامپيوتر سرويس گيرنده :
 اين صفحات نسبت به صفحات ثابت از پيچيدگي بيشتري چه در مرحله طراحي و چه در مرحله نمايش برخوردارند به طوري که براي طراحي آن ها بايد از زبان هاي برنامه نويسي ديگري که قابليت اجرا بر روي کامپيوتر سرويس گيرنده را دارند مانند Jscript و يا JavaScript در کنار HTML سود برد. نمايش اين صفحات نياز به پردازش دارد که اين پردازش بر روي کامپيوتر سرويس گيرنده و توسط مرورگر انجام مي شود. اين صفحات معمولا صفحاتي هستند که نياز به ايجاد يک Effect  خاص و يا محاسبه يک فرمول و یا طي شدن يک الگوريتم خاص براي بدست آوردن نتيجه مورد نظر  از اطلاعات دريافت شده از بازديدکننده دارند . مراحل نمايش اين صفحات به صورت زير است:
 
وارد کردن آدرس صفحه مورد نظر در مرورگر

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

انتقال فايل HTML صفحه به همراه فايل هاي همراه آن (تصاوير ، فايل هاي حاوي متن برنامه و ... ) به کامپيوتر شما

پردازش قسمت هاي حاوي (Script) به وسيله مرورگر و به دست آوردن نتيجه آن

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


 

صفحات پويا شامل اسکريپت هاي قابل اجرا بر روي کامپيوتر سرويس دهنده:
اين صفحات پيچيده ترين صفحات وب حساب مي شوند که براي طراحي آن ها بايد از زبان هاي برنامه نويسي که قابليت اجرا بر روي کامپيوتر سرويس دهنده را دارند مثل ASP : Active Server Page کمک گرفت. نمايش اين صفحات مانند ديگر صفحات پويا نياز به پردازش دارد که در اين مورد اين پردازش به وسيله کامپيوتر سرويس دهنده صورت مي گيرد و نتيجه حاصل به صورت يک فايل HTML براي کامپيوتر سرويس گيرنده فرستاده مي شود. از اين صفحات معمولا براي دريافت يا نمايش اطلاعات و یا هر صفحه ديگري که نياز به ارتباط به منابع کامپيوتر سرويس دهنده از جمله بانک هاي اطلاعاتي و ... را دارند، استفاده مي شود. مراحل نمايش اين صفحات به صورت زير است :
 
وارد کردن آدرس صفحه مورد نظر در مرورگر

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

پردازش صفحه به وسيله کامپيوتر سرويس دهنده و بدست آوردن يک فايل HTML

انتقال فايل HTML حاصل از پردازش صفحه به همراه فايل هاي همراه آن (تصاوير و ... ) به کامپيوتر شما

نمايش صفحه به وسيله مرورگر

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


 


انتخاب يک نام اينترنتي براي وب سايت و ثبت آن در اينترنت به نام خود:
بعد از طراحي صفحات وب ديگر نوبت به اين رسيده که وب سايت خود را در اينترنت قابل دسترسي کنيد. براي اين کار در ابتدا شما نياز به  يک نام دامنه يا Domain name مثل http://www.yahoo.com/ داريد که تحت آن سايت خود را به ديگران معرفي کنيد. شما ابتدا بايد نام خود را انتخاب کنيد البته اين نام نبايد قبلا توسط شخص ديگري انتخاب شده باشد. شما مي توانيد موجود بودن نام مورد نظر خود را در از  اینترنت و سرسیوی دهنده ها یا انرا در نوار ادرس امتهان کنید و بررسي کنيد، بعد از اطمينان از آزاد بودن نام مورد نظر ،بايد آن را در اينترنت ثبت کنيد. براي اين کار مي توانيد از طريق شرکت هايي که توانايي انجام اين کار را دارند کمک بگيريد .


 


اختصاص فضاي مورد نياز برروی يک سرور موجود در اينترنت:
بعد از ثبت  Domain name شما نياز به مقداري فضا بر روی یک سرور موجود در اينترنت داريد که صفحات وب سايت خود را روی آن قرار دهيد تا هر موقع که شخصی از طرِق اتصال به اينترنت خواست به وب سايت شما وارد شود صفحات سايت شما از طريق اين سرور متصل به اينترنت به کامپيوتر او انتقال پيدا کند. براي اين کار شما بايد مقدار فضاي مورد نياز خود را از شرکت هاي داراي سرور اجاره کنيد که به اين کار در اصطلاح Web Hosting مي گويند. شرکت های گوناگون مي تواند فضاي مورد نياز شما را بر روي سرورهاي خود به شما اختصاص دهد.


انتقال صفحات وب سايت بر روي سرور:
بعد از اجاره فضا شرکت سرويس دهنده به شما دسترسي لازم به سرور را براي انتقال صفحات وب سايت به شما مي دهد. اين دسترسي به صورت هاي مختلفي صورت مي گيرد از جمله :
 
دسترسي Ftp : File Transfer Protocol :
متداول ترين پروتکل براي اتقال فايل است . شما مي توانيد براي استفاده از اين پروتکل از Internet Explorer و يا برنامه هاي مختلفي که براي اين منظور طراحي شده اند استفاده کنيد . در ضمن بعضي از ISPها اين پروتکل را به دلايلي مي بندند ، پس شما در ابتدا بايد از باز بودن اين پروتکل از طرف ISP خود اطمينان حاصل کنيد.
 

دسترسي از طريق (Site Control Panel) :
بعضي از شرکت هايي که خدمات Web Hosting ارائه مي دهند براي سهولت و همچنين دادن دسترسي جهت انجام تنظيمات مختلف، صحفاتي را جهت اين کار بر روي سرور قرار مي دهند ، که شما مي توانيد با وارد شدن به اين صفحات تنظيمات مورد نظر خود را اعمال کنيد، يکي از اين امکانات انتقال فايل است که از طريق پروتکل HTTP صورت مي گيرد.

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

جذب کردن بازديد کننده

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


 

تبليغ در سايت های ديگر :
آسان ترين و کاراترين راه جذب بازديدکننده به سايت تبليغ در يک سايت پر رفت و آمد است .از اين طريق شما مي توانيد در عرض زماني کم تعداد بازديد کنندگان سايت خود را به تعداد بازديدکنندگان يک سايت سابقه دار افزايش دهيد. سايت رسانيک هم تبليغات مي پذيرد.شما مي توانيد براي تبليغ در سايت رسانيک به صفحه تبليغات سر بزنيد.
 
معرفي وب سايت خود به موتورهاي جستجو :
 موتور هاي جستجو سايت هايي هستند که براي جستجو به دنبال کلمه يا موضوع خاصي در اينترنت طراحي شده اند. به طور مثال Google.com يکي از سريع ترين و پرقدرترين آن هاست در صورتي که اگر Google سايت شما را در ليست خود قرار دهد ديگر از اين نظر مشکلي نخواهيد داشت . براي اين که سايت خود را به Google معرفي کنيد بايد به اين آدرس برويد، و بعد از آن بايد صبر کنيد تا Google سايت شما را بررسي کند.   
 
تعريف و راه اندازی چند E-mail box :
خوب حالا ديگر یک سايت داريد و چند هزار بازديد کننده که هر کدامشان نظرات ، پيشنهادات و شايد هم انتقادات زيادي راجب به سايت شما دارند و صد البته شما مي خواهيد از تمام آن ها با خبر شويد و يک ارتباط دو طرفه بين خودتان و بازديد کنندگان سايت برقرار کنيد. خوب براي اين کار نياز به چند صندوق پست الکترونيک داريد تا بازديد کنندگان نامه هايشان را از آن طريق به دست شما برسانند.مثلاّ يک صندوق پست الکترونيک براي مسائل مربوط به سايت تحت عنوان Info@yourname.com و یا يک صندوق براي ارتباط با خود شما و به اسم خود شما مثل  yourname@yourname.com و هر چند صندوق ديگر که نياز داشته باشيد.
 
تعداد اين صندوق ها در موقع اجاره فضا مشخص مي شود .براي تعريف صندوق پست الکترونيک شما بايد از طريق صفحه اي که در اختيارتان گذاشته مي شود اقدام کنيد. تعداد صندوق هاي پست الکترونيک بسته به نوع سرويسي است که به عنوان Web hosting گرفته ايد که معمولا هر چه فضاي شما بيشتر باشد تعداد صندوق هاي پست الکترونيک شما هم بيشتر خواهد بود