×
۳۵,۰۰۰ تومان ۲۱,۰۰۰ تومان

آموزش پروژه محور دریم ویور (Dreamweaver) - طراحی وب سایت

آموزش پروژه محور دریم ویور (Dreamweaver) - طراحی وب سایت

تعداد دانشجو
۳۰۰ نفر
مدت زمان
۷ ساعت و ۲۶ دقیقه
هزینه عادی آموزش
۳۵,۰۰۰ تومان
در طرح تخفیف
۲۱,۰۰۰ تومان

(کسب اطلاعات بیشتر +)
محتوای این آموزش
۶ بازخورد (مشاهده نظرات)
آموزش پروژه محور دریم ویور (Dreamweaver) - طراحی وب سایت

چکیده

نرم افزار دریم ویور (Dreamweaver) یکی از بهترین ابزارها برای طراحی و ساخت انواع وب سایت به شمار می رود. این برنامه به دلیل داشتن رابط کاربری مناسب و سهولت در استفاده، یکی از پرطرفدارترین برنامه های طراحی سایت است. دارا بودن محیط گرافیکی و ویژوال و همچنین امکان نوشتن کدهای HTML و CSS در ساخت وب سایت، از دیگر مزیت های این برنامه محسوب می شود. به سبب رشد روزافزون استفاده از وب سایت ها، نفوذ اینترنت به زندگی روزمره افراد و همچنین پردرآمد بودن حرفه طراحی سایت، یادگیری این برنامه می تواند بسیار مفید و قابل توجه باشد. بر همین اساس و در این فرادرس، سعی بر آن است که مطالب به گونه ای آموزش داده شوند که در نهایت کاربر بتواند با تسلط مناسب بر این نرم افزار، اقدام به طراحی انواع وب سایت و همچنین پیاده سازی ایده های ذهنی خود نماید.

آموزش پروژه محور دریم ویور (Dreamweaver) - طراحی وب سایت

تعداد دانشجو
۳۰۰ نفر
مدت زمان
۷ ساعت و ۲۶ دقیقه
هزینه عادی آموزش
۳۵,۰۰۰ تومان
در طرح تخفیف
۲۱,۰۰۰ تومان

(کسب اطلاعات بیشتر +)
محتوای این آموزش
۶ بازخورد (مشاهده نظرات)
مدرس
امیررضا نیک خواه

کارشناسی مهندسی کامپیوتر - نرم افزار

مهندس امیررضا نیک خواه کارشناس نرم افزار هستند. وی مدیر پروژه و مدیر تولید نرم افزارهای آموزشی دیجیتال (بر روی CD , DVD) در چند شرکت نرم افزاری معتبر تهران، از سال 1385 تاکنون بوده و دارای بیش از 1700 ساعت آموزش محتوای دیجیتال مطابق با استانداردهای مرکز رسانه های دیجیتال و اخذ هولوگرام و مجوزهای لازم (وزارت ارشاد) از سال 1385 تاکنون هستند.

چکیده آموزش


توضیحات تکمیلی

نرم افزار دریم ویور (Dreamweaver) یکی از بهترین ابزارها برای طراحی و ساخت انواع وب سایت به شمار می رود. این برنامه به دلیل داشتن رابط کاربری مناسب و سهولت در استفاده، یکی از پرطرفدارترین برنامه های طراحی سایت است. دارا بودن محیط گرافیکی و ویژوال و همچنین امکان نوشتن کدهای HTML و CSS در ساخت وب سایت، از دیگر مزیت های این برنامه محسوب می شود.

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

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: آشنایی با نرم افزار
    • مروری بر محیط برنامه
    • آشنایی با ساختار کلی برنامه
    • ایجاد اولین وب سایت
  • درس دوم: ساخت و پیکربندی وب سایت
    • ساخت و پیکربندی وب سایت برای شروع پروژه
    • پیکربندی اولین صفحه وب سایت و نوشتن کد
    • اضافه کردن متن عنوان و متن توضیحات به صفحه
    • تغییر رنگ زمینه صفحه
    • اضافه کردن متن کپی رایت در پایین صفحه
    • اضافه کردن تصویر به پس زمینه
    • اجرای پروژه در مرورگر
  • درس سوم: ساخت استایل سفارشی برای وب سایت
    • پیکربندی و مدیریت فونت ها
    • ساخت انواع Selector برای تعیین استایل صفحه
    • تغییر در خصوصیات و چیدمان موضوعات در صفحه ساخت استایل سفارشی
    • استفاده از استایل های سفارشی
  • درس چهارم: درج لوگو
    • قاب بندی متون توضیحی موجود در صفحه
    • تنظیم خصوصیات صفحه به صورت سفارشی
    • درج لوگو در صفحه
    • ترازبندی لوگو
    • ایجاد هایپرلینک در بین متن پاراگرافی
    • پیکربندی اولیه منوهای سایت
  • درس پنجم: ساخت لینک با ظاهر سفارشی
    • تغییر ظاهر تصویر زمینه در فتوشاپ
    • ایجاد منوها به صورت لیست
    • ایجاد منوها به صورت خطی
    • ایجاد منوها با ظاهر سفارشی
    • تغییر رنگ و خصوصیات منوهای سایت
    • استفاده از Selector های سفارشی
  • درس ششم: تبدیل وب سایت به حالت ریسپانسیو (Responsive) و افزودن عناصر واکنش گرا
    • استفاده از قابلیت‌های پنل Insert
    • درج نوار منوی ریسپانسیو
    • کشویی کردن منوها
    • تغییر خصوصیات کادر متنی
  • درس هفتم: ساخت گالری تصاویر
    • ساخت صفحه درباره ما
    • ویرایش صفحه جدید بر اساس صفحات موجود
    • دسته‌بندی اجزای پروژه
    • ساخت صفحه گالری تصاویر
    • استفاده از اسلایدرها برای نمایش خودکار تصاویر
    • ویرایش اسلایدرها
    • افزودن متن عنوان برای هر تصویر
    • افزودن متن توضیحی برای هر تصویر
    • خطایابی در اجرای پروژه
  • درس هشتم: افزودن ویدئو و فرم ارتباط با ما
    • ساخت صفحه ویدیوها
    • اضافه کردن ویدیو به صفحه
    • مدیریت ویدیوهای موجود در صفحه
    • پیش نمایش پروژه در مرورگر
    • ساخت صفحه ارتباط با ما
    • افزودن برچسب برای درج متن
    • افزودن کادرهای متنی برای ورود نوشتار و توضیحات
    • افزودن دکمه Submit
  • درس نهم: سفارشی سازی صفحه ارتباط با ما و چک کردن دستورات
    • ویرایش صفحه ارتباط با ما استفاده از دستورات PHP برای فرم ارتباط
    • معرفی ایمیل دریافت کننده و ارسال ‌کننده
    • استفاده از استایل های موجود
    • خطایابی و تست پروژه
  • درس دهم: مروری بر انواع فرم و ساخت یک فرم سفارشی
    • آشنایی با انواع فرم
    • مروری بر خصوصیات فرم های خوب و بد
    • مروری بر عناصر لازم برای ساخت فرم
    • ساخت فرم های سفارشی
    • افزودن عناصر اصلی به فرم
    • استفاده از برچسب و کادرهای متنی در فرم
  • درس یازدهم: افزودن اجزای کاربردی به فرم
    • مروری بر ساختار فرم
    • افزودن کادر انتخابگر رنگ به فرم
    • افزودن بخش انتخاب تاریخ به فرم
    • افزودن بخش ورود ایمیل به فرم
    • افزودن بخش ورود و انتخاب اعداد به فرم
    • افزودن اسلایدر به فرم برای انتخاب یک محدوده
    • افزودن بخش ورود شماره تلفن به فرم
    • افزودن بخش ورود زمان به فرم
    • افزودن بخش ورود آدرس URL به فرم
  • درس دوازدهم: اعتبارسنجی فرم
    • ویرایش فرم ها
    • افزودن فهرست کشویی به فرم
    • افزودن قابلیت جستجو در فهرست های کشویی
    • تست و اجرای پروژه
  • درس سیزدهم: آشنایی با بوت استرپ (Bootstrap) در ساخت وب سایت
    • کار با فرم های بوت استرپ
    • افزودن بخش های اصلی به فرم بوت استرپ
    • پیکربندی فرم بوت استرپ
  • درس چهاردهم: مروری بر قالب های آماده و جمع بندی مطالب
    • معرفی قالب های آماده موجود در برنامه
    • استفاده از قالب فروشگاهی
    • استفاده از قالب فروش املاک
    • ویرایش قالب ها
    • جمع بندی مطالب

مفید برای رشته های
  • مهندسی کامپیوتر - نرم افزار
  • طراحی سایت
مشاهده بیشتر مشاهده کمتر

آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس
فایل برنامه ها و پروژه های اجرا شده
فایل PDF یادداشت‌ های ارائه مدرس

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

Adobe Dreamweaver CC 2020

پیش نیاز

آشنایی با مفاهیم طراحی سایت


پیش نمایش‌ها

۱. آشنایی با نرم افزار

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۸ مگابایت -- (کلیک کنید +))

۲. ساخت و پیکربندی وب سایت

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۳۱ مگابایت -- (کلیک کنید +))

۳. ساخت استایل سفارشی برای وب سایت

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۶ مگابایت -- (کلیک کنید +))

۴. درج لوگو

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۲ مگابایت -- (کلیک کنید +))

۵. ساخت لینک‌ با ظاهر سفارشی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶. تبدیل وب سایت به حالت ریسپانسیو و افزودن عناصر واکنش گرا
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷. ساخت گالری تصاویر
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸. افزودن ویدئو و فرم ارتباط با ما
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۹. سفارشی سازی صفحه ارتباط با ما و چک کردن دستورات
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۰. مروری بر انواع فرم و ساخت یک فرم سفارشی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۱. افزودن اجزای کاربردی به فرم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۲. اعتبارسنجی فرم
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۳. آشنایی با بوت استرپ در ساخت وب سایت
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۴. مروری بر قالب های آماده و جمع بندی مطالب
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.

راهنمای سفارش آموزش‌ها

آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

(راهنمایی بیشتر +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش پروژه محور دریم ویور (Dreamweaver) - طراحی وب سایت
ناشر فرادرس
کد آموزش FVADB9710
مدت زمان ۷ ساعت و ۲۶ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (لینک دانلود)
حجم دانلود ۶۲۳ مگابایت (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)


نظرات

تا کنون ۳۰۰ نفر از این آموزش استفاده کرده اند و ۶ نظر ثبت شده است.
پارسا اسلامی
پارسا اسلامی

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

مصطفی
مصطفی

با عرض سلام و خداقوت خدمت شما بزرگواران

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

مریم
مریم

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

ali.sasani
ali.sasani

این آموزش خیلی خوبه امیدوارم آموزش های بیشتری درباره نرم افزار های ادوبی تهیه کنید

mohamad
mohamad

aliiiii

مهدی
مهدی

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


برچسب‌ها:
Adobe | adobe dreamweaver | Bootstrap | Code View | Document View | Dreamweaver | ecommerce | Home Page | HTML | Mobile | Responsive | Template | Web | Web Design | Website Design | Workspace | اچ تی ام ال | ادوب | ادوبی | ارتباط بین Word و Dreamweaver | ایجاد پیش نمایش | برنامه نویسی به زبان HTML | بوت استرپ | پنل Insert | پنل های Dreamweaver | پیکربندی اسناد | تمپلیت | درج لوگو | دریم | دریم ویور | دستورات استاندارد CSS | دستورات و کدهای HTML | رویکردهای مهم طراحی سایت | ریسپانسیو | ساخت لینک با ظاهر سفارشی | سایت فروشگاهی | طراحی سایت | طراحی سایت توسط Dreamweaver | طراحی وب | عناصر واکنش گرا | عنصر لینک | فرم ها در HTML5 | کتابخانه های برنامه Dreamweaver | کدنویسی | کنترل پیکربندی اسناد | لینک | مبحث فرم ها در HTML5 | محیط برنامه Dreamweaver | مدیریت پروژه ها در Dreamweaver | مفاهیم CSS | مفاهیم وب سایت | موبایل | نمای Live | نمای طراحی | واکنش گرا | ویرایش وب سایت
مشاهده بیشتر مشاهده کمتر