در این آموزش، همه مفاهیم و کاربردهای ضروری، برای ساختن یک وب سایت و قرار دادن آن بر روی اینترنت، به صورتی که برای کودکان و نوجوانان مناسب باشد، ارائه شده است. همچنین سعی بر این بوده تا تمامی مطالب با زبان ساده برای مخاطبین بیان شود. این آموزش برای افرادی که به ساختن سایت علاقه دارند اما مطالعات زیادی در این زمینه نداشته اند، مناسب است.
زمینه های حرفه ای ایشان علاوه بر زمینه های مربوط به رشته مهندسی برق – قدرت، طراحی وبسایت، ترجمه تخصصی و تدریس است.
توضیحات تکمیلی
زندگی امروزه ما به شدت تحت تاثیر اینترنت و وب قرار گرفته است و بی شک این تاثیر بر کودکان و نوجوانان نیز وجود دارد. ممکن است بسیاری از کودکان و نوجوانان کنجکاو باشند که صفحات وب چگونه طراحی و ساخته می شوند. در این آموزش آن ها با چگونگی طراحی سایت با زبان های 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
- استفاده از نام رنگ ها
- معانی رنگ ها
- ابزارهای انتخاب پلات رنگ
- نکات
در ادامه لیست کتب انگلیسی منتشر شده در این زمینه معرفی شده اند:
John C. Vanden-Heuvel Sr., Cristian Turdera; Web Design for Kids; 2016
پیش نیاز
آنچه در این آموزش خواهید دید:
پیش نمایش‌ها
۱.
مقدمه و مفاهیم
۲.
آمادگی برای شروع ساختن وب سایت
۳.
ساختن ساختار فایل اچ تی ام ال (HTML)
۴.
اضافه کردن محتویات به اچ تی ام ال
۵.
سی اس اس (CSS)
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
۶.
چیدمان محتویات با سی اس اس (CSS)
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
۷.
فارسی کردن وب سایت
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
۸.
تصاویر
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
۹.
مبانی طراحی
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
۱۰.
تایپوگرافی
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
۱۱.
رنگ ها
مشاهده این پیش‌نمایش، نیازمند
عضویت و ورود به سایت (+)
است.
آموزش‌های مرتبط با آموزش طراحی سایت با HTML و CSS ویژه کودکان و نوجوانان
راهنمای سفارش آموزش‌ها
.svg)
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
- ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
- و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.
نظرات
واقعا از این آموزش لذت بردم
مطالب فوق العاده کاربردی و عالی تدریس شده.
دست مریزاد
مدرسین که ارائه خوبی برای مطالب دارن توضیحات دقیق میگن و تسلط مناسبی روی مطالب دارن.
کامل ترین آموزش HTML , CSS برای نوجوانای بود که تا حالا دیده بودم!
هیچ جا به این کاملی ندیده بودم.
چند تا از بهترین ویژگیای این آموزش از نظر من:
کیفیت فیلم بالا
کیفیت تدریس فوق العاده (جزئی ترین چیزا رو استاد خیلی توضیح میدهند! و این عالیه)
فن بیان استاد عالیه
خلاصه حرف نداره حتما تهیه کنید!
ممنونم
از سایت فرادرس خواهش دارم که اینجور آموزش ها که برای سن نوجوان هست را بیشتر بکنند تا نوجوانان هم بتوانند بیشتر از این سایت بهره مند بشوند.
تشکر