فیلم های آموزشی استاندارد تولید کننده و توسعه دهنده پایگاه های اینترنتی(پایه یازدهم)

ردیفعنوانلینک
۱آموزش HTML و CSSدانلود
۲طراحی وب سایت در محیط نرم افزار Dreamweaverدانلود
۳آموزش HTML5دانلود
۴آموزش CSS3دانلود
۵آموزش طراحی وب سایت واکنش گرادانلود
۶آموزش Bootstrapدانلود

فیلم های آموزشی تولید کننده و توسعه دهنده پایگاه های اینترنتی

استاندارد تولید کننده و توسعه دهنده پایگاه های اینترنتی Html

توانایی اول – بررسی اهداف و ایجاد طراحی وی سایت

۱- آشنایی با وب

 توانایی دوم- کار با HTML و نحوه استفاده از فرامین HTML

۲- نرم افزار notepad

۳– اصول دستورات، نحوه ذخیره سازی و شروع کدنویسی

۴– آموزش متن و پاراگراف (قسمت اول)

۵– آموزش متن و پاراگراف (قسمت دوم)

۶– آموزش ایجاد جدول (قسمت اول)

۷– آموزش ایجاد جدول (قسمت دوم)

۸– آموزش ایجاد جدول (قسمت سوم)

۹– آموزش ادغام خانه های جدول 

۱۰– آموزش ایجاد جداول تو در تو

۱۱– آموزش ایجاد لیست های ترتیبی و غیر ترتیبی

۱۲– آموزش ایجاد لیست های توضیحی و ترکیبی

۱۳– آموزش ایجاد پیوند (Link) قسمت اول

۱۴– آموزش ایجاد پیوند (Link) قسمت دوم

۱۵– آموزش ایجاد پیوند (Link) قسمت سوم

توانایی سوم – کار با CSS

۱۶- آموزش CSS (قسمت اول)

۱۷- آموزش CSS (قسمت دوم)

توانایی چهارم – مدیریت محتوا

۱۸- انتخاب دامنه و TLD

۱۹-محتوا، نگارش کاربر پسند، موتورهای جستجو، نحوه کار موتورهای جستجو 

۲۰-مفهوم seo، اعتبار صفحه، دامنه

توانایی هفتم -طراحی و ویرایش تصاویر پیکسلی

۱- نصب نرم افزار
۲-تنظیمات اولیه
۳-کار با محیط نرم افزار-شروع پروژه
۴- آشنایی با محیط نرم افزار
۵-کار با ابزارهای انتخاب تصویر
۶-تغییر سایز انتخاب
۷- کار با ابزارهای فتوشاپ – بخش اول
۸- کار با ابزارهای فتوشاپ – بخش دوم
۹- کار با ابزارهای فتوشاپ –  بخش سوم
۱۰- کار با ابزارهای فتوشاپ – بخش چهارم
۱۱- کار با ابزارهای فتوشاپ – بخش پنجم
۱۲- کار با ابزارهای فتوشاپ – بخش ششم
۱۳- کار با لایه ها – بخش اول
۱۴- کار با لایه ها – بخش دوم
۱۵- کار با لایه ها – بخش سوم
۱۶-کار با لایه ها – بخش چهارم
۱۷-کار با لایه ها – بخش پنجم
۱۸-کار با رنگ، نور، روشنایی و کنتراست تصاویر – بخش اول
۱۹-کار با رنگ، نور، روشنایی و کنتراست تصاویر – بخش دوم
۲۰-کار با رنگ، نور، روشنایی و کنتراست تصاویر – بخش سوم
۲۱- پروژه عملی – کارت ویزیت
۲۲- کار با مسیرها و ابزارهای ترسیم اشکال – بخش اول
۲۳- کار با مسیرها و ابزارهای ترسیم اشکال – بخش دوم
۲۴-کار با مسیرها و ابزارهای ترسیم اشکال – بخش سوم
۲۵- کار با مسیرها و ابزارهای ترسیم اشکال – بخش سوم
۲۶- کانال ها – بخش اول
۲۷- کانال ها – بخش دوم
۲۸- ماسک
۲۹- ماسک – تکلیف هنرجو
۳۰- کار با ابزارها و تکنیک های رتوش و ویرایش تصویر – بخش اول
۳۱- کار با ابزارها و تکنیک های رتوش و ویرایش تصویر – بخش دوم
۳۲- کار با ابزارها و تکنیک های رتوش و ویرایش تصویر – بخش سوم
۳۳- کار با ابزارها و تکنیک های رتوش و ویرایش تصویر – بخش چهارم
۳۴- کار با ابزارها و تکنیک های رتوش و ویرایش تصویر – بخش ششم – عوض کردن رنگ چشم و لباس
۳۵-
۳۶- کار با فیلترها – بخش اول
۳۷- کار با فیلترها – بخش دوم
۳۸- کار با فیلترها – ایجاد متن فلزی
۳۹- کار با فیلترها – تولید آتش
۴۰- کار با فیلترها – آبرنگی کردن تصاویر
۴۱- کار با Actions
۴۲-  کار با Actions – ایجاد عکس پرسنلی و چیدمان اتوماتیک عکس جهت چاپ
۴۳- متحرک سازی Text – بخش اول
۴۴- متحرک سازی Text – بخش دوم
۴۵- متحرک سازی Text – بخش سوم
۴۶- متحرک سازی Text – بخش چهارم
۴۷- عملیات چاپ در فتوشاپ
۴۸- پروژه پایانی شماره ۱ – طراحی پوستر ویژه ماه محرم
۴۹- پروژه پایانی شماره ۴- تکنیک دابل اکسپوژر
۵۰- پروژه پایانی شماره ۵ – طراحی پوستر
۵۱- پروژه پایانی شماره ۶- طراحی کارت ویزیت

۵۲- پروژه پایانی شماره ۷ – مونتاژ تصاویر با استفاده از براش ها

۵۳- پروژه پایانی شماره ۸ – طراحی لوگو

۵۴- پروژه پایانی شماره ۹ – سایه زنی حروف

۵۵- پروژه پایانی شماره  ۱۰  – روتوش تصاویر 

۵۶- پروژه پایانی شماره  ۱۱ – طراحی آلبوم ایتالیایی سه بعدی

۵۷- پروژه پایانی شماره  ۱۲ – روتوش تخصصی ابرو

۵۸- پروژه پایانی شماره  ۱۳ – افکت رنگی دوگانه

۵۹- پروژه پایانی شماره  ۱۴ -ترکیب متن و تصویر

۶۰- پروژه پایانی شماره  ۱۵ –  طراحی لوگو با استفاده از کارکترهای متنی

توانایی هشتم – کار با نرم افزار Dreamweaver

۱- نصب Dreamweaver
۲- آشنایی با Dreamweaver و ایجاد صفحه وب جدید
۳- ساخت صفحه وب در Dreamweaver
۴- درج متن در صفحه وب در Dreamweaver
۵- درج پاراگراف در صفحه وب در Dreamweaver
۶- برچسب های تیتر درصفحه وب در Dreamweaver
۷- نحوه درج تصویر و فایل های متحرک در Dreamweaver
۸- نحوه کاربرد پیوند (Link) در Dreamweaver
۹- مفاهیم مربوط به جدول در Dreamweaver (قسمت اول)
۱۰- درج جدول در Dreamweaver (قسمت دوم)
۱۱- درج و تنظیمات جدول در Dreamweaver (قسمت سوم)

۱۲-ایجاد و اعمال استایل های نوع embedd و داخلی، ایجاد css خارجی، اعمال css خارجی به سند

۱۳- ایجاد کلاس css، اعمال کلاس css به تگها، ایجاد css و اعمال آن با id تگها

۱۴-  کاربرد Layout 

۱۵- فرم در Dreamweaver (قسمت اول)
نحوه کاربرد فرم در دریم ویور، نحوه درج فرم در یک صفحه وب، نحوه تغییر خصوصیات فرم، نحوه افزودن فیلد متنی به فرم

۱۶- فرم در Dreamweaver (قسمت دوم)
نحوه کاربرد کنترل Checkbox، نحوه استفاده از Radio Button، نحوه ایجاد منو یا لیست، نحوه کار با کنترل Button

۱۷- مفهوم منو و انواع آن

۱۸- ایجاد منوی کشویی با HTML در دریم ویور

۱۹-  ایجاد منوی کشویی با HTML در دریم ویور (اعمال CSS به منو)

۲۰- تغییر Style منوی کشویی با HTML در دریم ویور (اعمال CSS به منو)

۲۱- معرفی jQuery ، نحوه نصب و راه اندازی jQuery ، فایل jQuery.js و کاربرد آن

۲۲- برنامه نویسی jQuery (کار با انتخاب‌گرها)

۲۳- برنامه نویسی jQuery (کار با رویدادها)

۲۴- برنامه نویسی jQuery (کار با افکت‌ها-بخش اول)

۲۵- برنامه نویسی jQuery (کار با افکت‌ها-بخش دوم)

۲۶-برنامه نویسی jQuery (کار با افکت‌ها-بخش سوم)

۲۷- استفاده از jQuery در دریم ویور

۲۸- آشنایی با بوت استرپ

۲۹- شروع کار با بوت استرپ

۳۰- شبکه بندی (Grid) با بوت استرپ

۳۱- دکمه‌ها (Buttons) در بوت استرپ (بخش اول)

۳۲- دکمه‌ها (Buttons) در بوت استرپ (بخش دوم)

۳۳- دکمه‌های گروهی در بوت استرپ

۳۴- فرم‌ها در بوت استرپ

۳۵- طراحی منو با بوت استرپ (بخش اول)

۳۶- طراحی منو با بوت استرپ (بخش دوم)

۳۷- طراحی منوی آکاردیونی با بوت استرپ (بخش اول)

۳۸- طراحی منوی آکاردیونی با بوت استرپ (بخش دوم)

۳۹- طراحی اسلاید تصویر (carousel) با بوت استرپ

فیلم های آموزشی به مرور بارگذاری می گردد

منبع: سایت دبیرخانه کشوری کامپیوتر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *