loading...

طراحی سایت اختصاصی

بازدید : 13
دوشنبه 3 ارديبهشت 1403 زمان : 12:58

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

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

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

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

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

· دانلود پوشه بوت استرپ

· دانلود سورس کد

· دانلود ورژن Sass


در صورتی مبتدی و تازه کار می‌باشید توصیه می‌کنیم که فولدر مهم بوت استرپ را دانلود و به کار گیری فرمایید. بعد پوشه های بوت استرپ را می بایست از موقعیت فشرده درآورده و در فولدرهای متعدد سورس وبسایت خویش نسخه برداری نمایید. مثلا پوشه هایی مانند bootstrap.css و bootstrap.min.css در فایل CSS و فولدر های bootstrap.js و bootstrap.min.js نیز در پوشه مرتبط با scripts یا این که جاوااسکریپت اسکن شوند. همینطور فونت های بوت استرپ نیز بایستی در پوشه fonts نسخه برداری شوند. به خاطر داشته باشید که بوت استرپ رابطه تنگاتنگی با جاوااسکریپت داراست و به کارگیری از کتابخانه های جاوا اسکریپت (برای مثال JQUERY) خیر فقط مشکلی جهت نصب و به کارگیری از بوت استرپ ساخت و ساز نمی نماید بلکه حتی با به کارگیری از تمامی آنان می قدرت شایسته ترین و زیباترین سایت های ریسپانسیو را پیاده سازی کرد.

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

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

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

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

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

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

· دانلود پوشه بوت استرپ

· دانلود سورس کد

· دانلود ورژن Sass


در صورتی مبتدی و تازه کار می‌باشید توصیه می‌کنیم که فولدر مهم بوت استرپ را دانلود و به کار گیری فرمایید. بعد پوشه های بوت استرپ را می بایست از موقعیت فشرده درآورده و در فولدرهای متعدد سورس وبسایت خویش نسخه برداری نمایید. مثلا پوشه هایی مانند bootstrap.css و bootstrap.min.css در فایل CSS و فولدر های bootstrap.js و bootstrap.min.js نیز در پوشه مرتبط با scripts یا این که جاوااسکریپت اسکن شوند. همینطور فونت های بوت استرپ نیز بایستی در پوشه fonts نسخه برداری شوند. به خاطر داشته باشید که بوت استرپ رابطه تنگاتنگی با جاوااسکریپت داراست و به کارگیری از کتابخانه های جاوا اسکریپت (برای مثال JQUERY) خیر فقط مشکلی جهت نصب و به کارگیری از بوت استرپ ساخت و ساز نمی نماید بلکه حتی با به کارگیری از تمامی آنان می قدرت شایسته ترین و زیباترین سایت های ریسپانسیو را پیاده سازی کرد.

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

نظرات این مطلب

تعداد صفحات : 0

درباره ما
موضوعات
آمار سایت
  • کل مطالب : 153
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 5
  • بازدید کننده امروز : 1
  • باردید دیروز : 2
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 24
  • بازدید ماه : 17
  • بازدید سال : 9329
  • بازدید کلی : 10095
  • <
    آرشیو
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    کدهای اختصاصی