‫آموزش طراحی سایت ویژه کودکان‬

‫و نوجوانان )‪ HTML‬و ‪(CSS‬‬

‫‪faradars.org/fvhtm9504‬‬

‫س‬ ‫ر‬ ‫د‬ ‫ا‬ ‫ﺮ‬ ‫ﻓ‬

‫آمادگی برای شروع ساختن سایت‬

‫‪a‬‬ ‫‪r‬‬ ‫‪s‬‬ ‫‪.‬‬‫‪o‬‬‫‪r‬‬ ‫‪g‬‬

‫مدرس‪:‬‬

‫‪a‬‬‫‪D‬‬
‫سید امیر مهدی میره ئی‬

‫‪F‬‬ ‫‪a‬‬‫‪r‬‬
‫کارشناسی مهندسی برق‬
‫دانشگاه صنعتی خواجه نصیرالدین طوسی‬

‫‪1‬‬
 ‫آموزش طراحی سایت ویژه کودکان‬
‫و نوجوانان )‪ HTML‬و ‪(CSS‬‬
‫‪faradars.org/fvhtm9504‬‬

‫طراحی اولیه‬

‫س‬ ‫ر‬ ‫د‬ ‫ا‬ ‫ﺮ‬ ‫ﻓ‬

‫‪a‬‬ ‫‪r‬‬ ‫‪s‬‬ ‫‪.‬‬‫‪o‬‬‫‪r‬‬ ‫‪g‬‬
‫‪F‬‬ ‫‪a‬‬‫‪r‬‬ ‫‪a‬‬‫‪D‬‬
‫‪2‬‬
 ‫آموزش طراحی سایت ویژه کودکان‬
‫و نوجوانان )‪ HTML‬و ‪(CSS‬‬
‫‪faradars.org/fvhtm9504‬‬

‫طراحی اولیه ی وبسایت شهر خیالی فرادرس‬

‫س‬ ‫ر‬ ‫د‬ ‫ا‬ ‫ﺮ‬ ‫ﻓ‬

‫‪a‬‬ ‫‪r‬‬ ‫‪s‬‬ ‫‪.‬‬‫‪o‬‬‫‪r‬‬ ‫‪g‬‬
‫‪F‬‬ ‫‪a‬‬‫‪r‬‬ ‫‪a‬‬‫‪D‬‬
‫‪3‬‬
 ‫آموزش طراحی سایت ویژه کودکان‬
(CSS ‫ و‬HTML) ‫و نوجوانان‬
faradars.org/fvhtm9504

‫ویرایشگرهای کد‬

‫س‬ ‫ر‬ ‫د‬ ‫ا‬ ‫ﺮ‬ ‫ﻓ‬ Notepad •

a r s .or gSublime •

F ar aD Bluefish •

4
 ‫آموزش طراحی سایت ویژه کودکان‬
‫و نوجوانان )‪ HTML‬و ‪(CSS‬‬
‫‪faradars.org/fvhtm9504‬‬

‫فایل ها‬

‫س‬ ‫ر‬ ‫د‬ ‫ا‬ ‫ﺮ‬ ‫ﻓ‬

‫‪a‬‬ ‫‪r‬‬ ‫‪s‬‬ ‫‪.‬‬‫‪o‬‬‫‪r‬‬ ‫‪g‬‬
‫‪F‬‬ ‫‪a‬‬‫‪r‬‬ ‫‪a‬‬‫‪D‬‬
‫‪5‬‬
 ‫آموزش طراحی سایت ویژه کودکان‬
‫و نوجوانان )‪ HTML‬و ‪(CSS‬‬
‫‪faradars.org/fvhtm9504‬‬

‫فایل ها‬

‫س‬ ‫ر‬ ‫د‬ ‫ا‬ ‫ﺮ‬ ‫ﻓ‬

‫‪a‬‬ ‫‪r‬‬ ‫‪s‬‬ ‫‪.‬‬‫‪o‬‬‫‪r‬‬ ‫‪g‬‬
‫‪F‬‬ ‫‪a‬‬‫‪r‬‬ ‫‪a‬‬‫‪D‬‬
‫‪6‬‬
 ‫آموزش طراحی سایت ویژه کودکان‬

‫مرورگرها‬ (CSS ‫ و‬HTML) ‫و نوجوانان‬

faradars.org/fvhtm9504

‫س‬ ‫ر‬ ‫د‬ ‫ا‬ ‫ﺮ‬ ‫ﻓ‬ Google Chrome •

a r s .or g Firefox •

F ar aD ... ‫• و‬

7
 ‫آموزش طراحی سایت ویژه کودکان‬
‫و نوجوانان )‪ HTML‬و ‪(CSS‬‬
‫‪faradars.org/fvhtm9504‬‬

‫فعالً روی اینترنت نیست‬

‫س‬ ‫ر‬ ‫د‬ ‫ا‬ ‫ﺮ‬ ‫ﻓ‬

‫‪a‬‬ ‫‪r‬‬ ‫‪s‬‬ ‫‪.‬‬‫‪o‬‬‫‪r‬‬ ‫‪g‬‬
‫‪F‬‬ ‫‪a‬‬‫‪r‬‬ ‫‪a‬‬‫‪D‬‬
‫‪8‬‬
 ‫آموزش طراحی سایت ویژه کودکان‬
‫و نوجوانان )‪ HTML‬و ‪(CSS‬‬
‫‪faradars.org/fvhtm9504‬‬

‫س‬ ‫ر‬ ‫د‬ ‫ا‬ ‫ﺮ‬ ‫ﻓ‬

‫‪a‬‬ ‫‪r‬‬ ‫‪s‬‬
‫پایان درس دوم‬
‫‪.‬‬‫‪o‬‬‫‪r‬‬ ‫‪g‬‬
‫‪F‬‬ ‫‪a‬‬‫‪r‬‬ ‫‪a‬‬‫‪D‬‬
‫‪9‬‬
 ‫آموزش طراحی سایت ویژه کودکان‬
‫و نوجوانان )‪ HTML‬و ‪(CSS‬‬
‫‪faradars.org/fvhtm9504‬‬

‫س‬ ‫ر‬ ‫د‬ ‫ا‬ ‫ﺮ‬ ‫ﻓ‬

‫این اسالید ها بر مبنای نکات مطرح شده در فرادرس‬
‫« آموزش طراحی سایت ویژه کودکان و نوجوانان )‪ HTML‬و‪» (CSS‬‬
‫تهیه شده است‪.‬‬

‫‪a‬‬ ‫‪r‬‬ ‫‪s‬‬ ‫‪.‬‬‫‪o‬‬‫‪r‬‬ ‫‪g‬‬

‫‪F‬‬ ‫‪a‬‬‫‪r‬‬ ‫‪a‬‬‫‪D‬‬
‫برای کسب اطالعات بیشتر در مورد این آموزش به لینک زیر مراجعه نمایید‬
‫‪faradars.org/fvhtm9504‬‬