مجله مطالب خواندنی

سبک زندگی، روانشناسی، سلامت،فناوری و ....

مجله مطالب خواندنی

سبک زندگی، روانشناسی، سلامت،فناوری و ....

یادگیری HTML و CSS تنها در 30 روز


توضیحات

 مجموعه "یادگیری HTML و CSS تنها در 30 روز"

یادگیری سریع و زمانبندی شده طراحی وب سایت و تکنیک های آن با تنها 10 دقیقه در روز به مدت یک ماه!

دوبله فارسی از شرکت TutsPlus

“سطح مقدماتی – پیشرفته”

دارای 30 درس آموزشی

هر درس تنها 10 دقیقه

هر روز تنها یک درس!

در 30 روز به یک طراح واقعی وبسایت تبدیل شوید !



قیمت : 14800 تومان

توضیحات کلی مجموعه :
- بیش از 5 ساعت آموزش جامع و بسیار مفید CSS و HTML دوبله شده به فارسی از متخصصین شرکت معتبر TutsPlus.
- آموزش دقیق و زمانبندی شده برای فراگیری کامل HTML و CSS در طول مدت سی روز .
- به همراه بیش از 50 ساعت و 22 عنوان آموزش جامع مالتی مدیا کاربردهای مختلف HTML و CSS از شرکتهای معتبر دنیا به زبان اصلی Lynda , Kelby, Video2Brain, Tuts+, PluralSight و …
- به همراه کلکسیون برترین نرم افزارهای طراحی وب دنیا.

+ هر ایرانی می تواند یک طراح وب حرفه ای باشد !
هدف ما از تهیه آموزش جامع ” 30 روز برای یادگیری کامل HTML و CSS ” این بوده که معتقدیم، هر ایرانی علاقمند حق ساخت زیباترین چیز ها را در دنیای مجازی وب دارد !
حتی اگر هدف شما تبدیل شدن به یک طراح وب حرفه ای نیست ، با یادگیری آسان HTML و CSS در این مجموعه ، می توانید ذوق و سلیقه خود را در دنیای نامحدود مجازی آنگونه که خود می پسندید برای خود گسترش دهید.
تنها با روزی 10 دقیقه و فراگیری  یک درس از این مجموعه، پس از گذشت 30 روز و گذراندن 30 درس این مجموعه ، به یک طراح وب تمام عیار تبدیل شوید !

قیمت : 14800 تومان

سرفصل های مهم دروس آموزشی :

- مقدمه
هفته اول :
روز اول – Your First Web Page
روز دوم – Finding a Proper Code Editor
روز سوم – Lists
روز چهارم – Parent-Child Relationships
روز پنجم – Heading Tags
روز ششم – Blockquotes
روز هفتم – Anchors

هفته دوم:
روز هشتم – Your First Stylesheet
روز نهم – Clean Project Structures
روز دهم – Images
روز یازدهم – The Necessity of Divs
روز دوازدهم – IDs and Classes
روز سیزدهم – An Assignment
روز چهاردهم – Assignment Solutions
روز پانزدهم – Floats, and a Simple Layout

هفته سوم:
روز شانزدهم – Navigation Lists
روز هفدهم – An Introduction to Forms
روز هجدهم – Image Replacement
روز نوزدهم – The Basics of Typography
روز بیستم – The Difference Between Relative and Absolute Positioning
روز بیست و یکم – Reproduce a Website Fragment
روز بیست و دوم – The Importance of Validation

هفته چهارم:
روز بیست و سوم – Zen Coding
روز بیست و چهارم – Resets and Normalizing
روز بیست و پنجم – CSS Frameworks

نهایی سازی پروژه
روز بیست و ششم – Creating the Markup
روز بیست و هفتم – How to Slice a PSD
روز بیست و هشتم – How to Create Snippets
روز بیست و نهم- The CSS For Our Website
روز سی ام – Completing the Website

- به همراه کلکسیون برترین نرم افزارهای طراحی وب دنیا

عناوین مهـم آموزش های زبان اصلی (انگلیسی) – بیش از 40 ساعت آموزش مالتی مدیا از بهترین متخصصین دنیا
Lynda.com – CSS Fundamentals
Lynda.com – CSS Styling Forms
Lynda.com – HTML Essential Training
Lynda.com – CSS For Developers
Lynda.com – CSS Page Layouts
Lynda.com – CSS Positioning Best Practices
Lynda.com – CSS Transitions and Transforms
Lynda.com – CSS-Core Concepts
Lynda.com – Typography with CSS in DW
TutsPlus – Maintainable CSS With Sass
TutsPlus – Working with Advanced 3D CSS
Video2Brain – Core HTML5 and CSS3 Web Development
Video2Brain – Getting Started with XHTML and CSS
Video2Brain – Dynamic HTML5 Programming Workshop
Video2Brain – Exploring CSS Positioning
Video2Brain – HTML5 for Beginners
Kelby Training – Advanced CSS
Kelby Training – CSS Basics
pluralsight-training.net – Introduction to CSS
pluralsight-training.net A Better CSS – LESS and SASS
pluralsight-training.net HTML Fundamentals



روش خرید: برای خرید پس از کلیک روی دکمه زیر و تکمیل فرم سفارش، ابتدا محصول یا محصولات مورد نظرتان را درب منزل یا محل کار تحویل بگیرید، سپس وجه کالا و هزینه ارسال را به مامور پست بپردازید. جهت مشاهده فرم خرید، روی دکمه زیر کلیک کنید.

قیمت : 14800 تومان




ادامه مطلب ...

کنسرسیوم جهانی وب، HTML 5.1 را منتشر می کند

[ad_1]

کنسرسیوم جهانی وب (W3C) در آینده نزدیک HTML 5.1 را منتشر می‌کند، حال آنکه کار روی نسخه بعدی آغاز شده اسـت.

اعضای کنسرسیوم جهانی وب (W3C) در حال آماده‌سازی نسخه‌ی جدید HTML برای انتشار هستند. این نهاد اعلام کرده که HTML 5.1 را در آینده‌ی نزدیک منتشر می‌کنند، حال آنکه کار روی نسخه‌ی جدیدتر یعنی HTML 5.2 نیز از میانه‌های آگوست آغاز شده اسـت.

اچ‌ تی ام ال ۵.۱ از مرحله‌ی Release Candidate وارد مرحله‌ی Proposed Recommendation شده و آخرین مرحله پیش از انتشار نسخه‌ی نهایی عبور از مرحله‌ی W3C Recommendation اسـت. این نسخه جدید بصورت استاندارد جایگزین HTML 5 خواهد شد که در حال حاضر مورد استفاده قرار می‌گیرد.

نسخه‌ی جدید اچ‌تی‌ام‌ال دچار تغییراتی در مقایسه با نسخه‌ی استاندارد شده اسـت که شامل شماری از تغییرات کلی در کنار بهبود‌هایی اسـت که در آن اعمال شده اسـت. با توجه به اینکه این نسخه در مرحله‌ی Proposed Recommendation قرار دارد، بیش از ۹۹.۹۹ درصد از تغییرات در نسخه‌ی اصلی نیز قابل رویت خواهد بود.

تایید ورود اچ‌تی‌ام‌ال به مرحله‌ی جدید نشان از این دارد که توسعه‌دهندگان مرورگرهای اینترنتی در مورد تغییرات صورت گرفته به اجماع رسیده‌اند و از ویژگی‌های جدید در نسخه‌های آتی مرورگر خود پشتیبانی خواهند کرد. 

قابلیت‌های جدید HTML 5.1 

اچ‌تی‌ام‌ال ۵.۱ دارای قابلیت‌های جدیدی اسـت که می‌تواند برای توسعه‌دهندگان و کاربران هیجان‌انگیز باشد، حال آنکه این ویژگی‌ها به اندازه‌ی HTML 5 زیاد نیستند. به جرات می‌توان ادعا کرد که اچ‌تی‌ام‌ال ۵ همراه با انتشار در کنار CSS3 دنیای وب را متحول کردند. 

سه ویژگی و قابلیت جدید اضافه شده به اچ‌تی‌ام‌ال در قالب بروزرسانی نسخه‌ی ۵.۱ شامل تگ‌های <picture>، <dialog و <summery> در کنار <detail> اسـت. 

<picture>

به یاد داریم که شبکه‌های اجتماعی و رسانه‌های این چنین بانی اصلی اضافه شدن این تگ به اچ‌تی‌ام‌ال ۵ بودند، حال آنکه اضافه شدن این تگ تاحدودی دیر انجام شد، حال آنکه گروه WHATWG تمام تلاش خود را به کار گرفت تا توسعه‌دهندگان مرورگرهای اینترنتی امروزه از این تگ در کروم، اپرا، فایرفاکس، سافاری و اج پشتیبانی می‌کنند. 

هرچند این تگ امروزه در مرورگرهای مورد نظر پشتیبانی می‌شود، اما W3C در بروزرسانی جدید، این تگ را بصورت استاندارد به دامنه‌ی تگ‌های خود اضافه می‌کند. همچنین باید به srcset نیز اشاره کرد که در کنار <picture> بصورت استاندارد در اچ‌تی‌ام‌ال ۵.۱ در دسترس خواهد بود. این ویژگی را باید محبوب توسعه‌دهندگان خواند، چراکه امکان استفاده از تصاویر ریسپانسیو را در صفحات وب ممکن می‌کند. 

<dialog>

یکی دیگر از تگ‌های اضافه شده <dialog> اشاره کرد. این تگ هم اکنون تنها در مرورگر کروم و اپرا پشتیبانی شده و تیم توسعه دهنده‌ی مرورگر اج نیز به این موضوع اشاره کرد که درصدد اضافه کردن این ویژگی به مرورگر خود اسـت. 

با استفاده از این تگ توسعه‌دهندگان می‌توانند پنجره‌های پاپ‌آپ را در درون کد اچ‌تی‌ام‌ال قرار داده و استفاده از جاوا اسکریپت را کاهش دهند. 

براساس اطلاعات ارائه شده می‌توان در تگ مورد نظر انواع محتوا از قبیل متن و تصویر را قرار داد. تگ <dialog> را باید پایانی بر پلاگین‌های lightbox و model خواند که از سال ۲۰۰۰ در اینترنت رواج پیدا کرده‌اند. 

 <summery> و <details>

این دو تگ با یکدیگر همراه شده و براساس شواهد به گوش رسیده با استفاده از این دو تگ می‌توان برای تسهیل ساخت المان‌هایی نظیر منوهای جمع شونده استفاده کرد. 

در حال حاضر این تگ‌ها در مرورگرهای کروم، سافاری، فایرفاکس و اپرا پشتیبانی می‌شود. مایکروسافت در حال حاضر در مورد پشتیبانی از تگ‌های مورد نظر تصمیم قطعی نگرفته اسـت، اما انتظار می‌رود پس از عرضه‌ی نسخه‌ی رسمی HTML 5.1 این تگ‌ها در مرورگر اج نیز پشتیبانی شود. 

سایر ویژگی‌های HTML 5.1 

از جمله‌ی ویژگی‌های دیگری که البته از اهمیت کمتری برخوردار هستند، باید به متد HTMLElement.forceSpellcheck اشاره کرد که با استفاده از آن می‌توان قابلیت تعیین صحت متون را فعال کرد. این ویژگی‌ می‌تواند در کادرهای مخصوص وارد کردن متن یا جعبه‌ی متن‌هایی که باید کاربر اطلاعات حساسی را وارد کند، مورد بررسی قرار گیرد. 

همچنین باید به allowFullScreen اشاره کرد که با استفاده از آن می‌توان تعیین کرد که در مرورگر‌ها کدام المان‌ها بصورت فول اسکرین نمایش داده شوند. این ویژگی تنها در تگ <iframe> قابل استفاده اسـت. 

از جمله‌ی ویژگی‌های دیگر باید به اینترفیس‌های ImageBitmap و XMLDocument در کنار متد registerProtocolHandler و registerProtocolhandler اشاره کرد. 

کنسرسیوم جهانی وب لیست ویژگی‌هایی را که باید در مرورگرها رعایت شود، ارائه می‌کند. شماری از ویژگی‌ها که W3C در لیست خود گنجانده، اما توسعه‌دهندگان مرورگر نتوانسته‌اند در محصول خود از آن پشتیبانی کنند، با برچسب at risk توسط کنسرسیوم جهانی مشخص شده و از این‌رو این ویژگی‌ها در اچ‌تی‌ام‌ال ۵.۲ از میان برداشته خواهند شد. از جمله‌ی این قابلیت‌های جدید می‌توان به <menu> و <menuitem> اشاره کرد. 

همانطور که اشاره کردیم، کنسرسیوم جهانی وب کار روی نسخه‌‌ی بعدی HTML 5 را آغاز کرده که در قالب بروزرسانی HTML 5.2 بصورت رسمی در اختیار توسعه‌دهندگان قرار خواهد گرفت. این نسخه نیز با بهبود‌ها و ویژگی‌های جدید همراه خواهد شد. 


[ad_2]
لینک منبع
بازنشر: مفیدستان

عبارات مرتبط




کلماتی برای این موضوع

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


ادامه مطلب ...

کنسرسیوم جهانی وب، HTML 5.1 را منتشر می کند

[ad_1]

کنسرسیوم جهانی وب (W3C) در آینده نزدیک HTML 5.1 را منتشر می‌کند، حال آنکه کار روی نسخه بعدی آغاز شده اسـت.

اعضای کنسرسیوم جهانی وب (W3C) در حال آماده‌سازی نسخه‌ی جدید HTML برای انتشار هستند. این نهاد اعلام کرده که HTML 5.1 را در آینده‌ی نزدیک منتشر می‌کنند، حال آنکه کار روی نسخه‌ی جدیدتر یعنی HTML 5.2 نیز از میانه‌های آگوست آغاز شده اسـت.

اچ‌ تی ام ال ۵.۱ از مرحله‌ی Release Candidate وارد مرحله‌ی Proposed Recommendation شده و آخرین مرحله پیش از انتشار نسخه‌ی نهایی عبور از مرحله‌ی W3C Recommendation اسـت. این نسخه جدید بصورت استاندارد جایگزین HTML 5 خواهد شد که در حال حاضر مورد استفاده قرار می‌گیرد.

نسخه‌ی جدید اچ‌تی‌ام‌ال دچار تغییراتی در مقایسه با نسخه‌ی استاندارد شده اسـت که شامل شماری از تغییرات کلی در کنار بهبود‌هایی اسـت که در آن اعمال شده اسـت. با توجه به اینکه این نسخه در مرحله‌ی Proposed Recommendation قرار دارد، بیش از ۹۹.۹۹ درصد از تغییرات در نسخه‌ی اصلی نیز قابل رویت خواهد بود.

تایید ورود اچ‌تی‌ام‌ال به مرحله‌ی جدید نشان از این دارد که توسعه‌دهندگان مرورگرهای اینترنتی در مورد تغییرات صورت گرفته به اجماع رسیده‌اند و از ویژگی‌های جدید در نسخه‌های آتی مرورگر خود پشتیبانی خواهند کرد. 

قابلیت‌های جدید HTML 5.1 

اچ‌تی‌ام‌ال ۵.۱ دارای قابلیت‌های جدیدی اسـت که می‌تواند برای توسعه‌دهندگان و کاربران هیجان‌انگیز باشد، حال آنکه این ویژگی‌ها به اندازه‌ی HTML 5 زیاد نیستند. به جرات می‌توان ادعا کرد که اچ‌تی‌ام‌ال ۵ همراه با انتشار در کنار CSS3 دنیای وب را متحول کردند. 

سه ویژگی و قابلیت جدید اضافه شده به اچ‌تی‌ام‌ال در قالب بروزرسانی نسخه‌ی ۵.۱ شامل تگ‌های <picture>، <dialog و <summery> در کنار <detail> اسـت. 

<picture>

به یاد داریم که شبکه‌های اجتماعی و رسانه‌های این چنین بانی اصلی اضافه شدن این تگ به اچ‌تی‌ام‌ال ۵ بودند، حال آنکه اضافه شدن این تگ تاحدودی دیر انجام شد، حال آنکه گروه WHATWG تمام تلاش خود را به کار گرفت تا توسعه‌دهندگان مرورگرهای اینترنتی امروزه از این تگ در کروم، اپرا، فایرفاکس، سافاری و اج پشتیبانی می‌کنند. 

هرچند این تگ امروزه در مرورگرهای مورد نظر پشتیبانی می‌شود، اما W3C در بروزرسانی جدید، این تگ را بصورت استاندارد به دامنه‌ی تگ‌های خود اضافه می‌کند. همچنین باید به srcset نیز اشاره کرد که در کنار <picture> بصورت استاندارد در اچ‌تی‌ام‌ال ۵.۱ در دسترس خواهد بود. این ویژگی را باید محبوب توسعه‌دهندگان خواند، چراکه امکان استفاده از تصاویر ریسپانسیو را در صفحات وب ممکن می‌کند. 

<dialog>

یکی دیگر از تگ‌های اضافه شده <dialog> اشاره کرد. این تگ هم اکنون تنها در مرورگر کروم و اپرا پشتیبانی شده و تیم توسعه دهنده‌ی مرورگر اج نیز به این موضوع اشاره کرد که درصدد اضافه کردن این ویژگی به مرورگر خود اسـت. 

با استفاده از این تگ توسعه‌دهندگان می‌توانند پنجره‌های پاپ‌آپ را در درون کد اچ‌تی‌ام‌ال قرار داده و استفاده از جاوا اسکریپت را کاهش دهند. 

براساس اطلاعات ارائه شده می‌توان در تگ مورد نظر انواع محتوا از قبیل متن و تصویر را قرار داد. تگ <dialog> را باید پایانی بر پلاگین‌های lightbox و model خواند که از سال ۲۰۰۰ در اینترنت رواج پیدا کرده‌اند. 

 <summery> و <details>

این دو تگ با یکدیگر همراه شده و براساس شواهد به گوش رسیده با استفاده از این دو تگ می‌توان برای تسهیل ساخت المان‌هایی نظیر منوهای جمع شونده استفاده کرد. 

در حال حاضر این تگ‌ها در مرورگرهای کروم، سافاری، فایرفاکس و اپرا پشتیبانی می‌شود. مایکروسافت در حال حاضر در مورد پشتیبانی از تگ‌های مورد نظر تصمیم قطعی نگرفته اسـت، اما انتظار می‌رود پس از عرضه‌ی نسخه‌ی رسمی HTML 5.1 این تگ‌ها در مرورگر اج نیز پشتیبانی شود. 

سایر ویژگی‌های HTML 5.1 

از جمله‌ی ویژگی‌های دیگری که البته از اهمیت کمتری برخوردار هستند، باید به متد HTMLElement.forceSpellcheck اشاره کرد که با استفاده از آن می‌توان قابلیت تعیین صحت متون را فعال کرد. این ویژگی‌ می‌تواند در کادرهای مخصوص وارد کردن متن یا جعبه‌ی متن‌هایی که باید کاربر اطلاعات حساسی را وارد کند، مورد بررسی قرار گیرد. 

همچنین باید به allowFullScreen اشاره کرد که با استفاده از آن می‌توان تعیین کرد که در مرورگر‌ها کدام المان‌ها بصورت فول اسکرین نمایش داده شوند. این ویژگی تنها در تگ <iframe> قابل استفاده اسـت. 

از جمله‌ی ویژگی‌های دیگر باید به اینترفیس‌های ImageBitmap و XMLDocument در کنار متد registerProtocolHandler و registerProtocolhandler اشاره کرد. 

کنسرسیوم جهانی وب لیست ویژگی‌هایی را که باید در مرورگرها رعایت شود، ارائه می‌کند. شماری از ویژگی‌ها که W3C در لیست خود گنجانده، اما توسعه‌دهندگان مرورگر نتوانسته‌اند در محصول خود از آن پشتیبانی کنند، با برچسب at risk توسط کنسرسیوم جهانی مشخص شده و از این‌رو این ویژگی‌ها در اچ‌تی‌ام‌ال ۵.۲ از میان برداشته خواهند شد. از جمله‌ی این قابلیت‌های جدید می‌توان به <menu> و <menuitem> اشاره کرد. 

همانطور که اشاره کردیم، کنسرسیوم جهانی وب کار روی نسخه‌‌ی بعدی HTML 5 را آغاز کرده که در قالب بروزرسانی HTML 5.2 بصورت رسمی در اختیار توسعه‌دهندگان قرار خواهد گرفت. این نسخه نیز با بهبود‌ها و ویژگی‌های جدید همراه خواهد شد. 


[ad_2]
لینک منبع
بازنشر: مفیدستان

عبارات مرتبط




کلماتی برای این موضوع

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


ادامه مطلب ...