آموزش گام به گام و تصویری HTML قسمت اول (ایران گستر)

HTML

ایران گستر در صدد آن است تا با آموزش های تصویری خود, شما را با به روز ترین زبان های برنامه نویسی آشنا کند تا با یادگیری آنها بتوانبد وارد بازار کار شوید و کسب و کار خود را رونق بخشید. ار این پس آموزش های HTML مارا دنبال کنید.

HTML یک زبان برنامه نویسی نیست

باید بدانید که HTML یک زبان برنامه نویسی نیست، بلکه یک زبان نشانه گذاری است و طبق برخی گفته ها دلیل استفاده از کلمه ی نشانه‌گذاری این است که این زبان اعضا و عناصر صفحات وب را با نشانه گذاری به مرورگر می شناساند. به طور مثال از تگ <p> به عنوان یک نشانه استفاده می کند تا به مرورگر بگوید فلان متن یک پاراگراف است. در ضمن باید بدانید که تگ های HTML در مرورگر به نمایش در نمی آیند بلکه روی نحوه ی نمایش محتوا و درک ربات ها از متن و … اثر می گذارند. (ایران گستر)

مثالی از یک سند HTML

بیایید نگاهی به یک سند ساده ی HTML بیندازیم:(ایران گستر)

 

1 2 3 4 5 6 7 8 9 10 11 12

<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body>   <h1>My First Heading</h1> <p>My first paragraph.</p>   </body> </html>

نمایش کد بالا در ادیتور آنلاین JSbin

به عناصر کد بالا دقت کنید:

• <DOCTYPE html!> به مرورگر ها/ ربات ها و … اعلام می کند که این سند، از نوع HTML5 است. در طول سال های اخیر نسخه های مختلفی از HTML معرفی شده اند که آخرین نسخه ی آن HTML 5 است و مبنای کار ما در این دوره قرار می گیرد.(ایران گستر)

• عنصر <html> عنصر اصلی و ریشه ی HTML در هر صفحه ی اچ تی ام ال است.
• عنصر <head> دارای اطلاعات meta در مورد سند مربوطه است.
• عنصر <title> برای سند ما یک عنوان تعیین می کند.
• عنصر <body> شامل محتوای قابل مشاهده توسط کاربر می باشد.
• عنصر <h1> یک heading بزرگ را تعریف می کند (در آینده با heading ها آشنا می شویم).
• عنصر <p> یک پاراگراف را تعیین می کند.

1- در انتهای این مقاله با نسخه های آن بیشتر آشنا می شویم.(ایران گستر)

ساختار تگ ها

تگ های اچ تی ام ال بین دو عدد angle bracket قرار می گیرند. angle bracket ها همان علامت های کمتر و بیشتری هستند (> یا <). مثال:

<tagname> محتوا در این قسمت قرار می گیرد… </tagname>

تگ های HTML در اکثر مواقع به صورت یک جفت حاضر می شوند مانند <p> و <p/> که به تگ اول start tag یا تگ آغازین و به دومی end tag یا تگ پایانی می گوییم. اگر دقت کنید متوجه می شوید که تگ پایانی دقیقا مانند تگ آغازین نوشته می شود با این تفاوت که یک forward slash (علامت /) نیز دارد.(ایران گستر)

نکته: ممکن است در اینترنت این تگ ها را با نام های opening tag و closing tag نیز ببینید. این نام ها نیز صحیح هستند.

مرورگرها

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

[caption id="attachment_64459" align="aligncenter" width="635"] مثالی از یک صفحه ی HTML خالی و ساده در مرورگر Chrome[/caption]

در واقع ساختار HTML در مرورگر ها به این شکل است:

ساختار HTML در مرورگر های مختلف

تنها قسمتی از تصویر بالا که سفید است (یعنی داخل تگ <body>) در مرورگر به نمایش در می آید و دیگر قسمت ها مخصوص مسائل دیگری هستند که در آینده با آن ها آشنا می شویم.(ایران گستر)

اعلان <DOCTYPE!>

همانطور که گفته شد، اعلان <DOCTYPE!> نوع سند HTML و نسخه ی آن را مشخص می کند تا مرورگر ها بتوانند صفحات وب را به شکل بهتری نمایش دهند. این اعلان تنها یک بار و آن هم بالای صفحه (قبل از تمام تگ های دیگر) نوشته می شود و نسبت به بزرگی و کوچکی حروف نیز غیر حساس است اما به صورت یک قرارداد همه جا به حروف بزرگ نوشته می شود (البته نسخه ی 5). این اعلان در نسخه ی 5 از HTML به شکل زیر نوشته می شود:(ایران گستر)

 

1	<!DOCTYPE html>

ما در طول این دوره بر اساس HTML 5 کار می کنیم اما جهت آشنایی شما با دیگر declaration ها چند مورد دیگر را نیز آورده ایم:(ایران گستر)

HTML 4.01

Strict:

 

1 2	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"    "http://www.w3.org/TR/html4/strict.dtd">

XHTML 1.0

Strict:

 

1 2	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

اگر می خواهید بقیه ی این declaration ها را ببینید به این صفحه از کنسرسیوم جهانی وب مراجعه کنید. همچنین می توانید زمان انتشار نسخه های مختلف را در جدول زیر مشاهده کنید:(ایران گستر)

نسخه	سال انتشار
HTML	1991
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML	2000
HTML5	2014

نکته: از بین این نسخه ها، HTML5 بهترین و بروز ترین نسخه است. همچنین بر اساس اعلام کنسرسیوم جهانی نسخه های زیر با اینکه منسوخ نشده اند اما بیشتر جنبه ی تاریخی دارند و پیشنهاد می شود از آن ها استفاده نکنید:(ایران گستر)

HTML 2.0 – DTD:

 

1	<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">

HTML 3.2 – DTD:

 

1	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

XHTML Basic 1.0 – DTD:

 

1 2	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"     "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">

7 ویژگی بارز سیستم عامل مک او اس Catalina (ایران گستر)

macOS

ایران گستر در صدد آن است تا  اخبار و تکنولوژی های روز IT , اخبار گوگل ,اپلیکیشن های کاربردی (بدافزار ها) یا مفید  را در اختیار شما عزیزان قرار دهد تا شما عزیزان با مطالعه آنها وارد این دنیای شیرین و پر چالش شوید و آنها را در کسب و کار و زندگی خود به کار گیرید.

 

سیستم عامل مک او اس Catalina

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

در مک او اس Catalina آی‌تیونز به چندین برنامه تجزیه شده و اپل Arcade نیز با بیش از 100 بازی در این نسخه جای گرفته است. با قابلیت Sidebar نیز این امکان برای کاربران فراهم می‌شود تا بتوانند آیپد خود را به نمایشگر ثانویه مک تبدیل کنند. در ادامه به طور مفصل‌تر به این ویژگی‌ها اشاره خواهیم کرد.(ایران گستر)

 

• اپلیکیشن‌های جداگانه‌ای برای Music، TV و Podcasts

آی‌تیونز بعد از چند سال گنجاندن انواع محتوا در خود، بالاخره به چندین برنامه تقسیم شد. حال آی‌تیونز در مک او اس Catalina به اپلیکیشن‌های مستقل Music، TV و Podcasts تجزیه شده است. قابلیت Finder نیز به گونه‌ای طراحی شده که از مدیریت دستگاه‌های iOS نیز پشتیبانی می‌کند. این امکان برای کاربران فراهم شده تا از طریق سایدبار Finder بتوانند آیفون یا آیپد خود را با کمک قابلیت Locations پیدا کنند.(ایران گستر)

• Sidecar

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

• Screen Time

این ویژگی برای اولین بار در iOS 12 برای مدیریت میزان استفاده از دستگاه‌های آیفون و آیپد طراحی شد و اکنون راه خود را به دستگاه‌های مک باز کرده است.(ایران گستر)

• اپل آرکید

سرویس آرکید که به همراه نسخه iOS 13 و iPadOS 13 در اختیار کاربران آیفون و آیپد قرار گرفت. اما در نسخه کاتالینا، بیش از 100 بازی به  سرویس Arcade در مک اضافه شده که کاربر می‌تواند کنترلرهای وایرلس ایکس‌باکس و پلی استیشن 4 Dual Shockرا به آن متصل و استفاده کند.(ایران گستر)

• Find My

اپلیکیشن جدید Find My تلفیقی از اپلیکیشن‌های Find My Friends و Find My Phones است. با این قابلیت کاربران می‌توانند دستگاه‌های خود را پیدا کنند حتی اگر خاموش باشند.(ایران گستر)

• اپلیکیشن‌های بروزرسانی‌شده

اپل در مک او اس Catalina اپلیکیشن‌هایی همچون Photos، Reminders، Notes، Mail و Safari را برزورسانی کرده که ارتقای قابلیت‌های آن‌ها را به دنبال داشته است. همچنین تغییراتی نیز در قابلیت‌های امنیتی این سیستم عامل ایجاد شده که از جمله آن‌ها می‌توان به ارتقای عملکرد Gatekeeper و Activation Lock به لطف استفاده از تراشه T2 اشاره کرد.(ایران گستر)

• دسترسی سریع‌تر

اپل در مک او اس Catalina ویژگی جدیدی را تحت عنوان Voice Control اضافه کرده که با کمک آن، کاربر می‌تواند هدایت دستگاه‌های مک خود را از طریق فرامین صوتی در دست بگیرد.(ایران گستر)

ولوو XC40 با سیستم عامل اندروید رونمایی می‌شود(ایران گستر)

ولوو XC40 با سیستم عامل اندروید

ایران گستر در صدد آن است تا  اخبار و تکنولوژی های روز IT , اخبار گوگل ,اپلیکیشن های کاربردی (بدافزار ها) یا مفید  را در اختیار شما عزیزان قرار دهد تا شما عزیزان با مطالعه آنها وارد این دنیای شیرین و پر چالش شوید و آنها را در کسب و کار و زندگی خود به کار گیرید.

XC40 با جدید ترین امکانات

تنها یک هفته تا رونمایی از اولین خودروی تمام الکتریکی مدل XC40 SUV ولوو باقی مانده و روز گذشته این خودرو ساز سوئدی اعلام کرد XC40 برای اولین بار به سیستم هوشمند «Android Automotive» مجهز خواهد بود.(ایران گستر)

این یعنی XC40 جدید با امکاناتی همچون اپلیکیشن‌های گوگل اسیستنت و گوگل مپ بدون نیاز به اسمارت‌فون اندرویدی عرضه خواهد شد. این سیستم جدید گوگل همچنین به راننده امکان دسترسی به پلی استور گوگل و دانلود اپلیکیشن‌های تعبیه شده برای سرنشینان خودرو را می‌دهد.(ایران گستر)

تقریبا 2 سال از تلاش‌های ولوو برای به‌کارگیری اندروید در خودروهایش می‌گذرد. سال 2018 بود که گوگل در کنفرانس I/O نسخه اولیه خودرو XC40 دیزلی را معرفی کرد که در آن از اندروید استفاده شده بود.(ایران گستر)

[caption id="attachment_71303" align="alignnone" width="5100"] XC40 با جدید ترین امکانات[/caption]

البته برندهای زیرمجموعه ولوو در گذشته از سیستم عامل اندروید در خودروهایشان استفاده کرده‌اند. «Polestar» یکی از همین برندهاست که اخیرا خودروهای تمام الکتریکی مدل Polestar 2 را با سیستم عامل اندروید معرفی و اعلام کرد تا سال 2020 این خودرو تمام الکتریکی را به بازار عرضه خواهد کرد.(ایران گستر)

ضمنا این به‌کارگیری عمیق اندروید در XC40 الکتریکی به راننده و سرنشینان این امکان را می‌دهد تا با استفاده از دستیار هوشمند گوگل حتی تنظیمات دمای داخل کابین را تغییر دهند. نکته جالب اینکه امکان اتصال آیفون به سیستم ضبط هوشمند ولوو و استفاده از AppleCarPlay هم وجود دارد.(ایران گستر)

علیرغم این ویژگی‌های سیستم اندروید به‌کارگرفته شده در این خودرو که امکانات خیلی بیشتری در مقایسه با دیگر سیستم‌های هوشمند خودرویی ارائه می‌کند، اما این سیستم گوگل همچنان شباهت خیلی زیادی به نرم‌افزار Senus ولوو که در دیگر خودروهای این شرکت به‌کارگرفته شده دارد.(ایران گستر)

شیائومی ردمی ‌8 با باتری 5000 میلی‌آمپری و دوربین دوگانه(ایران گستر)

شیائومی ردمی ‌8

ایران گستر در صدد آن است تا  اخبار و تکنولوژی های روز IT , اخبار گوگل ,اپلیکیشن های کاربردی (بدافزار ها) یا مفید  را در اختیار شما عزیزان قرار دهد تا شما عزیزان با مطالعه آنها وارد این دنیای شیرین و پر چالش شوید و آنها را در کسب و کار و زندگی خود به کار گیرید.

رونمایی از شیائومی ردمی ‌8

تنها دو هفته پس از رونمایی ردمی‌ 8A، شیائومی ‌رسما از جدیدترین گوشی هوشمند خود تحت عنوان ردمی ‌8 رونمایی کرد.

اگرچه این گوشی از مشخصات نسبتا مشابهی با مدل قبلی برخوردار است اما به بدنه‌ای شیشه‌ای و طراحی Aura Mirror مجهز شده است. ردمی 8 از دوربین دوگانه در قسمت پشتی بهره می‌برد و در چند مدل مجهز به رم و حافظه داخلی مختلف عرضه خواهد شد.(ایران گستر)

 

 

 

و اما در خصوص مشخصات این گوشی باید گفت که ردمی ‌8 به نماشیگری 6.22 اینچی اچ‌دی پلاس IPS LCD و دوربین  سلفی 8 مگاپیکسلی با دیافراگم F/2.0 مجهز شده و در قسمت پشتی نیز از دوربین دوگانه با سنسورهای اصلی 12 مگاپیکسلی IMX 363 سونی با دیافراگم F/1.8 و 2 مگاپیکسلی براق عمق‌بخشی به تصاویر استفاده شده است.(ایران گستر)

 

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

توان پردازشی این گوشی از طریق پردازنده اسنپدراگون 439 تامین می‌شود. مدل پیشرفته ردمی 8 مجهز به رم 4 گیگابایتی و حافظه داخلی 64 گیگابایتی به دست خریداران خواهد رسید. در خصوص باتری گوشی نیز باید گفت که در این محصول باتری 5000 میلی‌آمپری تعبیه شده که از فناوری شارژ 10 واتی بهره می‌برد.(ایران گستر)

از دیگر مشخصات ردمی 8 می‌توان به ورودی 3.5 میلیمتری هدفون، مقاومت نسبی بدنه در برابر قطرات آب و موج رادیو FM وایرلس اشاره کرد. ردمی 8 در رنگ‌های آبی، مشکی و قرمز عرضه خواهد شد. شیائومی، قیمت مدل مجهز به رم 3 و حافظه 32 گیگابایتی را حدود 112 دلار و مدل مجهز به رم 4 و حافظه 64 گیگابایتی را حدود 126 دلار تعین کرده است.(ایران گستر)

آموزش ساخت مموجی دلخواه در IOS نسخه 13(ایران گستر)

مموجی در IOS

ایران گستر در صدد آن است تا  اخبار و تکنولوژی های روز IT , اخبار گوگل ,اپلیکیشن های کاربردی (بدافزار ها) یا مفید  را در اختیار شما عزیزان قرار دهد تا شما عزیزان با مطالعه آنها وارد این دنیای شیرین و پر چالش شوید و آنها را در کسب و کار و زندگی خود به کار گیرید.

ساخت مموجی

با عرضه آی او اس 13، اپل نیز قابلیت‌های جدیدی برای ساخت مموجی های دلخواه به‌وجود آورده است. در این به‌روزسانی، رنگ‌ پوست جدید، چهره‌های جدید، وسایل تزئینی جدید و حتی امکان تغییر ظاهر دندان‌ها وجود دارد. در آی او اس 13 شما حتی می‌توانید مموجی‌ها دلخواهتان را در اشکال مختلف استفاده کنید. آواتارهای مموجی جدید اپل در حال حاضر در آیفون 11، 11 پرو و 11 پرو مکس قابل استفاده هستند.(ایران گستر)

 

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

کاربرد مموجی‌های اپل

مموجی ‌های آی او اس 13 را می‌توان در اپلیکیشن‌های Messages، فیس‌تایم، میل، Notes و دیگر اپلیکیشن‌های مورد علاقه کاربر استفاده کرد.(ایران گستر)

روش ساخت مموجی‌های دلخواه

در آی او اس 13 کاربر می‌تواند از ویژگی‌های جدیدی در مموجی‌ها استفاده کند که در بالا به آنها اشاره کردیم. برای دسترسی به ویژگی‌های مختلف برای استفاده در مموجی‌ها، تب‌های مختلفی وجود دارند. در هر تب با استفاده از اسلایدر تعبیه شده می‌توانید پوست، مو و آرایش هر مموجی را تنظیم کنید.(ایران گستر)

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

استیکر مموجی چیست؟

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

استیکرهای مموجی را از کجا پیدا کنم؟

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

چه آیفون‌هایی از نسخه جدید مموجی ‌ها پشتیبانی می‌کنند؟

اگر آیفون شما از چیپست A9 بهره می‌برد، بنابراین می‌توانید از مموجی‌های جدید اپل استفاده کنید. چیپ A9 در آیفون 6اس و آیپد نسل پنجم استفاده شده است. البته به یاد داشته باشید که سیستم‌عامل دیوایس شما باید به آی او اس 13 به‌روزرسانی شده باشد.(ایران گستر)