چرتک بلاگ

سلام دوستان! بالاخره بعد مدت‌ها باز آموزش‌های وب رو از سر گرفتیم :) توی این پست قراره در مورد یکی از امکانات قدرتمند بلاگ بیان حرف بزنیم: نشانه‌ها. نشانه‌ها توی بلاگ بیان واقعا ارزششون گم شده و حتی توی راهنمای بیان نمیتونین اطلاعات زیادی در موردش به دست بیارین. بخاطر همین توی این پست یاد میگیریم که اصلا نشانه‌ها (flag) چی هستن، به چه دردی میخورن و برای چه کارهایی میشه ازشون استفاده کرد. همینطور قالب‌هایی که از نشانه‌ها استفاده میکنن رو به همراه نمونه قالب خودم (قالب فروتن) رو معرفی میکنیم.

+ واقعا نمیدونم چرا دارم این پست رو مینویسم در حالیکه هم کامیونیتی و هم خود شرکت بیان از حال و حوصله افتادن ولی خوب هر چه بادا باد :) بیش از یک سال میشه میخوام این پست رو بنویسم و هنوز ننوشتم! 

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

خیلی از دوستان کلمه "برنامه نویس" رو شنیدن و خیلیا خودشون برنامه نویس هستن و خیلی ها هم دوست دارن برنامه نویس بشن! در پست امروز قراره من برای شما یک تعریف جامع و کلی از برنامه نویسی بگم و راهش رو بهتون نشون بدم و امیدوارم که حتی برخی از ایهامات مربوط رو درباره برنامه نویسی برطرف کنم. البته این رو در نظر داشته باشین اینا صرفا تجربه خودمه و من خودم برنامه نویس بزرگی نیستم. پس با من همراه باشین! (وی این پست را در حین بمباران امتحانات میانترم دانشگاه مینویسد...)

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

جاوا اسکریپت چیست و چه کاربردی دارد؟

خوب بعد از مدت زمان نبستا طولانی دور موندن از کیبرد و وبلاگ تصمیم گرفتم برگردم و این پست رو بنویسم! امروز قراره بفهمیم جاوا اسکریپت دقیقا چیه و اصلا ارزشش رو داره وقتمون رو براش بزاریم تا یاد بگیریم یا نه! همچنین چند تا از کاربرد ها و امکانات جاوا اسکریپت رو مثال میزنیم و وب سایت هایی که بدون جاوا اسکریپت معنایی ندارن رو هم معرفی میکنیم... و در نهایت چند تا منبع و پی دی اف توپ میزاریم تا اگر خواستین جاوا اسکریپت رو یاد بگیرین مشکلی نداشته باشین. امیدوارم لذت ببرین و براتون مفید باشه!

خوب این همه مقدمه چینی کردیم و از CSS حرف زدیم تا برسیم به این قسمت :) توی این قسمت هر چی که قبلا از وبلاگ زدایان خوندین به کمکتون میاد! امروز ما قراره قالب شماره 52 عرفان رو با کمک ابزار Inspector مرورگر کروم ویرایش کنیم (خودم بیشتر از فایرفاکس استفاده میکنم ولی گویی آمار استفاده از کروم بالا هستش. بخاطر همین از کروم استفاده میکنیم. دلیل انتخاب قالب عرفان هم استفاده زیاد و ساده بودنش هست). ما قراره متن هدر قالب رو کمی درشت تر کنیم، منو ها رو وسط چین کنیم، متن نوشته ها رو کمی بزرگتر کنیم و بک گراند قسمت های مختلف رو تغییر بدیم. خب بدون مقدمه بریم سر اصل مطلب!

سلام دوستان امیدوارم حالتون خوب باشه :) تو این قسمت در ابتدا قراره سلکتور های تو در تو رو بررسی کنیم و ببینیم که مثلا چطور میشه تمام لینک های موجود در یک div با کلاس خاص رو به شکل دکمه در آورد. بعدش وراثت رو توضیح میدیم و دقیق میدونیم چرا لینک ها به صورت پیش فرض به رنگ آبی هستن. پس با ما همراه باشین!

میدونم میدونم... تو قسمت قبلی گفتم قراره در مورد css های تو در تو صحبت کنیم ولی خب، گفتم یکمی جو رو عوض کنیم و بیشتر مرد عمل باشیم. مستقیم میریم به ویرایش قالب! و چی بهتر از بک گراند وبلاگتون؟ تو این قسمت یاد می گیریم چطور بک گراند وبلاگ رو سفارشی کنیم و اصلا از کجا بک گراند پیدا کنیم و مشکل تکرار شدن عکس تو برخی وبلاگ ها رو حل کنیم. پس با ما همراه باشین...

خب تو قسمت های قبلی آیدی ها رو بررسی کردیم و دیدیم چطوری میشه با استفاده از یک فایل CSS جدا، دستورات مربوط به طراحی رو روی HTML اعمال کنیم. در این قسمت با مفهوم کلاس در CSS آشنا میشیم و میبینیم که چطور یک دستور CSS خاص رو چندین و چند بار اجرا کنیم. و همچنین با چند تا از امکاناتی که باعث شده من طرفدار ویرایشگر Ck Editor بشم آشنا میشیم. سعی میکنم قسمت های بعدی رو منسجم تر و کوتاه تر بنویسم تا بابت طولانی بودن پست ها اذیت نشین :)

خوب در قسمت مقدمات HTML یک مرور کلی داشتیم به HTML اگر ندیدینش توصیه میکنم حتما ببینید :) امروز قراره با زبان css آشنا بشیم و با برخی از دستورات بسیار پر کاربرد اون آشنا بشیم و یاد بگیریم اصلا چطور باید css رو تو html استفاده کنیم! پس با ما همراه باشین.

سی اس اس چی هست؟

سی اس اس مخفف cascading style sheet به معنای شیوه نامه آبشاری هست (اسما رو ول کنین اح!) . هر وقت کلمات زیبایی و طراحی رو شنیدین بدونین پای سی اس اس تو میدونه! چیز هایی مثل موقعیت ، رنگ ، رنگ یا عکس پس زمینه ، فونت و اندازه و حتی انیمیشن قسمت های مختلف همگی توسط سی اس اس انجام میشه. برای دیدن تاریخچه و مخترعان و بانیان و خیرین، گوگل با آغوش گرمش پذیرای شما دوستان هست!