– نصيب پانزدهمبا درود سرويس شما ملازمان عزيز كه پيگير يادگرفتن هاي از اساس ” در وب سايت عصر نوشتن ميباشيد . بابت وقفه ي طولاني كه بين نصيب چهاردهم و پانزدهم توليد شد از شما بزرگواران پوزش مي طلبيم و همت ميكنيم تا پس از اين , ادامه فراگيري ها با سرعت بيشتري در وبسايت قرار گيرد . دراين نصيب از يادگرفتن پباده سازي وبسايت از اساس به بررسي پوزيشنها در CSS ميپردازيم . با ما همراه گرديد .
سئو در مشهد
خصوصيت هاي ديگر لايه ها براي ادغام بندي قالب
براي مخلوط بندي , صورت دادن و ساختن يك طرح CSS خط مش هاي اكثري موجود است كه ما همت ميكنيم راحت ترين و معمولي ترين شيوه را تعيين كنيم تا شما سريعتر ايده هاي تان را اجرا نماييد و به سود دلخواه دست يابيد .
براين اساس از اسم بردن و توضيح تك تك خصوصيت هاي ساختاري CSS كه كاربردهاي مشابهي دارا هستند صرف لحاظ كرده و صرفا آنان كه كاربرد بيشتري داراهستند را با ذكر نمونه توضيح ميدهيم .
توضيح اصلي : ازآنجاكه كدهاي HTML و CSS به لهجه پارسي نيستند و در همگي جهان به صورت مشترك به لهجه انگليسي به فعاليت ميروند , ترجمه ي آنان به پارسي در يادگيري مخاطب خلل ساخت كرده و منجر كژ فهمي و نادرست در يادگيري خواهد شد .
بنابر اين درپي اين خصوصي آموزشي سعي در تفهيم كاربرد هر كد داريم و ترجمه واژه و كلمه به واژه و برگردان كلمه هاي هر فرمان از لهجه انگليسي به لهجه پارسي مد نظرمان نخواهد بود .
درخصوص Absolute Position در CSS بيشتر بدانيم
Position ها ( پوزيشن به معناي طرز قرار گيري و حالت ) به هر لايه در CSS امر مي دهند كه براي مثال نسبت به لايه ي بالايي به مقدار 5 پيكسل و نسبت به لايه ي سمت راست 20 پيكسل مسافت بگيرند . براين اساس منزلت شان در ادغام قالب نسبت به لايه هاي ديگر معين ميشود .
بهدنبال به بررسي Absolute Position ميپردازيم . دراين مدل پوزيشن شما ميتوانيد هر لايه را به مناسب در موقعيتي از كاغذ قرار دهيد سواي در لحاظ به دست آوردن منزلت لايه هاي ديگر . با استفاده از اين Position مي توان لايه ها را شناور كرد براي مثال دو يا اين كه يكسري لايه را روي لايه ديگر قرار اعطا كرد .
براي توضيح بيشتر يك جعبه زردرنگ به جعبه قرمز رنگ رنگي كه در نصيب چهاردهم ساخت كرديم بيشتر ميكنيم : ( پوشه متني تصوير زير در پايان مقاله براي دانلود بيان شده شدهاست )
پباده سازي وبسايت نصيب 15
در اينجا ما يك div با id , “ yellowblock ” را باطن div قرمزرنگ با id , “ redblock ” قرار داده ايم . براي شعور خوبتر رده اين دو جعبه در برگه , مرورگرتان را تغييرو تحول سايز دهيد و كوچك و بزرگ نمائيد .
توصيه : شما ميتوانيد دراين نشاني : اينجا با تغيير و تحول مقادير top و left و كليك روي آيتم “ See Result ” پوزيشن absolute را در برگه خوب تر شعور نمائيد .
پس اكنون متوجه شديم كه هر گاه خواستيم لايه اي را به اصطلاح شناور كنيم و در جاي خاصي از كاغذ در اختيار بگذاريم از پوزيشن absolute با مقادير مناسب استفاده ميكنيم .
در شرايطيكه شم ميكنيد اين معنا براي تان قابل لمس نيست نگران نباشيد . قرار نيست دراين پروژه از آن استفاده كنيم . ولي بدون شك روي كه بخواهيد پروژه هاي بزرگتر را اجرا فرمائيد به مفاهيم و امرها بيشتري نياز خواهيد داشت .
پوزيشن Relative
با پوزيشن absolute اجزا نسب به كلي ورقه فضاگير ميشوند براي مثال به يك لايه امر ميدهيم كه از بالاي ورقه 200 پيكسل مسافت بگير .
ولي در پوزيشن relative لايه ها نسبت به لايه قبل مقعيت دهي ميشوند . در اينجا يك نمونه را بررسي ميكنيم .
اين كدها را بين كلاس هاي پروژه تان قرار دهيد . بين تگ ها : ( فولدر متني تصوير زير در پايان مقاله براي دانلود بيان شده شدهاست )
پباده سازي وبسايت نصيب 15
اين كدها را بين تگ body قرار دهيد : ( فولدر متني تصوير زير در پايان مقاله براي دانلود مطرح شده شدهاست )
پباده سازي تارنما نصيب 15
در بين سه پاراگراف ساخت شده , به پاراگراف ميانه با كلاس “ nudged ” پوزيشن relative اختصاص داديم . كه سود را در تصوير سمت راست ذيل مشاهده ميكنيد .
تصوير سمت چپ مرتبط با همين سه پارا گراف است با اين تفاوت كه پوزيشن relative آن را حذف كرده ايم .
پباده سازي سايت نصيب 15
در سود به خير مشاهده ميكنيد كه پوزيشن relative به لايه فرمان ميدهد تا موقعيتش را نسبت به لايه ي پيشين از خودش گزينش نمايد .
– نصيب پانزدهمبا درود سرويس شما ملازمان عزيز كه پيگير يادگرفتن هاي از اساس ” در وب سايت عصر نوشتن ميباشيد . بابت وقفه ي طولاني كه بين نصيب چهاردهم و پانزدهم توليد شد از شما بزرگواران پوزش مي طلبيم و همت ميكنيم تا پس از اين , ادامه فراگيري ها با سرعت بيشتري در وبسايت قرار گيرد . دراين نصيب از يادگرفتن پباده سازي وبسايت از اساس به بررسي پوزيشنها در CSS ميپردازيم . با ما همراه گرديد .
سئو در مشهد
خصوصيت هاي ديگر لايه ها براي ادغام بندي قالب
براي مخلوط بندي , صورت دادن و ساختن يك طرح CSS خط مش هاي اكثري موجود است كه ما همت ميكنيم راحت ترين و معمولي ترين شيوه را تعيين كنيم تا شما سريعتر ايده هاي تان را اجرا نماييد و به سود دلخواه دست يابيد .
براين اساس از اسم بردن و توضيح تك تك خصوصيت هاي ساختاري CSS كه كاربردهاي مشابهي دارا هستند صرف لحاظ كرده و صرفا آنان كه كاربرد بيشتري داراهستند را با ذكر نمونه توضيح ميدهيم .
توضيح اصلي : ازآنجاكه كدهاي HTML و CSS به لهجه پارسي نيستند و در همگي جهان به صورت مشترك به لهجه انگليسي به فعاليت ميروند , ترجمه ي آنان به پارسي در يادگيري مخاطب خلل ساخت كرده و منجر كژ فهمي و نادرست در يادگيري خواهد شد .
بنابر اين درپي اين خصوصي آموزشي سعي در تفهيم كاربرد هر كد داريم و ترجمه واژه و كلمه به واژه و برگردان كلمه هاي هر فرمان از لهجه انگليسي به لهجه پارسي مد نظرمان نخواهد بود .
درخصوص Absolute Position در CSS بيشتر بدانيم
Position ها ( پوزيشن به معناي طرز قرار گيري و حالت ) به هر لايه در CSS امر مي دهند كه براي مثال نسبت به لايه ي بالايي به مقدار 5 پيكسل و نسبت به لايه ي سمت راست 20 پيكسل مسافت بگيرند . براين اساس منزلت شان در ادغام قالب نسبت به لايه هاي ديگر معين ميشود .
بهدنبال به بررسي Absolute Position ميپردازيم . دراين مدل پوزيشن شما ميتوانيد هر لايه را به مناسب در موقعيتي از كاغذ قرار دهيد سواي در لحاظ به دست آوردن منزلت لايه هاي ديگر . با استفاده از اين Position مي توان لايه ها را شناور كرد براي مثال دو يا اين كه يكسري لايه را روي لايه ديگر قرار اعطا كرد .
براي توضيح بيشتر يك جعبه زردرنگ به جعبه قرمز رنگ رنگي كه در نصيب چهاردهم ساخت كرديم بيشتر ميكنيم : ( پوشه متني تصوير زير در پايان مقاله براي دانلود بيان شده شدهاست )
پباده سازي وبسايت نصيب 15
در اينجا ما يك div با id , “ yellowblock ” را باطن div قرمزرنگ با id , “ redblock ” قرار داده ايم . براي شعور خوبتر رده اين دو جعبه در برگه , مرورگرتان را تغييرو تحول سايز دهيد و كوچك و بزرگ نمائيد .
توصيه : شما ميتوانيد دراين نشاني : اينجا با تغيير و تحول مقادير top و left و كليك روي آيتم “ See Result ” پوزيشن absolute را در برگه خوب تر شعور نمائيد .
پس اكنون متوجه شديم كه هر گاه خواستيم لايه اي را به اصطلاح شناور كنيم و در جاي خاصي از كاغذ در اختيار بگذاريم از پوزيشن absolute با مقادير مناسب استفاده ميكنيم .
در شرايطيكه شم ميكنيد اين معنا براي تان قابل لمس نيست نگران نباشيد . قرار نيست دراين پروژه از آن استفاده كنيم . ولي بدون شك روي كه بخواهيد پروژه هاي بزرگتر را اجرا فرمائيد به مفاهيم و امرها بيشتري نياز خواهيد داشت .
پوزيشن Relative
با پوزيشن absolute اجزا نسب به كلي ورقه فضاگير ميشوند براي مثال به يك لايه امر ميدهيم كه از بالاي ورقه 200 پيكسل مسافت بگير .
ولي در پوزيشن relative لايه ها نسبت به لايه قبل مقعيت دهي ميشوند . در اينجا يك نمونه را بررسي ميكنيم .
اين كدها را بين كلاس هاي پروژه تان قرار دهيد . بين تگ ها : ( فولدر متني تصوير زير در پايان مقاله براي دانلود بيان شده شدهاست )
پباده سازي وبسايت نصيب 15
اين كدها را بين تگ body قرار دهيد : ( فولدر متني تصوير زير در پايان مقاله براي دانلود مطرح شده شدهاست )
پباده سازي تارنما نصيب 15
در بين سه پاراگراف ساخت شده , به پاراگراف ميانه با كلاس “ nudged ” پوزيشن relative اختصاص داديم . كه سود را در تصوير سمت راست ذيل مشاهده ميكنيد .
تصوير سمت چپ مرتبط با همين سه پارا گراف است با اين تفاوت كه پوزيشن relative آن را حذف كرده ايم .
پباده سازي سايت نصيب 15
در سود به خير مشاهده ميكنيد كه پوزيشن relative به لايه فرمان ميدهد تا موقعيتش را نسبت به لايه ي پيشين از خودش گزينش نمايد .