shams 29 فروردین 1394 4 577 بازدید دوره مجازی آموزش طراحی صفحات وب (پیشرفته)

در این فیلم آموزشی به سراغ کدنویسی نوار باریک ابتدای صفحه ی وب مورد نظرمان می رویم. همچنین با یکسری نکات در اهمیت دقت به ظرافت های پیاده سازی شده در طراحی گرافیکی قالب سایت آشنا می شوید تا یک طراح سایت با کیفیت کار بالا باشید؛ نکاتی که به خصوص در حین آموزش طراحی سایت و آموزش تبدیل PSD به HTML اهمیت بسزایی دارند و باید سعی کنید تا در همین مراحل آموزشی، این عادت های خوب را در کارهای خودتان پیاده سازی و به کارگیری کنید.

در این فیلم آموزش طراحی سایت پیشرفته (تبدیل psd به html) تقدیم تان میگردد:

  • استفاده از پترن انتخاب شده در مراحل قبل، و به کارگیری آن در فایل PSD مربوطه در فتوشاپ
  • کدنویسی Mark up کلی صفحه وب با استفاده از کدنویسی html
  • شروع کدنویسی header سایت و پیاده سازی نوار باریک ابتدایی در header دقیقا مطابق با طرح گرافیکی قالب سایت (با html, css)

جهت دانلود این فیلم آموزش طراحی سایت؛ به همراه دانلود قالب سایت مربوطه، بر روی لینک زیر کلیک نمایید:

خرید این فیلم آموزشی به صورت تک (2500 تومان) :
25,000 ریال – خرید
ثبت نام و دسترسی کامل به تمام فیلم ها و محتوای دوره آموزش حرفه ای طراحی صفحات وب (تبدیل PSD به HTML) قبلا ثبت نام کرده ام؛ ورود

دسترسی سریع :

نظرات کاربران (4)



  1. زهرا صوفی

    سلام
    من توی این فیلم اموزشی یک سوال دارم
    موقع انتخاب رنگ با ابزار color picker توی فایل psd معمولا رنگی که من انتخاب میکنم با رنگی توی فایل آموزشی نمایش داده شده متفاوت هستش یا توی طیف خیلی روشنتری از اون رنگه و معمولا نمی تونم رنگ دقیق رو تعیین کنم البته فکر می کنم بعضی رنگ ها توی فایل psd من متفاوت از اونچه که توی فیلم آموزشی میبینم هستش بنابر این در رنگ بندی طرح من شبیه طرح در فیلم آموزشی نمی شه
    اگر راهنمایی کنید ممنون میشم

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

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

  2. احمد

    سلام.

    برای ایجاد introbar ما میتونیم بیاییم به header یک border-top به ارتفاع 9پیکسل بدیم و اون نوار یک پیکسلی رو هم با استفاده از box-shadow دربیاریم.
    یعنی در واقع به جای اینکه یک div برای introbar قرار بدیم، بیاییم به خود این استایل هارو بدیم:

    border-top: 9px solid #5a96ca;
    box-shadow: 0 0 0 1px #0894bc;

    البته میدونم که شما فعلا مباحث css3 رو شروع نکردید.
    منتها سوالم اینه که اصلا همچین کاری اصولی هست؟

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

      با عرض سلام و احترام خدمت شما
      توجه داشته باشید که خود introbar را درون header قرار داده ایم.