Computer Graphic TV

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

آموزش طراحی وب سایت -شماره نه

سپتامبر 11, 2011, توسط حامد میاحیان, دسته بندی طراحی وب

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

در این قسمت به ادامه طراحی قسمت مطالب خواهیم پرداخت ، قسمت نویسنده ، تاریخ و نظرات را قرار خواهیم داد، سعی کردم این قسمت ها رو با جداول ایجاد کنم تا شما دوستان با ساخت جداول و استایل دادن به اونها در css آشنا خواهید شد.

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

فایلهای پروژه رو در چند روز آینده آپلود میکنم.

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

دانلود ویدئوی آموزش-کیفیت اصلی

دانلود ویدئوی آموزشی – کیفیت پایین

دانلود ویدئوی آموزشی برای مشاهده بروی آیفون

مشاهده از طریق نرم افزار آیتونز

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

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

۴۷ Comments

  1. رضا کیانوش |

    سلام استاد خوبی داداش
    شما پیر شدی یا ما ؟؟؟
    از الان تا اموزش بعدی باید بریم یه ۲ هفته ای سماغ بمکیم.
    بابا سریع تر اموزش ها رو ضبط کن تموم شره بره پی کارش دیگه
    باید برت زن بیریم دیگه نگی پیر شدم قضیه ات مثل اون یارو میمونه که میگفت:
    مامان خیلی تنهام دیگه ۲۸ سالمه ؟؟؟ مامانش میگه : زن میخوایی پدر سوخته پسره میگه پــ نه پـــ یه داداش کوچیک میخوام روم نمیشه به بابا بگم :D

    برو برو بشین اموزش شماره ۱۰ رو ضبط کن فیـــــــش

    پاسخ دادن
  2. EdrisCG |

    آقا خسته نباشی. ما اینترنتمون قطع شده و اینه که دیگه نمی تونم زود زود چک کنم و … به هر حال خیلی ممنون. به قول رضا: “و همچنان منتظر قسمت بعد…”

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

    سلام
    حامد جون هر کی دوست داری بقیه اموزش ها رو سریع تر بزار
    منتظریم
    یه چیزی اگه یه فایل psd بزنم و برات ارسال کنم مشگلاتش و یا کارهایی که باعث زیبا تر شدنش میشه رو توضیح میدید؟

    پاسخ دادن
  4. moh3n |

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

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

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

    پاسخ دادن
  6. alli |

    سلام دوست عزیز یه سوال دوست من اگر بخوایی این رو روی وردپرس اجرا کمی باید تبدیلش کنی به PHP این شده یه سوال برای من که شما چطوری می خواهید با html این کارو کنید با تشکر ؟؟؟؟ راستی داداش تو این امورش چی زده بودی خیلی حال می دادی :دی !!!

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

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

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

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

    وقتی روی هر کدوم کلیک می کنی تو صفحه جدید و بالای خبر موردنظر یه قسمت داره به نام Top Stories که جلوی اون تیتر برخی اخبار رو می نویسه که با کدهای جاوا هست

    می خواستم چگونگی اونو برام توضیح بدین و یا حتی کد اون قسمتو بهم بدین.

    واقعاً ممنون

    در ضمن بی صبرانه منتظر قسمت جدید هم هستیم. تا اینجا که فوق العاده بودی و تک (همون طوری که قبلاً هم گفتم)

    پاسخ دادن
  9. محمد |

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

    macromadia DreamWeaver یا Adobe

    DreamWeaver

    منتظر کمکتون هستم.

    با تشکر و موفق باشید.

    پاسخ دادن
    • arix |

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

      پاسخ دادن
  10. عادل |

    سلام حامد جان
    حامد بابا از ۲۰ شهریور منتظریم ها امروز ۱۵ مهر هست نمی دونم چرا اینقدر طول کشیده اما اگه اینطوری بری بازدید هاتو از دست میدی

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

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

    پاسخ دادن
  12. سید |

    به نام خدا-سلام
    ببخشید این سایت شما خبر نامه نداره،که ما از آموزشهای جدیدتون(مخصوصا فتوشاپ) با خبر شیم؟

    پاسخ دادن
  13. poria |

    سلام
    منتظر شروع کار با PHP و وردپرس هستم.

    ممنون حامد جان / خدا کمک کنه در تمام مراحل زندگی ات

    پاسخ دادن
  14. hamid |

    سلام حمد جان
    من از طریق شبکه یک مجله خبری با سایت شما آشنا شدم و امروز یعنی ۲۷/۱۱/۱۳۹۰ وارد سایت شما شدم و به شما خسته نباشی میگم و امید وارم در تمام مراحل زندگی ات موفق بشی

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

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

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

    سلام استادعزیز
    من امروزآموزش نهم را به پایان رساندم اگرممکن است درجلسه پرسش وپاسخ جدیددرموردtableدیدگاه،نویسنده وتاریخ یک آموزش جامع محبت کنید
    باسپاس فراوان اززحمات شماگرامی

    پاسخ دادن
  17. mahtab |

    باسلام
    سپاس فراوان.
    من تا اینجا خیلی خوب پیش رفتم ولی…
    یه سوال خیلی کلیدی و مهم که ممنون میشم پاسخ بدید:
    من قالبمو طراحی کردم و کد نویسی کردم و بدون هیچ مشکلی توی فایر فاکس یا گوگل کروم نمایش داده میشه ولی متاسفانه با مرورگر IE اصلا همه چی به هم ریخته است.فکر کنم باید سی اس اس جداگونه نوشت.ولی چطوری؟ من هیچی نمیدونم.
    خواهش میکنم کمکم کنید.
    باتشکر

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

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

    پاسخ دادن
  19. عرفان |

    سلام دوست من آموزشات عالیه و از چند تا از ویژگی های کارت خوشم میاد۱-اینکه اصلا سعی نمیکنی کتابی صحبت کنی۲-اینکه آموزشارو همراه با ما و بدون پیش زمینه ضبط میکنی،کلا میخوامت :d

    پاسخ دادن

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

Switch to our mobile site