برنامه نویسی وب
طراحی وب به روند شکل دادن به ظاهر یک وبسایت، طراحی وب گفته میشود . ابزارهای اصلی این کار Html / Css و JavaScript میباشد. وب دیزا...
این دوره شامل اصول طراحی وبسایت استاتیک، که شامل زبان نشانه گذاری ابر متنی (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 | 02-10-28 | 58 | 36,000,000 30,240,000 | |||
نمایش دیدگاه ها
سلام خسته نباشید برای ثبت نام غیر حضوری باید به کدوم بخش مراجعه کرد؟
باسلام خدمت شما دوست گرامی
دوره طراحی وب سایت به صورت غیر حضوری ارائه نگردیده است.
سلام و وقت بخیر این کلاس ها به صورت آنلاین همه برگزار میشه؟ یا حتما باید حضوری شرکت کنیم؟
من میخواستم کلاس سئو ثبت نام کنم اما گفته بودین پیش نیازش این دوره هست. حتما باید این دوره رو بگذرونیم؟
باسلام خدمت شما دوست گرامی
دوره 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) شما با یکسری کد های آشنا می شوید برای طراحی قالب سایت
سایت شما به صورت استاتیک هست و برای اینکه سایت خاصیت داینامیک داشته باشه باید بخش برنامه نویسی سایت رو هم یاد بگیرید.
با سلام
آیا در این دوره کار با نرم افزار خاصی به طور مثال notpad++ آموزش داده می شود؟
باسلام خدمت شما دوست گرامی
نرم افزارهای که در دوره Web Design I کار میشه و آموزش داده می شود متفاوت هست بعضی مدرسین در محیط Dreamweaver یا webstorm و یا notpad++ آموزش می دهند.
با سلام و احترام
آیا روی قیمتی که در سایت برای کلاس ها زدین تخفیف دیگری اعمال می شود؟
و اینکه من کلاس ICDL رو نگذروندم می تونم تو کلاس Web design I شرکت کنم؟ پاسخ شما به کاربر قبلی خیلی برای من مفهوم نبود شما از من مدرکی دال بر گذروندن این دوره می خواین؟
با تشکر
باسلام خدمت شما دوست گرامی
تمام دوره ها 10 درصد تخفیف دارد که اگر شما به صورت آنلاین ثبت نام کنید این تخفیف لحاظ می شود
پیش نیاز دوره web design 1 آشنایی به کامپیوتر هست و اگر مدرک هم نداشته باشید یا اینکه به صورت تجربی یاد گرفته باشید هم مشکلی ندارد می توانید در دوره طراحی صفحات وب مجتمع فنی تهران رو شرکت کنید.
با سلام و احترام
کلاس های شنبه و دوشنبه Web design 1 توسط چه استادی تدریس می شه؟
باسلام خدمت شما دوست گرامی
مدرس دوره طراحی وب یک روز قبل از شروع دوره مشخص می شود.
سلام... محل برگزاری کلاس طراحی وب سایت مجتمع فنی کجاست؟
باسلام خدمت شما دوست گرامی
برگزاری دوره Web Design I (HTML5, CSS3 with Dreamweaver) در مجتمع فنی تهران سیدخندان به آدرس
ضلع شمال غربی پل سیدخندان نبش خیابان ارسباران برگزار می گردد.
سلام دوره Web Design I (HTML5, CSS3 with Dreamweaver) پیش نیاز داره؟من در حد مقدماتی ICDL رو بلدم و می خوام مستقیم این دوره رو در مجتمع فنی تهران شرکت کنم،امکانش هست؟
با سلام خدمت شما دوست گرامی
در قسمت سرفصل دوره Web Design I (HTML5, CSS3 with Dreamweaver) دوره ICDL I به عنوان پیش نیاز در سایت مجتمع فنی تهران تعریف شده است. همانطور که اطلاع دارید در دوره ICDL I مجتمع فنی تهران مبانی کامپیوتر، اینترنت، ویندوز و ورد آموزش داده می شود اگر با این مباحث آشنایی دارید می توانید در دوره Web Design I (HTML5, CSS3 with Dreamweaver) مجتمع فنی تهران شرکت نمایید.