حتماً می دانید که یکی از مهمترین مباحث در زمینه ی آموزش طراحی سایت، نحوه ی استفاده از زبان CSS است. در این فیلم آموزش CSS، با کلیات ساختار مقدماتی دستوارت CSS آشنا خواهید شد.
آنچه در این فیلم آموزشی خواهید آموخت :
- روش ذخیره فایل های خارجی سی اس اس (External Style Sheet)
- آشنایی با ساختار دستورات سی اس اس (selector-property-value)
- روش استفاده از دستورات CSS
- نحوه ی نمایش استایل ها (style) در firebug مرورگر فایرفاکس
لازم به یادآوری است که در قسمت فیلم های آموزش html، روش های استفاده از CSS در صفحات html را بطور کامل برای شما کاربران عزیز، توضیح داده ایم.
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید:
[free_vip]
دانلود
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزشی CSS چیست؟
- آموزش بعدی : فیلم آموزش و معرفی انتخابگرهای CSS
- لیست فیلم ها : فیلم های آموزش جامع CSS
17 دیدگاه دربارهٔ «فیلم آموزش اصول اولیه و ساختار کلی CSS»
سلام ، سپاس بابت زحماتتون
سلام می خواستم بابت این مجموعه های اموزشی تشکر کنم و خسته نباشید بگم
حتما در مورد مباحث دیگر آموزش بگذارید
سلام آقای آبسالان؛
آقای مهندس در تکه کد کوچولویی که شما نوشتین، ما اگه بخوایم استاندارد کار کنیم و خاصیت خطی بودن تگ 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را هم قرار دهید ضمن اینکه فیلم ها رو تماشا میکنیم .
حتی من تعدادی از فیلم ها رو دادم به تایپیست ولی هزینه اش بالاست هر چند تا آن زمان که متن فیلم ها کاملا تایپ شود احتیاجی بهشان ندارم ،به خاطر سایر دوستان گفتم .
با تشکر و ارزوی بهترین چیزها برای شما و عوامل این سایت خدا قوت
با سلام
من که نتونستم فایلی رو دانلود کنم.دو تا لینکشو تست کردم جواب نداد قید بقیه ارو زدم.
سعی کنید لینک ها رو درست کنید وگرنه کسی که به خاطر این فیلم های آموزشی میاد به سایتتون سر می زنه دیگه بی خیال این قضیه میشه.
ممنون
سلام.لطفا بدون فیلتر شکن اقدام به دانلود کنید.اگر باز هم مشکلی بود.شماره فیلم هایی که مشکل داره رو بهمون بگید که چک بشه.در حال حاضر فیلم ها چک شد و مشکلی نداره.
سلام
با تشكر از آموزش هاي خوبتان
فايل ها قابل دانلود نيستن لطفا رسيدگي نماييد
با تشكر
سلام.ممنون از اینکه اطلاع دادید در حال بررسی هستیم
خیلی هم خوب !