در این قسمت من به شما نحوه اینکه چطور جدول را زیباتر کنیم را آموزش می دهم و به عنوان مثال به شما یاد خواهم داد که چطور ردیف های جدول را بصورت یکی در میان تغییر رنگ دهید تا زیبایی خاصی به جدول شما بدهد و خوانایی آن افزایش یابد.
در قسمت قبل آموزش طراحی جدول در ایندیزاین، من راه های ساخت جدول در ایندیزاین رو به شما آموزش و نشان دادم که چطور میتونید یک سری تنظیمات اولیه جدول ها رو انجام بدید.
اگر این فیلم رو ندیدید می توانید در لیست پخش اندیزاین کانال آن را مشاهده کنید. در این قسمت من میرم سراغ تنظیمات بیشتر جدول و در واقع به شما نشان می دهم که چطور بصورت تکی و یا گروهی سطرها و یا ستون های یک جدول را جا به جا و یا تنظیم کنید. در ابتدای این فیلم هم به این می پردازم که چطور بتوانید سطر و یا ستون جدیدی را به هر قسمت از جدول اضافه و یا حذف کنید.
در یک سری 4 قسمتی من به نحوه ایجاد و تنظیم جدول ها در ایندیزاین می پردازم. در اولین قسمت این سری من به شما نشان می دهم که چطور یک جدول را ایجاد کنید و یا چطور آن را از فایل های دیگر مثل ورد و یا اکسل به داخل ایندیزاین بیاورید و آن را بدرستی به نمایش بگذارید.
در مراحل و قسمت های بعد به تنظیم و استایل دادن سطر و ستون های جدول می پردازم تا در نهایت شما یک جدول اطلاعات با خوانایی بالا را در صفحه آرایی با ایندیزاین بوجود آورید.
توسط ویژگی border می توان عرض، نوع و رنگ حاشیه هر چهار سمت یک عنصر را تعریف کرد.
ویژگی border سه مقدار می پذیرد و اگر هر کدام از مقادیر را تعیین نکنیم به مقدار اولیه اش ریست می شود که همه ی این موارد در فیلم بررسی می شود.
همینطور که در مثال های بالا دیده می شود با استفاده از این ویژگی نمی توان فقط حاشیه یک سمت خاص عنصر را تعریف کرد.
در این قسمت اول سری ویدیو های معرفی پلاگین های ادوبی ایکس دی قصد دارم پلاگین خیلی کاربردی این برنامه را که به ما در طراحی رابط کاربری سرعت میدهند و در واقع کار ما را آسان می کند را به شما معرفی و سپس نحوه ی کارکرد آنها را به شما آموزش دهم. در اولین قسمت از این آموزش و در معرفی اولین پلاگین سراغ پلاگینی میروم که بوسیله آن شما می توانید مشکل فارسی نویسی و بصورت دقیق تر مشکل راست چین نویسی در ادوبی ایکس را رفع کنید.
پلاگین خیلی کاربردی دیگه ای که به معرفی اون می پردازم برای خروجی گرفتن از آرتبورد های شما با کیفیت بالاست.
ویژگی text-indent تعیین می کند که خط اول محتوای یک عنصر بلاک چقدر فاصله افقی با لبه عنصر داشته باشد.
به بیان دیگر این ویژگی مقدار تورفتگی خط اول محتوا را مشخص می کند.
اگر جهت عنصر از راست به چپ باشد (direction: rtl;) فضای خالی بین محتوا و لبه سمت راست بوجود می آید و اگر جهت از چپ به راست باشد محتوا از لبه سمت چپ فاصله می گیرد.
با استفاده از ویژگی text-align می توان تصمیم گرفت که چیدمان محتوای خطی (مثل متن یا تصویر) داخل یک عنصر بلاک به چه صورت باشد.
همانطور که در نرم افزارهای ویرایش متن مثل ورد می توان بر روی چیدمان نوشته کنترل داشت در سی اس اس نیز این امکان وجود دارد که با مقادیری مثل left، right، center و یا justify عناصر خطی را تراز کنیم.
از ویژگی font برای خلاصه نویسی چندین ویژگی مربوط به فونت و متن در سی اس اس استفاده می شود. سیستم عامل ها برای قسمت های مختلف سیستم از فونت و استایل های مختلفی استفاده می کنند.
مثلا برای منوها از فونت مخصوص برای منوها و برای نوارهای حالت از استایل دیگر و غیره… نکته مهم اینکه این کلمات کلیدی فقط برای ویژگی font تعیین می شوند و نمی توان از ویژگی font-family برای استفاده کردن از این فونت ها استفاده کنیم.
ویژگی text-transform مشخص کننده این است که کلمات و حروف از نظر کوچک و بزرگی در چه حالتی نمایش داده شوند.
منظور اندازه حروف نیست بلکه صحبت از حروف کوچک و بزرگ مثلا زبانی مثل زبان انگلیسی می باشد.
در حالت capitalizeحرف اول هر کلمه بزرگ می شود و حروف دیگر کلمه همانطور که در HTML نوشته شده اند باقی می مانند.
در قسمت قبل به بعضی از خاصیت های پراپرتی Display پرداختیم در این قسمت با استفاده از مقدار none می توانید یک عنصر را از صفحه حذف کنید.
اما توجه داشته باشید که این کار عنصر را از DOM حذف نمی کند اما اثری از عنصر در صفحه باقی نمی ماند و فضایی که گرفته بود کاملا خالی می شود و عناصر مجاور جای آن را پر می کنند.
زمانی که عنصر حذف شود تمام فرزندان آن (عناصر داخل) نیز حذف خواهند شد.
نکته مهم اینکه وقتی عنصری را با این روش حذف کنید ربات های صفحه خوان و موتورهای جستجو به آن عنصر دسترسی نخواهند داشت. این موارد را با مثال و بصورت کامل در ویدیو آموزشی ببینید.
