آموزش تصویری طراحی سایت

آموزش طراحی سایت

 

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

 

البته اگر قسمت  قبلی آموزش تصویری طراحی سایت رو مشاهده نکردید ، ابتدا پیشنهاد میکنم  قسمت ششم  آموزش تصویری طراحي سايت  ما رو ببینید. همچنین اگر هیچ کدام از این قسمت رو قبلا مشاهده نکردید پیشنها میکنم از قسمت ویدئوهای رایگان، قسمت های قبلی آموزش طراحی سایت رو دنبال کنید.

آموزش html و css

 

آنچه در آموزش تصویری طراحی سایت خواهید آموخت :

1. طراحی عنوان خبر

2. طراحی بخش متن خبر

3. ایجاد تصویر خبر

4. ایجاد لینک ادامه مطلب

 

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

 

وب سایت های استاتیک : به وب سایت هایی گفته می شود که پس از طراحی، محتوای آن ها ثابت خواهد بود، مگر طراح آن بتواند در آن تغییراتی ایجاد کند، که صد البته قبل از دانستن اصول سایت های پویا و قابل تغییر شما باید در ابتدا اصول سایت های استاتیک را بدانید، که این وب سایت ها با زبان html و css طراحی می شوند، هدف آموزش تصویری طراحی سایت ، آشنایی شما با مبانی طراحی سایت می باشد.

 

در آینده به آموزش تصویری طراحی سایت های داینامیک خواهیم پرداخت، همچنین به اصول مدیریت سیستم های مدیریت محتوا نیز خواهیم پرداخت ( وردپرس ، جوملا ، دروپال )

آموزش تصویری طراحی سایت

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

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

 

دانلود آموزش تصویری طراحی سایت

 

۳۶ دیدگاه

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

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

  2. خوب شما میتونید یه آموزش طراحی سایت برای مبتدی ها و یه آموزش طراحی سایت برای اونهایی که ازphpو غیره سردر میارن بزار الان کسی نیست که htmlوcssروندونه این ها که زبان برنامه نویسی نیستند که کار کردن با اونها سخت باشه htmlوcssفقط زبان نشانه گذاری هستش.

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

    • درود بر شما
      زبان های برنامه نویسی مختلفی رو تا به حال تجربه کرده ام و هر کدام بسته به نیازهای خودم و مشتریان بوده، اما برای تازه کارها بستگی داره می خواد برای طراحی وب سایت باشه، برنامه نویسی ویندوز یا سیستم عامل آندروید، هر کدام مختلف هست، اگر می خواهید برای ویندوز برنامه بنویسید دو زبان وجود دارد، یکی #C و دیگری ویژوال بیسیک. اگر هم برای طراحی سایت هست، ابتدا html , css سپس یک سیستم مدیریت محتوا و در انتها php، برای آندروید هم باید به جاوا مسلط باشید. اینها حداقل ها هستند.
      با تشکر

  3. بازم سلام…
    بابا این ایمیلتون رو واسه ما بفرستین خوب…ما که هکر نیستیم هکش کنیم…از چی میترسین خوب؟؟؟؟
    بازم میگم ممنون…
    تازه این بهرنگم یه چیزی گفت…شما به دل نگیرید…خیلی هم سایتتون خوبه…من مقدمات برنامه نویسی ویندوز و از سایت خودتون یاد گرفتم…واقعا راضیم……..
    اجرتون با خدا

  4. درود فراوان بر خودتون….
    اوکیی،اوکیی…
    یه چنداتا سوال هست باید مفصل بپرسم و شما هم لطف کنین مفصل جواب منو بدین….لططططفا

    راسیتی اموزش ویژوال بیسیک قسمتای جدیدش نیومده؟؟؟منظورم قسمتای 16 به بعدشه!!!!!!

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

      شاد، موفق و پیروز باشید

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

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

پاسخی بگذارید

آدرس ایمیل شما منتشر نخواهد شد. فیلد های ضروری مشخص شده اند *

ارسال نظر