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

 

طراحی وب سایت  به مهارت ساخت و راه اندازي صفحات وب گفته مي شود

 

در آغاز، سايتهاي وب با کُدهاي ساده «اچ تي ام ال» نوشته مي شدند، گونه اي از زبان کُدنويسي که ساختار ساده اي به وب گاه ها مي داد، شامل سرتيتر و پاراگراف، و توانايي پيوند دادن به صفحه هاي وب ديگر، با اَبَرمتن. در مقايسه با روش هاي ديگر، اين راه تازه و متفاوتي بود که کاربران به سادگي مي توانستند با يک مرورگر، صفحه هاي طراحی وب سایت  پيوند خورده را باز کنند.

 

با پيشرفت طراحی وب سایت و هنر طراحي آن، زبان کُد نويسي اش، اَبَرمتن يا اچ تي ام ال، پيچيده تر و پرانعطاف تر شد. ابزاري مانند جدول ها که بيشتر براي نمايش نمودارهاي داده اي بودند، بزودي مورد استفاده نادرست، براي چيدمان هاي پنهان در صفحه هاي وب قرار گرفتند. با پيدايش الگوهاي آبشاري وب يا «CSS»، روش نادرست  طراحی وب سایت  با جدول هاي پنهان در صفحه از گردونه خارج، و بجاي آن استفاده مناسب از «CSS» جايگزين شد.

 

فناوري هاي يکپارچه سازي داده گاه ها (Database)، مانند زبان هاي کُدنويسي سمت سرور (Server-Side Scripting) مانند CGI، PHP، ASP.NET، ASP، JSP و ColdFusion، و استانداردهاي طراحي مدرن با الگوها (CSS)، ساختار سايت هاي وب را باز هم تغيير داده و آنرا پيشرفته تر کرده اند.

 

همچنين با آمدن نگاره هاي جاندار و فن آوري هاي پويانمايي به صفحه ها، مانند فلَش (Flash)، چهره وب بيشتر از پيش تغيير کرد و توانمندي هاي تازه به سازندگان رسانه و طراح هاي وب داده شد، و توانايي هاي بيشتر و کارايي ها تازه مرورگرها براي اچ تي ام ال.

محتويات

 

 

سايت يا تارنما چيست؟

 

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

انواع سايت

 

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

 

سايتهاي ثابت (Static Website):

 

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

 

از آنجا که حجم کمتري از کد در طراحي سايتهاي ثابت استفاده مي شود سرعت بارگذاري (Loading) بالايي دارند. علاوه براين کاهش حجم کدها که باعث خوانايي بشتر سايت توسط رباتهاي جستجوگر مي شود از يک سو و کاهش زمان بارگذاري از سوي ديگر سبب بهتر شدن وضعيت آنها از لحاظ امتياز دهي موتورهاي جستجو يا همان "رنکينگ" مي شود. سايتهاي ثابت قيمت طراحی وب سایت  پايين تري را نيز عمدتا نسبت به ساير سايتها دارند.

 

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

 

نکته: سايتهاي ثابت (Static) براي افراد، شرکتها و سازمانهايي مناسب است که حداکثر يک يا دو بار در سال نيازمند به تغيير در محتواي سايت هستند.

 

سايتهاي پويا (Dynamic Website): محتواي سايتهاي دايناميک بعد از طراحی وب سایت  توسط افراد عادي که دسترسي به سيستم مديريت محتواي سايت را داشته باشند قابل تغيير است. زبان برنامه نويسي وبسايتهاي پويا ميتواند براساس نياز متفاوت باشد اما عمدتا از زبانهاي ASP ، ASP.Net و Php استفاده مي شود و از زبانهاي کمکي CSS و Silver light و يا Ajax براي ايجاد قابليتهاي ويژه نيز بهره گرفته مي شود.

 

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

 

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

 

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

 

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

 

نکته: سايتهاي پويا براي افراد، شرکتها و سازمانهايي مناسب است که بيش از دوبار در سال نياز به تغيير درمحتواي سايت را دارند.

 

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

 

تمام ويژگي هاي يک سايت پويا مي تواند در يک پرتال نيز صدق کند.

 

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

 

سايتهاي متحرک استاتيک و نيمه دايناميک  طراحی وب سایت (Static and Dynamic Flash Website): سايتهاي فلش يا متحرک دو نوع استاتيک و نيمه دايناميک هستند و توسط نرم افزارهاي خاصي ايجاد مي شوند در برخي موارد از XML يا Action Script براي ايجاد قابليتهاي تغيير يا هوشمندي در اين سايتها بهره گرفته مي شود.

 

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

 

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

 

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

 

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

 

سايتهاي مجهز به سيستم مديريت محتوا (Content Management Systems): سايتهاي مجهز به سيستم مديريت محتوا که در اصطلاح به CMS که مخفف Content Management System است مشهورند، وبسايتهايي از نوع پرتالها يا سايتهاي پويا هستند که براي مصارف خاص توسط طراحان حرفه اي و يا شرکتهاي طراحي حرفه اي ايجاد ميشوند.

 

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

 

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

 

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

 

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

 

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

مزاياي استفاده از وبسايت

 

طراحی وب سایت  مزاياي فراواني را براي مديران و صاحبان خود به همراه دارند که مهمترين آنها به شرح زيرند:

 

تاثير سايت در اطلاع رساني:

 

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

 

تاثير سايت در بازاريابي:

 

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

 

ايجاد قابليتهاي جديد تبليغاتي طراحی وب سایت 

 

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

 

در دسترس بودن:

 

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

 

فعاليت در خارج از مرزهاي جغرافيايي:

 

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

 

درآمد زايي:

 

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

طراحي وب گاه

 

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

 

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

 

طراحي سايت بر طبق عنوان و محتواي مطالب مي باشد.

 

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

 

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

 

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

 

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

 

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

 

يک وب گاه معمولاً شامـل متن و تصـاويـر است. اولين صفحه يک طراحی وب سایت  صفحه خانه (Home Page) و يا صفحه ايندکس (Index) ناميده مي شود. بعضي از وب گاه هـــا از صفحه اي استفـــاده مي کنند کـــه معمولاً صفحه خوش آمد ناميده مي شود. اين صفحه ممکن است شــامــل مواردي چون پيغــــــــــام خوش آمـدگويي، انتخاب زبـــان، انتخاب ناحيه جغرافيايي و يـا اعلام عدم پذيرش مسيوليت درمــوارد خاص باشد. هر صفحه وب درون سايت وب، يک فايل HTML است که URL مخصوص به خود را دارد.

 

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

 

هنگامي که يک وب ســايت کامل شد براي آنکه بـراي همه برروي اينترنت قابل مشاهده باشد بايد منتشر و يا ارسال (Upload) شود. اين کار به کمک يک ميزبانFTP انجام مي شود. هنگامي که سايت منتشرشد، مسئول سايت براي افزايش بازديدکنندگان، از تکنيکهاي گونــاگون استفاده مي کند. اين کار با ثبت کردن وب سـايت در موتورهاي جستجويي نظير Google و Yahoo، تبادل لينک با وب ســايت هاي ديگر، ايجاد پيوند با وب گاه هاي مشابه و غيره امکان پذير است.

طرح وب سايت

 

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