Computer Graphic TV

آموزشهای گرافیک کامپیوتری به صورت چندرسانه ای

آموزش طراحی وب سایت – شماره هفت

جولای 29, 2011, توسط حامد میاحیان, دسته بندی طراحی وب

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

در این آموزش به ادامه طراحی قالب مورد نظرمون به وسیله کدهای CSS خواهیم پرداخت و شما با قابلیتهای دیگری در CSS آشنا خواهید شد.

در ادامه به ساخت منوها خواهیم پرداخت و همچنین قسمت مطالب اصلی یا همون محتوا رو ایجاد خواهیم کرد.

از این پس فایلهای پروژه مربوط به هر قسمت رو در کنار آموزش آپلود خواهم کرد و شما قادر خواهید بود فایلهای پروژه رو دانلود کنید.

کم کم فایلهای پروژه قسمتهای قبلی رو نیز آپلود خواهم کرد.

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

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

دانلود آموزش ( مدیا فایر )

دانلود آموزش طراحی وب سایت – شماره هفت

مشاهده از طریق آیفون یا آیپاد تاچ ( شما میتوانید با استفاده از گوشی آیفون وارد سایت شوید و آموزشهای سایت رو به صورت آنلاین بروی آیفون مشاهده کنید)

مشاهده از طریق نرم افزار ITunes

دانلود فایلهای پروژه

مشاهده به صورت آنلاین از همین وب سایت:

[hana-flv-player video="http://animators.blip.tv/file/get/Animators-WebDesignPart7337.mp4" width="400" height="330" description="" player="1" autoload="true" autoplay="false" loop="false" autorewind="true" /]

 

۴۲ Comments

  1. farhang |

    سلام
    با تشکر از اینکه قسمت بعدی آموزش رو واسه دانلود گذاشتید.چند وقت بود سایتتون با ز نمی شد من که خودم شخصا روزی چندبار به سایتتون سر می زدم تا ببینم قسمت بعدی اومده یا نه . ولی فاصله بین این دو تا آموزش از یک ماه هم بیشتر بود ولی به هر حال ممنون ، همینم که گذاشتین خوبه ما که نباید منت بزاریم ، اسب پیشکشی رو که دندونشو نمیشمورن . ضمنا ازتون یک خواهش دارم که جزوه های آموزش Html . PHP . JavaScript . Asp.NET . CSS . JQery رو به صورت کامل از ابتدایی ، متوسطه تا حرفه ای و پیشرفته بذارید چون جزوه هاش تو نت خیلی پراکندس و هیچکدوم کامل نیست ، باز هم ممنون از همتون.

    پاسخ دادن
  2. رضا کیانوش |

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

    پاسخ دادن
    • امید |

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

      پاسخ دادن
  3. نیما |

    salam
    تشکر !
    من قسمت ۱ رو دیدیم که خوب و روون توضیح میدادین امیدوارم که توی کد نویسی ها هم همینطور خوب توضیح بدین:دی

    کلا چقند جلسه هستش؟؟؟؟؟

    پاسخ دادن
  4. نیما |

    راستی حامد جان تو قسمت ۴ ظاهرا توی تلفظ device گیر کردی:دی – تلفظش میشه دوایس همون که بار اول گفتی عزیزم!

    پاسخ دادن
  5. نیما |

    منم همینطوریم!واسه همین واسه ۳dmax جرات نمیکردم فیلم اموزشی بدم فقط مقاله میدادم:D
    امشب قسمت ۵ دارم دانلود میکنم به امید خدا برنامه نویسی رو شروع میکنیم، امیدواریم قاطی پاطی نشه کلمات انلگیسی:D

    راتس حامد جان بچه کجایی؟

    پاسخ دادن
  6. محمدرضا |

    سلام
    می گم تو این سایت که تو آموزش هست مثل سایت شما منو نداره که مثلا بالای صفحه نوشتید فلش مایا و …
    و وقتی موس میره روش عوض می شه.
    می شه یه آموزشی واسه این کار هم بذارید؟

    پاسخ دادن
  7. مهدی |

    سلام آقا حامد
    من در سری هفتم آموزش منوی سمت چپ رو درست کردم و همچنین قسمت محتوا را ولی یک مشکلی که هست این است که مثلاً اگر ارتفاع محتوا را ۴۰۰px قرار دهیم و از منو ها سه تا کپی کنیم منوی سومی به زیر قسمت محتوا می رود و زیر منوی دومی نمی ماند در ضمن ارتفاع منو ها ۲۰۰px هست
    اگه لطف کنین منو راهنمایی کنین خیلی متشکر می شوم
    بابت تمام زحماتی که کشیده اید متشکرم

    پاسخ دادن
  8. maryam |

    salam
    khaili amamnun az zahamate ziad va bi darigh shoma
    ye soal dashtam
    mishe begid chera gahi rang fontha dar mororgar hai mokhtalaf fargh mikone? chikar konim ke tafavot nakone
    chi kar konam vaghti mikham be jomei ya kalame i link bedam underline nagire

    khaili mamnun

    پاسخ دادن
  9. saman |

    salam khaste nabashid ye soali dashtam va inke aya agar in tarahiye ghalebo anjam dadim
    va tamume tamum shudd vase hameye morurgar ha ejra mishe ya bayad code haso to css bedim masalan vase inke to firefox khob biad ye code bezarim va hamintur opera / ie / & ….

    ba tashakur az zahamate shuma lotfan shumareye 8 amuzesh ru ham sari tar amade kunid hame mushtaghane montazeran

    man ke injuriyam vaghiye ru nemidunam .

    پاسخ دادن
  10. behesht |

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

    پاسخ دادن
    • حامد میاحیان |

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

      پاسخ دادن
  11. simin |

    سلام .
    ممنون از آموزش های خوبتون .
    راستش من در این جلسه مشکلی که واسم پیش اومد اینه که کدی رو که شما میگید رو عینا من مینویسم .
    اما مشکل اینجاست که Content در زیر menu قرار میگیره که فقط در حالتی میان کنار هم که من در content مقدار Margin – top رو معادل عددی منفی مثل -۲۰۰ قرار میدم .
    البته لازم به ذکر هست وقتی از Menu چند تا کپی میگیرم باز هم Content میپره پایین !
    چه کنم ؟

    پاسخ دادن
    • حامد میاحیان |

      سلام ؛ ممنون دوست عزیزم.
      لطفا در انجمن سایت عضو بشید.
      در قسمت طراحی وب سوالتون رو کامل مطرح کنید و فایلهای پروژه تون و یا اسکرین شات رو اونجا قرار بدید تا من و دوستان بتونیم این مشکل رو برطرف کنیم.
      آدرس انجمن سایت هست:
      http://forum.cgtv.ir
      سپاس از لطفتون
      موفق باشید.

      پاسخ دادن
  12. محمدعلی حاجیان |

    سلام حامدعزیز
    به لطف خداوزحمات شما وتوجه خودم مشگل طراحی وب قسمت ششم حل شد
    امادرطراحی وب قسمت هفتم
    مشگلsiminرادقیقاًپیداکرده ام

    بهمن ۲۹, ۱۳۹۰ در ۸:۴۰ ب.ظ .
    سلام .
    ممنون از آموزش های خوبتون .
    راستش من در این جلسه مشکلی که واسم پیش اومد اینه که کدی رو که شما میگید رو عینا من مینویسم .
    اما مشکل اینجاست که Content در زیر menu قرار میگیره
    لطفاً حل مشگل کنیددرضمن درانجمن هم این موردرادنبال می گنم باتشکر

    پاسخ دادن
  13. محمدعلی حاجیان |

    استادعزیزدرانجمن مشگل رامطرح می کنم وکدهایHTMLوcssرامی آورم لطفاًدرانجمن بانام کاربریhajianمنتظرپاسخ شماهستم
    درضمن به اطلاع می رسانم درطراحی وب سایت قسمت هفتم وقتی کدنویسیcontentراشروع نمودیدچندپرش درآموزش احساس شدوخیلی گذرااین قسمت راشروع وبه پایان رسید شایدعدم مفهوم بودن به این علت باشد
    اگراین قسمت درس رابازبینی نماییدصحت گفتاراین جانب دریافت کنید
    درخاتمه کدهای HTMLوcssراامروزدرانجمن جهت مشاهده وراهنمایی درج می نمایم
    باتشکروسپاس ازمساعدت شما

    پاسخ دادن
  14. محمدعلی حاجیان |

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

    پاسخ دادن
  15. محمدعلی حاجیان |

    اشکالات اشاره شده قبل حل شدیک پیشنهاد
    سلام وعرض ادب
    اشکالات درموردمواردی که درجلسات درج نموده بودم بامراجعه به ویدیوی پرسخ وپاسخ حل گردید
    ولی “menu”>درسمت راست قرارگرفت و”content”>درسمت چپ
    اماازجهت اینکه درآموزش طراحی وب سایت قسمت هفتم مواردفوق چپ چین است اگرحامدعزیز لطف کنندودرنوارویدیویی این قسمت تجدیدظبط کنند به نطراین جانب مفیدترمی شود
    باتشکراززحمات استادگرامی

    پاسخ دادن
  16. hana |

    کارتون خیلی خوبه. امیدوارم همیشه موفق باشید. چند تا از نمونه کارهاتون هم بزارید ما ببینیم و بیشتر علاقمند بشیم….

    پاسخ دادن
  17. سعید |

    سلام دادا. خیلی گلی. اگه بدونی چقدر بهم کمک کردی…
    تمام اطلاعاتم پراکنده بود.
    ۱ ماهه کاسه چه کنم چه کنم دست گرفتم تو وب دنبال اطلاعات درست درمون می گردم.
    ۸ گیگ دانلود کردم هیچ کدوم به دردم نخوردن… اگه خدای نکرذه به یه جایی رسیدم هیچ وقت فراموشت نمی کنم.
    مردی … آقایی… گلی …
    در به درتم …
    نوکرتم …

    پاسخ دادن
  18. behzad |

    با سلام
    من آموزش های شما رو دنبال می کنم ولی توی این آموزش هفتم کاری رو اصلا نتونستم انجام بدم در واقع بعد از ساخت
    div content من هر کاری با width اون در style کردم مطلب آزمایشی جاش تغییری نکرد چیز عجیبی هم دیدم که یک باره توی آموزش کد float توی div menu ظاهر شد و شما پاکش کردین لطفا بیشتر توضیح بدین …ممنون…

    پاسخ دادن
  19. sadi111 |

    با سلام
    اموزش ها شما خیل عالی هست
    می خواستم بدانم چرا مطلب اموزشی به زیر منو می رود ؟
    با تشکر ففط هرجه زودتر پاسخ مرا بدهید
    بل تشکر sadi111

    پاسخ دادن
  20. کیوان علی محمدی |

    عزیزم اون چیزی که شما میگی هک css نیست ، یکی از ویزگی های نسخه جدید css 3 هستش ، border-radius .

    تازه چیزای دیگه هم داره مثله box-shadow، Text-shadow،tranistion،transform و کلی ویژگی های جالب دیگه …

    ممنون

    پاسخ دادن
  21. mehrdad |

    سلام توی این فیلم یک ابهامی هست من وقتی جزئیات رو مثل فیلم درست می کنم قسمت content زیر قسمت menu می مونه و مثل فیلم بالا نمیاد .
    احتمالا شما دیو content رو در اچ تی ام ال به قسمت بالاتر از menu منتقل کردید که این در فیلم نیست درسته ؟

    پاسخ دادن
  22. مسعود |

    چرا تا وقتی منو هست قسمت بدنه میره یه سمت دیگه ی صفحه و پائین.فکر میکردم بزرگ بودن عرض
    علتشه که دیدم نه. چه مشکل دیگه ای هست؟

    پاسخ دادن
  23. امیرحسین |

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

    لطفا سوالمو جواب بدین که کارم لنگ نمونه !!! :(

    http://www.axgig.com/images/72972040420697631336.png

    پاسخ دادن
  24. احسان میر |

    سلام
    اقا من یه مشکلی دارم.توی قسمت source code ایا مهم هست که قسمتهایی مثل header,menu,contentو… به ترتیب خاصی باشند یا نه اصلا مهم نیست.چون من وقتی اینها رو جابجا میکنم طرحم بهم میریزه.اگر قانون خاصی داره ممنون میشم توضیح بدین.
    بازم از کار قشنگت تشکر میکنم.
    موفق باشید

    پاسخ دادن

خب ، نظر شما چیه؟

Switch to our mobile site