این دوره شامل اصول طراحی وبسایت استاتیک، که شامل زبان نشانه گذاری ابر متنی (HTML5 (Hyper Text Markup Language و (CSS (Cascading Style Sheets است. اچ تی ام ال و سی اس اس دو زبان متفاوت از یکدیگر هستند و می توان گفت مکمل یکدیگر می باشند؛ چرا که شما با داشتن سایتی با محتوای خوب ولی بدون ظاهر مطلوب، بازدید کننده زیادی نخواهید داشت. CSS نحوه نمایش و قرارگیری عناصر در صفحه را تعیین می کند و از قابلیت های جدید آن می توان به اضافه شدن افکت و انیمیشن های سه بعدی نام برد. علاوه بر HTML و CSS، در این دوره نرم افزار Dreamweaver که از قدرتمندترین نرم افزارهای طراحی و کدنویسی برای وب است آموزش داده می شود.

با گذراندن این دوره در پایان می توانید یک وبسایت با صفحات ثابت همراه با متن، جدول، تصویر طراحی نمایید. یادگیری دوره وب دیزاین یک، مختص دانشجویان و مهندسان کامپیوتر نیست و علاقمندان به طراحی سایت می توانند در این دوره شرکت نمایند. 

 

سرفصل دوره آموزش Web Design I (HTML5, CSS3 with Dreamweaver)

معرفی مباحث اولیه وب

  • آشنایی با مفهوم و تاریخچه وب و زیر ساختهای نرم افزاری و سخت افزاری لازم برای ایجاد، استقرار و نگهداری وب سایت ها
  • معرفی مفاهیم شبکه ای مرتبط با وب مانند Domain ،Host ،Web Server،DNS Server
  • معرفی مفاهیم نرم افزاری مرتبط با طراحی وب مانند HTML و CSS

سایر مباحث آموزشی

  • معرفی DOCTYPE
  • آموزش روش آماده سازی بستر طراحی وب و نرم افزارهای مربوطه
  • معرفی Project Structure در طراحی وب
  • ارائه طبقه بندی تگ ها مانند Test Level و Block Level و ...
  • بررسی نکات مربوط به Listها
  • بررسی پاراگراف ها، Span و کلیه تگ های طبقه بندی شده
  • معرفی مفهوم Attribute
  • معرفی مفهوم Comment و دلائل استفاده از آن
  • معرفی و ارائه مثال از تگ های مربوط به هر طبقه بندی
  • بررسی استانداردهای نامگذاری المان ها
  • بررسی مفهوم Validation در اسناد Html
  • معرفی CSS
  • بررسی نقش CSS در آرایش تگ ها
  • بررسی نکات مربوط به فونت مانند Size و Weight و ...
  • معرفی انواع فونت ها و پسوندهای مربوطه
  • بررسی Icon ها و فونت های گوگل
  • بررسی روش استفاده از کاراکترهای خاص در سند HTML
  • معرفی مفهوم Hyper Link و نکات مربوط به Navigation
  • آشنایی با مفهوم Anchor و Hash
  • ایجاد Shortcut برای لینک ها
  • بررسی Site Map و روش ایجاد آن
  • بررسی روش ایجاد منو و انواع آن
  • بررسی روش های مختلف آدرس دهی لینک ها مثلا Internal و External
  • بررسی نکات جدید HTML5 در مورد لینک ها مانند Download
  • بررسی تگ Table و اجزا مختلف آن
  • بررسی معایب و مزایای Table
  • بررسی نحوه استفاده از Table برای چیدمان
  • بررسی نحوه اختصاص اندازه به المانها
  • معرفی قابلیت های Design Envirement مانند منوها و قسمت های مختلف Dream Weaver
  • بررسی روش های مختلف اعمال Style روی تگ ها مانند Inline، Internal، External
  • معرفی انواع Selector ها در CSS
  • بررسی نحوه استفاده از تصاویر در سند HTML
  • بررسی انواع File Path
  • بررسی مفهوم Save/Export For Web
  • بررسی نحوه Load شدن تصاویر
  • بررسی پسوندهای مختلف تصاویر
  • بررسی تصاویر PNG و مشکلات نمایشی مرورگرها
  • بررسی نکات مربوط به تصاویر مانند Transparency
  • بررسی Image Map
  • بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزارهای مربوطه
  • بررسی نحوه استفاده از تصاویر در Background
  • بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و ...
  • بررسی نحوه استفاده از صدا و تصویر در Background
  • معرفی IFrame و روش استفاده از آن
  • بررسی روش استفاده از Google Map و سایر موارد مرتبط با IFrame
  • ایجاد انیمیشن با تصاویر و ابزارهای مربوطه
  • بررسی نحوه استفاده از رنگ
  • بررسی نحوه استفاده از فونت
  • بررسی نکات مربوط به Formatting در Table
  • بررسی نکات جدید HTML5 در جداول
  • بررسی مفهوم Layout های Tableless
  • بررسی Div و نکات مربوطه در حیطه Positioning
  • بررسی روش های تقسیم بندی صفحه
  • بررسی مفهوم Margin و Padding
  • بررسی Border و نکات مربوطه
  • بررسی نکات مربوط به Text مانند Direction، Decoration، Align و ...
  • بررسی نکات مربوط به Positioning در CSS3
  • بررسی نکات حرفه ای تر CSS3 مانند Animation و Translation
  • بررسی انواع Effect ها در CSS3
  • بررسی انواع Layout ها
  • بررسی Localization برای زبانهای RTL
  • معرفی مفهوم Float و Absolute و...
  • معرفی مفاهیم مرتبط با Boxing
  • بررسی Form و انواع Input ها
  • معرفی تگ های مفهومی HTML5 مانند مفاهیم موارد زیر
    • <article>
    • <aside>
    • <details>
    • <figcaption>
    • <figure>
    • <footer>
    • <header>
    • <main>
    • <mark>
    • <nav>
    • <section>
    • <summary>
    • <time>
  • و بررسی نقش هر یک
  • بررسی امکانات مرتبط با شبکه های اجتماعی
  • طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
  • بررسی Drag & Drop
  • بررسی Canvas و نحوه استفاده از آن
  • بررسی SVG و نحوه استفاده از آن
  • معرفی Edge و Illusttator و کاربرد آنها
  • معرفی Mute و کاربرد آن

پیش نیاز دوره آموزش Web Design I (HTML5, CSS3 with Dreamweaver)

ICDL 2021 Level I

لیست ارائه های دوره Web Design I (HTML5, CSS3 with Dreamweaver)

ردیف عنوان دوره روزهای تشکیل تاریخ شروع تعداد ساعت شهریه (ریال) توضیح پیش نیاز ثبت نام
1 Web Design I (HTML5, CSS3 with Dreamweaver) جمعه 13:00 تا 18:00 03-03-18 58

43,000,000

ثبت نام
2 Web Design I (HTML5, CSS3 with Dreamweaver) یکشنبه, سه شنبه 17:30 تا 20:30 03-04-10 58

43,000,000

ثبت نام

مقالات مرتبط با وب و برنامه‌نویسی

41 دیدگاه برای “دوره (Web Design I(HTML5,CSS3 with Dreamweaver

  1. Avatar حسین گفت:

    سلام دوره جدید کی قرار میگیره؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      سلام خدمت شما
      ما الان دو دوره جدید موجود داریم که می تونید ثبت نام کنید.

  2. Avatar عطیه محیطی گفت:

    روز خوش
    برای ثبت نام این دوره نیاز به راهنمایی شما دارم.
    با تشکر
    محیطی

    1. کارشناس آموزش کارشناس آموزش گفت:

      با سلام خدمت شما دوست گرامی
      لطفا از طریق شماره 02122868670 با ما در تماس باشید

  3. Avatar علی گفت:

    با سلام و عرض وقت بخیر
    آیا دوره ی کامل طراحی سایت که شامل HTML و CSS هم باشه برگزار می کنید؟ اگر برگزار میشه عنوان دوره رو لطف بفرمائید.

    1. کارشناس آموزش کارشناس آموزش گفت:

      با سلام خدمت شما دوست گرامی
      در دوره web design 1 مجتمع فنی تهران سید خندان اصول اولیه طراحی سایت و مبحث html css به صورت کامل به شما آموزش داده می شود برای کسب اطلاعات بیشتر با شماره 02122868670 تماس حاصل نمایید

  4. Avatar طناز گفت:

    سلام وقتتون بخیر
    من نمی تونم حضوری در کلاس شرکت کنم ایا این دوره به صورت انلاین هم برگزار میشه ؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      با سلام خدمت شما دوست گرامی
      بله این دوره به صورت آنلاین برگزار می شود برای کسب اطلاعات بیشتر با شماره 02122868670 تماس حاصل نمایید

  5. Avatar آیدین گفت:

    سلام و وقت بخیر برای دوره Web Design I (HTML5, CSS3 with Dreamweaver) پیش نیاز:(icdl level 1for adolescents) کافیه؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      با سلام خدمت شما دوست گرامی
      بله برای دوره web Design I این دوره کافی می باشد

  6. Avatar علی گفت:

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

    1. کارشناس آموزش کارشناس آموزش گفت:

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

    2. کارشناس آموزش کارشناس آموزش گفت:

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

  7. Avatar امیرحسین گفت:

    سلام میخواستم بدونم مدرک انلاین به همان اندازه که حضوری شرکت کنیم معتبره؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      با سلام خدمت شما دوست گرامی
      بله مدرک مجتمع فنی تهران کاملا معتبر بوده و تنها تفاوت مدرک دوره های آنلاین ذکر شدن کلمه آنلاین در مدرک می باشد

  8. Avatar غزال گفت:

    دوره های (Web Design I (HTML5, CSS3 with Dreamweaver به صورت آنلاین هم برگزار میشه؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      دوره (Web Design I (HTML5, CSS3 with Dreamweaver در مجتمع فنی تهران سیدخندان به صورت حضوری ارائه شده است با حفظ پروتکل بهداشت

  9. Avatar غزال گفت:

    با سلام
    برای گذراندن دوره (Web Design I (HTML5, CSS3 with Dreamweaver حتما باید دوره icdl را گذرونده باشیم یا نه؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      پیش نیاز دوره (Web Design I (HTML5, CSS3 with Dreamweaver آشنایی به کامپیوتر هست و منظور ما داشتن مدرک icdl نیست همین که شما با ویندوز و مهارت های office کارکرده باشید و آشنا باشید کافی هست.

  10. Avatar آرش گفت:

    سلام میخاستم بببینم چند ماه طول میکشه و مدرک معتبر قابل ترجمه هم میدید دیگه؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      دوره (Web Design I (HTML5, CSS3 with Dreamweaver به مدت 58 ساعت که تقریبا 2/5 ماه طول دوره هست و در پایان دوره مدرک مجتمع فنی تهران که دوزبانه هست و قابل ترجمه هم می باشد اعطا می گردد.

  11. Avatar kingdain گفت:

    سلام خسته نباشید برای ثبت نام غیر حضوری باید به کدوم بخش مراجعه کرد؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      دوره طراحی وب سایت به صورت غیر حضوری ارائه نگردیده است.

  12. Avatar آوا گفت:

    سلام و وقت بخیر این کلاس ها به صورت آنلاین همه برگزار میشه؟ یا حتما باید حضوری شرکت کنیم؟
    من میخواستم کلاس سئو ثبت نام کنم اما گفته بودین پیش نیازش این دوره هست. حتما باید این دوره رو بگذرونیم؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      دوره Web Design I (HTML5, CSS3 with Dreamweaver) به صورت آنلاین هم برگزار می شود لطفا برنامه آموزشی و زمانبندی ما رو پیگیری کنید.

  13. Avatar جواد گفت:

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

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      قدم اول در زمینه یادگیری و انجام طراحی وب سایت آموزش دوره Web Design I (HTML5, CSS3 with Dreamweaver) هست
      و از اونجایی که شما وردپرس کار کردید و پلاگین های آماده دارد و کار کردن با ورد پرس ساده است
      مناسب هست که شما Web Design I (HTML5, CSS3 with Dreamweaver) یاد بگیرید چون پایه کارطراحی سایت هست و نیاز هست که شما پایه رو بدونید.

  14. Avatar فاطمه گفت:

    سلام خسته نباشید من لیسانس علوم تربیتی دارم میخوام در کنارش دوره ای که مرتبط ب رشتع هست و همچنین ب درد خارج از کشور مخصوصا کشور المان بخوره رو بگذرونیم….چع دوره ای پیشنهاد میدید؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      اولین دوره ایی که می توان پیشنهاد کرد دوره های پایه کامپیوتر هست با عنوان ICDL که برای تمامی رشته ها مناسب هست و اگر شما بخواهید مدرک مجتمع فنی تهران رو برای خارج از کشور ارائه کنید می توانید معادل مدرک خارجی یا بین المللی رو با پرداخت هزینه جداگانه دریافت کنید.

  15. Avatar مهدی گفت:

    سلام . من بعد از گذراندن این دوره میتونم یک سایت داینامیک طراحی کنم ؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      در دوره Web Design I (HTML5, CSS3 with Dreamweaver) شما با یکسری کد های آشنا می شوید برای طراحی قالب سایت
      سایت شما به صورت استاتیک هست و برای اینکه سایت خاصیت داینامیک داشته باشه باید بخش برنامه نویسی سایت رو هم یاد بگیرید.

  16. Avatar میرزایی گفت:

    با سلام
    آیا در این دوره کار با نرم افزار خاصی به طور مثال notpad++ آموزش داده می شود؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      نرم افزارهای که در دوره Web Design I کار میشه و آموزش داده می شود متفاوت هست بعضی مدرسین در محیط Dreamweaver یا webstorm و یا notpad++ آموزش می دهند.

  17. Avatar شهرزاد گفت:

    با سلام و احترام
    آیا روی قیمتی که در سایت برای کلاس ها زدین تخفیف دیگری اعمال می شود؟
    و اینکه من کلاس ICDL رو نگذروندم می تونم تو کلاس Web design I شرکت کنم؟ پاسخ شما به کاربر قبلی خیلی برای من مفهوم نبود شما از من مدرکی دال بر گذروندن این دوره می خواین؟
    با تشکر

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      تمام دوره ها 10 درصد تخفیف دارد که اگر شما به صورت آنلاین ثبت نام کنید این تخفیف لحاظ می شود
      پیش نیاز دوره web design 1 آشنایی به کامپیوتر هست و اگر مدرک هم نداشته باشید یا اینکه به صورت تجربی یاد گرفته باشید هم مشکلی ندارد می توانید در دوره طراحی صفحات وب مجتمع فنی تهران رو شرکت کنید.

  18. Avatar شهرزاد گفت:

    با سلام و احترام
    کلاس های شنبه و دوشنبه Web design 1 توسط چه استادی تدریس می شه؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      مدرس دوره طراحی وب یک روز قبل از شروع دوره مشخص می شود.

  19. Avatar محمد گفت:

    سلام… محل برگزاری کلاس طراحی وب سایت مجتمع فنی کجاست؟

    1. کارشناس آموزش کارشناس آموزش گفت:

      باسلام خدمت شما دوست گرامی
      برگزاری دوره Web Design I (HTML5, CSS3 with Dreamweaver) در مجتمع فنی تهران سیدخندان به آدرس
      ضلع شمال غربی پل سیدخندان نبش خیابان ارسباران برگزار می گردد.

  20. Avatar علی ثیابی گفت:

    سلام دوره Web Design I (HTML5, CSS3 with Dreamweaver) پیش نیاز داره؟من در حد مقدماتی ICDL رو بلدم و می خوام مستقیم این دوره رو در مجتمع فنی تهران شرکت کنم،امکانش هست؟

    1. Avatar کارشناس آموزش گفت:

      با سلام خدمت شما دوست گرامی
      در قسمت سرفصل دوره Web Design I (HTML5, CSS3 with Dreamweaver) دوره ICDL I به عنوان پیش نیاز در سایت مجتمع فنی تهران تعریف شده است. همانطور که اطلاع دارید در دوره ICDL I مجتمع فنی تهران مبانی کامپیوتر، اینترنت، ویندوز و ورد آموزش داده می شود اگر با این مباحث آشنایی دارید می توانید در دوره Web Design I (HTML5, CSS3 with Dreamweaver) مجتمع فنی تهران شرکت نمایید.

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

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