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

شروع موضوع توسط amirabbas_p30magazine ‏10 آگوست 2007 در انجمن زبان HTML

  1. amirabbas_p30magazine

    amirabbas_p30magazine Member

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

    کد (Text):
    http://www.apple.com/quicktime/download/
    ممکنه سایتی که من فیلم رو بهش آپلود کردم در بعضی از آی اس پی ها فیل تر باشه.
    من سعی میکنم که فیلم ها رو به چند جا آپلود کنم و ایجا قرار بدم.


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

    [​IMG]

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

    لینک دانلود

    کد (Text):
    http://blip.tv/file/get/AmirAbbas-CSSIntro746.mov
     
    --------------------------------------------------

    2- معرفی ادیتور های مناسب برای کار با CSS

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

    [​IMG]

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

    لینک دانلود

    کد (Text):
    http://rapidshare.com/files/48483877/cssEditors.mov.html
    http://blip.tv/file/get/AmirAbbas-cssEditors619.mov
    --------------------------------------------------

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

    [​IMG]

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

    لینک دانلود

    کد (Text):
    http://rapidshare.com/files/48501707/Browsers.mov.html
    http://blip.tv/file/get/AmirAbbas-Browsers525.mov
    --------------------------------------------------

    4- ساختار دستورات CSS

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

    [​IMG]

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

    لینک دانلود
    کد (Text):

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

    5- شیوه های اضافه کردن CSS به یک صفحه

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

    [​IMG]

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

    لینک دانلود
    کد (Text):

    http://rapidshare.com/files/49073227/addingCSStoPage.mov.html
    http://blip.tv/file/get/AmirAbbas-addingCSSRulesToPage745.mov
     
    آخرین ویرایش: ‏15 آگوست 2007
    نوشته شده توسط amirabbas_p30magazine در ‏10 آگوست 2007
    ghadirmajid، DANG3R، alipa و 14 نفر دیگر از این ارسال تشکر کرده اند.
  2. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
    درود بر شما
    بسیار عالیه امیر جان، موفق باشی
     
    نوشته شده توسط echessdesign در ‏10 آگوست 2007
  3. amirabbas_p30magazine

    amirabbas_p30magazine Member

    ارسال‌ها:
    700
    تشکر شده:
    410
    امتیاز دستاورد:
    16
    ممنون

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

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

    اندازه تصویر هم 880 پیکسل در 660 پیکسل هست و شفافیت تصویر و کیفیت صدا هم عالیه. اگر با mpeg1 بخوایم مقایسه کنیم که اندازه تصویر 320 پیسکل در 240 پیکسل هست و هر دقیقش 10 مگابایته و تصویر هم اصلا شفاف نیست به نظر من تنظیمات بدی نیست
    البته اگر آموزش ها زیاد بشه به شکل سی دی هم منتشرش می کنم که کسانی که نمی تونن از وب دانلود کنن با پرداخت هزینه پست و هزینه رایت سی دی بتونن اون رو تهیه کنن
     
    نوشته شده توسط amirabbas_p30magazine در ‏11 آگوست 2007
    h.khafan از این پست تشکر کرده است.
  4. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
    درود بر شما
    امیر جان برنامه ای که بتوان به کیفیت مناسب نسبت به حجم از pc ضبط کرد، چی رو طبق تجربیاتتان پیشنهاد می کنید؟
     
    نوشته شده توسط echessdesign در ‏11 آگوست 2007
  5. amirabbas_p30magazine

    amirabbas_p30magazine Member

    ارسال‌ها:
    700
    تشکر شده:
    410
    امتیاز دستاورد:
    16
    من برای کپچر صفحه نمایش از camtasia studio استفاده میکنم که میتونید از سایت techsmith.com دانلودش کنید. کرکش هم روی وب هست. می تونید کیجنش رو تو سایت های کرک به راحتی پیدا کنید
    از این برنامه کاملتر نداریم. تمامی شرکت هایی که نرم افزار های آموزش درست می کنند مثل lynda.com هم از همین برنامه استفاده می کنند. این برنام یه پکیج کامله که از فیلم گرفتن از صفحه نمایش شروع میشه و بعد یه بخش مثل برنامه premier داره که توش فیلم رو ویرایش می کنید و بعد می تونید فیلم رو خروجی بگیرید. ابزار هایی برای درست کردن منو برای فیلم هم داخل برنامه هست.
     
    نوشته شده توسط amirabbas_p30magazine در ‏11 آگوست 2007
    [email protected]:D، aff - SEvEN و echessdesign از این ارسال تشکر کرده اند.
  6. amirabbas_p30magazine

    amirabbas_p30magazine Member

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

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

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

    من با ویندوز مدیا انکودر هم کار کردم. حجم فایلش اندازه این میشه ولی اول اینکه فقط تو ویندوز قابل پخشه و ثانیا روی بعضی از سیستم ها برای پخشش باید hardware accelerator خاموش بشه در غیر این صورت صفحه تار میشه. اگر هم اون بخش خاموش بشه توی بعضی از سیستم ها قدرت سی پی یو برای نمایش صفحه کافی نیست و تصویر پرش داره.
    بعد توضیح دادن برای هر کاربر برای غیر فعال کردن hardware accelerator خودش کلی وقت و حوصله می خواد.
    نتیجه گیری اخلاقی = mov از همه بهتره
     
    نوشته شده توسط amirabbas_p30magazine در ‏11 آگوست 2007
    h.khafan و aff - SEvEN از این پست تشکر کرده اند.
  7. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,375
    تشکر شده:
    3,833
    امتیاز دستاورد:
    113
    درود بر شما
    به علت جلوگیری از منحرف شدن موضوع مهم این تایپیک، از امیر عباس جان خواسته شد که خود لینک ها رو آپلود کرده و پست های مربوط به اپلود لینک ها را حذف نمودم. در این رابطه پستی نزنید، در صورت عمر غیر، مجبور به بر خورد خواهم شد.
     
    نوشته شده توسط echessdesign در ‏12 آگوست 2007
    mamoolhacker و aff - SEvEN از این پست تشکر کرده اند.
  8. amirabbas_p30magazine

    amirabbas_p30magazine Member

    ارسال‌ها:
    700
    تشکر شده:
    410
    امتیاز دستاورد:
    16
    2 فیلم جدید به مجموعه اضافه شد
     
    نوشته شده توسط amirabbas_p30magazine در ‏12 آگوست 2007
    TOP و h.khafan از این پست تشکر کرده اند.
  9. yakoza

    yakoza Well-Known Member

    ارسال‌ها:
    742
    تشکر شده:
    381
    امتیاز دستاورد:
    63
    دوست عزیز لینکها هیچکدوم کار نمی کنه

    قربانت
     
    نوشته شده توسط yakoza در ‏14 آگوست 2007
  10. amirabbas_p30magazine

    amirabbas_p30magazine Member

    ارسال‌ها:
    700
    تشکر شده:
    410
    امتیاز دستاورد:
    16
    من چک کردم تمامی لینک ها کار می کنه

    غیر از فیلم اول بقیه فیلم ها هم به رپید شر آپلود شده و هم به blip.tv
    blip.tv تو بعضی از isp ها فیلتر شده و رپید شر می دونم که تو هیچ isp ای فیلتر نشده.
     
    نوشته شده توسط amirabbas_p30magazine در ‏14 آگوست 2007
  11. amirabbas_p30magazine

    amirabbas_p30magazine Member

    ارسال‌ها:
    700
    تشکر شده:
    410
    امتیاز دستاورد:
    16
    2 فیلم دیگه در مورد ساختار دستورات Css و شیوه اضافه کردن دستورات Css به صفحه به لیست اضافه کردم
     
    نوشته شده توسط amirabbas_p30magazine در ‏15 آگوست 2007
    TOP از این پست تشکر کرده است.
  12. NabiKAZ

    NabiKAZ Well-Known Member

    ارسال‌ها:
    1,184
    تشکر شده:
    430
    امتیاز دستاورد:
    83
    rapidkill

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

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

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

    تشکر
    نبی
     

    پیوست ها:

    آخرین ویرایش: ‏9 سپتامبر 2007
    نوشته شده توسط NabiKAZ در ‏7 سپتامبر 2007
    echessdesign و amirabbas_p30magazine از این پست تشکر کرده اند.
  13. hamid_isf_1360

    hamid_isf_1360 New Member

    ارسال‌ها:
    4
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    فیلم ها عالی بود هم از لحاظ محتوا هم کیفیت
    ای کاش ادامه بدهید
    ممنون شما حمید
     
    نوشته شده توسط hamid_isf_1360 در ‏7 اکتبر 2007
  14. NabiKAZ

    NabiKAZ Well-Known Member

    ارسال‌ها:
    1,184
    تشکر شده:
    430
    امتیاز دستاورد:
    83
    پیشنهاد میکنم تعداد آموزشها رو بیشتر کنید و بصورت طبقه بندی شده بر روی سی دی برای فروش بگذارید !
    حتی در این باره میتونید با مجید مشورت کنید و امتیاز محصول رو به مجیدآنلاین بدید و جزو محصولات سایت بشه ...
     
    نوشته شده توسط NabiKAZ در ‏11 اکتبر 2007
  15. NabiKAZ

    NabiKAZ Well-Known Member

    ارسال‌ها:
    1,184
    تشکر شده:
    430
    امتیاز دستاورد:
    83
    آقا اجازه ؟!

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

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

    بازم ببخشید [​IMG]
     
    نوشته شده توسط NabiKAZ در ‏13 اکتبر 2007
  16. unique design

    unique design Member

    ارسال‌ها:
    117
    تشکر شده:
    166
    امتیاز دستاورد:
    16
    آقا این تم Mac os از کجا آوردی خیلی زیباس یه لینک بده.

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

    ممنون می شم
     
    نوشته شده توسط unique design در ‏6 نوامبر 2007
  17. khz-web1

    khz-web1 Member

    ارسال‌ها:
    198
    تشکر شده:
    40
    امتیاز دستاورد:
    16
    دوستان لینک های خرابه ، اگه دوست دارید من اکانت پرشیان گیگ بدم ..... و اونجا آپلود کنید

    با تشکر فراوان
     
    نوشته شده توسط khz-web1 در ‏25 نوامبر 2007
  18. amirabbas_p30magazine

    amirabbas_p30magazine Member

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

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

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

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

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

    NabiKAZ Well-Known Member

    ارسال‌ها:
    1,184
    تشکر شده:
    430
    امتیاز دستاورد:
    83
    مطمئن نیستم .
    اما خیلی آسون میشه برخی مفاهیم یا ترفند های html که با css بیشتر درگیرند رو به آموزشها اضافه کرد و بجای css خالی، از نام "ترفندهای xhtml/html/css" استفاده کرد. اینطور طیف استقبال کننده ها بیشتر میشه.
    ضمناً شاید میزان استقبال از کتاب آموزش css شما، بهتر موضوع رو روشن کنه.
    از جهت دیگه جدید(آموزش بصری) و تک(آموزش css) بودن یک چیز شاید باعث محبوبت و استقبال(پول!!!) بیشتر هم بشه.
     
    نوشته شده توسط NabiKAZ در ‏28 نوامبر 2007
  20. Jaf@r

    [email protected] Member

    ارسال‌ها:
    93
    تشکر شده:
    9
    امتیاز دستاورد:
    6
    سلام
    کار بسایر قشنگی کردید.
    درصمن بهتر از camtasia نرم افزار معروف Adobe Camptivate هست که هیچ نرم افزاری به پاش نمی رسه.
     
    نوشته شده توسط [email protected] در ‏28 نوامبر 2007

به اشتراک بگذارید