دوره های آموزش تخصصی طراحی وب HTML5 و Css3

اچ تی ام ال (HTML۵) زبانی برای ساختن و ارائه محتوا برای شبکه جهانی وب است، این پنجمین تجدید نظر از استاندارد HTML است (در سال ۱۹۹۰ ایجاد و در سال ۱۹۹۷ به عنوان HTML۴ استاندارد شده‌است) و تاکنون همچنان در دست توسعه‌است. اهداف اصلی HTML۵ بهبود این زبان به صورتی است که از جدیدترین فن آوری‌های چند رسانه‌ای پشتیبانی کند در حالی که هم به راحتی توسط انسان‌ها قابل خواندن باشد وهم به طور مداوم توسط رایانه‌ها و دستگاه‌ها (مرورگرهای وب، تجزیه کننده‌ها و غیره) قابل درک باشد. HTML۵ در نظر دارد نه تنها HTML ۴بلکه XHTML ۱ و ۲ HTML را نیز پشتیبانی کند.

در این محصول آموزشی که اولین محصول از مجموعه ی طراح وب است بر روی اصولی ترین و پایه ای ترین زبان های وب یعنی HTML و CSS تمرکز شده است.در ابتدا با توضیح کامل دستورات این زبان ها به همراه مثال های عملی با این زبان های کاملا آشنا خواهید شد.پس از آن با مثال های عملی تر و ترکیبی شما را تا مرز حرفه ای شدن در این دستورات پیش می بریم. همانطور که می دانید HTML و CSS پایه ای ترین زبان های وب هستند و بدون یادگیری آنها در طراحی وب تقریبا هیچ کاری نمی توانید انجام دهید.

اما پس از دیدن این محصول آموزشی شما می توانید:
– سایت های استاتیک با هر شکل و ظاهری که دوست دارید را برای خود طراحی کنید.
– قالب های آماده در اینترنت را به دلخواه خود ویرایش کنید.
– قالب های آماده زبان های دیگر را به زبان فارسی تبدیل کنید.
– یک قالب فتوشاپ را به یک قالب تحت وب (HTML,CSS) تبدیل کنید.- به قالب تان افکت های زیبا اضافه کنید.

محتویات بسته

آموزش اصول سی اس اس
 CSS Fundamentals

CSS مخفف Cascading Style Sheet به معنی شیوه نامه آبشاری است و برای فرمت دهی و طرح بندی، تعریف سبک متن (مانند نوع قلم، رنگ و اندازه‌ها)، اندازه جدول و جنبه های دیگری از صفحات وب که قبلا فقط در فایل HTML  یک صفحه قابل تعریف بوده است استفاده می شود. توسط سی اس اس می ‌توان از تکرار بعضی قسمت‌ها در تگ‌های سایت‌ها یا هر صفحه HTML صرف نظر کرد. سی‌اس‌اس همچنین بعضی از مقادیر را تعریف می ‌کند به طوری که این مقادیر برای تمام قسمت‌ها تکرار می‌شوند و لذا در کاهش حجم صفحات دخالت دارد. به عبارت دیگر سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری در صفحات وب هستند. الگوهای آبشاری از جنس زبان‌های نشانه‌گذاری، با ساختار متن ساده رایانه بوده و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌ شود.

در دوره آموزشی CSS Fundamentals شما با قابلیت های اساسی و کلیدی سی اس اس آشنا می شوید.

• شناخت انواع انتخاب کننده های اصلی و مبنا
• ادغام CSS با HTML
• بررسی رندرینگ مرورگرهای مختلف
• بررسی ویژگی های CSS
• آموزش مفاهیم اساسی
• آشنایی CSS3
• تغییر رنگ متن ها، تصویر زمینه و …
• تنظیم حاشیه
• و …
  

www.LimooStore.com

آموزش ساخت یک قالب CSS
Creating a CSS Style Guide: Hands-On Training

الگوهای آبشاری یا روی‌انداز آبشاری سَبْک یا سی‌اس‌اس (CSS: Cascading Style Sheets) در کنار اچ‌تی‌ام‌ال هستهٔ فناوری ساخت صفحه‌های وب هستند. سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. الگوهای آبشاری از جنس زبان‌های نشانه‌گذاری، با ساختار متن ساده رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود. به گفته‌ای ساده تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند. شما قادر خواهید بود تا یک استایل منحصر به فرد را با استفاده از CSS ایجاد نموده و آن را بر روی سرور قرار دهید تا تمام صفحات بتوانند استایل خود را از یک فایل در یافت نمایند.

در دوره آموزشی Creating a CSS Style Guide شما با قابلیت های اساسی و کلیدی سی اس اس آشنا می شوید.

• برنامه ریزی برای ریزی یک سایت از یک فایل خالی
• ساخت و ویرایش یک Style Guide با استفاده از HTML
• استفاده از Property Inspector برای نشانه گذاری متن
• درج تصاویر، جداول، پاورقی و …
• ایجاد و ویرایش یک CSS style sheet خارجی
• ساخت یک پالت رنگ های سفارشی برای سایت
• تست صفحات وب در مرورگرهای مختلف
• ساخت یک استایل داخلی توسط نرم افزار ادوبی دریم ویور
• ساخت یک استایل شخصی با استفاده از لیست استایل ها
• و …

www.LimooStore.com

آموزش طراحی ریسپانسیو وب سایت
Applied Responsive Design

با رواج استفاده از دستگاه های تبلت و گوشی های هوشمند نیاز به طراحی وب سایت هایی که قابلیت نمایش در صفحه مانیتور، دستگاه های تبلت و گوشی های هوشمند را داشته باشند مطرح شده است. ریسپانسیو (Responsive) به قالب های واکنشگرا گفته می شود بطوری که اگر کاربری با موبایل یا تبلت و یا آیفون وارد سایت شما شود نسخه بهینه شده سایت را براساس سایز مانیتور یا نمایشگر سیستم خود مشاهده می کند.

در دوره آموزشی Applied Responsive Design شما با طراحی وب سایت های ریسپانسیو آشنا می شوید.

• ایجاد Mockups
• سازماندهی نواحی صفحه
• تعریف استایل ها و Media Querie های پیش فرض
• طرح بندی برای موبایل، تبلت و دسکتاپ
• سازماندهی و طراحی منوها
• منوهای پویا
• افزودن قابلیت های گوشی
• تست ریسپانسیو بودن سایت
• و ..

www.LimooStore.com

آموزش فریم ورک ها و گرید ها در سی اس اس
CSS: Frameworks and Grids

استفاده از فریم ورک ها (Frameworks) و گرید ها (Grids) در CSS علاوه بر افزایش سرعت طراحی وب سایت، مزایای دیگری مانند استفاده از کدهای نرمالسازی شده و درنتیجه کم شدن اشتباهات رایج، امکان بهتر انجام دادن کارهای تیمی و صرفه جویی در زمان و عدم نیاز به تعریف رویه مجدد برای هر عنصر را برای طراحان وب سایت ها به ارمغان آورده است. در واقع می توان گفت فریم ورک ها همان کتابخانه های آماده ای هستند که برخی از برنامه نویسان حرفه ای برای ساده سازی کار با CSS آن ها را ایجاد کرده اند تا فرایند توسعه نرم‌افزاری تحت وب بسیار سریع و راحت تر باشد و انواع طراحی های بسیار زیبا را در قالب کدهای آماده در اختیار دیگران قرار دهند.

در دوره آموزشی CSS: Frameworks and Grids شما با قابلیت های اساسی و کلیدی فریم ورک ها و گرید ها در سی اس اس آشنا می شوید.

• آشنایی با مفاهیم Boilerplates ، Grid ها و Framework ها
• انتخاب یک فریم ورک (framework)
• ساخت یک فریم ورک
• خلق یک استراتژی توسعه
• ویرایش فایل ها
• سفارشی سازی استایل متون (Typography) و رنگ ها
• رفع مشکلات فریم ورک ها
• مروری بر نحو Grid-Based
• Grid های تو در تو
• استفاده از Mobile Grid ها
• و …

www.LimooStore.com

آموزش لایه بندی و چیدمان محتویات صفحات وب سایت با استفاده از سی اس اس
CSS Page Layouts

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

در دوره آموزشی CSS: Page Layouts شما با اصول طرح بندی صفحات وب و چگونگی ایجاد ساختاری مناسب آشنا می شوید.

• بررسی مبحث  Box Model در سی اس اس
• کار با مقیاس های اندازه گیری em و درصد
• چگونگی کنترل داشتن بر نحوه نمایش عناصر
• ایجاد طرح بندی ثابت، شناور و ریسپانسیو
• محتوا سازی با HTML5
• عناصر شناور
• استفاده از موقعیت نسبی، مطلق و یا ثابت
• تعریف فاصله ستون
• در نظر گرفتن مسائل مربوط به طراحی دستگاه های موبایل
• کار ​​با متن چند ستونه
• بهبود طراحی صفحات با CSS Sprites
• و …

www.LimooStore.com

 دوره کامل آموزش اچ تی ام ال ۵
Lynda HTML5 Course Full

اچ تی ام ال (HTML۵) زبانی برای ساختن و ارائه محتوا برای شبکه جهانی وب است، این پنجمین تجدید نظر از استاندارد HTML است (در سال ۱۹۹۰ ایجاد و در سال ۱۹۹۷ به عنوان HTML۴ استاندارد شده‌است) و تاکنون همچنان در دست توسعه‌است. اهداف اصلی HTML۵ بهبود این زبان به صورتی است که از جدیدترین فن آوری‌های چند رسانه‌ای پشتیبانی کند در حالی که هم به راحتی توسط انسان‌ها قابل خواندن باشد وهم به طور مداوم توسط رایانه‌ها و دستگاه‌ها (مرورگرهای وب، تجزیه کننده‌ها و غیره) قابل درک باشد. HTML۵ در نظر دارد نه تنها HTML ۴بلکه XHTML ۱ و ۲ HTML را نیز پشتیبانی کند.

در دوره آموزشی HTML5 شما با قابلیت های اساسی و کلیدی این زبان کاربردی قدرتنمد آشنا می شوید.

• Drag and Drop in Depth
• First Look
• Geolocation in Depth
• Getting Started with HTML5
• Graphics and Animation with Canvas
• Local Storage and Offline Applications in Depth
• Managing Browser History
• Structure, Syntax, and Semantics
• Video and Audio in Depth
• Web Forms in Depth
• اچ تی ام ال برای کارهای حرفه ای (HTML5 Power Workshop)
• اچ تی ام ال ۵ برای توسعه دهندگان فلش (HTML5 for Flash Developers)
• استفاده از عنصر Video در اچ تی ام ال ۵ (Up and Running with HTML5 Video)
• و …

www.LimooStore.com

آموزش اچ تی ام ال ۵ برای توسعه دهندگان فلش
HTML5 for Flash Developers

HTML5 زبانی برای ساختن و ارائه محتوا برای شبکه جهانی وب، یک فن آوری هسته‌ای در اینترنت و پنجمین تجدید نظر از استاندارد HTML است. اهداف اصلی HTML5 بهبود این زبان به صورتی است که از جدیدترین فن آوری‌های چند رسانه‌ای پشتیبانی کند در حالی که هم به راحتی توسط انسان‌ها قابل خواندن باشد وهم به طور مداوم توسط رایانه‌ها و دستگاه‌ها (مرورگرهای وب، تجزیه کننده‌ها و …) قابل درک باشد و پردازش‌هایی در آن صورت گرفته‌است تا اسناد نامعتبر و خطاهای نحوی آن‌ها برای همه مرورگرها و کاربران یکسان باشد. علاوه بر این HTML5 شامل جزئیات مدل‌های پردازش است تا پیاده سازی سازگارتری داشته باشد.

در دوره آموزشی HTML5 for Flash Developers شما با قابلیت های اساسی و کلیدی این زبان کاربردی قدرتمند آشنا می شوید.

• درک HTML5 و پشتیبانی آن از مرورگرها
• ایجاد فایل های کلاس و حلقه های انیمیشن (animation loops)
• طراحی گرافیک های پویا
• مقایسه دادهای Canvas و BitmapData
• بررسی انیمیشن DOM
• درک ویژگی های طراحی CSS3
• استفاده از انیمیشن های CSS
• درک WebGL
• استفاده از نرم افزار Adobe Edge و کتابخانه CreateJS
• و …