آموزش دوره برنامه نویسی HTML5+CSS3 در کرج

کلاس برنامه نویسی HTML CSSدر کالج اورست

آموزش html و css، کاملا جامع به همراه تمرین های کاربردی

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

پس اگر به فکر راه‌اندازی یک کسب و کار موفق با طراحی‌سایت افتاده اید، باید با قدم اول این مسیر آشنا باشید که راهی نیست جز آموزش html css.

Html، ابزاری است که شما با استفاده از تگ‌های آن اقدام به ساخت قالب کلی صفحات می‌کنید و اسکلت وب سایت خود را طراحی می‌کنید و به کمک css، صفحه وب خود را زیبا و چشم نوازتر می‌کنید یعنی می‌توانید رنگ اضافه کنید، اندازه‌های دلخواهتان را مشخص کنید و کلی کارهای هیجان‌انگیز دیگر.
یک جادوی بزرگ با کنار هم قرار گرفتن html و css:

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

همان طور که در توضیحات گفتیم Html و Css دو زبان نشانه‌گذار هستند که روی این موضوع تاکید بسیاری می‌شود. اما علت چیست؟ واقعیت موضوع این است که زبان‌های برنامه‌نویسی، ابزارهای قدرتمندی هستند که می‌توانیم با کامپیوتر حرف بزنیم و به طور عمده از ساختارهای کنترلی و شرطی استفاده کنیم. اما در زبان‌های نشانه‌گذار خبری از ساختارهای رایج برنامه‌نویسی مثل شرط، حلقه و غیره وجود ندارد و از یکسری نشانه استفاده میکنیم و به کمک آنها متن را از سایر عناصر صفحه جدا کرده تا المان‌های مختلف را در یک صفحه وب قرار داده و ساختار صفحه را مشخص کنیم.

ICDL

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

• آشنایی با مفهوم و تاریخچه وب و زیر ساختهای نرم افزاری و سخت افزاری لازم برای ایجاد، استقرار و نگهداری وب سایت ها
• معرفی مفاهیم شبکه ای مرتبط با وب مانند 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 مانند مفاهیم موارد زیر
• و بررسی نقش هر یک
• بررسی امکانات مرتبط با شبکه های اجتماعی
• طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
• بررسی Drag & Drop
• بررسی Canvas و نحوه استفاده از آن
• بررسی SVG و نحوه استفاده از آن
• معرفی Edge و Illusttator و کاربرد آنها
• معرفی Mute و کاربرد آن