delbareghashghaii

روش مدولار در طراحي وب‌ سايت

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

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

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

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

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

• header: شامل عناصر انتخاب زبان، ورود به سايت و جستجو
• navigation: پيمايش سايت
• footer: لينکهايي به بخش هاي عمومي سايت
• ساخت سايت

به غير از اين مدول ها که در همه صفحات سايت وجود دارند، مدول هاي خاص اين بخش عبارتند از :

• اشکال سمت چپ و راست
• تصوير محصول انتخاب شده به همراه تصاوير محصولات مربوط
• شرحي متني از محصول

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

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

1. http://seowebmaster.blogtez.com/post49.php
2. http://seowebmaster.blogtez.com/post47.php
3. http://seo-webdesign.avablog.ir/post/56/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C+%D8%B3%D8%A7%DB%8C%D8%AA+%D8%B4%D9%86%D9%88%D8%A7%DB%8C%DB%8C+%D8%B3%D9%86%D8%AC%DB%8C+%28%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C+%D8%B3%D8%A7%DB%8C%D8%AA+%D8%A7%D8%AF%DB%8C%D9%88%D9%84%D9%88%DA%98%DB%8C%29
4. http://seo-webdesign.avablog.ir/post/64/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C+%D8%B3%D8%A7%DB%8C%D8%AA+%D8%AA%D8%BA%D8%B0%DB%8C%D9%87+%D9%88+%D8%B1%DA%98%DB%8C%D9%85+%D8%AF%D8%B1%D9%85%D8%A7%D9%86%DB%8C+%DA%86%DB%8C%D8%B3%D8%AA%D8%9F
5. http://seo-webdesign.avablog.ir/post/62/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C+%D8%B3%D8%A7%DB%8C%D8%AA+%D8%A7%D9%86%D8%AC%D9%85%D9%86+%E2%80%93+%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C+%D9%88%D8%A8+%D8%B3%D8%A7%DB%8C%D8%AA+%D8%A7%D9%86%D8%AC%D9%85%D9%86
6. http://seo-webdesign.avablog.ir/post/60/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C+%D8%B3%D8%A7%DB%8C%D8%AA+%D9%85%D8%B1%DA%A9%D8%B2+%D9%85%D8%B4%D8%A7%D9%88%D8%B1%D9%87
7. http://seo-webdesign.avablog.ir/post/58/%D9%84%D8%B2%D9%88%D9%85+%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C+%D8%B3%D8%A7%DB%8C%D8%AA+%D8%AD%D9%82%D9%88%D9%82%DB%8C+%D9%88+%D9%88%DA%A9%D8%A7%D9%84%D8%AA
8. http://developer-website.blograz.ir/post/59/%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A+%D8%B3%D8%A7%D9%8A%D8%AA+%D8%B4%D9%86%D9%88%D8%A7%D9%8A%D9%8A+%D8%B3%D9%86%D8%AC%D9%8A+(%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A+%D8%B3%D8%A7%D9%8A%D8%AA+%D8%A7%D8%AF%D9%8A%D9%88%D9%84%D9%88%DA%98%D9%8A)
9. http://developer-website.blograz.ir/post/67/%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A+%D8%B3%D8%A7%D9%8A%D8%AA+%D8%AA%D8%BA%D8%B0%D9%8A%D9%87+%D9%88+%D8%B1%DA%98%D9%8A%D9%85+%D8%AF%D8%B1%D9%85%D8%A7%D9%86%D9%8A+%DA%86%D9%8A%D8%B3%D8%AA%D8%9F
10. http://developer-website.blograz.ir/post/65/%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A+%D8%B3%D8%A7%D9%8A%D8%AA+%D8%A7%D9%86%D8%AC%D9%85%D9%86+%E2%80%93+%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A+%D9%88%D8%A8+%D8%B3%D8%A7%D9%8A%D8%AA+%D8%A7%D9%86%D8%AC%D9%85%D9%86
11. http://developer-website.blograz.ir/post/63/%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A+%D8%B3%D8%A7%D9%8A%D8%AA+%D9%85%D8%B1%D9%83%D8%B2+%D9%85%D8%B4%D8%A7%D9%88%D8%B1%D9%87
12. http://developer-website.blograz.ir/post/61/%D9%84%D8%B2%D9%88%D9%85+%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A+%D8%B3%D8%A7%D9%8A%D8%AA+%D8%AD%D9%82%D9%88%D9%82%D9%8A+%D9%88+%D9%88%D9%83%D8%A7%D9%84%D8%AA
13. https://seowebmaster.blogsky.com/1399/11/04/post-63/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b4%d9%86%d9%88%d8%a7%db%8c%db%8c-%d8%b3%d9%86%d8%ac%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a7%d8%af%db%8c%d9%88%d9%84%d9%88%da%98%db%8c-
14. https://seowebmaster.blogsky.com/1399/11/04/post-71/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%aa%d8%ba%d8%b0%db%8c%d9%87-%d9%88-%d8%b1%da%98%db%8c%d9%85-%d8%af%d8%b1%d9%85%d8%a7%d9%86%db%8c-%da%86%db%8c%d8%b3%d8%aa%d8%9f
15. https://seowebmaster.blogsky.com/1399/11/04/post-69/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a7%d9%86%d8%ac%d9%85%d9%86-%e2%80%93-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a7%d9%86%d8%ac%d9%85%d9%86
16. https://seowebmaster.blogsky.com/1399/11/04/post-67/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%85%d8%b1%da%a9%d8%b2-%d9%85%d8%b4%d8%a7%d9%88%d8%b1%d9%87
17. https://seowebmaster.blogsky.com/1399/11/04/post-65/%d9%84%d8%b2%d9%88%d9%85-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%ad%d9%82%d9%88%d9%82%db%8c-%d9%88-%d9%88%da%a9%d8%a7%d9%84%d8%aa
18. http://seo-webdesign.loxblog.com/post/38/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C%20%D8%B3%D8%A7%DB%8C%D8%AA%20%D8%A7%D9%86%D8%AC%D9%85%D9%86%20%E2%80%93%20%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C%20%D9%88%D8%A8%20%D8%B3%D8%A7%DB%8C%D8%AA%20%D8%A7%D9%86%D8%AC%D9%85%D9%86.htm
19. http://seo-webdesign.loxblog.com/post/36/%D9%84%D8%B2%D9%88%D9%85%20%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C%20%D8%B3%D8%A7%DB%8C%D8%AA%20%D8%AD%D9%82%D9%88%D9%82%DB%8C%20%D9%88%20%D9%88%DA%A9%D8%A7%D9%84%D8%AA.htm
20. http://seo-webdesign.loxblog.com/post/37/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C%20%D8%B3%D8%A7%DB%8C%D8%AA%20%D9%85%D8%B1%DA%A9%D8%B2%20%D9%85%D8%B4%D8%A7%D9%88%D8%B1%D9%87.htm