مرداد
۷
۱۳۹۰

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

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

در این آموزش به ادامه طراحی قالب مورد نظرمون به وسیله کدهای 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" /]

 

Related Posts

درمورد نویسنده این مطلب:

یه نفر مثل خود شما...

۴۲ Comments + Add Comment

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

  • سلام حامد جان ، چیکار کنیم که سایتی که طراحی می کنیم در تمام مرورگرها درست نشون داده شه؟

  • ممنونم از زحماتتون

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

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

  • salam hamed jan mamnooon az in amozeshe jadidet . amozeshe badi key mirese. man montazerad

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

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

    • مشخص نیست ، تا هر جا که ادامه داشته باشه و طراحی قالب به پایان برسه ، شاید ۱۰ یا ۱۲ جلسه…

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

    • من کلا با تلفظ کلمات انگلیسی یه مقدار در تکاپو هستم شما زیاد جدی نگیر :))

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

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

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

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

  • 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

  • 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 .

  • your work is great i watched one of your work its good i hope develop that thank you for video clip i will use that

  • سلام آقا حامد شمابه تصویرزیرنگاه کنید من چطوری من این ها را پایین بچینم؟
    http://baxcomputer.ir/up/uploads/13291541461.png

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

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

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

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

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

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

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

  • تگ هایHTMLدرموردمشگلcontentکه زیرmenuقرارمی گیرد

    welcome

    مطلب آزمایشی

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

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

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

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

  • من نمیفهمم تو این قسمت چرا حین آموزش یه صدایی میاد؟
    جارو برقی روشن بوده… D:

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

  • خیلی خوب بود

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

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

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

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

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

    ممنون

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

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

  • تو html ، قسمت header که میره سمت راست باید قبل از menu بیاد.همین!!!!!!!!!!!!!!!!!!!!!!

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

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

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

  • با سلام
    لینک ویدیو های ۱ تا ۷ مشکل دارند و نمیشه دانلود کرد. باتشکر

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

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