فیلم آموزش اصول اولیه و ساختار کلی CSS

مشاوره رایگان

برای مشاوره در زمینه
سایت و سئو
با ما تماس بگیرید.

شبکه های اجتماعی ما
دوره سئو مقدماتی

یک دوره مقدماتی و رایگان سئو که بسیار پربار و سرشار از تجربه مدرس و با کیفیت بالا تهیه شده تا بتوانید در زمان کمتری وب سایت را سئو کنید.

8405 نفر
2 دقیقه
بروزرسانی در: 12 مهر 1395
آموزش اصول اولیه و ساختار کلی CSS

فهرست مطالب

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

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

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

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

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

[free_vip]

دانلود
[/free_vip]

دسترسی سریع :

به این صفحه رتبه دهید
17 دیدگاه
انتشار: 30 اردیبهشت 1393
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
  • سلام ، سپاس بابت زحماتتون

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

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

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

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

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

  • آواتار سارا نیکی سارا نیکی :

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

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

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

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

  • آواتار سحر ایزد یار سحر ایزد یار :

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

  • آواتار سارا نیکی سارا نیکی :

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

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

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

  • آواتار سارا نیکی سارا نیکی :

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

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

  • آواتار سارا نیکی سارا نیکی :

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

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

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

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

  • خیلی هم خوب !

آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

مشاوره رایگان
پیمایش به بالا