شهریور
۲۰
۱۳۹۰

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

خوب دوستان ، در این آموزش طراحی سی اس اس صفحه نخست سایت رو به اتمام میرسونیم و فعلا کار ما با سی اس اس تمام میشه ، البته به احتمال زیاد دوباره باید برگردیم و یک سری ادیت و ویرایش به فایل 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" /]

Related Posts

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

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

۴۶ Comments + Add Comment

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

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

  • خیلی آقایی

    دستت درد نکنه

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

  • مهندس مطالب بسیار مفید و جالب هستند….
    مرسی از مطالب مفیدتون

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

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

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

  • ممنون از اموزش هاتون ……امیدوارم کارتون رو ادامه بدید …….منتظر بقیه اموزش هاتون هستیم ……:)

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

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

  • سلام

    منتظر آموزش شماره ۱۰ هم هستیم

    لطفا زودتر بزارش دیگه

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

  • ای بابا برای تبدیل به php فقط کافیه save as رو بزنی بعد php رو انتخاب کنی
    البته چند تا کد php هم باید بزاری تنگش

  • thanks

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

  • سلام
    خسته نباشی
    منتظر قسمت دهم هستیم
    با تشکر

  • سلام
    ممنون از زحمات شما
    آقا بذار دیگه این قسمت دهم رو ! ما همه منتظریم .بدو دیگه
    :D

  • بابا ادامه بده دیگه

  • آقا این آموزشا چند قسمتیه؟ من دل تو دلم نیست می خوام بدونم؟

  • استاد تو رو خدا ادامه بده من که مردممممممممممممممممممممممممممم

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

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

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

    واقعاً ممنون

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

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

    macromadia DreamWeaver یا Adobe

    DreamWeaver

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

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

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

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

  • چرا اینقدر دیر ؟؟؟ مردیم از انتظار

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

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

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

    • سلام ؛ از طریق Rss سایت میتونید در جریان آخرین آپدیت های سایت باشید.
      سپاس

  • استاد تو که ما رو ****** بقیه اموزش ها رو بزار دیگه

  • قربونت !
    ادامه ادامه و بازم ادامه
    D-:

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

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

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

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

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

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

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

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

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

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

  • لینکش خرابه

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

  • خیلی ممنون .. عالی بود :)

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

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