این دوره شامل اصول طراحی وبسایت استاتیک، که شامل زبان نشانه گذاری ابر متنی (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) | روزهای زوج, 17:30 الی 20:30 | 02-08-24 | 58 | 36,000,000 |
نمایش دیدگاه ها
سلام دوره جدید کی قرار میگیره؟
سلام خدمت شما
ما الان دو دوره جدید موجود داریم که می تونید ثبت نام کنید.
روز خوش
برای ثبت نام این دوره نیاز به راهنمایی شما دارم.
با تشکر
محیطی
با سلام خدمت شما دوست گرامی
لطفا از طریق شماره 02122868670 با ما در تماس باشید
با سلام و عرض وقت بخیر
آیا دوره ی کامل طراحی سایت که شامل HTML و CSS هم باشه برگزار می کنید؟ اگر برگزار میشه عنوان دوره رو لطف بفرمائید.
با سلام خدمت شما دوست گرامی
در دوره web design 1 مجتمع فنی تهران سید خندان اصول اولیه طراحی سایت و مبحث html css به صورت کامل به شما آموزش داده می شود برای کسب اطلاعات بیشتر با شماره 02122868670 تماس حاصل نمایید
سلام وقتتون بخیر
من نمی تونم حضوری در کلاس شرکت کنم ایا این دوره به صورت انلاین هم برگزار میشه ؟
با سلام خدمت شما دوست گرامی
بله این دوره به صورت آنلاین برگزار می شود برای کسب اطلاعات بیشتر با شماره 02122868670 تماس حاصل نمایید
سلام و وقت بخیر برای دوره Web Design I (HTML5, CSS3 with Dreamweaver) پیش نیاز:(icdl level 1for adolescents) کافیه؟
با سلام خدمت شما دوست گرامی
بله برای دوره web Design I این دوره کافی می باشد
با عرض سلام
می خواستم بدونم سر کلاس ها باید لپ تاب همراهمون باشه یا نه؟
با سلام خدمت شما دوست گرامی
خیر در مجتمع فنی تهران سیدخندان امکانات لازم آموزش برای شما فراهم شده است
با سلام خدمت شما دوست گرامی
خیر در مجتمع فنی تهران سیدخندان امکانات لازم آموزش برای شما فراهم شده است
سلام میخواستم بدونم مدرک انلاین به همان اندازه که حضوری شرکت کنیم معتبره؟
با سلام خدمت شما دوست گرامی
بله مدرک مجتمع فنی تهران کاملا معتبر بوده و تنها تفاوت مدرک دوره های آنلاین ذکر شدن کلمه آنلاین در مدرک می باشد
دوره های (Web Design I (HTML5, CSS3 with Dreamweaver به صورت آنلاین هم برگزار میشه؟
باسلام خدمت شما دوست گرامی
دوره (Web Design I (HTML5, CSS3 with Dreamweaver در مجتمع فنی تهران سیدخندان به صورت حضوری ارائه شده است با حفظ پروتکل بهداشت
با سلام
برای گذراندن دوره (Web Design I (HTML5, CSS3 with Dreamweaver حتما باید دوره icdl را گذرونده باشیم یا نه؟
باسلام خدمت شما دوست گرامی
پیش نیاز دوره (Web Design I (HTML5, CSS3 with Dreamweaver آشنایی به کامپیوتر هست و منظور ما داشتن مدرک icdl نیست همین که شما با ویندوز و مهارت های office کارکرده باشید و آشنا باشید کافی هست.
سلام میخاستم بببینم چند ماه طول میکشه و مدرک معتبر قابل ترجمه هم میدید دیگه؟
باسلام خدمت شما دوست گرامی
دوره (Web Design I (HTML5, CSS3 with Dreamweaver به مدت 58 ساعت که تقریبا 2/5 ماه طول دوره هست و در پایان دوره مدرک مجتمع فنی تهران که دوزبانه هست و قابل ترجمه هم می باشد اعطا می گردد.