مقالات طراحي سايت

قطعا تاحالا كلمه و واژه ي پباده سازي ريسپانسيو يا اين كه برخورد گرا رو شنيديد. خواسته از ساخت سايت به طور ريسپانسيو اينه كه اون تارنما با دقت به سايز ورقه اكران استفاده كننده  طراحي سايت در مشهد برخورد نشون بده و روي دستگاه هايي مثل گوشي، تبلت، دسكتاپ و لپتاپ ظواهر صدق داشته باشه. يكي‌از مثال‌هاي پباده سازي ريسپانسيو همين وب سايت سون لرن مي‌باشد. شما ميتونيد با تلفن همراه يا اين كه تبلتتون وب سايت رو گشوده نماييد و وبسايت رو خيلي شيك و قشنگ ملاحظه كنيد. اگر كه درصورتي كه تارنما هايي كه ريسپانسيو نيستند رو با همين موبايلتون گشوده نمائيد مي بينيد كه همگي چيز بهم ريخته و انگار خير انگار كه css اي هم براي وبسايت مندرج! يك كدام از شيوه‌هاي ساخت وب سايت به طور برخورد گرا، به كار گيري از كادر ورك هاست. كادر ورك هايي به عنوان مثال Foundation و Bootstrap و Skeleton و YAML و ... كه ميتونيد يه رمز به مستنداتشون بزنيد و مشاهده كنيد كدوم يك كدام از بيشتر به درد فعاليت شما ميخوره. براي اين يادگرفتن قصد داريم با به كار گيري از قاب ورك بوت استرپ 3 (ورژن 3.1.1)، پباده سازي قالب ريسپانسيو رو به شما يادگرفتن بديم. ميتونيد دموي قالبي كه قراره بسازيم رو ملاحظه كنيد. دموي كاغذ ي نخستين وب سايت ::: دموي برگه ي هر مقاله خب، براي آغاز از اينجا روي Download Sass كليك فرمائيد. پيش از اين در سون لرن فراگيري Sass رو داشتيم. توصيه مي كنم در حالتي كه با Sass شناخت نداريد مسلما پيش از اينكه گردهمايي‌هاي بعدي اين يادگرفتن رو دنبال نماييد يه نگاه كوتاهي روي فراگيري‌هاي Sass داشته باشيد كه بعدا در گير اختلال نشيد. يادآوري : براي اين فراگيري از ورژن 3.1.1 بوت استرپ استعمال كرديم كه ميتونيد اين ورژن رو از اينجا دانلود نمائيد. اكنون فولدر دانلود گرديده رو از شرايط فشرده بيرون نماييد.فولدر اي كه از شرايط فشرده بيرون گرديده يك فولدر به نام vendor وجود داره. اين فولدر رو گشوده فرماييد و بعدش هم فايل assets رو گشوده نماييد. همينجا يك فولدر به نام mytheme صحيح مي كنيم. قراره مجموع پوشه‌هاي پروژه ي ما درين فولدر قرار بگيره. اكنون فولدر‌هاي img و css و js و font رو در همين فولدر mytheme توليد مي‌كنيم. باطن فولدر assets سه عدد فايل ديگه ميباشد. stylesheets كه پوشه‌هاي sass بوت استرپ داخلش است. javascripts كه افزونه‌هاي جي كوئري بوت استرپ اينجاست. fonts هم مرتبط با آيكون هايي ميباشد كه بوت استرپ اونهارو به طور فونت فراهم كرده.