نکات مهم برای راه اندازی طراحی سایت شبکه اجتماعی

 

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

 

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

 

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

 

    عدم محاسبه و برآورد صحیح هزینه در فازهای ابتدایی

    عدم انجام بررسی های صحیح برای فازهای آینده و گسترش سایت

    عدم  بررسی های لازم برای فازهای تبلیغات مناسب با هدف معرفی شبکه به مخاطبان بالقوه

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

    عدم پشتیبانی مناسب از طرف تیم گسترش دهنده

    و ده ها مورد دیگر مشابه

 

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

 

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

 

 

    بررسی اهداف از ایجاد شبکه اجتماعی

    بررسی و کارشناسی بر روی علایق مخاطبین

    کارشناسی ساختار ارتباطات مورد نیاز برای کاربران شبکه اجتماعی

    کارشناسی و نوشتن سناریوی کامل از نحوه ایجاد ارتباطات کاربران و امکانات برنامه

    بررسی و برآورد هزینه های لازم برای طراحی سایت شبکه اجتماعی

    بررسی هزینه های لازم برای سخت افزار های مورد نیاز و پیشبینی نیازهای مالی پروژه در گام های بعدی

    بررسی روش های مورد نیاز برای تبلیغات اولیه شبکه اجتماعی برای اطلاع رسانی به مخاطبین بالقوه شبکه اجتماعی مورد نظر و در نظر گرفتن هزینه های لازم برای این تبلیغات

طراحی سایت املاک

 

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

 

اما یک وب سایت امروزه چه کمکی می‌تواند به مشاورین املاک بکند؟

 

۱-معرفی کامل دفتر مشاوره املاک از جمله سوابق کاری، مشاورین شما، اطلاعات تماس و آدرس

 

ابتدایی ترین کمکی که طراحی سایت به فعالیتتان می‌کنداین است که می‌توانید به تعداد زیادی از افراد فعالیت خود و سوابق کاری تان را معرفی کنید!

 

۲-لیست کردن فایل های اجاره، خرید و فروش در وب سایت با یک موتور جست وجو گر پیشرفته

 

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

 

۳-ثبت فایل آگهی منزل توسط مالک

 

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

 

۴-افزایش سرعت و بهره وری باور نکردنی کار

 

چون فایل های شما همواره در معرض دید بسیاری از افراد است همچنین فایل های زیادی بصورت اتوماتیک در سیستمتان ثبت می‌شود سرعت کار و بهره وری کار به شدت بالا رفته به نحوی که بیشتر از بازده فعالیت ۱۰ ها نفر مشاور به صورت همزمان می‌باشد.

 

امید واریم که مطالب مفیدی را برای شما در حوزه طراحی سایت املاک مطرح کرده باشیم و به شما پیشنهاد می‌کنیم که اگر در حوضه مشاوره املاک فعالیت می‌کنید توسط گروه طراحی سایت تهران کد بهترین سایت را برای حرفه تان طراحی کنید تا مطابق تکنولوژی روز حرکت کرده و چندین پله از رقیبانتان جلو تر باشید.

۳ نکته مهم در طراحی سایت

 

این نکات پیرامون  یک پروژه طراحی سایت وجود دارند که هر دو طرف پروژه (کارفرما و طراح سایت) باید به آن توجه کنند!

 

۱-بیان کامل نیاز کارفرما:

 

در ابتدا طراح سایت باید بتواند تمام نیاز های کارفرما از پروژه طراحی سایت را درک کند و بدین منظور چنانچه کارفرما بشخصه اطلاعات کافی را عنوان نکرد وظیفه طراح در اینجا یافتن تمام نکات با جزئیات می‌باشد.

 

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

 

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

 

۲-براورد هزینه و مقایسه قیمت ها:

 

به جد می‌توان گفت طراحی سایت در کشورمان نرخ ثابت و مصوبی ندارد و شرکت ها و اشخاص مختلف که کار طراحی سایت را انجام میدهند هرکدام قیمت متفاوتی را برای کار خود در نظر گرفته اند.

 

این مسئله قطعا منجر به گیج شدن کارفرمایان عزیز میگردد.

 

پیشنهاد ما به کارفرمایان عزیز: سعی کنید از شرکت های معتبر قیمت بگیرید و سپس قیمت ها را با هم مقایسه کنید. ممکن است اشخاصی به شما قیمت های بسیار  پایین تری را پیشنهاد دهند که البته مطمئنا از نظر کیفی با یک هزینه پایین نمیتوان انتظار بالایی داشت.

 

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

 

۳-مسئله زمان در طراحی سایت:

 

زمان اتمام پروژه طراحی سایت قطعا با توجه به نوع طراحی و پروژه ای که به طراح سایت سپرده می‌شود متفاوت می‌باشد اما با توجه به پتانسیل تیم طراحی که با شما همکاری میکند این زمان نیز تغییر می‌کند که با ذکر مثال به این مسئله می‌پردازیم: پروژه شما به یک شرکت با ۱۰ طراح حرفه‌ای سپرده میشود که در زمان یک هفته میتواند طراحی سایت و تکمیل شود ولی بدلیل مشغول بودن کارمندان به سایر پروژه ها یا به اصطلاح ترافیک پروژه ای  یک ماه زمان می‌برد و سپس شما از شرکت دیگری با ۳ طراح حرفه ای زمان طراحی را سوال میکنید و بدلیل عدم مشغولیت طراحان در پروژه های دیگر کار شما در ۲ هفته به اتمام مرسد.

 

پیشنهاد ما به کارفرمایان عزیز:  در این مرحله نیز ما به شما پیشنهاد می‌کنیم که زمان اتمام پروژه پیشنهادی را از چند شرکت معتبر جویا شوند و با بررسی فاکتور ها مناسب ترین را انتخاب کنند همچنین سعی کنید که به طراح سایتتان اطمینان داشته و با دیدگاهی منطقی شرایط زمانی گفته شده را درک نمایید.

 

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

رنگ مناسب در طراحی سایت

 

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

 

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

 

رنگ مناسب در طراحی سایت

 

 رنگ بندی سایت شما باید متناسب با زمینه کاری وب سایت باشد

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

 

ضرورت لوگو

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

 

 سایه روشن را فراموش نکنید

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

 

بهتر است انتخاب رنگ بندی مناسب را برای طراحی سایت خود جدی بگیرید و کمتر از رنگهای تکراری استفاده کنید!

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

 

culer-1:

در سال های اخیر، شرکت ادوبی تلاش های زیادی برای ورود به تکنولوژی های مرتبط با وب کرده است. کولر را می توان یکی از بهترین ابزارهای انتخاب و مدیریت رنگ دانست. در کولر، می توانیم به سادگی و فقط با انتخاب یک رنگ، سایر رنگ های وب سایت را با رعایت استانداردها دریافت کنیم.

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

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

 

2- Colr.org:

Colr.org ابزاری ساده و مفید است که می توانیم با آپلود تصویر خود، رنگ های مورد نظر را با امکان ویرایش انتخاب کنیم. علاوه بر این امکان، می توانیم با وارد کردن آدرس وب سایت مورد نظر، رنگ هایی که در آن استفاده شده است را به تفکیک فایل های CSS مشاهده نماییم.

 

3- Colour Lovers:

Colour Lovers را می توانیم یک شبکه اجتماعی در زمینه رنگ نام گذاری کنیم. اشتراک گذاری، ثبت تعداد بازدید، تعداد افرادی که آن را پسندیدند و امکان قرار دادن دیدگاه مواردی است که در این ابزار وجود دارد. علاوه بر رنگ و ترکیب رنگ، انواع بافت با گروه بندی های مناسب قرار گرفته است.

مهم ترین چالش های طراحی سایت در سال ۲۰۱۶

 

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

با توجه به این موارد، در این مقاله سعی شده است که مهمترین و موثرترین عواملی را که در طراحی سایت در سال 2016 جهت پیشی گرفتن از رقبای آنلاین می بایست در نظر گرفت، ارائه دهیم.

 

 

بهینه سازی وب سایت برای موبایل:

 

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

با در نظر گرفتن این امر که از سال 2013 تاکنون، 60% از ترافیک های ورودی سایت ها از طریق کاربران موبایل بوده است، اهمیت این موضوع کاملا روشن می شود.

 

همچنین همانطور که می دانید دستگاه های موبایل و تبلت ها در اندازه و سایز های متفاوت ارائه شده اند.

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

 

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

 

طراحی ساده و کارآمد:

 

از دیگر ویژگی های یک وب سایت ایده آل، برآورده ساختن نیاز ها و ضریب پاسخگویی بالا به نیاز های مشتریان می باشد. لذا در این راستا یک وب سایت ایده آل، در سال های اخیر می بایست ساده تر و در عین حال کارآمدتر باشند.

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

 

CMS

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

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

همچنین توجه به این امر نیز ضروری است که با توجه به Open Source بودن سیستم های مدیریت محتوا و این که امروزه مورد توجه بسیاری از طراحان و تازه واردان در این عرصه می باشد، لذا از بسیاری جهات مورد توجه هکر ها می باشد و می بایست اقدامات امنیتی موثر روی آن در نظر گرفته شود. از طرفی دیگر در صورتی که شما از CMS ها و یا سیستم هایی که متداول نیستند استفاده کنید، امکان مشکلات و حفره های امنیتی روی آنها، کم نیست. لذا حتما از نقطه نظر امنیت سایت خود را بدرستی بررسی نمایید.

 

نحوه نمایش تصاویر :

 

همانطور که میدانید تصاویر متحرک و اسلایدرها طی چند دهه گذشته، شدیدا مورد توجه طراحی سایت بودند، این در حالی است که امروزه اکثر وب سایت ها بدین شیوه طراحی شده اند.

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

در سال 2016، استفاده از اسلایدرهای تعاملی (Interactive Slider) مورد توجه بیشتری قرار گرفته است. زیرا بجای اینکه کاربر در صفحه شما با تعدد عکس ها مواجه شوند و در جستجوی مطالب باشند، به راحتی مطالب مورد نیاز را خواهند یافت و در صورت نیاز عکس ها را مشاهده می نمایند. در نتیجه روی موتور های جستجوگر (سئو) نیز تاثیر مطلوبی خواهد داشت.

 

استفاده از گرافیک پیچیده :

 

زمانی که کاربر به هر طریقی به وب سایت شما هدایت می شود، مسلما انتظار بیش از حد جهت لود شدن سایت شما او را دلسرد خواهد نمود و چه بسا موجب ترک سایت شما شود و در نتیجه بازدهی سایت شما کمتر شود.

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

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

 

قابلیت پارالاکس (Parallax):

 

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

تکنیک پارالاکس بر پایه استفاده از کدهای HTML5 و CSS3 و JQuery است و از میان شیوه‌های طراحی وب، به جرئت می توان گفت پارالاکس (Parallax) یکی از قدرتمندترین و شگفت‌انگیزترین شیوه های طراحی است. همچنین تاثیر مثبتی روی سئوی سایت نیز خواهد داشت.

 

جمع بندی :

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

ساخت تاژان

اهمیت صفحه اصلی سایت

 

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

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

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

با توجه به اهمیت این موضوع به این فکر می افتیم تا چه مواردی را در صفحات وب سایت خود قرار دهید که بتواند نظر بازدیدکنندگان را جلب کند

 

چه مواردی  در صفحه اصلی سایت خود قرار دهیم ؟

 

ویژگی های دیداری و گرافیکی در طراحی سایت می تواند از اهمیت بالایی در جذب رضایت مشتری داشته باشد

توصیف شرکت و کسب و کار خود و محصولات اصلی

از به کار بردن عکس های زیاد و پرحجم در سایت خود داری نماییم

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

درج اخبار و رویداد های جدید مربوط به شما

اهمیت تصاویر در صفحه ی اصلی بسیار بالا می باشد

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

نسبت به مخاطبانتان آگاه باشید و سعی کنید با توجه به بازار کار خود و مخاطبان سایت خود را طراحی نمایید

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

بودن لوگو در سایت برای اعتبار بیشتر در نظر مشتریان می تواند اعتمادها را جذب نماید

 

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

نیاز به سرعت بالا در طراحی وب سایت ها

 

مترجم :داریوش ببریان

 

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

 

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

 

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

 

نموداری که در تصویر بالا وجود دارد میزان استفاده از اتصالات ضعیف اینترنتی را در برابر اینترنت پر سرعت و میزان بازدهی آن ها نشان می دهد. دو موضوع مهم از این نمودار بسیار واضح می باشد: کاربران سایت در حالا کاهش استفاده از مودم های اینترنتی کم سرعت می باشند (4/14)، اما میزان کاربرانی که مودم های پر سرعت خود را ارتقاء می دهند تا به سرعت بیشتر و بیشتری دست یابند، بسیار ناچیز است و تقریبا ثابت باقی مانده اند. مورد بسیار بدتری که در این میان وجود دارد این است که اینترنت با پهنای باند وسیع (نمودار T-1) در حال کاهش می باشد، این در حالی است که این گونه اینترنت ها با پهنای باند وسیع و بسیار عالی که دارند، می توانند نتایج شگرفی را به وجود آورند. اینترنت با پهنای باند متوسط افزایش محسوسی دارد.

 

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

 

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

    کاهش سرعت اتصال سرور به اینترنت. گاهی اوقات در این شرایط سرعت اینترنت از T1 به T3 می رسد.

    بهتر است خود اینترنت که منبع بروزرسانی ها می باشد، ارتقاء یابد و سرعت خود را با بسط پهنای باند، افزایش دهد.

    اینترنتی که کاربر به آن متصل است ممکن است جزو T3 و یا حتی T4 باشد.

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

 

 

 

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

 

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

 

به کارگیری رنگ ها و فونت ها متنوع و یا تصاویر سنگین و غیره همگی می توانند باعث کند بارگیری شدن صفحات وب سایت شوند. در این زمینه می توانید به توصیه های زیر عمل کنید:

 

    کاهش و یا حذف تصاویر بزرگ در طراحی وب سایت.

 

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

 

اول، تصاویر را کوچک کنید: بین 500 تا 800 پیکسل مناسب است. این امر نه تنها برای تصاویر و عکس ها باید به کار رود، بلکه برای گرافیک های پس زمینه سایت نیز باید رعایت شود.

 

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

 

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

 

    کاهش انیمیشن های فلشی.

 

نرم افزار انیمیشن های فلشی در وب سایت ها معمولا متناسب نیستند و انیمیشن های ساخت آن ها، سرعت سایت را کاهش می دهند و این موارد از دید مشتریان وب سایت هم خیلی جالب به نظر نمی آید. به یاد داشته باشید که مشتریان سایت زمان زیادی ندارند تا منتظر بارگیری سایت تان بمانند و زمانی که با وب سایت کم سرعت رو به رو شوند، به سرعت آن جا را ترک می کنند.

 

اگر وب سایت تان دارای انیمیشن های فلشی باشد، اعتماد زیادی را برای کاربران نسبت به وب سایت و تجارت شما فراهم نمی کند.

 

    کش کردن وب سایت.

 

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

 

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

 

    پلاگین های وب سایت تان را مشاهده کنید

 

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

 

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

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

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

 

 

 

یک توصیه عملی:  لینک ها  زمانی که در صفحات وب سایت قرار می گیرند، باید در دایرکتوری دارای یک اسلش نهایی در ادامه URL باشند. زمانی که کاربران می خواهند URL را بنویسند، این اسلش حذف می گردد. برای مثال لینک به لیست های مقاله ALTER BOX باید به این ترتیب در مقاله ها و مجله های چاپی نوشته شود:  Http://Www.Useit.Com/Alertbox، اما مقاله های آنلاین در برنامه نویسی وب سایت باید به این ترتیب باشند:  Http://Www.Useit.Com/Alertbox/. دلیل این اسلش اضافه در لینک های آنلاین این می باشد که زمانی که سرور به مرورگر می گوید که این لینک به دایرکتوری مربوط است نه به یک فایل، به مکان های دیگری هدایت نشود.

 

 

 

توصیه نهایی این می باشد که از سرورهایی استفاده کنید که از HTTP به خوبی پشتیبانی می کند: به کارگیری اتصالات TCP/IP برای هر اتفاقی که در وب سایت می افتد، توسط این پشتیبانی به طور چشمگیری کاهش می یابد. در این مواقع سرعت وب سایت تان دو برابر افزایش می یابد و از این رو می توانید تجربه کاربری بهینه ای را به کاربران خود ارائه دهید.

در دنیای امروز طراحی سایت امریست لازم و ضروری

 

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

در دنیای امروز داشتن یک وب سایت امریست لازم و ضروری .

 

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

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

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

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

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

 

گام اول :اهداف و استراتژی وب سایت

 

ابتدایی ترین گام در طراحی یک وب سایت بررسی و تعیین اهداف ، سیاست و استراتژی وب سایت شما در نحوه معرفی و ارائه خدمات ، نوع و نیاز مخاطبان ، امتیازات رقابتی ،نحوه ارتباط با مخاطبان و … می باشد. بررسی و مطالعه دقیق در این مرحله می تواند در بازدهی و بهره وری وب سایت و تبلیغات شما بسیار تعیین کننده باشد . برای تعیین اهداف و استراتژی وب سایت تان موارد زیر را مدنظر قرار دهید :

- هدف شما از داشتن وب سایت

- نوع مخاطبان شما

- نوع خدمات شما

- تحلیل خواسته های مخاطبان شما

- فضای رقابتی و ویژگیهای رقابتی شما

 

گام دوم : محتوا

 

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

 

گام سوم : طبقه بندی اطلاعات ، چینش ، نوع نگارش و دسترسی وب سایت

 

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

در این حالت وظیفه شما ارائه توضیحات لازم و کافی و همچنین برطرف کردن ابهامات و سوالات احتمالی و متداول است. دو حالت برای ایجاد ابهام و عدم پاسخ به مخاطب وجود دارد.

 

- وجود نداشتن و یا مبهم بودن اطلاعات.

- در دسترس نبودن و عدم هدایت صحیح مخاطب برای کسب اطلاعات.

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

 

گام چهارم : گرافیک وب سایت

 

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

 تصور کنید که قصد دیدن یک وب سایت را دارید که از نظر زمان Load شدن و یا بالا آمدن بسیار کند و از نظر نمای ظاهری نکته ای برای جلب توجه شما ندارد هر چند که شاید مطالب بسیار مفید و یا خدمات بسیار خوبی ارائه دهد.

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

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

 

گام پنجم : رعایت استانداردها در طراحی

 

استانداردها کمک می کنند تا مطمئن شویم که تمام افراد به اطلاعاتی که ما تامین میکنیم دسترسی دارند و همواره توسعه وب را سریعتر و لذت بخشترمی کند.

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

 

گام ششم : مدیریت وب سایت

 

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

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

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

 

گام هفتم : بهینه سازی برای موتورهای جستجو

 

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

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

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

 اینکه تکنیکهای بهینه سازی به چه روش و ترتیبی اعمال شود ، در جایگیری و رتبه بندی شما در موتورهای جستجو بسیار تایین کننده است. پروسه منطقی و استاندارد زیر می تواند بسیار مفید باشد :

 

- استاندارد سازی کدهای HTML ، CSS و .. در وب سایت شما

- ایجاد ساختار مناسب در وب سایت برای سهولت دسترسی موتورهای جستجو به وب سایت شما

- بررسی رقبای شما برای طراحی سایت

- بررسی کلمات کلیدی مرتبط با محتوای وب سایت شما

- بهینه سازی متون وب سایت شما

- ایجاد لینکهای مناسب و مرتبط با وب سایت شما برای افزایش PageRank و رتبه در موتورهای جستجو

- تبلیغات هدفمند

انواع طراحی سایت بر اساس رابط کاربری وب – گرافیک

 

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

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

 

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

 

- طراحی سایت سایت های نا منظم که امروزه یکی از پر طرفدارترین طراحی های جدید دنیای گرافیستان هستند، به سایت هایی گفته می شود که از خصوصیات زیر برخوردارند:

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

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

 

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

 

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

 

- طراحی سایت ساده و استاندارد: این طراحی را خوب می شناسید. اغلب سایت هایی که می بینید از این نوع طراحی بهره بردند.

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

طراحی سایت موفق در قالب CSS

 

طراحی سایت با CSS به واقع جداسازی محتوا و سبک است. محتوا باید در نسخهء متنی HTML و CSS باید مراقب باشد که HTML در صفحه چگونه متن را به نمایش می گذارد. با این حال، اکثر طراحان وب سایت به صورت مناسب اقدام به جدا کردن محتوا و سبک نمی کنند. HTML و CSS از یکدیگر جدا هستند. اما اگر شما تغییراتی در نسخهء متنی HTML ایجاد نمایید، یک ظاهر طراحی شدهء از هم جدا ایجاد می شود. زیرا CSS برای انجام کار متکی بر عناصر موجود در متن HTML می باشد.

در حال حاضر این موضوع برای کسی مهم نیست که ترکیب مطالب چند صفحهء ثابت کنار هم قرار نیست خیلی تغییری در طراحی سایت ایجاد کند؛ که با استفاده از CSSدر  طراحی سایت از منافع آن بهره مند شده و از وجود دسترسی های ساده اطمینان حاصل نمایید.

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

برای داشتن طراحی سایت که به طور کامل قابل تغییر با CSS باشد، بسیار ضروری است که بدانیم که در هر نسخه متنی HTML در واقع 2 عنصر جداگانه وجود دارد. یکی محتوا است – که شامل متن و تصاویری است که افراد در وب سایت آنها را دیده و مطالعه می کنند؛ و دیگری ساختار صفحه است – DIVs ویا Table که عناصر و ویژگی های مختلف در صفحه را تعریف می کند.

برای ایجاد موفقیت در طراحی وب سایت با CSS، عناصر ساختاری صفحات HTML نیاز به برنامه ریزی و اجرا و پذیرش CSS برای ایجاد تغییرات در صفحه صرف نظر از محتوای ان دارد. به عنوان مثال اکثر صفحات در طراحی سایت باید دارای Header و یا عنوان، ستون سمت چپ، فضای اصلی و ستون سمت راست و همچنین پاورقی باشد.

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

در این روش با در نظر گرفتن ساختار در هر صفحه، CSS پس از آن می تواند بدون نگرانی در مورد محتوا و مطالب بخشها و محل های هدفمندی برای هر صفحه ایجاد نماید. اگر فضای متن در ستون سمت چپ صفحه 10 پیکسل باشد و فضای اصلی صفحه 12 باشد، در CSS می توانید مطالب و چیزهایی که تمایل به انجام آن دارید را در این فضا قرار دهید. سمت چپ سایز فونت 10 و فضای اصلی سایز فونت می تواند 12 باشد.

این بدان معنی است که تا زمانی که صفحه با همان پایهء عناصر ساختاری باشد می توان کاملاً با CSS تبدیل کرد – برای مثال ستون سمت چپ را ساخته و تصویر پیش زمینه عنوان و یا صفحهء اصلی را اضافه نموده و ادامه دهید. اما شناخت نسخهء متنی HTML که شامل ساختار و محتوا هستند مرحلهء اول طراحی سایت با CSS در این کار می باشد.

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

برای انجام این کار در مرحلهء بعدی ساختار بنیادی باید یک تقسیم بندی دیگر داشته باشید.table عنوان برای مثال باید به سه table داخلی تقسیم شود: table سمت چپ – table سمت راست و table اصلی؛ تقریباً تمام ترکیبات ممکن که شما نیاز دارید تا با CSS هر سبکی که در طراحی سایت می خواهید به نمایش بگذارید. تنها کاری که باید انجام دهید این است که محتوا و مطالب را در منطقهء مربوطه قرار دهید.

بهره گیری از منافع جداسازی این سه بخش که تمامی استاندارد ها مانند تبدیل پس زمینهء محو به رنگهای جامد، تصویر پس زمینه برای اضافه کردن لبه های گرد(rounded corners)، تغییرات در داخل و خارج تصاویر فقط با CSS انجام می شود. Table داخلی می تواند شناور بوده و می تواند یک تصویر را بر روی دیگری قرار دهد.

 

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