هزینه آموزش
۱۹,۰۰۰ تومان

آموزش طراحی سایت ویژه کودکان و نوجوانان (HTML و CSS)

آموزش طراحی سایت ویژه کودکان و نوجوانان (HTML و CSS)

چکیده

در این آموزش، همه مفاهیم و کاربردهای ضروری، برای ساختن یک وب سایت و قرار دادن آن بر روی اینترنت، به صورتی که برای کودکان و نوجوانان مناسب باشد، ارائه شده است. همچنین سعی بر این بوده تا تمامی مطالب با زبان ساده برای مخاطبین بیان شود. این آموزش برای افرادی که به ساختن سایت علاقه دارند اما مطالعات زیادی در این زمینه نداشته اند، مناسب است.

مدرس
سید امیر مهدی میره ئی

کارشناسی مهندسی برق

مهندس سید امیر مهدی میره ئی در حال حاضر دانشجوی ترم آخر رشته مهندسی برق – قدرت دانشگاه صنعتی خواجه نصیرالدین طوسی است. وی درحال حاضر علاوه بر تحصیل به تدریس و همچنین ترجمه تخصصی زبان انگلیسی در زمینه های مختلف مشغول است.

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

زندگی امروزه ما به شدت تحت تاثیر اینترنت و وب قرار گرفته است و بی شک این تاثیر بر کودکان و نوجوانان نیز وجود دارد. ممکن است بسیاری از کودکان و نوجوانان کنجکاو باشند که صفحات وب چگونه طراحی و ساخته می شوند. در این آموزش آن ها با چگونگی طراحی سایت با زبان های HTML و CSS آشنا شده و می توانند صفحه اینترنتی خود را ساخته و بر روی شبکه جهانی اینترنت قرار دهند تا دیگران نیز بتوانند از آن دیدن کنند.

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

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

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: مقدمه و مفاهیم
    • معرفی وب و نحوه کار کردن آن
    • وظیفه یک طراح وب سایت
    • معرفی پروژه ای که در این آموزش روی آن آموزش داده می شود
    • نقشه راه این آموزش
  • درس دوم: آمادگی برای شروع ساختن وب سایت
    • طراحی اولیه
    • معرفی نرم افزارهای ویرایشگر متن
    • فایل های وب سایت
    • معرفی مرورگرها و وظیفه آن ها
  • درس سوم: ساختن ساختار فایل اچ تی ام ال (HTML)
    • معرفی کامل زبان اچ تی ام ال
    • معرفی المنت و تگ
    • معرفی ساختار سایت
    • ایجاد فایل اچ تی ام ال
    • کد نویسی ساختاری فایل اچ تی ام
    • کد نویسی تو در تو
    • معرفی head
    • معرفی قسمت header
    • معرفی قسمت body
    • معرفی قسمت footer
    • یادداشت نویسی در اچ تی ام ال
  • درس چهارم: اضافه کردن محتویات وب سایت به ساختار اچ تی ام ال
    • معرفی ظرف (Container)
    • معرفی قسمت مسیریابی (Navigation)
    • المنت عنوان (Heading)
    • المنت تصویر (Img)
    • المنت بخش (Section)
    • المنت ظرف (Div)
    • معرفی و استفاده از لیست های مرتب و نامرتب
    • اضافه کردن تمامی محتویات وب سایت
  • درس پنجم: سی اس اس (CSS)
    • معرفی زبان سی اس اس
    • مربوط کردن فایل سی اس اس و اچ تی ام ال
    • معرفی کلاس ها
    • یادداشت نویسی در سی اس اس
    • معرفی رنگ ها با کد HEX
    • تغییر فونت سایت
    • تغییر اندازه ها و رنگ محتویات
  • درس ششم: چیدمان محتویات با استفاده از سی اس اس (CSS)
    • چیدمان کدهای CSS
    • مدل جعبه ای
    • جعبه منعطف
    • معرفی حاشیه، مرز و بستر
    • چیدن محتویات وب سایت
  • درس هفتم: فارسی کردن وب سایت
    • جایگزین محتویات وب سایت با معادل فارسی آن ها
    • تغییرات لازم جهت فارسی سازی
    • دو زبانه کردن وب سایت
  • درس هشتم: تصاویر
    • انواع تصاویر
    • بررسی کیفیت تصاویر در وب سایت
    • معرفی محل های پیدا کردن عکس
    • نرم افزار ویرایش تصاویر
    • برش (Cropping)
    • معرفی انواع فیلترها
    • شفافیت (Opacity)
    • تیرگی (Blur)
  • درس نهم: مبانی طراحی
    • کاربر
    • محتوا
    • تصاویر
    • آیکون ها
    • سلسله مراتب بصری
    • فضای خالی
    • معرفی تایپوگرافی
    • معرفی رنگ ها
  • درس دهم: تایپوگرافی
    • معنی دقیق تایپوگرافی
    • فونت و تایپفیس
    • Serif و Sans-Serif
    • فاصله گذاری
    • فاصله بین حروف
    • فاصله بین کلمات
    • فاصله بین خطوط
    • فاصله گذاری موردی (Kerning)
    • یتیم (Orphan)
    • بیوه (Widow)
    • جهت نوشتن
    • اندازه فونت
    • تضاد رنگی
    • پیدا کردن فونت برای وب سایت
  • درس یازدهم: رنگ ها
    • پالت رنگ
    • اشباع رنگ
    • روشنایی رنگ
    • رنگ های اصلی
    • سیستم های رنگ در وب
    • RGB
    • HSL
    • استفاده از نام رنگ ها
    • معانی رنگ ها
    • ابزارهای انتخاب پلات رنگ
    • نکات

در ادامه لیست کتب انگلیسی منتشر شده در این زمینه معرفی شده اند:

معرفی کتب انگلیسی
عنوان نویسندگان سال انتشار
Web Design for Kids John C. Vanden-Heuvel Sr., Cristian Turdera ۲۰۱۶

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

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

پیش نیاز

آشنایی با زبان انگلیسی در حد الفبا


پیش نمایش‌ها

پیش نمایش ۱: مقدمه و مفاهیم ۷ دقیقه

توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. در این صورت آموزش را دانلود کرده و سپس مشاهده نمایید.

دانلود مستقیم پیش نمایش - حجم دانلود ۷ مگابایت (کلیک کنید +)
پیش نمایش ۲: آمادگی برای شروع ساختن وب سایت ۳ دقیقه

توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. در این صورت آموزش را دانلود کرده و سپس مشاهده نمایید.

دانلود مستقیم پیش نمایش - حجم دانلود ۴ مگابایت (کلیک کنید +)
پیش نمایش ۳: ساختن ساختار فایل اچ تی ام ال (HTML) ۴ دقیقه

توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. در این صورت آموزش را دانلود کرده و سپس مشاهده نمایید.

دانلود مستقیم پیش نمایش - حجم دانلود ۵ مگابایت (کلیک کنید +)
پیش نمایش ۴: اضافه کردن محتویات به اچ تی ام ال ۹ دقیقه

توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. در این صورت آموزش را دانلود کرده و سپس مشاهده نمایید.

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

راهنمای تهیه آموزش ها

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

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

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


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

نام آموزش آموزش طراحی سایت ویژه کودکان و نوجوانان (HTML و CSS)
ناشر فرادرس
شناسه اثر ۸–۱۲۴۵۲–۰۵۸۴۳۲ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد)
کد آموزش FVHTM9504
مدت زمان ۳ ساعت و ۲۷ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی     (کیفیت HD - مورد تایید فنی فرادرس)
حجم دانلود ۲۹۱ مگابایت     (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)



نظرات

تا کنون ۱,۲۹۵ نفر از این آموزش استفاده کرده اند و ۱۵ نظر ثبت شده است.
الهه
الهه

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

پاسخ به نظر

خديجة خیری
خديجة خیری

خیلی خوب خیلی عالی بود
پاسخ به نظر

محمد متین
محمد متین

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

mahann
mahann

سلام خیلی ممنون از آموزش فقط خیلی چیز ها رو آموزش ندادید مثلا نگفتید که چجوری عکس های سایت ما وسط قرار بگیرند😔
پاسخ به نظر

رکسانا
رکسانا

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

پاسخ به نظر

فرشته توپی
فرشته توپی

سلام
عالی و کامل

پاسخ به نظر

parvin
parvin

سپاس وقدردانی فراوان
بسیار عالی بود

پاسخ به نظر

bahrami
bahrami

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

پاسخ به نظر

فاطمه
فاطمه

ععععااااللللییییی فرادرس بهترینی
پاسخ به نظر

سجاد رضایی
سجاد رضایی

بسیار عالی ممنون
پاسخ به نظر

محسن پورسلیمانی
محسن پورسلیمانی

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

سعید
سعید

ممنون از انتشار این آموزش. برای بچه های علاقه مند به یادگیری وب میتونه خیلی مفید باشه.
پاسخ به نظر

علی
علی

اموزش عالی بود. ممنون از شما.
پاسخ به نظر

نصر
نصر

عالیییی
پاسخ به نظر

امیرحسین
امیرحسین

بی صبرانه منتظر این آموزش بودم. با تشکر.
پاسخ به نظر


دسته های مرتبط: طراحی سایت

برچسب‌ها: Blur | Child | Children | Container | Cropping | CSS | CSS for Children | Design | Div | head | Heading | HSL | HTML | HTML for children | Img | Kerning | Navigation | Opacity | Orphan | RGB | Sans-Serif | section | Serif | Site | site Design | Teenage | Teenages | Web | Web Design | Webpage | Webpage Design | website | Website Design | Widow | آموزش سایت | آموزش وبسایت | آیکون | ابزارهای انتخاب پلات رنگ | اچ تی ام ال | استفاده از لیست های مرتب و نامرتب | استفاده از نام رنگ ها | اشباع رنگ | اضافه کردن تمامی محتویات وب سایت | اضافه کردن محتویات وب سایت به ساختار اچ تی ام ال | المنت | المنت تصویر | المنت عنوان | اندازه فونت | انواع تصاویر | انواع فیلترها | ایجاد فایل اچ تی ام ال | بررسی کیفیت تصاویر در وب سایت | برش | پالت رنگ | پیدا کردن فونت برای وب سایت | تایپفیس | تایپوگرافی | تصاویر | تضاد رنگی | تغییر اندازه ها | تغییر فونت سایت | تگ | تیرگی | جایگزین محتویات وب سایت | جهت نوشتن | چیدمان کدهای CSS | چیدمان محتویات با استفاده از سی اس اس | چیدن محتویات وب سایت | دو زبانه کردن وب سایت | رنگ | رنگ محتویات | رنگ ها | رنگ ها با کد HEX | رنگ های اصلی | روشنایی رنگ | زبان اچ تی ام ال | زبان سی اس اس | ساخت سایت | ساخت وبسایت | ساختار سایت | ساختار فایل اچ تی ام ال | ساختن سایت | ساختن وبسایت | سی اس اس | سیستم های رنگ در وب | شروع ساختن وب سایت | شفافیت | طراحی اولیه HTML | طراحی وب | طراحی وبسایت | فارسی سازی | فارسی کردن وب سایت | فاصله بین حروف | فاصله بین خطوط | فاصله بین کلمات | فاصله گذاری | فاصله گذاری موردی | فایل سی اس اس | فایل های وب سایت | فونت | قسمت body | قسمت footer | قسمت header | قسمت مسیریابی | کد نویسی تو در تو | کد نویسی ساختاری فایل اچ تی ام | کلاس | کودک | کودکان | مبانی طراحی وبسایت | محل های پیدا کردن عکس | مدرسه | مرورگر | معانی رنگ ها | معنی دقیق تایپوگرافی | نرم افزار ویرایش تصاویر | نرم افزارهای ویرایشگر متن | نوجوان | نوجوانان | وظیفه یک طراح وب سایت | ویرایشگر متن | یادداشت نویسی در اچ تی ام ال | یادداشت نویسی در سی اس اس

آموزش طراحی سایت ویژه کودکان و نوجوانان (HTML و CSS)

تعداد دانشجو
۱,۲۹۵ نفر
۲۹ نفر در یک ماه اخیر
مدت زمان
۳ ساعت و ۲۷ دقیقه
هزینه آموزش
۱۹,۰۰۰ تومان
محتوای این آموزش
۱۵ بازخورد (مشاهده نظرات)