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

توضیحات:

برای کسب اطلاعات بیشتر، به این لینک مراجعه نمایید:
#http://www.faradars.org/fvhtm9504

زندگی امروزه ما به شدت تحت تأثیر اینترنت و وب قرار گرفته است و بی شک این تأثیر بر کودکان و نوجوانان نیز وجود دارد. ممکن است بسیاری از کودکان و نوجوانان کنجکاو باشند که صفحات وب چگونه طراحی و ساخته می شوند. در این آموزش آنها با چگونگی طراحی سایت با زبان های 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
استفاده از نام رنگ ها
معانی رنگ ها
ابزارهای انتخاب پلات رنگ
نکات

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

لغات کلیدی:

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

درباره ما | تماس با ما | قوانین تخته سفید