مجموعه آموزش های Css به شکل فیلم (فارسی)

amirabbas_p30magazine · Aug 10, 2007

خوب تصمیم دارم کم کم فیلم های آموزش تهیه کنم و روی وب قرار بدم تا بچه ها بتونن استفاده کنن. خیلی از بچه ها نمیدونن برای چی باید از CSS استفاده کرد و اصلا CSS چه کاری انجام میده. برای همین این موارد رو من در فیلم با مثال تک به تک توضیح دادم.
برای پخش فیلم به نرم افزار quicktime 7 احتیاج دارد. حتما باید نسخه برنامه 7 باشه در غیر این صورت فیلم پخش نمیشه
اگر quicktime رو ندارید میتونید از اینجا دانلود کنید:

کد:

http://www.apple.com/quicktime/download/

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

1- چرا باید از CSS استفاده کنیم
در این فیلم با ذکر مثال های متعدد سعی شده است که مزایای استفاده از CSS برای طراحان توضیح داده شود. همچنین روند تکامل وب و پیدایش CSS نیز توضیح داده شده است.

زمان فیلم: 16 دقیقه
حجم فایل : 17 مگابایت

لینک دانلود

کد:

http://blip.tv/file/get/AmirAbbas-CSSIntro746.mov

--------------------------------------------------

2- معرفی ادیتور های مناسب برای کار با CSS
در این فیلم به معرفی ویرایشگرهای مناسب برای CSS می پردازیم.

زمان فیلم: 6 دقیقه
حجم فایل: 4 مگابایت

لینک دانلود

کد:

http://rapidshare.com/files/48483877/cssEditors.mov.html
http://blip.tv/file/get/AmirAbbas-cssEditors619.mov

--------------------------------------------------

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

زمان فیلم: 6 دقیقه
حجم فایل: 5 مگابایت

لینک دانلود

کد:

http://rapidshare.com/files/48501707/Browsers.mov.html
http://blip.tv/file/get/AmirAbbas-Browsers525.mov

--------------------------------------------------

4- ساختار دستورات CSS
در این فیلم در مورد ساختار دستورات CSS به طور توضیح داده می شود.

زمان فیلم: 8 دقیقه
حجم فایل: 5 مگابایت

لینک دانلود

کد:

http://rapidshare.com/files/48986014/CSSAnatomy.mov.html
http://blip.tv/file/get/AmirAbbas-cssAnatomy100.mov

--------------------------------------------------

5- شیوه های اضافه کردن CSS به یک صفحه
در این فیلم ، سه شیوه مختلف اضافه کردن CSS به صفحه با ذکر مثال توضیح داده شده است.
ما می توانیم دستورات CSS را به سه شکل inline, embed و external به صفحه اضافه کنیم. در این فیلم به طور کامل در این مورد توضیح داده شده است

زمان فیلم: 10 دقیقه
حجم فایل: 8 مگابایت

لینک دانلود

کد:

http://rapidshare.com/files/49073227/addingCSStoPage.mov.html
http://blip.tv/file/get/AmirAbbas-addingCSSRulesToPage745.mov

echessdesign · Aug 10, 2007

درود بر شما
بسیار عالیه امیر جان، موفق باشی

amirabbas_p30magazine · Aug 11, 2007

ممنون

البته می دونم حجم فایل ها زیاد میشه و کسی نمی تونه با راحتی دانلودشون کنه ولی من نهایت سعیم رو کردم که حجم فایل رو کوچک کنم. بعد از دو ماه جستجو تو وب و امتحان کردم نرم افزار های مختلف و تنظیمات مختلف در نهایت تو نستم حجم فیلم رو با مدت زمانش برابر کنم

الان هر 1 دقیقه فیلم میشه تقریبا 1 مگابایت.

اندازه تصویر هم 880 پیکسل در 660 پیکسل هست و شفافیت تصویر و کیفیت صدا هم عالیه. اگر با mpeg1 بخوایم مقایسه کنیم که اندازه تصویر 320 پیسکل در 240 پیکسل هست و هر دقیقش 10 مگابایته و تصویر هم اصلا شفاف نیست به نظر من تنظیمات بدی نیست
البته اگر آموزش ها زیاد بشه به شکل سی دی هم منتشرش می کنم که کسانی که نمی تونن از وب دانلود کنن با پرداخت هزینه پست و هزینه رایت سی دی بتونن اون رو تهیه کنن

echessdesign · Aug 11, 2007

درود بر شما
امیر جان برنامه ای که بتوان به کیفیت مناسب نسبت به حجم از pc ضبط کرد، چی رو طبق تجربیاتتان پیشنهاد می کنید؟

amirabbas_p30magazine · Aug 11, 2007

من برای کپچر صفحه نمایش از camtasia studio استفاده میکنم که میتونید از سایت techsmith.com دانلودش کنید. کرکش هم روی وب هست. می تونید کیجنش رو تو سایت های کرک به راحتی پیدا کنید
از این برنامه کاملتر نداریم. تمامی شرکت هایی که نرم افزار های آموزش درست می کنند مثل lynda.com هم از همین برنامه استفاده می کنند. این برنام یه پکیج کامله که از فیلم گرفتن از صفحه نمایش شروع میشه و بعد یه بخش مثل برنامه premier داره که توش فیلم رو ویرایش می کنید و بعد می تونید فیلم رو خروجی بگیرید. ابزار هایی برای درست کردن منو برای فیلم هم داخل برنامه هست.

amirabbas_p30magazine · Aug 11, 2007

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

در مورد تبدیل فایل ها به پسوند mov

1- پسوند mov در تمامی سیستم عامل ها قابل پخشه (ویندوز ، لینوکس ، مکینتاش)
2- حجم فایل خروجی خیلی کوچیکه

من با ویندوز مدیا انکودر هم کار کردم. حجم فایلش اندازه این میشه ولی اول اینکه فقط تو ویندوز قابل پخشه و ثانیا روی بعضی از سیستم ها برای پخشش باید hardware accelerator خاموش بشه در غیر این صورت صفحه تار میشه. اگر هم اون بخش خاموش بشه توی بعضی از سیستم ها قدرت سی پی یو برای نمایش صفحه کافی نیست و تصویر پرش داره.
بعد توضیح دادن برای هر کاربر برای غیر فعال کردن hardware accelerator خودش کلی وقت و حوصله می خواد.
نتیجه گیری اخلاقی = mov از همه بهتره

echessdesign · Aug 12, 2007

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

amirabbas_p30magazine · Aug 12, 2007

2 فیلم جدید به مجموعه اضافه شد

yakoza · Aug 14, 2007

دوست عزیز لینکها هیچکدوم کار نمی کنه

قربانت

amirabbas_p30magazine · Aug 14, 2007

من چک کردم تمامی لینک ها کار می کنه

غیر از فیلم اول بقیه فیلم ها هم به رپید شر آپلود شده و هم به blip.tv
blip.tv تو بعضی از isp ها فیلتر شده و رپید شر می دونم که تو هیچ isp ای فیلتر نشده.

amirabbas_p30magazine · Aug 15, 2007

2 فیلم دیگه در مورد ساختار دستورات Css و شیوه اضافه کردن دستورات Css به صفحه به لیست اضافه کردم

NabiKAZ · Sep 7, 2007

rapidkill

سلام
آقا امیرعباس کارت فوق العادست.
اطلاعات تئوریک خیلی خوبیه.

در مورد رپیدشر و دوستانی که با این سایت مشکل دارند. پیشنهاد میکنم که از برنامه RapidKill استفاده کنند. با این برنامه ظرف فقط چند ثانیه میتونید فایل رو از رپیدشر به هاست شخصی خودتون انتقال بدید و سر فرصت و با امکان resume از روی هاست خودشون دون لود کنید.
این برنامه به زبان php است و open source و رایگان و تنها باید روی هاست آپ لود بشه.
فقط مراقب بندویت سایتتون باشید.
لینک سایت اصلی سازنده:
www.rapidkill.net
البته نسخه فعلی که در این سایت موجوده دیگه کار نمیکنه. اما نسخه بروز شده و تصحیح شده رو میتونید از این سایت دریافت کنید:
www.rapidkill2.blogspot.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

یکی از دوستان خصوصی فرستاده بود که با دون rapidkill مشکل داره. تست کردم دیدم نسخه جدیدی (ورژن d) در سایت دوم درست باز نمیشه، علارغم اینکه در کامنتها همه نوشتن با باز کردن فایل مشکل دارند ولی صاحب وبلاگ ادعا کرده فایل مشکل نداره. منم نتونستم بازش کنم. اما نسخه قبلتر یعنی ورژن c رو قبلا دریافت کرده بودم و مشکلی نداره، و در حال حاظر من با همین نسخه کار میکنم و خوب کار میکنه. این نسخه رو ضمیمه همین پیغام میکنم.

تشکر
نبی

hamid_isf_1360 · Oct 7, 2007

فیلم ها عالی بود هم از لحاظ محتوا هم کیفیت
ای کاش ادامه بدهید
ممنون شما حمید

NabiKAZ · Oct 11, 2007

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

NabiKAZ · Oct 13, 2007

آقا اجازه ؟!

شرمنده قصد جسارت ندارم !

ولی اینا اسمش آکولاد است --> {}
اینا هم اسمشون کروشه است --> []

بازم ببخشید

unique design · Nov 6, 2007

آقا این تم Mac os از کجا آوردی خیلی زیباس یه لینک بده.

قبلا داشتم ولی این خیلی قشنگه

ممنون می شم

khz-web1 · Nov 25, 2007

دوستان لینک های خرابه ، اگه دوست دارید من اکانت پرشیان گیگ بدم ..... و اونجا آپلود کنید

با تشکر فراوان

amirabbas_p30magazine · Nov 28, 2007

فیلم ها عالی بود هم از لحاظ محتوا هم کیفیت
ای کاش ادامه بدهید
ممنون شما حمید

حقیقتش می خواستم فیلم های بیشتری درست کنم ولی متاسفانه چون وقت زیادی می خواد و استفاده ای هم برام نداره به همین خاطر فعلا چیزی آماده نکردم. هر کدوم این فیلم ها درسته که فقط 10 دقیقه هستند ولی رندر کردنشون با اون کیفیت حدود 2 ساعت وقت میبره. به علاوه زمان ضبط فیلم و ویرایش و میکس و مونتاژش هم وقت می خواد.

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

اگر شدنی باشه خیلی خوب میشه. منتها نمیدونم برای CSS اینقدر تقاضا وجود داره که ارزش تولید سی دی آموزشی داشته باشه ؟!!

آقا اجازه ؟!

شرمنده قصد جسارت ندارم !

ولی اینا اسمش آکولاد است --> {}
اینا هم اسمشون کروشه است --> []

من تو فیلم اشتباه گفتم ؟
حق با شماست اولی آکولاده و دومی کروشه. اینها معادل های فرانسویه اون علائم هستند. انگلیسی آکولاد brace هستش و انگلیسی کروشه curly brace هستش. ممنون

آقا این تم Mac os از کجا آوردی خیلی زیباس یه لینک بده.

قبلا داشتم ولی این خیلی قشنگه

ممنون می شم

این تم مال نرم افزار stlyexp هستش. باید این نرم افزار رو بگیرید و تم mac osx رو هم از یه سایت دانلود کردم که الان یادم نیست. فقط یادمه سایت اون طراح رو از توی بخش قالب های سایت deviantart پیدا کرده بودم

دوستان لینک های خرابه ، اگه دوست دارید من اکانت پرشیان گیگ بدم ..... و اونجا آپلود کنید

با تشکر فراوان

دوست عزیز لینک ها رو چک کردم. همه لینک ها سالمه. مشکل از اکانت شماست
در ضمن پرشین گیگ پهنای باند 500 مگ در ماه میده که برای فایل هایی با این حجم مناسب نیست. 10 نفر دانلود کنن نفر 11 باید یه ماه صبر کنه تا دوباره پهنای باند اکانت پر بشه و بتونه دانلود کنه. در حال حاضر همون رپید شر و blip.tv بهترین گزینه ها هستند

NabiKAZ · Nov 28, 2007

amirabbas_p30magazine گفت:
اگر شدنی باشه خیلی خوب میشه. منتها نمیدونم برای CSS اینقدر تقاضا وجود داره که ارزش تولید سی دی آموزشی داشته باشه ؟!!

مطمئن نیستم .
اما خیلی آسون میشه برخی مفاهیم یا ترفند های html که با css بیشتر درگیرند رو به آموزشها اضافه کرد و بجای css خالی، از نام "ترفندهای xhtml/html/css" استفاده کرد. اینطور طیف استقبال کننده ها بیشتر میشه.
ضمناً شاید میزان استقبال از کتاب آموزش css شما، بهتر موضوع رو روشن کنه.
از جهت دیگه جدید(آموزش بصری) و تک(آموزش css) بودن یک چیز شاید باعث محبوبت و استقبال(پول!!!) بیشتر هم بشه.