دوره مجازی طراحی وب (جلسه 14): ویژگی های CSS - قسمت چهارم

- visibility ۳۳ mode_comment

امروز آخرین جلسه از آموزش ویژگی های CSS3 و CSS رو برای شما خواهیم داشت . ویژگی هایی که در این جلسه خواهیم گفت بیشتر مربوط به جداول، لیست ها و ستون بندی ها هست . این جلسه آخرین جلسه مربوط به آموزش ویژگی های CSS بود و از جلسه بعد آموزش های عملی و کاربردی رو شروع خواهیم کرد.

عموم مطالب مطرح شده در این جلسه عبارتند از :

  • ویژگی z-index و کاربردهای آن
  • ویژگی border-collapse و کاربردهای آن
  • ویژگی border-spacing و کاربردهای آن
  • ویژگی caption-side و کاربردهای آن
  • ویژگی empty-cells و کاربردهای آن
  • ویژگی table-layout و کاربردهای آن
  • ویژگی counter-increment و کاربردهای آن
  • ویژگی counter-reset و کاربردهای آن
  • ویژگی list-style و کاربردهای آن
  • ویژگی list-style-image و کاربردهای آن
  • ویژگی list-style-position و کاربردهای آن
  • ویژگی list-style-type و کاربردهای آن
  • ویژگی content و کاربردهای آن
  • ویژگی cursor و کاربردهای آن
  • ویژگی outline و کاربردهای آن
  • ویژگی outline-color و کاربردهای آن
  • ویژگی outline-offset و کاربردهای آن
  • ویژگی outline-style و کاربردهای آن
  • ویژگی outline-width و کاربردهای آن
  • ویژگی resize و کاربردهای آن
  • ویژگی text-overflow و کاربردهای آن
  • ویژگی columns و کاربردهای آن
  • ویژگی column-count و کاربردهای آن
  • ویژگی column-fill و کاربردهای آن
  • ویژگی column-gap و کاربردهای آن
  • ویژگی column-rule و کاربردهای آن
  • ویژگی column-rule-color و کاربردهای آن
  • ویژگی column-rule-style و کاربردهای آن
  • ویژگی column-rule-width و کاربردهای آن
  • ویژگی column-span و کاربردهای آن
  • ویژگی column-width و کاربردهای آن
info توجه

این مطلب یک جلسه از دوره آموزش طراحی وب می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره آموزش طراحی وب

comment دیدگاه کاربران
Arash Taghavi

مرسی که فقط سوال رو تایید کردین.یک هفته س منتظر جوابم.واقعا نمیدونم این چه روشیه شما دارین که هرررررجا (چه اینجا،چه انجمن،چه ایمیل) سوال میپرسم جواب نمیدین

وحید صالحی

ابتدا عذر خواهی می کنم باور کنید حجم سوالات بالاست و بعضا بعضی هاش از دستمون در میره وگرنه قصدی در این کار نیست

Arash Taghavi

شما تاج سرمایی آقای صالحی.ولی باور کنید وقتی یک هفته منتظر میمونم واسه جواب سوالی که با سرچ پیدا نکردم واقعا کلافه میشم :((

Arash Taghavi

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

وحید صالحی

دوست عزیزم آقای تقوی عزیز اینقدر زود قضاوت نکنید آقای آوند هم مثل بنده وسایر مدرسین حتی بیشتر پاینده به پشتیبانی هستند و ماتسفانه مشکلی دارن که خیلی درگیرشون کرده و حتما پاسخ شما رو خواهد داد شما آموزش ها رو ادامه بدید و از روی مشکلتون رد بشید فعلا تا ایشون پاسخ شما بدن

Arash Taghavi

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

وحید صالحی

مجددا بنده از شما عذر خواهی می کنم دوست عزیز واقعا همونطور بود که عرض کردم

مهدی جی اج

سلام استاد
من تا پایان این جلسه رو ددم و با توجه به آموزشهاتون تا الان قالب ساده زیر رو طراح کردم :

http://s8.picofile.com/file/8267786134/tamrin.zip.html

میشه نظرتون رو راجع بهش بدید؟
اصولی و با توجه به آموزش هاتون بوده؟

چنتا مشکل داشتم که میخاستم بپرسم :

اول اینکه اون دایوی که تو FOOTER هستش و بکگرند سبز داره هرکاری کردم که بچسبه ب دایو سمت راستش(بکگرند آبی) نشد که نشد (میخام بعد از تموم شدن محتواش سریعا بچسبه به دایو آبی اما همونطور که میبنید بینش فاصله افتاده
سوال دوم اینکه واسه TABLE کپشن تعریف کردم ولی هرکاری کردم که بالای جدول و وسط قرار بگیره نشد که نشد (همونطور که میبینید سمت چپه و کلا از جدول فاصله داره) استایل هم بهش دادم نشد این مشکلش چیه ؟

ممنون میشم زود پاسخ بدید

مرسی

وحید صالحی

سلام ابتدا توصیه می کنم چون در حال آموزش هستید و تازه شروع کردید از قالب های لاتین و چپ چین فعلا استفاده نکنید و خودتون سعی کنید طبق آموزش ها قالب طراحی کنید پون قالب های چپ به راست یا چپ چین نیاز به rtl سازی و راستچین کردن داره که براتون فعلا مشکل خواهد بود چون نیاز به تسلط شما روی مبحث طراحی وب داره

سوال اول برای چسبیدن قسمت های سبز و ابی به کلاس tags مقدار width برابر 30% هست که به 50% افزایش بدید اما لازم به ذکر هست به خاطر ltr بودن یا چپ چین بودن قالب ممکنه در جاهای دیگه هم به مشکل برخورد کنید

سوال دوم برای قرار دادن کپشن در وسط :ابتدا آی دی #titles رو مقدار width برابر 60% هست که برابر 100% قرار بدید بعدش باید درون همین عنصر با آی دی #titles دو تا div دیگه ایجاد کنید و هر یک از متن هار رو درون یکی از این div ها قرار بدید و پراپرتی text-align هریک از div ها رو برابر center قزاز بدید

در کل این قالب رو رها کنید و از ابتدا طبق هر جلسه پیش برید شما در حال حاضر به نظر میرسه به یکباره می خواهید یک قالب رو طراحی و راستچین کنید که نمیشه و به مشکلات اینچنینی زیاد برمی خورد و در نهایت دلزده خواهید شد…اگر آموزش ها رو ابتدا تا انتها همگام با دوره پیش برید جواب تمام این سوالاتتون رو خواهید گرفت
موفق باشید

مهدی جی اج

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

وحید صالحی

سلام خیر دنبال نمی کنم دوست عزیز شما نظر بنده رو خواستید و بنده هم گفتم اگر کار روی قالب ltr بوده پس ادامه بدید آقای آوند فعلا مشغلشون زیاده و بنده هم خواستم که مشکلتون حل بشه و منتظر نمونید…

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2