گزینشگر ها یکی از مهمترین اجزاء یک دستور CSS هستند که تسلط و آشنایی با آنها می تواند در بهینه تر نمودن کدهای CSS و همچنین افزایش کنترل بر اجزاء وب سایت توسط CSS کمک کند .
در این آموزش با گزینشگرها در CSS آشنا خواهیم شد . استفاده ترکیبی از این گزینشگرها رابطه مستقیمی با خلاقیت یک طراح وب سایت دارد . گزینشگرها مانند ابزاری هستند که استفاده مفید و مناسب از آنها بستگی به تسلط و خلاقیت استفاده...
آشنایی با گزینشگرها – selector – در CSS
نحوه چینش عناصر تمامی سندهای HTML به صورت درختی قابل تحلیل است . هر درجه و رتبه از این درخت معنایی مشابه با روابط انسانی دارد و می توان روابط بین این عناصر را با روابط انسانی مقایسه نمود . معانی مانند جد ، نسل ، والدین ، فرزند و خواهر و برادر - ancestors, descendants, parents, children and siblings - درک مفهوم موقعیت عناصر نسبت به یکدیگر در یک سند HTML می تواند کمک بزرگی برای درک بهتر مفاهیمی مانند گزینشگرها در CSS...
بررسی موقعیت عناصر در یک سند HTML
چینش صفحه با ساختار دو ستون با عرض ثابت به همراه لایه های گسترده به وسیله CSS
این نوع از چینش در بسیاری از وب سایت ها مورد استفاده قرار میگیرد . با توجه روزلوشن های متغیر و صفحات نمایش گوناگون ، این نوع از چینش می تواند یک ساختار مدرن را برای وب سایت شما ایجاد نماید . با توجه نوع و تکنیک مورد استفاده در این نوع از چینش توضیحات بیشتری ارائه خواهد شد .
در این نوع از چینش یک بخش با نام wrapper...
چینش صفحه – دو ستون – عرض ثابت + لایه های گسترده
چینش صفحه با ساختار دو ستون با عرض ثابت به وسیله CSS
این نوع از چینش در بسیاری از وب سایت ها مورد استفاده قرار میگیرد و شما می توانید نمونه ای از این نوع ساختار را در همین وبلاگ ملاحظه نمائید. با توجه به نوع و تکنیک مورد استفاده در این نوع از چینش توضیحات بیشتری در مورد آن ارائه خواهد شد .
...
چینش صفحه – دو ستون – عرض ثابت
چینش صفحه با ساختار یک ستون با عرض متغیر به وسیله CSS
در ابتدا می توانید نمونه ای از این ساختار را ملاحظه نمائید . استفاده از این ساختار که در اصطلاح به عنوان ساختار Liquid شناخته می شود با توجه به متغیر بودن عرض صفحات نمایش و رزولوشن های متفاوت تصویر در کامپیوتر های متفاوت بسیار متداول است و می توان گفت پایه تمام ساختارهای متغیر از این چینش به وجود خواهند آمد.
...
چینش صفحه – یک ستون – عرض متغیر
در این مجموعه آموزشی تلاش خواهد شد تا با ساختار و چینش های استاندارد و مختلف از صفحات وب سایت با استفاده از لایه ها آشنا شوید . مطالب به صورت کاملا کاربردی ، ساده و کوتاه ارائه خواهند شد و آشنایی اولیه با HTML و CSS مورد نیاز است. در این وبلاگ سعی شده است مطالب مورد نیاز برای یادگیری و درک این آموزشها نیز به صورت موازی ارائه شود. امیدوارم که این مجموعه آموزشی مورد توجه و استفاده شما دوستان...
چینش صفحه – یک ستون – عرض ثابت
خلاصه نویسی دستورات CSS - Outline , list-style
Outline properties - خواص و توانایی های Outline
element {
outline-width: number+unit;
outline-style: (numerous);
outline-color: color || #hex || (rgb / % || 0-255);
}
...
Outline , list-style – خلاصه نویسی دستورات CSS
راهنمای مقدماتی بهینه سازی وب سایت برای طراحان وب
با توجه به نیاز طراحان و مدیران وب سایت و اهمیت بهینه سازی وب سایت برای موتورهای جستجو ، این کتاب همراه با مثال ها و تمرین برای درک هر چه بهتر موضوعات با استفاده از کتاب راهنمای گوگل نوشته شده است .
در ابتدا این راهنما برای متخصصان داخلی گوگل در نظر گرفته شده بود ولی تصمیم گرفته شد که یک نسخه از آن هم برای مدیران وب سایت ها جهت بهینه...
کتاب آموزش بهینه سازی وب سایت – راهنمای گوگل
خلاصه نویسی دستورات CSS - Border
Border properties - خواص و توانایی های Border
element {
border-width: number+unit;
border-style: (numerous);
border-color: color || #hex || (rgb / % || 0-255);
}
...
Border – خلاصه نویسی دستورات CSS
خلاصه نویسی دستورات CSS - Margin / Padding
برای آشنایی بیشتر با خصوصیت Margin , Padding میتوانید مطلب مفهوم Box Model و آشنایی با مفاهیم Padding , Margin , Border را مطالعه نمائید
Margin , Padding properties - خواص و توانایی های پیش فرض برای Margin , Padding
element {
margin-top: number+unit;
margin-right: number+unit;
margin-bottom: number+unit;
margin-left: number+unit;
}
...
Margin , Padding – خلاصه نویسی دستورات CSS
خلاصه نویسی دستورات CSS - Background
background properties - خصوصیات پس زمینه
element {
background-color: color || #hex || (rgb / % || 0-255);
background-image:url(URI);
background-repeat: repeat || repeat-x || repeat-y || no-repeat;
background-position: X Y || (top||bottom||center) (left||right||center);
background-attachment: scroll || fixed;
}
...
Background – خلاصه نویسی دستورات CSS
CSS Shorthand چیست ؟
CSS Shorthand یک مجموعه از تکنیک و دستورات است که به منظور خلاصه نویسی دستورات CSS مورد استفاده قرا میگیرد .
خلاصه نویسی دستورات CSS میتواند به ما کمک کند تا :
کنترل بیشتری بر روی اجزاء یک صفحه وب سایت داشته باشیم
یک فایل CSS تمیز و قابل خواندن داشته باشیم
حجم فایل CSS وب سایت کاهش یابد
این مطالب به صورت یک مجموعه ارائه خواهد شد و در مطالب بعدی با خلاصه نویسی دستورات...
Font – خلاصه نویسی دستورات CSS
از روشهای صحیح و استاندارد برای تبلیغ وب سایت خود استفاده کنید
لینکهای ورودی به وب سایت , backlinks
گوگل متوجه این موضوع است که شما می خواهید دیگران را از زحمت های زیادی که برای آماده سازی سایت و محتوای آن کشیده اید، مطلع کنید. لینک های سایت به تدریج و از طریق جستجو ی محتوا پیدا و کشف خواهند شد. تبلیغ موثر مطالب وب سایت با سرعت بیشتری به کشف وب سایتتان توسط علاقه مندان کمک می کند . با توجه...
تبلیغات موثر و استاندارد – آموزش بهینه سازی سایت – #11
استفاده مناسب از nofollow
مبارزه با اسپم ها به وسیله nofollow
قرار دادن خصوصیت rel="nofollow" در یک لینک به گوگل می گوید که این لینک مشخص در سایت شما نباید دنبال شود و و یا اینکه وب سایت شما اعتبار وب سایت لینک شده را تائید نمی کند .
استفاده از خصوصیت rel="nofollow" در چه زمانی مفید است ؟ اگر وب سایت شما دارای وبلاگ و با امکان کامنت گذاری عمومی است لبنک هایی که در داخل کامنت ها وجود دارد ممکن است...
استفاده از لینک nofollow – آموزش بهینه سازی سایت – #10
CSS position چیست؟
Positioning این امکان را به شما خواهد داد تا موقعیت یک عنصر را در چینش صفحه وب سایت انتخاب کنید . این خصوصیت به شما امکان خواهد داد یک عنصر را بر روی عناصر دیگر قرار دهید و یا تعیین کنید چه اتفاقی رخ دهد وقتی محتوای یک عنصر بسیار بزرگ باشد .
با تعیین عناصر top , right , bottom , left میتوانید موقعیت یک عنصر در صفحه را تعیین کنید . تعیین این مقادیر به تنهایی کار ساز نخواهند بود و باید نوع این...
آشنایی با CSS Positioning
استفاده مناسب از robots.txt
محدود کردن موتورهای جستجو بوسیله robots.txt
فایل robots.txt یک فایل متنی است و به موتورهای جستجو این پیام را می دهد که اجازه دسترسی به کدام قسمت وب سایت شما برای جستجو شدن را دارند . این فایل که robots.txt نام دارد در ریشه یا root سایت شما قرار داده می شود .
شاید شما به هر دلیل نخواهید صفحه ای از سایت شما جستجو شود ( شاید آن صفحه در صورت جستجو شدن توسط موتورهای جستجو برای...
robots.txt محدود کردن موتورهای جستجو – آموزش بهینه سازی سایت – #9