• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی طراحی وب (جلسه 15): استایل دهی و تکمیل پروژه یک

78 11348 ۲۳ بهمن ۹۳
در این جلسه سعی می کنیم با استفاده از آموزش های CSS در چند جسله گذشته، به ساخت سایت و قالب ساده ای بپردازیم. در واقع قالبی رو که در انتهای آموزش های html با هم ساختیم، استایل دهی و تکمیل کنید . عموم مباحثی که در این جلسه مطرح می کنیم عبارتند از :
  • نمایش خروجی قالب و ساختار آن
  • مرور و توضیح کلی در مورد تگ های قالب
  • آشنایی با نحوه استاندارد نوشتن استایل ها و جداسازی آنها با کامنت های توضیحی
  • استایل دهی بخش هدر قالب، عنوان سایت و توضیح آن
  • ایجاد منوی بالای سایت و استایل دهی به آن
  • رفع مشکل بیرون زدن تصاویر از باکس محتوا با یک ترفند ساده!
  • استایل دهی بخش اسلایدر قالب
  • چینش سایدبار و محتوا در کنار هم و استایل دهی کلی آن
  • استایل دهی سایدبار قالب و محتوا و لیست های درون ان
  • استایل دهی مقالات و لینک ادامه مطلب و تاریخ انتشار آن
  • استایل دهی فوتر قالب
  • آشنایی با نحوه لینک دادن به بخشی از صفحه کنونی
  • استایل دهی عمومی جدول ها با استفاده از CSS
  • معرفی ابزاری خاص برای ایجاد استایل های مربوط به جدول ها
  • ذکر نکات و موارد مورد نیاز برای ادامه دوره
این مطلب یک جلسه از کاملترین و کاربردی ترین پکیج و دوره آموزش طراحی وب است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : به جای صرف هزینه های چند صد هزارتومانی برای یادگیری طراحی وب ، تنها با 30% هزینه ی کلاس های حضوری، دوره ی کامل و حرفه ای آموزش طراحی وب را برای شما عزیزان برگزار کرده ایم. در این دوره مفاهیم اساسی و پایه ای طراحی وب مطرح خواهد شد و زبان های HTML5 و CSS3 با جزئیات کامل و به صورت کاملا عملی و کاربردی تدریس می شود. وجه تمایز و مزیت این دوره نسبت به دوره های مشابه، کاربردی بودن آن است. در این دوره مواردی مانند آموزش طراحی قالب متناسب با سئو، آموزش طراحی وب واکنشگرا (Responsive)، آموزش تبدیل قالب فتوشاپی به صفحه وب، آموزش ترجمه و فارسی سازی قالب های خارجی، آموزش طراحی قالب برای سیستم های وبلاگدهی (بلاگفا و میهن بلاگ) به صورت کاملا عملی، از پایه تا پیشرفته توسط مدرسی با تجربه 10 ساله طراحی وب و دانشجوی دکترای نرم افزار برای شما به صورت کاملا اصولی و عملی تدریس می شود. شما برای این حجم مطالب آموزشی فقط یک سوم کلاس های حضوری هزینه می کنید! ما رضایت شما را تضمین خواهیم کرد ...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 78 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    Farhad Ashtari(۱۳ شهریور ۱۳۹۴)

    سلام استاد
    ببخشید اگه زحمت نیست این سایت رو ببینید:
    http://www.colorsontheweb.com/colorwizard.asp
    کاری که این سایت می کنه اینه که با انتخاب یک رنگ میاد و رنگ های دیگه مرتبط به اون رو به شما پیشنهاد می ده که شما بتونید از اون در طراحی هاتون استفاده کنید. اما من متوجه نمی شم از این ترکیب های رنگی پیشنهاد داده شده چطور باید استفاده کرد؟ این سایت رنگ های پیشنهادی رو در سه دسته Hue , Saturation , Tint & Shade دسته بندی می کنه. ولی من دقیقا نمی دونم چطور باید از رنگ های پیشنهاد داده شده در طراحی های خودم استفاده کنم. جواب این سوال خیلی برام ضروریه ممنون میشم اگر توضیح بدید.
    با تشکر

    • ‏‏
      وحید صالحی(۲۳ شهریور ۱۳۹۴)

      hue مقدار رنگ اولیه هست مثل زنگ آبی Saturation مقدار غلظت رنگ اولیه هست مثل آبی تیره Tint & Shade مقداره سایه روشن موجود در رنگ هست حالا بنا به رنگی که با اون دستگیره ها ایجاد میکنید این مقادیر تغییر میکنه که من رنگ آبی رو مثال زدم بعد از اینکه رنگ مورد نظر رو بدست آوردی مقادش رو کپی و در جای دلخواه استفاده کن مقدارشم همون اعداد و حروفی هست که جلوی هر رنگ با علامت # مشخص شده فقط هر مقداری رو کپی کردی جایی که خواستی استفاده کنی علامت # در ابتداش بزار

  • ‏‏
    Farhad Ashtari(۱۴ شهریور ۱۳۹۴)

    سلام مجدد آقای دکتر
    ببخشید استاد راهی وجود نداره که بشه یک تصویر پس زمینه رو که برای تگ body ست کردیم رو بهش شفافیت بدیم، بدون اینکه شفافیت روی بقیه عناصر تگ body اعمال بشه؟
    ضمنا یه انتقاد دارم. اگه زحمت نیست سوالات رو یه مقدار سریع تر پاسخ بدید الان من سوالاتی رو که مثلا در جلسه هفتم پرسیدم هنوز جوابشونو نگرفتم. با تشکر

  • ‏‏

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

  • ‏‏
    بهرام آزادی(۲۶ مهر ۱۳۹۴)

    سلام
    یه سوال
    در کدنویسی های صورت گرفته در پروژه ها گاهی به خاصیت href مقدار # داده شده است
    این به چه معناست؟

    • ‏‏
      وحید صالحی(۴ آبان ۱۳۹۴)

      برای این هست که خاصیت لینک رو به متن بدیم اما لینک به جایی نباشه در بعضی موارد هم برای نصبت دادن یک آی دی از یک عنصر به یک لینک استفاده میشه که بیشتر در جاوااسکریپت کاربرد داره

  • ‏‏
    Mohsen Abedi(۱۵ بهمن ۱۳۹۴)

    سلام
    phpStorm من مشکل داره بعضی تگ های رایج رو نمیشناسه مثلا تگ hgroup رو که میخوام استایل بده(عین آموزش استاد آوند) اصلا اعمال نمیکنه دقیقا مو به مو عین اموزش رفتم جلو ولی اصلا قبول نمیکنه

    • ‏‏
      لقمان آوند(۱۷ بهمن ۱۳۹۴)

      سلام
      تو آخر آموزش توضیح دادیم. این تگ منسوخ شده و دیگه استفاده نمیشه. دیگه کجا ها چیزی رو نمیشناسه؟

      • ‏‏

        استاد hgroup منسخ شده
        w3sch رو نگاه کردم نبودش میخواستم بببینم جایگزین داره یا نه
        جایگزین نداره یا مهم نیست؟

        • ‏‏
          لقمان آوند(۲۶ بهمن ۱۳۹۴)

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

  • ‏‏

    سلام خدمت اساتید و دوستان
    زمانی که نرم افزار php storm را اجرا می کنم , با پیغام Your PhpStorm evaluation has expired روبرو می شم ,ونمی تونم وارد نرم افزار بشم ,چجوری می تونم این مشکل رو برطرف کنم؟؟؟؟؟؟

  • ‏‏

    درود
    در بعضی مواقع با اینکه محتوایی را درون تگ div قرار می دهم اما زمانیکه باکس مدل تگ div را مشاهده می کنم height آن برابر با مقدار 0 می باشد,در صورتی که کلی محتوا درون آن قرار دارد اما height آن برابر با 0 می باشد,,مثلا اگه به تگ div پدر پس زمینه بدهم ,در خروجی نمایش داده نمی شود چونکه height آن 0 است ,,,لطفا راهنماییم کنید که چطور این مشکل را برطرف کنم؟؟؟
    ممنون

  • ‏‏

    سلام با اینکه جزو کاربران vip silver هستم با این حال چند روزی می شه از تاریخ سوال کردنم می گذره اما همچنان جوابی دریافت نکرده ام ……

  • ‏‏
    єѕмαιℓ(۸ آبان ۱۳۹۵)

    سلام خسته نباشید ، من این جلسه رو مشاهده کردم و سوالی واسه من پیش اومد .
    شما در مابقی جلسه ها و آمورش ها به همین صورت آموزش خواهید داد ؟ یعنی اول HTML را درست می کنید و بعد میاید CSS بهش اضافه می کنید ؟

    تشکر از تدریس خوبتون :smile:

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

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram