طراحی وب سایت از ابتدا تا انتها – قسمت اول (طراحی قالب)

سه شنبه, ۲۵ام فروردین , ۱۳۸۸ | ۱۵۶ دیدگاه

وبالاخره و با توجه به قولی که مدتی قبل داده بودم، قسمت اول از این خودآموز جالب و مفید را برای شما عزیزان آماده کردم. این خود آموز با نام “آموزش طراحی وب سایت از ابتدا تا انتها ”  میباشد و طی آن ما قدم به قدم طراحی یک وب سایت را با شما عزیزان تجربه خواهیم نمود. مراحل بصورت زیر خواهد بود:

مرحله اول – طراحی قالب در فتوشاپ

مرحله دوم – تبدیل قالب از فرمت PSD به HTML و  کددهی CSS آن

تنها نکته ای که لازم میدونم آنرا برای شما عزیزان ذکر کنم این است که : برای انجام این خودآموز شما نیاز به دانستن و آشنایی با PhotoShop و زبانهای برنامه نویسی HTML و CSS دارید.

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

طراحی وب سایت از ابتدا تا انتها – قسمت اول (طراحی قالب)

دانلود فایل PDF خودآموز

========================================

دانلود فایل PSD قالب سایت

====================================

مشاهده فایل نهایی

همچنین در این رابطه بخوانید :

طراحی وب سایت از ابتدا تا انتها – قسمت دوم (کددهی)

Be Sociable, Share!


۱۵۶ دیدگاه


  1. مونا
    ۲۵ فروردین ۱۳۸۸

    بالاخره آموزشی که مدتها منتظرش بودیم آماده شد
    دست شما درد نکنه منتظر قسمتهای بعدی هستیم




  2. عليرضا
    ۲۵ فروردین ۱۳۸۸

    واقعا محشره، چیزیه که بهش احتیاج داشتم
    ممنونم




  3. آرمان
    ۲۵ فروردین ۱۳۸۸

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




  4. seebkhanoom
    ۲۷ فروردین ۱۳۸۸

    سلام

    تبریک تبریک
    وب سایت اموزشی جالبی دارید

    امیدوارم کردید
    خدا امیدوارتان کند

    میخواهم دانلود کنم ان شاءالله که مفید باشد

    من درباره برنامه های سوییش مکس و ماکرومدیا فلش و قراردادن یک فلش که خودمان درست کردیم و میخواهیم در بلاگفا یا …قرار دهیم یعنی به جای یک متن فلش دلخواه را بگذاریم دچار مشکلاتی هستم

    لطفا طراحی یک الگوی متحرک و یک الگوی ثابت برای وبلاگ را توضیح دهید

    چگونه میشود آن الگو را در وبلاگ خود قرار دهم

    چگونه الگوهای طراحی شده را درمعرض دید افراد دیگر برای دانلود قرار دهم
    فضای رایگان احتیاج دارد؟؟؟؟؟؟؟؟

    لطف کنید و این اموزشها را از اول تا اخر قرار دهید

    خدا خیرتان دهد




  5. Matin
    ۲۷ فروردین ۱۳۸۸

    ممنونم …




  6. محمد
    ۲۸ فروردین ۱۳۸۸

    با با تو دیگه کی هستی:-* کارت حرف نداره آقا خسته نباشی




  7. عسل
    ۳۱ فروردین ۱۳۸۸

    عالی بومنتظر قسمت بعد هستم




  8. محسن
    ۳۱ فروردین ۱۳۸۸

    آقای کامران عزیز،
    سلام. بابت زحمت هایی که می کشید، سپاسگزارم. تا سلامی دیگر…




  9. عسل
    ۷ اردیبهشت ۱۳۸۸

    به نظر من واقعا فکر و ایده بسیار خوب و نویی هست و از اینکه در قالب یک فایل pdf ارائه بدهید همه آموزشهارو من که استقبال میکنم
    مرسی




  10. mohammad
    ۹ اردیبهشت ۱۳۸۸

    پس قسمت دومش کی میاد خسته شدم انقدر منتظر موندم




  11. hamed
    ۱۳ اردیبهشت ۱۳۸۸

    با سلام و خسته نباشید .
    قسمت دوم کی آماده میشه ؟




  12. کامران
    ۱۳ اردیبهشت ۱۳۸۸

    قسمت دوم در دست نوشته شدنه و به زودی آماده میشه
    اگر عضو خبرنامه و یا feed باشید از انتشار قسمت دوم به خبر میشید
    بابت تاخیر بوجود آمده عذرخواهی ما رو بپذیرید.
    ممنونم




  13. اصغر
    ۱۶ اردیبهشت ۱۳۸۸

    بابا خسته نباشید! اگه زبان HTML و CSS بلد بودیم که دیگه نیازی به خودآموز نبود!




  14. babak
    ۱۶ اردیبهشت ۱۳۸۸

    mer30




  15. کامران
    ۲۱ اردیبهشت ۱۳۸۸

    دوستان مژده – قسمت ۲ در راهه
    به زودی




  16. امین
    ۱۰ خرداد ۱۳۸۸

    سلام
    خیلی عالی و مفید بود.
    ممنون




  17. عادل نسب الحسینی
    ۱۵ خرداد ۱۳۸۸

    سلام
    واقعا عالی بود
    فقط من بی صبرانه منتظر قسمت دوم هستم




  18. کامران
    ۱۷ خرداد ۱۳۸۸

    عادل جان قسمت دوم هم ۳ هفته ای هست که منتشر شده




  19. omid
    ۳۱ خرداد ۱۳۸۸

    agha yak donya memnon
    bawer befermayd to danschgahai alman ham inchori shiwa khodamoz pida nemikonid .
    baz ham memnonem




  20. محمدعلی
    ۱۰ تیر ۱۳۸۸

    عالی بود
    کارت درسته آقا جون – ادامه بده




  21. reza
    ۱۹ تیر ۱۳۸۸

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




  22. کامران
    ۲۲ تیر ۱۳۸۸

    ممنون از همه دوستان




  23. تندیس
    ۲۳ تیر ۱۳۸۸

    سلام ،اول ممنون از زحماتتون . بعد اینکه من یه سوالی برام پیش اومده :
    گفته بودید برای insert عکس باید به مسیر Select>Modify>Contract بریم . این مسیر تو برنامه ی فتوشاب من فعال نیست . دلیلش چی می تونه باشه ؟
    بعد اینکه چرا برای insert عکس از file>place استفاده نمی کنیم ، تفاوتش چیه با راهی که شما گفتید ؟




  24. علی
    ۴ مرداد ۱۳۸۸

    ممنون




  25. الهام
    ۲۳ مرداد ۱۳۸۸

    با عرض سلام
    من میخوام یه سایت با جوملا طراحی کنم، شما اطلاعاتی در این زمینه دارید؟



دیدگاه خود را بنویسید