این دوره شامل اصول طراحی وبسایت استاتیک، که شامل زبان نشانه گذاری ابر متنی (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 | 03-01-27 | 58 | 43,000,000 | |||
| 2 | Web Design I (HTML5, CSS3 with Dreamweaver) | جمعه 13:00 تا 18:00 | 03-02-14 | 58 | 43,000,000 | |||
مقالات مرتبط با وب و برنامه‌نویسی
11 نوامبر
برنامه نویسی وب
طراحی وب به روند شکل دادن به ظاهر یک وبسایت، طراحی وب گفته میشود . ابزارهای اصلی این کار Html / Css و JavaScript میباشد. وب دیزا...
21 نوامبر
گوگل ادوردز و مزایای آن
اگر بخواهید در دنیای امروز و با وجود تنوع بسیار در محصولات موفق باشید. باید بدانید بدون تبلیغات این امر ممکن نخواهد بود. شما بدون تبل...
03 اکتبر
PHP یک زبان برنامه نویسی توسعه یافته
یکی از زبان های برنامه نویسی که بسیار پر طرفدار می باشد. زبان برنامه نویسی PHP است. زبانی توسعه یافته که در جهت طراحی سایت های پویا م...
17 سپتامبر
سی شارپ نرم افزاری مدرن
سی شارپ نرم افزاری مدرن و مناسب است برای کسانی که برای اولین بار وارد دنیای برنامه نویسی میشوند. تاریخچه این نرم افزار به سالهای قبل ...
26 آگوست
برنامه نویسی به زبان C
برنامه نویسی مبحثی کاملا تخصصی و حرفه ای است که افراد زیادی جذب آن نمی شوند. در حقیقت کسانیکه علاقه به دنیای اینترنت، فناوری اطلاعات و ...
سلام دوره جدید کی قرار میگیره؟
سلام خدمت شما
ما الان دو دوره جدید موجود داریم که می تونید ثبت نام کنید.
روز خوش
برای ثبت نام این دوره نیاز به راهنمایی شما دارم.
با تشکر
محیطی
با سلام خدمت شما دوست گرامی
لطفا از طریق شماره 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 ماه طول دوره هست و در پایان دوره مدرک مجتمع فنی تهران که دوزبانه هست و قابل ترجمه هم می باشد اعطا می گردد.
سلام خسته نباشید برای ثبت نام غیر حضوری باید به کدوم بخش مراجعه کرد؟
باسلام خدمت شما دوست گرامی
دوره طراحی وب سایت به صورت غیر حضوری ارائه نگردیده است.
سلام و وقت بخیر این کلاس ها به صورت آنلاین همه برگزار میشه؟ یا حتما باید حضوری شرکت کنیم؟
من میخواستم کلاس سئو ثبت نام کنم اما گفته بودین پیش نیازش این دوره هست. حتما باید این دوره رو بگذرونیم؟
باسلام خدمت شما دوست گرامی
دوره 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) مجتمع فنی تهران شرکت نمایید.