shams 30 اردیبهشت 1393 16 5974 بازدید آموزش CSS
فیلم آموزش اصول اولیه و ساختار کلی CSS

حتماً می دانید که یکی از مهمترین مباحث در زمینه ی آموزش طراحی سایت، نحوه ی استفاده از زبان CSS است. در این فیلم آموزش CSS، با کلیات ساختار مقدماتی دستوارت CSS آشنا خواهید شد.

آنچه در این فیلم آموزشی خواهید آموخت :

  • روش ذخیره فایل های خارجی سی اس اس (External Style Sheet)
  • آشنایی با ساختار دستورات سی اس اس (selector-property-value)
  • روش استفاده از دستورات CSS
  • نحوه ی نمایش استایل ها (style) در firebug مرورگر فایرفاکس

لازم به یادآوری است که در قسمت فیلم های آموزش html، روش های استفاده از CSS در صفحات html را بطور کامل برای شما کاربران عزیز، توضیح داده ایم.

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

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

نظرات کاربران (16)




  1. سلام می خواستم بابت این مجموعه های اموزشی تشکر کنم و خسته نباشید بگم

    حتما در مورد مباحث دیگر آموزش بگذارید

  2. داوود

    سلام آقای آبسالان؛
    آقای مهندس در تکه کد کوچولویی که شما نوشتین، ما اگه بخوایم استاندارد کار کنیم و خاصیت خطی بودن تگ p (با توجه به ماهیتش که طبیعی هم هست داره) ازش بگیریم(وقتی که inspect میکنین، این رفتارش کاملا مشخصه) و رفتارش مثل تگ span بشه، باید از خاصیت display ها استفاده کنیم؟؟ یا بذاریمش تو div؟ ممنون میشم اگه بگین کدوم روش بهتره! چون من هم براش float گذاشتم و هم display ، تقریبا به نتیجه ای که میخواستم رسیدم ولی بازم میخوام نظر شما رو بدونم.

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      حقیقتا بستگی به کاری دارد که بخواهید انجام بدهیم! اگر صرفا فقط همین که نحوه ی نمایش تگ p را بخواهیم تغییر بدهیم، تغییر مقدار display برای آن کافیست اما اگر برای شناور کردن آن و قرار دادن سایر عناصر در کنار آن و … بخواهیم، باید آن را float بفرمایید.

  3. سارا نیکی

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

    Line 315, Column 39: character “خ” not allowed in attribute specification list <img alt="سرنوشت اکران فیلم جنجالی "خانه دختر" چه شد؟" class="fr border_corne…

    • گروه آموزش طراحی سایت

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

  4. سحر ایزد یار

    سلام
    ممنون از آموزش های عالی تون… ببخشید اگر امکان داره متن فیلم های CSS رو هم بذارید تشکر ازتون

  5. سارا نیکی

    *واقعا خیلی خوشحالم که با سایتتون آشنا شدم و ناراحتم از اینکه چرا زودتر از این سایتتون رو پیدا نکردم :((((((((
    کتاب ها و کلاس هایی رفتم خیلی هزینه کردم لیکن مباحث به این خوبی شرح داده نشده بود و فقط وقت کشی بود، ولی در این فیلم ها جناب آقای آبسالان خیلی شیوا و روان با صبر و حوصله توضیح دادند و انرژی مثبت به کاربران می دهند .
    از همه ی عوامل سایت به خصوص آقای آبسالان تشکر و خداقوت میگم و دعاگوی ایشان خواهم بود.
    خیلی دلم میخواد کلاس های ایشان برای مباحثی که در سایت نیست مثل آموزش JQUERY شرکت کنم ولی مسافت زیاد این امکان رو نمیدهد ضمن اینکه همانطور که گفتم مباحث مورد نظرم در سایت نیست
    ولی صبوری پیشه میکنم به امید اینکه در آینده ای نزدیک شاهد پربارتر شدن سایتتان باشیم و قطعا همینطور خواهد بود.
    من علاقمندم کلاس های تبدیلPSD به HTML ثبت نام کنم ولی نمیدانم به چه صورت است شرح درس آنلاین است یا حضوری ؟اگر امکان دارد لطفا سی دی هایش را به فروش برسانید- تمارین مباحث HTML و CSS هم که جواب ندارد .
    شما تعداد عظیمی از دوستداران برنامه نویسی رو نمگیر کردید بد نیست نام سایتتان را عوض کنید و بگذارید سایت نمکگیر (شوخی:))
    از کامنت طولانی ام عذر میخوام یا علی

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      خوشحالیم که رضایت شما هم مثل سایرین جلب شده است.
      و اما در مورد آموزش های پیشرفته تر، با توجه به لزوم کاهش هزینه ها و افزایش کیفیت ها و فراگیر شدن آموزش ها برای همه؛ ما اقدام به برگزاری دوره های آموزش مجازی می کنیم. به صورتی که دانشجویانی که ثبت نام می کنند، میتوانند به صورت دوره ای، آموزش ها و تمرینات و فایل های جدید را دریافت کنند، و سپس سوالات خودشان را از طریق درج دیدگاه، تماس تلفنی، وایبر و … مطرح بفرمایند. سپس در انتهای دوره هم برای کسانی که مایل باشند، DVD های آموزش ها ارسال خواهد شد.
      در حال حاضر شما میتوانید در دوره های زیر (با سرفصل های آموزشی و محتوایی کاملا حرفه ای و جامع مخصوص ورود به بازار کار) شرکت بفرمایید:
      آموزش تبدیل PSD به HTML
      آموزش طراحی قالب وردپرس

  6. سارا نیکی

    با سلام و خدا قوت
    در مورد فیلیم های آموزش HTMLکه واقعا کارتون 20 بود هم فیلم و هم متن فیلم ها موجود بود ولی من در رابطه با فیلم های CSS گفتم که متنی ندارد
    گفتم خوب بود که باشد فقط یک پیشنهاد!
    تشکر از عوامل سایت

    • shams

      با سلام. ممنون از اینکه سایت ما رو دنبال می کنید. به زودی متن فیلم های سی اس اس نیز منتشر خواهد شد.

  7. سارا نیکی

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

  8. sadegh

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

    • shams

      سلام.لطفا بدون فیلتر شکن اقدام به دانلود کنید.اگر باز هم مشکلی بود.شماره فیلم هایی که مشکل داره رو بهمون بگید که چک بشه.در حال حاضر فیلم ها چک شد و مشکلی نداره.

  9. saman

    سلام
    با تشكر از آموزش هاي خوبتان
    فايل ها قابل دانلود نيستن لطفا رسيدگي نماييد
    با تشكر

    • shams

      سلام.ممنون از اینکه اطلاع دادید در حال بررسی هستیم

  10. Mehrdad

    خیلی هم خوب !