آشنایی با گزینشگرها – selector – در CSS

گزینشگر ها یکی از مهمترین اجزاء یک دستور CSS هستند که تسلط و آشنایی با آنها می تواند در بهینه تر نمودن کدهای CSS و همچنین افزایش کنترل بر اجزاء وب سایت توسط CSS کمک کند . در این آموزش با گزینشگرها در CSS آشنا خواهیم شد . استفاده ترکیبی از این گزینشگرها رابطه مستقیمی با خلاقیت یک طراح وب سایت دارد . گزینشگرها مانند ابزاری هستند که استفاده مفید و مناسب از آنها بستگی به تسلط و خلاقیت استفاده... آشنایی با گزینشگرها – selector – در CSS

بررسی موقعیت عناصر در یک سند HTML

نحوه چینش عناصر تمامی سندهای HTML به صورت درختی قابل تحلیل است . هر درجه و رتبه از این درخت معنایی مشابه با روابط انسانی دارد و می توان روابط بین این عناصر را با روابط انسانی مقایسه نمود . معانی مانند جد ، نسل ، والدین ، فرزند و خواهر و برادر - ancestors, descendants, parents, children and siblings - درک مفهوم موقعیت عناصر نسبت به یکدیگر در یک سند HTML می تواند کمک بزرگی برای درک بهتر مفاهیمی مانند گزینشگرها در CSS... بررسی موقعیت عناصر در یک سند HTML

چینش صفحه – دو ستون – عرض ثابت + لایه های گسترده

چینش صفحه با ساختار دو ستون با عرض ثابت به همراه لایه های گسترده به وسیله CSS این نوع از چینش در بسیاری از وب سایت ها مورد استفاده قرار میگیرد . با توجه روزلوشن های متغیر و صفحات نمایش گوناگون ، این نوع از چینش می تواند یک ساختار مدرن را برای وب سایت شما ایجاد نماید . با توجه نوع و تکنیک مورد استفاده در این نوع از چینش توضیحات بیشتری ارائه خواهد شد . در این نوع از چینش یک بخش با نام wrapper... چینش صفحه – دو ستون – عرض ثابت + لایه های گسترده

چینش صفحه – دو ستون – عرض ثابت

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

چینش صفحه – یک ستون – عرض متغیر

چینش صفحه با ساختار یک ستون با عرض متغیر به وسیله CSS در ابتدا می توانید نمونه ای از این ساختار را ملاحظه نمائید . استفاده از این ساختار که در اصطلاح به عنوان ساختار Liquid شناخته می شود با توجه به متغیر بودن عرض صفحات نمایش و رزولوشن های متفاوت تصویر در کامپیوتر های متفاوت بسیار متداول است و می توان گفت پایه تمام ساختارهای متغیر از این چینش به وجود خواهند آمد. ... چینش صفحه – یک ستون – عرض متغیر

چینش صفحه – یک ستون – عرض ثابت

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

Outline , list-style – خلاصه نویسی دستورات 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

کتاب آموزش بهینه سازی وب سایت – راهنمای گوگل

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

Border – خلاصه نویسی دستورات CSS

خلاصه نویسی دستورات CSS - Border Border properties - خواص و توانایی های Border element { border-width: number+unit; border-style: (numerous); border-color: color || #hex || (rgb / % || 0-255); } ... Border – خلاصه نویسی دستورات CSS

Margin , Padding – خلاصه نویسی دستورات 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

Background – خلاصه نویسی دستورات 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

Font – خلاصه نویسی دستورات CSS

CSS Shorthand چیست ؟ CSS Shorthand یک مجموعه از تکنیک و دستورات است که به منظور خلاصه نویسی دستورات CSS مورد استفاده قرا میگیرد . خلاصه نویسی دستورات CSS میتواند به ما کمک کند تا : کنترل بیشتری بر روی اجزاء یک صفحه وب سایت داشته باشیم یک فایل CSS تمیز و قابل خواندن داشته باشیم حجم فایل CSS وب سایت کاهش یابد این مطالب به صورت یک مجموعه ارائه خواهد شد و در مطالب بعدی با خلاصه نویسی دستورات... Font – خلاصه نویسی دستورات CSS

تبلیغات موثر و استاندارد – آموزش بهینه سازی سایت – #۱۱

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

استفاده از لینک nofollow – آموزش بهینه سازی سایت – #۱۰

استفاده مناسب از nofollow مبارزه با اسپم ها به وسیله nofollow قرار دادن خصوصیت rel="nofollow" در یک لینک به گوگل می گوید که این لینک مشخص در سایت شما نباید دنبال شود و و یا اینکه وب سایت شما اعتبار وب سایت لینک شده را تائید نمی کند . استفاده از خصوصیت rel="nofollow" در چه زمانی مفید است ؟ اگر وب سایت شما دارای وبلاگ و با امکان کامنت گذاری عمومی است لبنک هایی که در داخل کامنت ها وجود دارد ممکن است... استفاده از لینک nofollow – آموزش بهینه سازی سایت – #۱۰

آشنایی با CSS Positioning

CSS position چیست؟ Positioning این امکان را به شما خواهد داد تا موقعیت یک عنصر را در چینش صفحه وب سایت انتخاب کنید . این خصوصیت به شما امکان خواهد داد یک عنصر را بر روی عناصر دیگر قرار دهید و یا تعیین کنید چه اتفاقی رخ دهد وقتی محتوای یک عنصر بسیار بزرگ باشد . با تعیین عناصر top , right , bottom , left میتوانید موقعیت یک عنصر در صفحه را تعیین کنید . تعیین این مقادیر به تنهایی کار ساز نخواهند بود و باید نوع این... آشنایی با CSS Positioning

robots.txt محدود کردن موتورهای جستجو – آموزش بهینه سازی سایت – #۹

استفاده مناسب از robots.txt محدود کردن موتورهای جستجو بوسیله robots.txt فایل robots.txt یک فایل متنی است و به موتورهای جستجو این پیام را می دهد که اجازه دسترسی به کدام قسمت وب سایت شما برای جستجو شدن را دارند . این فایل که robots.txt نام دارد در ریشه یا root سایت شما قرار داده می شود . شاید شما به هر دلیل نخواهید صفحه ای از سایت شما جستجو شود ( شاید آن صفحه در صورت جستجو شدن توسط موتورهای جستجو برای... robots.txt محدود کردن موتورهای جستجو – آموزش بهینه سازی سایت – #۹


کلیه حقوق مادی و معنوی برای وب سایت وب تارگت محفوظ است ©2017 وب‌تارگت

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