📣لایسنس اینترنت سکیوریتی نود ۳۲ ورژن ۹ تا ۱۳ تاریخ ۱۳۹۹/۸/۱ 📣
E8TK-XEPC-5WVG-B2CT-VHD7
65JC-XGVU-JGEC-4W9G-V5FX
K2R3-XK7W-PNHJ-2W6W-3XP2
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۱ ⚠️
📣لایسنس اسمارت سکیوریتی نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۱ 📣
Username: EAV-0266069266
Password: bh8ct5pxvs
Username: EAV-0266092504
Password: kdmfj8vfxn
Username: EAV-0266114380
Password: vps9frk9pr
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۱ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۹ تا ۱۳ تاریخ ۱۳۹۹/۸/۱ 📣
A8CP-XC2K-DCM5-2FE2-UW45
6DDN-X57C-58ND-GE5M-KFHH
6MB7-XV2T-PAN6-7787-46NJ
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۱ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۱ 📣
Username: EAV-0266069266
Password: bh8ct5pxvs
Username: EAV-0266071286
Password: ka3mkdccvu
Username: EAV-0266114380
Password: vps9frk9pr
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۱ ⚠️
📣لایسنس موبایل سکیوریتی تاریخ ۱۳۹۹/۸/۱ 📣
498N-X5SM-WCXD-CM27-4F88
WU4G-XNPV-EKNA-M36E-EF8A
C5PT-XF2R-J5JS-E6KC-2C27
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۱ ⚠️
#nod32
@segmenttt
🌐 www.segmentt.ir
E8TK-XEPC-5WVG-B2CT-VHD7
65JC-XGVU-JGEC-4W9G-V5FX
K2R3-XK7W-PNHJ-2W6W-3XP2
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۱ ⚠️
📣لایسنس اسمارت سکیوریتی نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۱ 📣
Username: EAV-0266069266
Password: bh8ct5pxvs
Username: EAV-0266092504
Password: kdmfj8vfxn
Username: EAV-0266114380
Password: vps9frk9pr
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۱ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۹ تا ۱۳ تاریخ ۱۳۹۹/۸/۱ 📣
A8CP-XC2K-DCM5-2FE2-UW45
6DDN-X57C-58ND-GE5M-KFHH
6MB7-XV2T-PAN6-7787-46NJ
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۱ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۱ 📣
Username: EAV-0266069266
Password: bh8ct5pxvs
Username: EAV-0266071286
Password: ka3mkdccvu
Username: EAV-0266114380
Password: vps9frk9pr
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۱ ⚠️
📣لایسنس موبایل سکیوریتی تاریخ ۱۳۹۹/۸/۱ 📣
498N-X5SM-WCXD-CM27-4F88
WU4G-XNPV-EKNA-M36E-EF8A
C5PT-XF2R-J5JS-E6KC-2C27
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۱ ⚠️
#nod32
@segmenttt
🌐 www.segmentt.ir
#html
#وب
#آموزش
روزتون خوش🌹
بریم سراغ ادامه ی تگ های قسمت head
<base>
تگ base تگی است که ما با استفاده از آن میتوانیم یک آدرس پایه را برای تمامی لینک های موجود در یک صفحه مشخص/تعریف نماییم.
خب حالا یعنی چی آدرس پایه یا لینک پایه؟ آدرس پایه یا همون لینک پایه در یک صفحه ی وب یعنی شما یک آدرس یا یک لینک رو به عنوان لینک پایه صفحه تون مشخص مینمایید بعد در هرکجای صفحه که خواستید لینک ایجاد کنید باید اون لینک بصورت نسبی و مرتبط با لینک پایه اصلی تعریف شود.
صفت هایی که این تگ اختیار میکند:👇
href
مسیر ، ادرس لینک پایه رو مشخص میکند.
target
نحوه باز شدن صفحه مقصد را مشخص میکند.
مقادیری که میگیرد به شرح زیر است:👇
_blank
_parent
_self
_top
framename
این مقادیر رو در قسمت لینک ها کاملا برسی کردیم .
<basefont>
کارایی این تگ اینه که یه فونتی برای صفحه مشخص میکند که بقیه ی تگ ها از این تگ به عنوان base فونت خود استفاده میکنند
نکته: این تگ در HTML5 پشتیبانی نمی شود و همچنین در هیچکدام از مرورگرهای اینترنتی نیز پشتیبانی نمیشود، پس در مرورگر هیچ عملی از این تگ نخواهید دید، لطفا بجای آن از دستورات CSS استفاده نمایید.
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
روزتون خوش🌹
بریم سراغ ادامه ی تگ های قسمت head
<base>
تگ base تگی است که ما با استفاده از آن میتوانیم یک آدرس پایه را برای تمامی لینک های موجود در یک صفحه مشخص/تعریف نماییم.
خب حالا یعنی چی آدرس پایه یا لینک پایه؟ آدرس پایه یا همون لینک پایه در یک صفحه ی وب یعنی شما یک آدرس یا یک لینک رو به عنوان لینک پایه صفحه تون مشخص مینمایید بعد در هرکجای صفحه که خواستید لینک ایجاد کنید باید اون لینک بصورت نسبی و مرتبط با لینک پایه اصلی تعریف شود.
صفت هایی که این تگ اختیار میکند:👇
href
مسیر ، ادرس لینک پایه رو مشخص میکند.
target
نحوه باز شدن صفحه مقصد را مشخص میکند.
مقادیری که میگیرد به شرح زیر است:👇
_blank
_parent
_self
_top
framename
این مقادیر رو در قسمت لینک ها کاملا برسی کردیم .
<basefont>
کارایی این تگ اینه که یه فونتی برای صفحه مشخص میکند که بقیه ی تگ ها از این تگ به عنوان base فونت خود استفاده میکنند
نکته: این تگ در HTML5 پشتیبانی نمی شود و همچنین در هیچکدام از مرورگرهای اینترنتی نیز پشتیبانی نمیشود، پس در مرورگر هیچ عملی از این تگ نخواهید دید، لطفا بجای آن از دستورات CSS استفاده نمایید.
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#html
#وب
#آموزش
بپردازیم به ادامه ی مباحث
<meta>
تگ meta یا متاداده ها که از کلمه MetaData می آید ، تگی است که با استفاده از آن میتوان یکسری اطلاعات را از داده ها و عناصر موجود در یک صفحه وب برای مرورگرها و موتورهای جستجوگر ایجاد و تعریف کرد.
این اطلاعاتی که میگیم در یک صفحه نمایش برای کاربران قابل مشاهده نیست، یعنی نمای ظاهری یا بصری نداره ولی توسط مرورگرها و موتورهای جستجوگر قابل تجزیه و تحلیل می باشد، که این اطلاعات میتونه به یک وبسایت برای نمایش هرچه بهتر در مرورگرها و موتورهای جستجوگر کمک کند.
تعداد متاداده ها تقریبا بیش از ۱۰ تا میشن ولی خب همه ی این متاداده ها برای یک صفحه ی وب ضروری نمی باشند ولی تعدادیشون مهم و ضروری هستند و باید حتما استفاده بشن که در پست بعدی کاملا این متا تگ هارو مورد برسی قرار خواهیم داد.
متا تگ ها برای سئو سایت به شدت مهم و ضروری هستند.
تگ های متا غالبا از صفت های زیر استفاده میکنند:👇
1:charset
برای مشخص کردن نوع کاراکترهای مورد استفاده در صفحه وب.
(برای نمایش محتوای فارسی حتما از این صفت استفاده نمایید)
2:content
تعیین کننده مقدار خاصیت http-equiv یا خاصیت name
3:http-equiv
عبارت equiv در این نوع متاتگ مخفف equivalent به معنی معادل است، لذا این متاتگ معادل سربرگ های HTTP را تنظیم می کند
مقادیر این صفت به شرح زیر است:👇
content-type
refresh
cache-control
set-cookie
این مقادیر رو در یک پست مجزا برسی خواهیم کرد.
4:name
نام متا تگ مورد نیاز را مشخص میکند.
و مقادیر زیر را اختیار میکند:👇
application-name
author
description
generator
keywords
viewport
این مقادیر رو هم در یک پست مجزا برسی خواهیم کرد.
نکته: تگ متاداده همیشه دارای ۲ قسمت می باشد:
1: نام متا داده
2: مقدار آن
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
بپردازیم به ادامه ی مباحث
<meta>
تگ meta یا متاداده ها که از کلمه MetaData می آید ، تگی است که با استفاده از آن میتوان یکسری اطلاعات را از داده ها و عناصر موجود در یک صفحه وب برای مرورگرها و موتورهای جستجوگر ایجاد و تعریف کرد.
این اطلاعاتی که میگیم در یک صفحه نمایش برای کاربران قابل مشاهده نیست، یعنی نمای ظاهری یا بصری نداره ولی توسط مرورگرها و موتورهای جستجوگر قابل تجزیه و تحلیل می باشد، که این اطلاعات میتونه به یک وبسایت برای نمایش هرچه بهتر در مرورگرها و موتورهای جستجوگر کمک کند.
تعداد متاداده ها تقریبا بیش از ۱۰ تا میشن ولی خب همه ی این متاداده ها برای یک صفحه ی وب ضروری نمی باشند ولی تعدادیشون مهم و ضروری هستند و باید حتما استفاده بشن که در پست بعدی کاملا این متا تگ هارو مورد برسی قرار خواهیم داد.
متا تگ ها برای سئو سایت به شدت مهم و ضروری هستند.
تگ های متا غالبا از صفت های زیر استفاده میکنند:👇
1:charset
برای مشخص کردن نوع کاراکترهای مورد استفاده در صفحه وب.
(برای نمایش محتوای فارسی حتما از این صفت استفاده نمایید)
2:content
تعیین کننده مقدار خاصیت http-equiv یا خاصیت name
3:http-equiv
عبارت equiv در این نوع متاتگ مخفف equivalent به معنی معادل است، لذا این متاتگ معادل سربرگ های HTTP را تنظیم می کند
مقادیر این صفت به شرح زیر است:👇
content-type
refresh
cache-control
set-cookie
این مقادیر رو در یک پست مجزا برسی خواهیم کرد.
4:name
نام متا تگ مورد نیاز را مشخص میکند.
و مقادیر زیر را اختیار میکند:👇
application-name
author
description
generator
keywords
viewport
این مقادیر رو هم در یک پست مجزا برسی خواهیم کرد.
نکته: تگ متاداده همیشه دارای ۲ قسمت می باشد:
1: نام متا داده
2: مقدار آن
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#html
#وب
#آموزش
روزتون خوش🌹
بریم سراغ ادامه ی مباحث
در این پست به برسی مقادیر صفت http-equiv میپردازیم.
1:content-type
تنظیم مقدار صفت متاتگ http-equiv با عبارت content-type به مرورگر خواهد گفت که صفحه وب ما از چه ساختاری استفاده و کاراکترهای آن از چه یونیکدی پیروی می کند، یک مثال برای استفاده از این متاتگ:👇
<meta http-equiv="content-type" content="text/html;charset=utf-8">
یونیکد utf-8 به معنای پشتیبانی مرورگر از زبان فارسی هست.
نکته:در HTML5 برای تنظیم یونیکد صفحه نیازی به http-equiv نیست و کافی است که از صفت charset استفاده کنیم.
2:refresh
مقدار دیگری که می توان برای متاتگ http-equiv در نظر گرفت عبارت refresh است که برای تازه سازی صفحه یا انتقال خودکار کاربر به آدرس URL جدید استفاده می شود، در این حالت باید از صفت content نیز استفاده کنیم، صفت content می تواند شامل مقدار زمان به ثانیه جهت تازه سازی صفحه و همچنین آدرس URL مقصد باشد مثال:👇
<meta http-equiv="refresh" content="10; url=http://google.com">
عددی که در این متاتگ درج شده، مقدار زمان به ثانیه ای است که بعد از آن کاربر به آدرس جدید منتقل خواهد شد، همان طور که در مثال مشخص است، درج آدرس URL اختیاری است و می توانیم این قسمت را تنظیم نکنیم (در این صورت همان صفحه فعلی تازه سازی خواهد شد).
3:cache-control
این متاتگ برای مدیریت نحوه ذخیره موقت یا به اصطلاح Cache شدن صفحات وب در مرورگر کاربران به کار می رود، در حالت معمول اغلب مرورگرها محتویات صفحات وب از جمله تصاویر و فایل ها را در حافظه موقت سیستم ذخیره و نگهداری می کنند تا در مراجعات بعدی با سرعت بیشتری به منابع مورد نیاز جهت نمایش صفحه وب دست پیدا کنند، اما گاهی نیاز می شود که محتوای برخی صفحات از این عمل مصون بمانند، بدین منظور از متاتگ cache-control به یکی از شیوه های زیر استفاده می کنیم:👇
<meta http-equiv="cache-control" content="public">
<meta http-equiv="cache-control" content="private">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="cache-control" content="no-store">
معنی مقادیر صفت content این متاتگ به شرح زیر است:👇
a:public
محتوا در حافظه مشترک تمام کاربران یک سیستم ذخیره می شود.
b:private
محتوا تنها در حافظه نام کاربری فعلی ذخیره می شود.
c:no-cache
هیچ ذخیره ای از محتوا در حافظه صورت نمی گیرد.
d:no-store
در محدوده زمانی کوتاه تری محتوا ذخیره و نگهداری می شود و به صورت آرشیو در نمی آید.
4:set-cookie
عبارت دیگری که می توانیم به عنوان مقدار برای متاتگ http-equiv تنظیم کنیم set-cookie است، با این عبارت می توانیم یک کوکی را با نام، مقدار، مسیر و تاریخ انقضای مشخص تعریف کنیم مثال:👇
<meta http-equiv="set-cookie" content="user_id=123; path=/; expires= Saturday, 13-Jan-18 23:59:59 GMT">
در نمونه بالا قسمت user_id=123 نام کوکی و مقدار آن، قسمت path مسیر کوکی (آدرسی که کوکی در آن اعمال می شود) و قسمت expires تاریخ انقضای کوکی (با فرمت Day, DD-MMM-YY HH:MM:SS Timezone) را شامل می شود.
نکته: تمام این موارد معادل سربرگ های HTTP هستند که می توان با روش های دیگر مانند استفاده از برنامه نویسی PHP نیز آنها را تنظیم کرد.
مواردی مثل کوکی رو هم در جاوا اسکریپت و هم در زبان های سمت سرور کاملا برسی و شیوه ی استفاده از اون رو کاملا اموزش خواهیم داد.
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
روزتون خوش🌹
بریم سراغ ادامه ی مباحث
در این پست به برسی مقادیر صفت http-equiv میپردازیم.
1:content-type
تنظیم مقدار صفت متاتگ http-equiv با عبارت content-type به مرورگر خواهد گفت که صفحه وب ما از چه ساختاری استفاده و کاراکترهای آن از چه یونیکدی پیروی می کند، یک مثال برای استفاده از این متاتگ:👇
<meta http-equiv="content-type" content="text/html;charset=utf-8">
یونیکد utf-8 به معنای پشتیبانی مرورگر از زبان فارسی هست.
نکته:در HTML5 برای تنظیم یونیکد صفحه نیازی به http-equiv نیست و کافی است که از صفت charset استفاده کنیم.
2:refresh
مقدار دیگری که می توان برای متاتگ http-equiv در نظر گرفت عبارت refresh است که برای تازه سازی صفحه یا انتقال خودکار کاربر به آدرس URL جدید استفاده می شود، در این حالت باید از صفت content نیز استفاده کنیم، صفت content می تواند شامل مقدار زمان به ثانیه جهت تازه سازی صفحه و همچنین آدرس URL مقصد باشد مثال:👇
<meta http-equiv="refresh" content="10; url=http://google.com">
عددی که در این متاتگ درج شده، مقدار زمان به ثانیه ای است که بعد از آن کاربر به آدرس جدید منتقل خواهد شد، همان طور که در مثال مشخص است، درج آدرس URL اختیاری است و می توانیم این قسمت را تنظیم نکنیم (در این صورت همان صفحه فعلی تازه سازی خواهد شد).
3:cache-control
این متاتگ برای مدیریت نحوه ذخیره موقت یا به اصطلاح Cache شدن صفحات وب در مرورگر کاربران به کار می رود، در حالت معمول اغلب مرورگرها محتویات صفحات وب از جمله تصاویر و فایل ها را در حافظه موقت سیستم ذخیره و نگهداری می کنند تا در مراجعات بعدی با سرعت بیشتری به منابع مورد نیاز جهت نمایش صفحه وب دست پیدا کنند، اما گاهی نیاز می شود که محتوای برخی صفحات از این عمل مصون بمانند، بدین منظور از متاتگ cache-control به یکی از شیوه های زیر استفاده می کنیم:👇
<meta http-equiv="cache-control" content="public">
<meta http-equiv="cache-control" content="private">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="cache-control" content="no-store">
معنی مقادیر صفت content این متاتگ به شرح زیر است:👇
a:public
محتوا در حافظه مشترک تمام کاربران یک سیستم ذخیره می شود.
b:private
محتوا تنها در حافظه نام کاربری فعلی ذخیره می شود.
c:no-cache
هیچ ذخیره ای از محتوا در حافظه صورت نمی گیرد.
d:no-store
در محدوده زمانی کوتاه تری محتوا ذخیره و نگهداری می شود و به صورت آرشیو در نمی آید.
4:set-cookie
عبارت دیگری که می توانیم به عنوان مقدار برای متاتگ http-equiv تنظیم کنیم set-cookie است، با این عبارت می توانیم یک کوکی را با نام، مقدار، مسیر و تاریخ انقضای مشخص تعریف کنیم مثال:👇
<meta http-equiv="set-cookie" content="user_id=123; path=/; expires= Saturday, 13-Jan-18 23:59:59 GMT">
در نمونه بالا قسمت user_id=123 نام کوکی و مقدار آن، قسمت path مسیر کوکی (آدرسی که کوکی در آن اعمال می شود) و قسمت expires تاریخ انقضای کوکی (با فرمت Day, DD-MMM-YY HH:MM:SS Timezone) را شامل می شود.
نکته: تمام این موارد معادل سربرگ های HTTP هستند که می توان با روش های دیگر مانند استفاده از برنامه نویسی PHP نیز آنها را تنظیم کرد.
مواردی مثل کوکی رو هم در جاوا اسکریپت و هم در زبان های سمت سرور کاملا برسی و شیوه ی استفاده از اون رو کاملا اموزش خواهیم داد.
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
This media is not supported in your browser
VIEW IN TELEGRAM
▫️#سورس_کد_چک_باکس_الاکنگی
▫️کد : 14
▫️پلتفرم :
@segmenttt
🌐 www.segmentt.ir
▫️کد : 14
▫️پلتفرم :
Mobile / Web
▫️زبان برنامهنویسی :Html CSS @segmenttt
🌐 www.segmentt.ir
segmentt_14.rar
273.5 KB
▫️#سورس_کد_چک_باکس_الاکنگی
▫️کد : 14
▫️پلتفرم :
@segmenttt
🌐 www.segmentt.ir
▫️کد : 14
▫️پلتفرم :
Mobile / Web
▫️زبان برنامهنویسی :Html CSS @segmenttt
🌐 www.segmentt.ir
This media is not supported in your browser
VIEW IN TELEGRAM
📗 گرفتن خروجی pdf در مرورگر کروم
🎥 تعداد ویدئوها: 1 ویدئو
🔸 سطح آموزش: مقدماتی
💡 اگر در حال وبگردی در مرورگر کروم هستید می توانید دکمه cntrol و p را زده و وارد قسمت پرینت آن صفحه بشوید، هنگامی که شما وارد قسمت پرینت صفحه می شوید خیلی راحت می توانید گرفتن خورجی pdf را انتخاب کنید.
✅ حاصل فیلم
شما می توانید از صفحات اینترنتی که در حال وب گردی هستید خروجی پی دی اف بگیرید.
⬅️ پیشنیاز
ندارد
👥 مخاطبین دوره:
تمام علاقمندان
#فیلم #ویدئو #پی_دی_اف #مرورگر #کروم
#Video #PDF #Browser #Chrome
@segmenttt
🌐 www.segmentt.ir
🎥 تعداد ویدئوها: 1 ویدئو
🔸 سطح آموزش: مقدماتی
💡 اگر در حال وبگردی در مرورگر کروم هستید می توانید دکمه cntrol و p را زده و وارد قسمت پرینت آن صفحه بشوید، هنگامی که شما وارد قسمت پرینت صفحه می شوید خیلی راحت می توانید گرفتن خورجی pdf را انتخاب کنید.
✅ حاصل فیلم
شما می توانید از صفحات اینترنتی که در حال وب گردی هستید خروجی پی دی اف بگیرید.
⬅️ پیشنیاز
ندارد
👥 مخاطبین دوره:
تمام علاقمندان
#فیلم #ویدئو #پی_دی_اف #مرورگر #کروم
#Video #PDF #Browser #Chrome
@segmenttt
🌐 www.segmentt.ir
🔻 چگونه از کدهای دایورت استفاده کنیم؟
اگه جایی هستید و نمیخواید یا نمیتونید به تلفنتون جواب بدید، میتونید یکی از « کدهای دایورت » بالا رو استفاده کنید و خودتون رو راحت کنید
(*21*915#)
• تلفن را برای مدت زمانی خاص از دسترس خارج کنید.
• با گرفتن کد #21* این سرویس را غیر فعال کنید.
• برای دایورت کردن شماره خود روی شماره دیگر کد: *21*number# استفاده کنید.
(*67*09422#)
• زمانیکه تماس های خود را رد میکنید پیام شماره مشترک مورد نظر در شبکه موجود نیست برای فرد تماس گیرنده پخش خواهد شد.
• برای خروج از این سرویس کافی است #67# را شماره گیری کنید.
(*61*Number#)
• برای دایورت کردن شماره خود روی شماره دیگر درصورت عدم پاسخگویی از این کد استفاده کنید.
• برای خروج از این سرویس کافی است #61# را شماره گیری کنید.
(*62*Number#)
• برای دایورت کردن شماره خود روی شماره دیگر درصورت در دسترس نبودن ازین کد استفاده کنید.
• برای خروج از این سرویس کافی است #62# را شماره گیری کنید.
@segmenttt
🌐 www.segmentt.ir
اگه جایی هستید و نمیخواید یا نمیتونید به تلفنتون جواب بدید، میتونید یکی از « کدهای دایورت » بالا رو استفاده کنید و خودتون رو راحت کنید
(*21*915#)
• تلفن را برای مدت زمانی خاص از دسترس خارج کنید.
• با گرفتن کد #21* این سرویس را غیر فعال کنید.
• برای دایورت کردن شماره خود روی شماره دیگر کد: *21*number# استفاده کنید.
(*67*09422#)
• زمانیکه تماس های خود را رد میکنید پیام شماره مشترک مورد نظر در شبکه موجود نیست برای فرد تماس گیرنده پخش خواهد شد.
• برای خروج از این سرویس کافی است #67# را شماره گیری کنید.
(*61*Number#)
• برای دایورت کردن شماره خود روی شماره دیگر درصورت عدم پاسخگویی از این کد استفاده کنید.
• برای خروج از این سرویس کافی است #61# را شماره گیری کنید.
(*62*Number#)
• برای دایورت کردن شماره خود روی شماره دیگر درصورت در دسترس نبودن ازین کد استفاده کنید.
• برای خروج از این سرویس کافی است #62# را شماره گیری کنید.
@segmenttt
🌐 www.segmentt.ir
✅ طراحی رسپانسیو (واکنش گرا) یا RWD چیست؟
🔸 به طراحی وب سایتی که در تمام دستگاه ها مانند لپ تاپ، تبلت، موبایل و ... به خوبی و به صورت استاندارد نمایش داده شود، رسپانسیو می گویند.
🔹 با توجه به اینکه حدود ۷۰٪ تا ۸۰٪ ورودی وب سایت ها امروزه از طریق موبایل صورت می گیرد، گوگل اهمیت بسیار زیادی به آن می دهد و در رتبه بندی سایت تاثیر زیادی دارد.
🌟 در صورتی که می خواهید وب سایت شما به راحتی رسپانسیو شود، می توانید از فریمورک هایی نظیر Bootstrap یا Foundation استفاده نمایید.
🔔 چه ابعادی برای طراحی رسپانسیو باید مورد نظر قرار بگیرد؟
📱ابعاد طراحی سایت موبایل
320*480 پیکسل
360*640 پیکسل
💻 ابعاد طراحی سایت تبلت و دسکتاپ
1024*768 پیکسل
🖥 ابعاد طراحی سایت دسکتاپ
800*1280 پیکسل
980*1280 پیکسل
1280*600 پیکسل
1290*900 پیکسل
@segmenttt
🌐 www.segmentt.ir
🔸 به طراحی وب سایتی که در تمام دستگاه ها مانند لپ تاپ، تبلت، موبایل و ... به خوبی و به صورت استاندارد نمایش داده شود، رسپانسیو می گویند.
🔹 با توجه به اینکه حدود ۷۰٪ تا ۸۰٪ ورودی وب سایت ها امروزه از طریق موبایل صورت می گیرد، گوگل اهمیت بسیار زیادی به آن می دهد و در رتبه بندی سایت تاثیر زیادی دارد.
🌟 در صورتی که می خواهید وب سایت شما به راحتی رسپانسیو شود، می توانید از فریمورک هایی نظیر Bootstrap یا Foundation استفاده نمایید.
🔔 چه ابعادی برای طراحی رسپانسیو باید مورد نظر قرار بگیرد؟
📱ابعاد طراحی سایت موبایل
320*480 پیکسل
360*640 پیکسل
💻 ابعاد طراحی سایت تبلت و دسکتاپ
1024*768 پیکسل
🖥 ابعاد طراحی سایت دسکتاپ
800*1280 پیکسل
980*1280 پیکسل
1280*600 پیکسل
1290*900 پیکسل
@segmenttt
🌐 www.segmentt.ir
📣لایسنس اینترنت سکیوریتی نود ۳۲ ورژن ۹ تا ۱۳ تاریخ ۱۳۹۹/۸/۴ 📣
J2C2-XVEH-NAGC-3MBC-VT4P
2AVB-XV2R-33F8-E82A-RSK7
SJ8A-XABX-F5RN-66HS-R7U2
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۴ ⚠️
📣لایسنس اسمارت سکیوریتی نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۴ 📣
Username: EAV-0266213341
Password: 2sfbdnhrvp
Username: EAV-0266246605
Password: k6tmdea3eh
Username: EAV-0266235841
Password: bdfm4n6532
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۴ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۹ تا ۱۳ تاریخ ۱۳۹۹/۸/۴ 📣
SF9E-XNST-HCRK-ETFB-SR53
SJ8A-XABX-F5RN-66HS-R7U2
M6UM-XU2H-VMRJ-N9XT-2GFX
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۴ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۴ 📣
Username: EAV-0266229781
Password: fth8urakfr
Username: EAV-0266245370
Password: mj7affs8k6
Username: EAV-0266213341
Password: 2sfbdnhrvp
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۴ ⚠️
📣لایسنس موبایل سکیوریتی تاریخ ۱۳۹۹/۸/۴ 📣
5UUF-X6UW-BH7A-3R6R-NPAP
A4C3-X293-K4PC-NVJN-CV76
67W4-XA4F-FP33-4NCU-KDUV
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۴ ⚠️
#nod32
@segmenttt
🌐 www.segmentt.ir
J2C2-XVEH-NAGC-3MBC-VT4P
2AVB-XV2R-33F8-E82A-RSK7
SJ8A-XABX-F5RN-66HS-R7U2
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۴ ⚠️
📣لایسنس اسمارت سکیوریتی نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۴ 📣
Username: EAV-0266213341
Password: 2sfbdnhrvp
Username: EAV-0266246605
Password: k6tmdea3eh
Username: EAV-0266235841
Password: bdfm4n6532
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۴ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۹ تا ۱۳ تاریخ ۱۳۹۹/۸/۴ 📣
SF9E-XNST-HCRK-ETFB-SR53
SJ8A-XABX-F5RN-66HS-R7U2
M6UM-XU2H-VMRJ-N9XT-2GFX
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۴ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۴ 📣
Username: EAV-0266229781
Password: fth8urakfr
Username: EAV-0266245370
Password: mj7affs8k6
Username: EAV-0266213341
Password: 2sfbdnhrvp
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۴ ⚠️
📣لایسنس موبایل سکیوریتی تاریخ ۱۳۹۹/۸/۴ 📣
5UUF-X6UW-BH7A-3R6R-NPAP
A4C3-X293-K4PC-NVJN-CV76
67W4-XA4F-FP33-4NCU-KDUV
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۴ ⚠️
#nod32
@segmenttt
🌐 www.segmentt.ir
#html
#وب
#آموزش
روزتون خوش🌹
بریم سراغ ادامه ی متاتگ ها
در این پست به برسی مقادیر صفت name میپردازیم.
1:viewport
دوستان از این متاتگ برای ایجاد صفحات ریسپانسیو استفاده میکنیم ، انشالا در اینده یک دوره ی اموزشی کامل برای ریسپانسیو سازی خواهیم داشت که در اون دوره با ریسپانسیو سازی و این متاتگ کاملا اشنا خواهیم شد.
2:description
این متاتگ برای سئو سایت به نوعی میشه گفت ضروریه ، این متاتگ معمولا شامل توضیحی در حد یک یا چند سطر از خلاصه ی مطالب سایت است.
محتوای متاتگ description می تواند بخشی از مطلب اصلی نیز باشد، به طور مثال پاراگراف اول یا نتیجه پایانی مطلب، معمولا موتورهای جستجو این اطلاعات را در هنگام نمایش لیست نتایج جستجو به کاربران نمایش می دهند.
3:keywords
از این متاتگ برای تعریف کلمات کلیدی که انتظار می رود کاربر با جستجو کردن اون کلمه در موتور جستجو به صفحه ی وب ما هدایت شود استفاده میشود.
کلمات کلیدی با علامت کاما ( , ) از هم جدا میشوند ، تعداد کاراکتر کلمات کلیدی نه باید خیلی کم باشد نه باید خیلی زیاد باشد.
4:generator
از این متاتگ برای مشخص کردن اینکه صفحه مورد نظر از چه برنامه یا خدماتی جهت انتشار محتوا استفاده می کند به کار می رود، درج این متاتگ اختیاری است و تاثیر خاصی در رتبه و عملکرد صفحه وب در موتورهای جستجو ندارد
5:author
برای مشخص کردن نویسنده مطلب از این متاتگ می توانیم استفاده کنیم، هرچند مشخص نیست بودن یا نبودن آن چه تاثیری در عملکرد موتورهای جستجو دارد اما در هر صورت برای سایت ها و وبلاگ هایی که چند مدیر و کاربر مجزا دارند می تواند مفید باشد.
خب دوستان ما متاتگ های مهم و اون هایی که بیشترین کاربرد را دارند رو مورد برسی قرار دادیم.
اما در پست بعدی که عکس خواهد بود لیست کامل از متاتگ ها و لینک هارو خواهیم گذاشت که اگر در هر موقعی به هر یک از اون متاتگ ها نیاز داشتید با یک سرچ ساده و راحت به جواب مورد نظرتون برسید.
پایان تگ های قسمت head
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
روزتون خوش🌹
بریم سراغ ادامه ی متاتگ ها
در این پست به برسی مقادیر صفت name میپردازیم.
1:viewport
دوستان از این متاتگ برای ایجاد صفحات ریسپانسیو استفاده میکنیم ، انشالا در اینده یک دوره ی اموزشی کامل برای ریسپانسیو سازی خواهیم داشت که در اون دوره با ریسپانسیو سازی و این متاتگ کاملا اشنا خواهیم شد.
2:description
این متاتگ برای سئو سایت به نوعی میشه گفت ضروریه ، این متاتگ معمولا شامل توضیحی در حد یک یا چند سطر از خلاصه ی مطالب سایت است.
محتوای متاتگ description می تواند بخشی از مطلب اصلی نیز باشد، به طور مثال پاراگراف اول یا نتیجه پایانی مطلب، معمولا موتورهای جستجو این اطلاعات را در هنگام نمایش لیست نتایج جستجو به کاربران نمایش می دهند.
3:keywords
از این متاتگ برای تعریف کلمات کلیدی که انتظار می رود کاربر با جستجو کردن اون کلمه در موتور جستجو به صفحه ی وب ما هدایت شود استفاده میشود.
کلمات کلیدی با علامت کاما ( , ) از هم جدا میشوند ، تعداد کاراکتر کلمات کلیدی نه باید خیلی کم باشد نه باید خیلی زیاد باشد.
4:generator
از این متاتگ برای مشخص کردن اینکه صفحه مورد نظر از چه برنامه یا خدماتی جهت انتشار محتوا استفاده می کند به کار می رود، درج این متاتگ اختیاری است و تاثیر خاصی در رتبه و عملکرد صفحه وب در موتورهای جستجو ندارد
5:author
برای مشخص کردن نویسنده مطلب از این متاتگ می توانیم استفاده کنیم، هرچند مشخص نیست بودن یا نبودن آن چه تاثیری در عملکرد موتورهای جستجو دارد اما در هر صورت برای سایت ها و وبلاگ هایی که چند مدیر و کاربر مجزا دارند می تواند مفید باشد.
خب دوستان ما متاتگ های مهم و اون هایی که بیشترین کاربرد را دارند رو مورد برسی قرار دادیم.
اما در پست بعدی که عکس خواهد بود لیست کامل از متاتگ ها و لینک هارو خواهیم گذاشت که اگر در هر موقعی به هر یک از اون متاتگ ها نیاز داشتید با یک سرچ ساده و راحت به جواب مورد نظرتون برسید.
پایان تگ های قسمت head
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
meta & link.rar
1.6 KB
#html
#وب
#آموزش
دوستان به دلیل پایین بودن کیفیت تصویر ، تمام اون کد های داخل تصویر به صورت یه فایل در اختیار شما گذاشته شد.
نکته: دوستان شما الان با حجم بالایی از تگ های meta و link مواجه شدید ،شاید نگران این باشید که این همه کد رو اصلا بلد نیستید و نمیدونید چیه ، اول اینکه باید بگم که ما متاتگ های مهم رو برسی کردیم و حتما هم نیاز نیست شما این همه متاتگ رو بلد باشد ، تنها کافیه بدونید که این متاتگ ها وجود دارند و هرکجا نیازتون بود با یک سرچ ساده کد موردنظر خودتون رو پیدا کنید.
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
دوستان به دلیل پایین بودن کیفیت تصویر ، تمام اون کد های داخل تصویر به صورت یه فایل در اختیار شما گذاشته شد.
نکته: دوستان شما الان با حجم بالایی از تگ های meta و link مواجه شدید ،شاید نگران این باشید که این همه کد رو اصلا بلد نیستید و نمیدونید چیه ، اول اینکه باید بگم که ما متاتگ های مهم رو برسی کردیم و حتما هم نیاز نیست شما این همه متاتگ رو بلد باشد ، تنها کافیه بدونید که این متاتگ ها وجود دارند و هرکجا نیازتون بود با یک سرچ ساده کد موردنظر خودتون رو پیدا کنید.
@segmenttt
🌐 www.segmentt.ir
#html
#وب
#آموزش
روزتون خوش🌹
بریم سراغ ادامه ی یادگیری
<map>
ما با استفاده از این تگ میتوانیم یک نقشه ی تصویری بسازیم ، یعنی میتوانیم داخل یک تصویر یک محدوده ی مشخص رو انتخاب کنیم و اون محدوده ی انتخاب شده رو تبدیل به لینک کنیم و کاربر هرگاه روی اون محدوده کلیک کند به اون لینک هدایت شود.
تنها صفتی که این تگ میگیرد مقدار name هست و نام map رو مشخص میکند و وجود این صفت اجباری است.
برای متصل کردن تگ map به تصویر باید داخل تگ img از صفت usemap استفاده کنیم و داخل این صفت ابتدا کاراکتر (#) را مینویسیم سپس نام تگ map رو مینویسیم.
برای مشخص کردن محدوده ی مورد نظرمان داخل تصویر باید از تگ <area>
داخل تگ map استفاده کنیم و با استفاده از این تگ و صفت های مخصوص خودش محدوده ی مورد نظر خودمان را ایجاد بکنیم.
مقادیری که این تگ میگیرد به صورت زیر است:👇
alt
با این مقدار ما میتوانیم یک متن رو تعریف کنیم که وقتی کاربر ماوس خود را روی محدوده ی موردنظر برد اون متن نمایش داده شود.
coords
با این صفت ما میتوانیم محدوده ی مورد نظر خودمان را مشخص کنیم در کل مقدار این صفت مختصات محدوده خواهد بود.
download
با این صفت میتوانیم ادرس یک فایل رو قرار بدیم ، تا اگر کاربر روی اون محدوده ی مورد نظر ما کلیک کرد اون فایل مورد نظر به صورت خودکار دانلود شود.
href
ادرس یک لینک را میگیرد که ما انتظار داریم کاربر با کلیک روی محدوده ی موردنظر به ادرس اون لینک هدایت شود.
hreflang
مقدار این صفت یک کد زبان خواهد بود ، زبان اون لیک موردنظر را مشخص میکند.
media
مشخص میکند که لینک وارد شده برای چه رسانه یا دستگاهی بهینه است. (برای ریسپانسیو کردن صفحات وب مورد استفاده قرار میگیرد.)
nohref
فعال بودن یا غیر فعال بودن لینکها را مشخص میکند.
True
به معنای فعال بودن هست
False
به معنای غیر فعال بودن هست
این صفت در html5 پشتیبانی نمیشود.
rel
ارتباط بین صفحه ی جاری با صفحه ی مقصد را مشخص میکند ، این صفت اختیاری میباشد.
shape
ما با استفاده از این تگ میتوانیم محدوده ی خودمان را به شکل های مختلف بسازم ، برای مثال میتوانیم محدوده ی خودمان را به شکل دایره ، مربع ، مستطیل ، چند ضلعی و... تعریف نماییم. مقادیر این صفت به شکل زیر هست:👇
1:default
ابن مقدار حالت پیش فرض هست و عملکرد خاصی ندارد.
2:rect
با این مقدار میتوانیم مربع و یا مستطیل برای محدوده ی موردنظرمان تعریف کنیم.
3:circle
با این مقدار میتوانیم دایره برای محدوده ی موردنظرمان تعریف کنیم.
4:poly
با این مقدار میتوانیم چند ضلعی های مختلفی را برای محدوده ی موردنظرمان تعریف کنیم.
target
با این صفت و مقادیرش کاملا در قسمت لینک ها کار کردیم و دیگه نیاز به برسی نداره چون کاملا این مورد رو بلد هستید.
type
این صفت هم نوع رسانه صفحه را مشخص میکند.
خصوصیت shape شکل مکانی مورد نظرمان در تصویر را مشخص میکند و انواع مختلفی دارد؛ همچنین خصوصیت coords نیز پس از مشخص شدن نوع shape مختصات محدوده مورد نظرمان را مقدار دهی میکند و مشخص میکند.
ادامه در پست بعدی ...
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
روزتون خوش🌹
بریم سراغ ادامه ی یادگیری
<map>
ما با استفاده از این تگ میتوانیم یک نقشه ی تصویری بسازیم ، یعنی میتوانیم داخل یک تصویر یک محدوده ی مشخص رو انتخاب کنیم و اون محدوده ی انتخاب شده رو تبدیل به لینک کنیم و کاربر هرگاه روی اون محدوده کلیک کند به اون لینک هدایت شود.
تنها صفتی که این تگ میگیرد مقدار name هست و نام map رو مشخص میکند و وجود این صفت اجباری است.
برای متصل کردن تگ map به تصویر باید داخل تگ img از صفت usemap استفاده کنیم و داخل این صفت ابتدا کاراکتر (#) را مینویسیم سپس نام تگ map رو مینویسیم.
برای مشخص کردن محدوده ی مورد نظرمان داخل تصویر باید از تگ <area>
داخل تگ map استفاده کنیم و با استفاده از این تگ و صفت های مخصوص خودش محدوده ی مورد نظر خودمان را ایجاد بکنیم.
مقادیری که این تگ میگیرد به صورت زیر است:👇
alt
با این مقدار ما میتوانیم یک متن رو تعریف کنیم که وقتی کاربر ماوس خود را روی محدوده ی موردنظر برد اون متن نمایش داده شود.
coords
با این صفت ما میتوانیم محدوده ی مورد نظر خودمان را مشخص کنیم در کل مقدار این صفت مختصات محدوده خواهد بود.
download
با این صفت میتوانیم ادرس یک فایل رو قرار بدیم ، تا اگر کاربر روی اون محدوده ی مورد نظر ما کلیک کرد اون فایل مورد نظر به صورت خودکار دانلود شود.
href
ادرس یک لینک را میگیرد که ما انتظار داریم کاربر با کلیک روی محدوده ی موردنظر به ادرس اون لینک هدایت شود.
hreflang
مقدار این صفت یک کد زبان خواهد بود ، زبان اون لیک موردنظر را مشخص میکند.
media
مشخص میکند که لینک وارد شده برای چه رسانه یا دستگاهی بهینه است. (برای ریسپانسیو کردن صفحات وب مورد استفاده قرار میگیرد.)
nohref
فعال بودن یا غیر فعال بودن لینکها را مشخص میکند.
True
به معنای فعال بودن هست
False
به معنای غیر فعال بودن هست
این صفت در html5 پشتیبانی نمیشود.
rel
ارتباط بین صفحه ی جاری با صفحه ی مقصد را مشخص میکند ، این صفت اختیاری میباشد.
shape
ما با استفاده از این تگ میتوانیم محدوده ی خودمان را به شکل های مختلف بسازم ، برای مثال میتوانیم محدوده ی خودمان را به شکل دایره ، مربع ، مستطیل ، چند ضلعی و... تعریف نماییم. مقادیر این صفت به شکل زیر هست:👇
1:default
ابن مقدار حالت پیش فرض هست و عملکرد خاصی ندارد.
2:rect
با این مقدار میتوانیم مربع و یا مستطیل برای محدوده ی موردنظرمان تعریف کنیم.
3:circle
با این مقدار میتوانیم دایره برای محدوده ی موردنظرمان تعریف کنیم.
4:poly
با این مقدار میتوانیم چند ضلعی های مختلفی را برای محدوده ی موردنظرمان تعریف کنیم.
target
با این صفت و مقادیرش کاملا در قسمت لینک ها کار کردیم و دیگه نیاز به برسی نداره چون کاملا این مورد رو بلد هستید.
type
این صفت هم نوع رسانه صفحه را مشخص میکند.
خصوصیت shape شکل مکانی مورد نظرمان در تصویر را مشخص میکند و انواع مختلفی دارد؛ همچنین خصوصیت coords نیز پس از مشخص شدن نوع shape مختصات محدوده مورد نظرمان را مقدار دهی میکند و مشخص میکند.
ادامه در پست بعدی ...
@segmenttt
🌐 www.segmentt.ir
#html
#وب
#آموزش
برسی مقادیر صفت shape:
شکل rect یا مربع/مستطیل: با مقدار x1 و y1 برای مشخص کردن مختصات بالا چپ و با مقدار x2 و y2 برای مشخص کردن مختصات پایین راست معرفی میشود دقیقا به این صورت:
croods=x1,y1,x2,y2
coords=left,top,right,bottom
برای مثال:
<img usemap="#img" src="image.jpg">
<map name="img">
<area shape="square" coords="0,0,60,60" href="test1.html">
<area shape="square" coords="80,80,200,150" href="test2.html">
</map>
شکل circle یا دایره:
برای مشخص کردن مختصات به صورت دایرهای از طریق ۳ متغیر طول – عرض و شعاع (x,y,r) اقدام میکنیم.
متغیر x و y محل دقیق مرکز دایره را مشخص میکنند و متغیر r نیز شعاع دایره را مشخص میکند. بنابراین پس از مشخص کردن متغیر ها ما دایرهای به شعاع r و به مرکزیت x و y خواهیم داشت ، دقیقا به صورت زیر:
coords=x,y,r
coords=height,width,radius
برای مثال:
<img usemap="#img" src="image.jpg">
<map name="img">
<area shape="circle" coords="30,30,10" href="test1.html">
<area shape="circle" coords="80,80,40" href="test2.html">
</map>
شکل Poly یا چند ضلعی:
این شکل با مشخص کردن ناحیه های مختلف از تصویر با استفاده از طول و عرض های مختلف یک چند ضلعی ایجاد میکند که میتوانید مکانهای مختلفی از تصویر را انتخاب کنید. شما از طریق شکل polygon یا چندضلعی میتوانید بینهایت ناحیه مختصاتی را در تصویرتان مشخص کنید.
برای مشخص کردن مختصاتهای مورد نظر به صورت x1,y1 سپس x2,y2 الی آخر به ترتیب مختصاتها را وارد میکنیم ,دقیقا به صورت زیر: (coords=x1,y1,x2,y2,x3,y3,…,xn,yn)
برای مثال:
<img usemap="#img" src="image.jpg">
<map name="img">
<area shape="poly" coords="100,0,150,60,10,40" href="test1.html">
</map>
دوستان همینطور که در مثال ها مشاهده کردید ما میتوانیم از چندین تگ area برای مشخص کردن چندین محدوده و مختصات استفاده کنیم.
دوستان در پست بعدی یک راه خیلی ساده برای ایجاد نقشه ی تصویری معرفی کرده و اموزش خواهیم داد که این راه خیلی خیلی راحت و ساده خواهد بود.
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
برسی مقادیر صفت shape:
شکل rect یا مربع/مستطیل: با مقدار x1 و y1 برای مشخص کردن مختصات بالا چپ و با مقدار x2 و y2 برای مشخص کردن مختصات پایین راست معرفی میشود دقیقا به این صورت:
croods=x1,y1,x2,y2
coords=left,top,right,bottom
برای مثال:
<img usemap="#img" src="image.jpg">
<map name="img">
<area shape="square" coords="0,0,60,60" href="test1.html">
<area shape="square" coords="80,80,200,150" href="test2.html">
</map>
شکل circle یا دایره:
برای مشخص کردن مختصات به صورت دایرهای از طریق ۳ متغیر طول – عرض و شعاع (x,y,r) اقدام میکنیم.
متغیر x و y محل دقیق مرکز دایره را مشخص میکنند و متغیر r نیز شعاع دایره را مشخص میکند. بنابراین پس از مشخص کردن متغیر ها ما دایرهای به شعاع r و به مرکزیت x و y خواهیم داشت ، دقیقا به صورت زیر:
coords=x,y,r
coords=height,width,radius
برای مثال:
<img usemap="#img" src="image.jpg">
<map name="img">
<area shape="circle" coords="30,30,10" href="test1.html">
<area shape="circle" coords="80,80,40" href="test2.html">
</map>
شکل Poly یا چند ضلعی:
این شکل با مشخص کردن ناحیه های مختلف از تصویر با استفاده از طول و عرض های مختلف یک چند ضلعی ایجاد میکند که میتوانید مکانهای مختلفی از تصویر را انتخاب کنید. شما از طریق شکل polygon یا چندضلعی میتوانید بینهایت ناحیه مختصاتی را در تصویرتان مشخص کنید.
برای مشخص کردن مختصاتهای مورد نظر به صورت x1,y1 سپس x2,y2 الی آخر به ترتیب مختصاتها را وارد میکنیم ,دقیقا به صورت زیر: (coords=x1,y1,x2,y2,x3,y3,…,xn,yn)
برای مثال:
<img usemap="#img" src="image.jpg">
<map name="img">
<area shape="poly" coords="100,0,150,60,10,40" href="test1.html">
</map>
دوستان همینطور که در مثال ها مشاهده کردید ما میتوانیم از چندین تگ area برای مشخص کردن چندین محدوده و مختصات استفاده کنیم.
دوستان در پست بعدی یک راه خیلی ساده برای ایجاد نقشه ی تصویری معرفی کرده و اموزش خواهیم داد که این راه خیلی خیلی راحت و ساده خواهد بود.
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#html
#وب
#آموزش
روزتون خوش🌹
بریم سراغ ادامه ی یادگیری
خب دوستان اگه متن پست قبلی رو مطالعه کرده باشید در اون متن گفتیم که یک راه ساده تر و راحت تر برای ایجاد نقشه های تصویری وجود داره ، که در این پست این راه ساده رو معرفی و اموزش خواهیم داد.
دوستان یک وبسایت عالی برای ایجاد نقشه های تصویری وجود داره که برای ما این امکان رو فراهم میکنه تا بتونیم به راحتی و بدون دردسر و بدون کد نویسی یک نقشه تصویری بسازیم.
ادرس وبسایت:
image-map.net
خب دوستان ابتدا وارد وبسایت بالا میشیم بعد دو تا گزینه وجود داره:
1:Select image from my pc
2:Load image from website
با استفاده از گزینه ی اول ایمیج خودمون رو انتخاب میکنیم.
بعد زیر تصویری که انتخاب کردیم چندین گذینه وجود داره:
1:Active
اگر دقت کنید در زیر این کلمه یک اینپوت از نوع radio وجود داره که مشخص میکنه کدوم یک از تگ های Area که ساختیم فعال باشه و بتونیم مقادیر خودمون رو روی اون اعمال کنیم.
2:shape
در زیر این ما میتوانیم یکی از مقادیر rect , poly , circle را انتخاب کنیم. در پست قبلی صفت shape و مقادیرش به صورت کامل توضیح داده شده.
3:link
در زیر این کلمه داخل اینپوت باید ادرسی رو وارد کنیم که انتظار داریم کاربر با کلیک روی نقشه ی تصویری به اون ادرس منتقل شود.
4:title
در این قسمت باید کلمه ای بنویسیم که وقتی کاربر ماوس خود را روی نقشه ی تصویری میبرد اون کلمه نمایش داده شود.
5:target
در این قسمت میتوانیم نحوه ی بارگذاری صفحه ی مقصد رو مشخص کنیم که یکی از مقادیر blank , self , parent , top را اختیار میکند که با این مقادیر قبلا کاملا اشنا شده ایم.
6:X
علامت ضربدر اگر روی اون کلیک کنید اون تگ Area که ساخته اید حذف خواهد شد.
7:+Add new Area
این دکمه ی قرمز رنگ ،اگر روی اون کلیک شود یک تگ Area ایجاد میکند تا ما بتوانیم از چندین تگ Area داخل تگ map استفاده کنیم.
خب دوستان برای اینکه بتوانید محدوده ی نقشه ی تصویری را مشخص کنید باید اینپوت کلمه ی activ موردنظر خودتون رو فعال کرده و روی تصویر کلیک کنید .
rect
برای مشخص کردن محدوده ، دوبار رو تصویر کلیک کنید و بعد از دایره های ایجاد شده به بالا و پایین و چپ و راست ماوس رو حرکت دهید.
poly
روی تصویر و محدوده های مورد نظر کلیک کنید تعداد کلیک بستگی به خودتون داره چون این مقدار چندضلعی ایجاد میکنه.
circle
برای این مقدار روی تصویر دوبار باید کلیک کنید ، کلیک اول مرکز دایره رو مشخص میکند و کلیک دوم شعاع دایره رو مشخص میکند.
بعد از اینکه تمام مراحل رو انجام دادید ، در نهایت روی دکمه ی show me the code کلیک کنید و کد مورد نظر رو کپی کنید و در برنامه ی خودتان استفاده کنید.
حتما ویدیو این پست رو مشاهده کنید تا با مراحل عملی کار به خوبی اشنا بشید.
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
روزتون خوش🌹
بریم سراغ ادامه ی یادگیری
خب دوستان اگه متن پست قبلی رو مطالعه کرده باشید در اون متن گفتیم که یک راه ساده تر و راحت تر برای ایجاد نقشه های تصویری وجود داره ، که در این پست این راه ساده رو معرفی و اموزش خواهیم داد.
دوستان یک وبسایت عالی برای ایجاد نقشه های تصویری وجود داره که برای ما این امکان رو فراهم میکنه تا بتونیم به راحتی و بدون دردسر و بدون کد نویسی یک نقشه تصویری بسازیم.
ادرس وبسایت:
image-map.net
خب دوستان ابتدا وارد وبسایت بالا میشیم بعد دو تا گزینه وجود داره:
1:Select image from my pc
2:Load image from website
با استفاده از گزینه ی اول ایمیج خودمون رو انتخاب میکنیم.
بعد زیر تصویری که انتخاب کردیم چندین گذینه وجود داره:
1:Active
اگر دقت کنید در زیر این کلمه یک اینپوت از نوع radio وجود داره که مشخص میکنه کدوم یک از تگ های Area که ساختیم فعال باشه و بتونیم مقادیر خودمون رو روی اون اعمال کنیم.
2:shape
در زیر این ما میتوانیم یکی از مقادیر rect , poly , circle را انتخاب کنیم. در پست قبلی صفت shape و مقادیرش به صورت کامل توضیح داده شده.
3:link
در زیر این کلمه داخل اینپوت باید ادرسی رو وارد کنیم که انتظار داریم کاربر با کلیک روی نقشه ی تصویری به اون ادرس منتقل شود.
4:title
در این قسمت باید کلمه ای بنویسیم که وقتی کاربر ماوس خود را روی نقشه ی تصویری میبرد اون کلمه نمایش داده شود.
5:target
در این قسمت میتوانیم نحوه ی بارگذاری صفحه ی مقصد رو مشخص کنیم که یکی از مقادیر blank , self , parent , top را اختیار میکند که با این مقادیر قبلا کاملا اشنا شده ایم.
6:X
علامت ضربدر اگر روی اون کلیک کنید اون تگ Area که ساخته اید حذف خواهد شد.
7:+Add new Area
این دکمه ی قرمز رنگ ،اگر روی اون کلیک شود یک تگ Area ایجاد میکند تا ما بتوانیم از چندین تگ Area داخل تگ map استفاده کنیم.
خب دوستان برای اینکه بتوانید محدوده ی نقشه ی تصویری را مشخص کنید باید اینپوت کلمه ی activ موردنظر خودتون رو فعال کرده و روی تصویر کلیک کنید .
rect
برای مشخص کردن محدوده ، دوبار رو تصویر کلیک کنید و بعد از دایره های ایجاد شده به بالا و پایین و چپ و راست ماوس رو حرکت دهید.
poly
روی تصویر و محدوده های مورد نظر کلیک کنید تعداد کلیک بستگی به خودتون داره چون این مقدار چندضلعی ایجاد میکنه.
circle
برای این مقدار روی تصویر دوبار باید کلیک کنید ، کلیک اول مرکز دایره رو مشخص میکند و کلیک دوم شعاع دایره رو مشخص میکند.
بعد از اینکه تمام مراحل رو انجام دادید ، در نهایت روی دکمه ی show me the code کلیک کنید و کد مورد نظر رو کپی کنید و در برنامه ی خودتان استفاده کنید.
حتما ویدیو این پست رو مشاهده کنید تا با مراحل عملی کار به خوبی اشنا بشید.
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
📌 #تیتراخبارفناوریامروز
(سه شنبه ۶ آبان ۹۹)
📍ایران:
✔️ کرونا فروش فناوریهای پوشیدنی را افزایش داد
✔️ مشکلات اینترنت ۳۵ روستا رفع میشود
✔️ انسداد ۳۴۳ هزار سیم کارت به دلیل ارسال پیامکهای مزاحم
✔️ چت واتس آپ به گزینه به طور دائم تجهیز میشود
📍جهان صنعت
✔️ ارزهای دیجیتال جای ارزهای رایج را میگیرند
✔️ مجلس و دولت به دنبال استفاده از رمزارز برای تامین ارز واردات
✔️ نقش قانونگذاری و نگاه راهبردی در حوزه هوش مصنوعی
✔️ فیشینگ اطلاعات با تله آفیس مسنجر فیس بوک
✔️ استفاده از هوش مصنوعی برای پیش بینی شیوع کرونا در آمریکا
✔️ ماهواره های استارلینک برای مریخ اینترنت فراهم میکند
📍دنیای اقتصاد:
✔️️ صاحبان پلتفرم یا کاران:مسئول کیست
✔️️ ارسال ۶۰ ماهواره استارلینک به مدار زمین
✔️️ نامه نخست وزیر پاکستان به مارگ زاکربرگ
📍فناوران اطلاعات:
✔️️ بررسی مشکلات مالی سرخابیها در وزارت ارتباطات
✔️️ بسیج قوای نظامی کشور برای مقابله با تهدیدهای سایبری
✔️️ مصوبات دومین جلسه کارگروه رفع موانع جهش تولید
✔️️ راههایی برای جلوگیری از ویروسی شدن گوشی
✔️️ سرویس بازیهای ابری فیس بوک به کاربران دستگاههای ابری ارائه نمیشود
✔️️مدل درآمدزایی صنعت رمزارز با آیین نامه جدید وزیر زیرسوال است
📍تعادل:
✔️️ خطر جدی کمبود در بازار موبایل
✔️️ آخرین مهلت ثبت نام اینترنت رایگان دانشگاهیان تا ۹ آبان است
✔️️ رتبه بندی اپراتورهای تلفن همراه در ۳ ماهه دوم سال ۹۹ اعلام شد
✔️️ مایکروسافت به ۵.۵ میلیون شهروند برزیلی آموزش میدهد
@segmenttt
🌐 www.segmentt.ir
(سه شنبه ۶ آبان ۹۹)
📍ایران:
✔️ کرونا فروش فناوریهای پوشیدنی را افزایش داد
✔️ مشکلات اینترنت ۳۵ روستا رفع میشود
✔️ انسداد ۳۴۳ هزار سیم کارت به دلیل ارسال پیامکهای مزاحم
✔️ چت واتس آپ به گزینه به طور دائم تجهیز میشود
📍جهان صنعت
✔️ ارزهای دیجیتال جای ارزهای رایج را میگیرند
✔️ مجلس و دولت به دنبال استفاده از رمزارز برای تامین ارز واردات
✔️ نقش قانونگذاری و نگاه راهبردی در حوزه هوش مصنوعی
✔️ فیشینگ اطلاعات با تله آفیس مسنجر فیس بوک
✔️ استفاده از هوش مصنوعی برای پیش بینی شیوع کرونا در آمریکا
✔️ ماهواره های استارلینک برای مریخ اینترنت فراهم میکند
📍دنیای اقتصاد:
✔️️ صاحبان پلتفرم یا کاران:مسئول کیست
✔️️ ارسال ۶۰ ماهواره استارلینک به مدار زمین
✔️️ نامه نخست وزیر پاکستان به مارگ زاکربرگ
📍فناوران اطلاعات:
✔️️ بررسی مشکلات مالی سرخابیها در وزارت ارتباطات
✔️️ بسیج قوای نظامی کشور برای مقابله با تهدیدهای سایبری
✔️️ مصوبات دومین جلسه کارگروه رفع موانع جهش تولید
✔️️ راههایی برای جلوگیری از ویروسی شدن گوشی
✔️️ سرویس بازیهای ابری فیس بوک به کاربران دستگاههای ابری ارائه نمیشود
✔️️مدل درآمدزایی صنعت رمزارز با آیین نامه جدید وزیر زیرسوال است
📍تعادل:
✔️️ خطر جدی کمبود در بازار موبایل
✔️️ آخرین مهلت ثبت نام اینترنت رایگان دانشگاهیان تا ۹ آبان است
✔️️ رتبه بندی اپراتورهای تلفن همراه در ۳ ماهه دوم سال ۹۹ اعلام شد
✔️️ مایکروسافت به ۵.۵ میلیون شهروند برزیلی آموزش میدهد
@segmenttt
🌐 www.segmentt.ir
📌 #تیتراخبارفناوریامروز
(چهارشنبه ۷ آبان ۹۹)
📍فناوران اطلاعات:
✔️ انحصار چند میلیاردی صنعت جستوجو در آستانه فروپاشی
✔️ آتشنشان روباتیک در لوس آنجلس استخدام شد
✔️ کارنامه الکترونیکی دستگاههای اجرایی هفته آینده به دست رئیس جمهور میرسد
✔️ فیلترینگ ناقص ۳۰ میلیون کاربر فیلترشکن ایجاد کرد
✔️ نحوه مشارکت شرکتهای عضو سازمان نصر در سامانه نوآفرین تشریح شد
✔️ شرایط جدیدی برای اپراتورهای اینترنت بیسیم ثابت
✔️ تولید گوشی ایرانی تکرار یک تجربه آزموده
✔️ اخذ مجوز کسبوکار بدون نیاز به شماره اقتصادی
✔️ارائه رایگان خدمات نرمافزاری سامسونگ در ایران
📍ایران:
✔️ چرایی حمله باجافزاری به یکی از زیرساختهای کشور
✔️ طرح جدید ملی توانمندسازی زنان در حوزه آی سی تی آغاز شد
📍جهان صنعت
✔️ تاسیس رادیو و تلویزیون خصوصی
✔️ سفر سه ماهه به مریخ
✔️ چگونگی حمله باجافزاری به یکی از زیرساختهای کشور
✔️ شرایط جدید برای اپراتورهای اینترنت بیسیم ثابت
📍دنیای اقتصاد:
✔️ غول نرمافزاری پشت بایدن
✔️ کد پاورشل؛ علت حمله باجافزاری به یکی از زیرساختهای کشور
✔️ علل ممانعت دستگاهها از ارائه داده و خدمات آنلاین
✔️رونمایی از دیتاسنتر قابل حمل
✔️«سولار روف» تسلا، از سال آینده روی سقف خانهها
📍تعادل:
✔️ فیلترینگ ناقص ۳۰ میلیون فیلترشکن اضافه کرد
✔️ چگونگی حمله باجافزاری به یکی از زیرساختهای کشور
📍قدس:
✔️ آموزش مجازی در روستا آنتن ندارد
📍بشارت نو:
✔️ شبکههای مجازی و بلوغ تجارت آنلاین
@segmenttt
🌐 www.segmentt.ir
(چهارشنبه ۷ آبان ۹۹)
📍فناوران اطلاعات:
✔️ انحصار چند میلیاردی صنعت جستوجو در آستانه فروپاشی
✔️ آتشنشان روباتیک در لوس آنجلس استخدام شد
✔️ کارنامه الکترونیکی دستگاههای اجرایی هفته آینده به دست رئیس جمهور میرسد
✔️ فیلترینگ ناقص ۳۰ میلیون کاربر فیلترشکن ایجاد کرد
✔️ نحوه مشارکت شرکتهای عضو سازمان نصر در سامانه نوآفرین تشریح شد
✔️ شرایط جدیدی برای اپراتورهای اینترنت بیسیم ثابت
✔️ تولید گوشی ایرانی تکرار یک تجربه آزموده
✔️ اخذ مجوز کسبوکار بدون نیاز به شماره اقتصادی
✔️ارائه رایگان خدمات نرمافزاری سامسونگ در ایران
📍ایران:
✔️ چرایی حمله باجافزاری به یکی از زیرساختهای کشور
✔️ طرح جدید ملی توانمندسازی زنان در حوزه آی سی تی آغاز شد
📍جهان صنعت
✔️ تاسیس رادیو و تلویزیون خصوصی
✔️ سفر سه ماهه به مریخ
✔️ چگونگی حمله باجافزاری به یکی از زیرساختهای کشور
✔️ شرایط جدید برای اپراتورهای اینترنت بیسیم ثابت
📍دنیای اقتصاد:
✔️ غول نرمافزاری پشت بایدن
✔️ کد پاورشل؛ علت حمله باجافزاری به یکی از زیرساختهای کشور
✔️ علل ممانعت دستگاهها از ارائه داده و خدمات آنلاین
✔️رونمایی از دیتاسنتر قابل حمل
✔️«سولار روف» تسلا، از سال آینده روی سقف خانهها
📍تعادل:
✔️ فیلترینگ ناقص ۳۰ میلیون فیلترشکن اضافه کرد
✔️ چگونگی حمله باجافزاری به یکی از زیرساختهای کشور
📍قدس:
✔️ آموزش مجازی در روستا آنتن ندارد
📍بشارت نو:
✔️ شبکههای مجازی و بلوغ تجارت آنلاین
@segmenttt
🌐 www.segmentt.ir
#html
#وب
#آموزش
روزتون خوش 🌹
بریم سراغ ادامه ی یادگیری
<svg>
تگ svg در واقع یک ظرف برای نگهداری اشکال هندسی از جمله دایره ، مربع ، مستطیل ، مثلث , چندضلعی ، و... هست.
ما با استفاده از این تگ میتوانیم اشکال هندسی رو طراحی و در سایت و صفحه ی خودمان استفاده کنیم.
مهم ترین صفت هایی که این تگ میگیرد به صورت زیر است:👇
width
برای استفاده از ویژگی svg ما حتما باید محدوده ای برای نگه داری اشکال هندسی مشخص کنیم ،و این صفت عرض این محدوده را مشخص میکند.
height
برای استفاده از ویژگی svg ما حتما باید محدوده ای برای نگه داری اشکال هندسی مشخص کنیم ،و این صفت ارتفاع این محدوده را مشخص میکند.
viewbox
دوستان ما با این ویژگی میتونیم هم فاصله ی محدوده از گوشه های مرورگر رو مشخص کنیم و هم به نوعی محدوده ی دید خودمان نسبت به اون شکل هندسی را مشخص کنیم.
این صفت به صورت زیر استفاده میشود:
viewbox="0 0 300 400"
اولین مقدار فاصله ی محدوده ی تگ svg نسبت به گوشه های مرورگر در محور x رو مشخص میکند
دومین مقدار فاصله ی محدوده ی تگ svg نسبت به گوشه های مرورگر در محور y رو مشخص میکند
سومین و چهارمین مقدار ، عرض و ارتفاع میگیرند ، نکته ای که باید در این دو مقدار بهش توجه داشته باشید اینه که هرچقدر این دو مقدار نسبت به صفت های width, height کم تر باشد به نوعی ویو پورت به جلو کشیده میشه ، در واقع زوم میشه و هرچقدر این مقادیر نسبت به width, height زیاد باشه ویو پورت کوچک تر میشود.
از جلسه ی بعدی میریم سراغ رسم اولین شکل هندسی
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
روزتون خوش 🌹
بریم سراغ ادامه ی یادگیری
<svg>
تگ svg در واقع یک ظرف برای نگهداری اشکال هندسی از جمله دایره ، مربع ، مستطیل ، مثلث , چندضلعی ، و... هست.
ما با استفاده از این تگ میتوانیم اشکال هندسی رو طراحی و در سایت و صفحه ی خودمان استفاده کنیم.
مهم ترین صفت هایی که این تگ میگیرد به صورت زیر است:👇
width
برای استفاده از ویژگی svg ما حتما باید محدوده ای برای نگه داری اشکال هندسی مشخص کنیم ،و این صفت عرض این محدوده را مشخص میکند.
height
برای استفاده از ویژگی svg ما حتما باید محدوده ای برای نگه داری اشکال هندسی مشخص کنیم ،و این صفت ارتفاع این محدوده را مشخص میکند.
viewbox
دوستان ما با این ویژگی میتونیم هم فاصله ی محدوده از گوشه های مرورگر رو مشخص کنیم و هم به نوعی محدوده ی دید خودمان نسبت به اون شکل هندسی را مشخص کنیم.
این صفت به صورت زیر استفاده میشود:
viewbox="0 0 300 400"
اولین مقدار فاصله ی محدوده ی تگ svg نسبت به گوشه های مرورگر در محور x رو مشخص میکند
دومین مقدار فاصله ی محدوده ی تگ svg نسبت به گوشه های مرورگر در محور y رو مشخص میکند
سومین و چهارمین مقدار ، عرض و ارتفاع میگیرند ، نکته ای که باید در این دو مقدار بهش توجه داشته باشید اینه که هرچقدر این دو مقدار نسبت به صفت های width, height کم تر باشد به نوعی ویو پورت به جلو کشیده میشه ، در واقع زوم میشه و هرچقدر این مقادیر نسبت به width, height زیاد باشه ویو پورت کوچک تر میشود.
از جلسه ی بعدی میریم سراغ رسم اولین شکل هندسی
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir