#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
🗣 ساخت سایت چند زبانه در MVC
📝 زبان: فارسی
🎥 تعداد ویدئوها: 1 ویدئو
⏱ مدت: حدود 49 دقیقه
💽 کیفیت: بسیار خوب
📊 سطح آموزش: پیشرفته
👤 مدرس: ایمان مدائنی
🌀 سورس : دارد
🔗 منبع: تاپ لرن
#دات_نت #ام_وی_سی #چندزبانه
#ASP #MVC #MultiLanguage #Multi_Languag
@segmenttt
🌐 www.segmentt.ir
📝 زبان: فارسی
🎥 تعداد ویدئوها: 1 ویدئو
⏱ مدت: حدود 49 دقیقه
💽 کیفیت: بسیار خوب
📊 سطح آموزش: پیشرفته
👤 مدرس: ایمان مدائنی
🌀 سورس : دارد
🔗 منبع: تاپ لرن
#دات_نت #ام_وی_سی #چندزبانه
#ASP #MVC #MultiLanguage #Multi_Languag
@segmenttt
🌐 www.segmentt.ir
MultiLanguage MVC-@Computer_IT_Engineering.rar
186.9 MB
ساخت سایت چند زبانه در MVC (فارسی) ایمان مدائنی
📌 ویدئو آموزشی + سورس کد
#ویدئو #فیلم #آموزش #برنامه_نویسی #دات_نت #ام_وی_سی #چندزبانه
#Video #Programming #ASP #MVC #MultiLanguage #Multi_Languag
@segmenttt
🌐 www.segmentt.ir
📌 ویدئو آموزشی + سورس کد
#ویدئو #فیلم #آموزش #برنامه_نویسی #دات_نت #ام_وی_سی #چندزبانه
#Video #Programming #ASP #MVC #MultiLanguage #Multi_Languag
@segmenttt
🌐 www.segmentt.ir
☑️یوزرنیم و پسورد نود ۳۲ امروز ۱۳۹۹/۸/۷
⚠️یوزرنیم و پسوردهای نود ۳۰ روزه میباشند⚠️
🔵آنتی ویروس نود ۳۲ ورژن ۴ تا ۸🔵
Username:EAV-0281949988
Password:c89rurcfet
Username:EAV-0281949987
Password:uhardda4m3
Username:EAV-0281950177
Password:2ar6fs5sp4
Username:EAV-0281950176
Password:cuxsafxtxs
Username:EAV-0281950174
Password:pp2taar52c
Username:EAV-0281950173
Password:e63efs5uk9
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۷ ⚠️
🔴آنتی ویروس نود ۳۲ ورژن ۹ تا ۱۳🔴
T8S3-XJVG-MKD8-RMER-4P6F
M6UM-XU2H-VMRJ-N9XT-2GFX
R8UH-XCVV-6H5C-R6RX-6BST
7C9W-XBXX-6KCS-ABRC-RRE7
HSFA-X89N-PVBJ-JK6R-DGK2
787R-XAMV-6FCJ-589M-AHGX
3EVS-X944-AWBP-EHE4-2WPX
KRCP-XJ7N-V6U7-DX73-AVXF
SJ8A-XABX-F5RN-66HS-R7U2
X789-XP5B-R2PC-JS2D-N5CP
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۷ ⚠️
#nod32
@segmenttt
🌐 www.segmentt.ir
⚠️یوزرنیم و پسوردهای نود ۳۰ روزه میباشند⚠️
🔵آنتی ویروس نود ۳۲ ورژن ۴ تا ۸🔵
Username:EAV-0281949988
Password:c89rurcfet
Username:EAV-0281949987
Password:uhardda4m3
Username:EAV-0281950177
Password:2ar6fs5sp4
Username:EAV-0281950176
Password:cuxsafxtxs
Username:EAV-0281950174
Password:pp2taar52c
Username:EAV-0281950173
Password:e63efs5uk9
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۷ ⚠️
🔴آنتی ویروس نود ۳۲ ورژن ۹ تا ۱۳🔴
T8S3-XJVG-MKD8-RMER-4P6F
M6UM-XU2H-VMRJ-N9XT-2GFX
R8UH-XCVV-6H5C-R6RX-6BST
7C9W-XBXX-6KCS-ABRC-RRE7
HSFA-X89N-PVBJ-JK6R-DGK2
787R-XAMV-6FCJ-589M-AHGX
3EVS-X944-AWBP-EHE4-2WPX
KRCP-XJ7N-V6U7-DX73-AVXF
SJ8A-XABX-F5RN-66HS-R7U2
X789-XP5B-R2PC-JS2D-N5CP
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۷ ⚠️
#nod32
@segmenttt
🌐 www.segmentt.ir
📣لایسنس اینترنت سکیوریتی نود ۳۲ ورژن ۹ تا ۱۳ تاریخ ۱۳۹۹/۸/۸ 📣
6MRJ-X8JP-7M7U-N762-UPTP
NW8K-X5FB-4RKX-JGCD-2M23
NE7R-XK4M-H7N4-TD8P-K7WW
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۸ ⚠️
📣لایسنس اسمارت سکیوریتی نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۸ 📣
Username: EAV-0266407297
Password: t3c997v3x6
Username: EAV-0266388399
Password: ntuxcvhujr
Username: EAV-0266404831
Password: ktcxpjkjdb
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۸ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۹ تا ۱۳ تاریخ ۱۳۹۹/۸/۸ 📣
NE7R-XK4M-H7N4-TD8P-K7WW
BHFV-XNUH-X3A3-9N24-KPJ5
6MRJ-X8JP-7M7U-N762-UPTP
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۸ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۸ 📣
Username: EAV-0266381363
Password: 8s2phjpmhh
Username: EAV-0266394508
Password: sxn89955ax
Username: EAV-0266385586
Password: 2fbsdkspcm
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۸ ⚠️
📣لایسنس موبایل سکیوریتی تاریخ ۱۳۹۹/۸/۸ 📣
E3PF-XBVB-EKSE-WJVG-EXEB
JBXC-XKAJ-RJ26-PMCG-E5G5
P8P4-X48V-25RS-HF3A-3AEH
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۸ ⚠️
#nod32
@segmenttt
🌐 www.segmentt.ir
6MRJ-X8JP-7M7U-N762-UPTP
NW8K-X5FB-4RKX-JGCD-2M23
NE7R-XK4M-H7N4-TD8P-K7WW
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۸ ⚠️
📣لایسنس اسمارت سکیوریتی نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۸ 📣
Username: EAV-0266407297
Password: t3c997v3x6
Username: EAV-0266388399
Password: ntuxcvhujr
Username: EAV-0266404831
Password: ktcxpjkjdb
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۸ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۹ تا ۱۳ تاریخ ۱۳۹۹/۸/۸ 📣
NE7R-XK4M-H7N4-TD8P-K7WW
BHFV-XNUH-X3A3-9N24-KPJ5
6MRJ-X8JP-7M7U-N762-UPTP
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۸ ⚠️
📣لایسنس آنتی ویروس نود ۳۲ ورژن ۴ تا ۸ تاریخ ۱۳۹۹/۸/۸ 📣
Username: EAV-0266381363
Password: 8s2phjpmhh
Username: EAV-0266394508
Password: sxn89955ax
Username: EAV-0266385586
Password: 2fbsdkspcm
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۸ ⚠️
📣لایسنس موبایل سکیوریتی تاریخ ۱۳۹۹/۸/۸ 📣
E3PF-XBVB-EKSE-WJVG-EXEB
JBXC-XKAJ-RJ26-PMCG-E5G5
P8P4-X48V-25RS-HF3A-3AEH
⚠️ تاریخ انقضاء ۱۳۹۹/۹/۸ ⚠️
#nod32
@segmenttt
🌐 www.segmentt.ir
#html
#وب
#آموزش
روزتون خوش 🌹
بریم سراغ ادامه ی یادگیری
در این پست قصد داریم ساخت مربع و مستطیل را در svg یاد بگیریم.
<rect>
با استفاده از این تگ میتوانیم یک مربع یا مستطیل را به روش svg ایجاد کنیم ، این تگ حتما باید داخل تگ svg قرار بگیرد.
مهم ترین صفت های این تگ به شرح زیر است:👇
width
این صفت عرض شکل ما را مشخص میکند.
height
این صفت ارتفاع شکل ما را مشخص میکند.
نکته: اگر مقدار صفت width , height باهم برابر باشند ، شکل موردنظر مربع خواهد بود ، اما اگر نه باهم برابر نباشند شکل موردنظر میتواند شکل های دیگر از جمله مستطیل باشد.
x
با استفاده از این صفت فاصله ی شکل موردنظر از گوشه ی مرورگر را در محور x (افقی) را مشخص میکنیم
y
با استفاده از این صفت فاصله ی شکل موردنظر از گوشه ی مرورگر را در محور y (عمودی) را مشخص میکنیم
نکته: پیشنهاد میشه حداقل برای دو صفت x,y یک مقدار کمی را به صورت پیش فرض اعمال کنیم تا شکل موردنظر در گوشه ی viewport برش نخوره و به صورت کامل نمایش داده بشه.
stroke
این صفت رنگ border (خطوط حاشیه ی شکل) را مشخص میکند.
stroke-width
این صفت ضخامت border را مشخص میکند و یک عدد به عنوان مقدار میپذیرد.
fill
با این صفت رنگ پس زمینه ی شکل موردنظر خود را مشخص میکنیم
rx
ry
با استفاده از این دو صفت میتوانید به گوشه های شکل خودمان یک حالت مورب بدهیم ، مربع در حالت اول گوشه های تیزی دارد با این دو صفت میتوانیم تیزی گوشه ها را مورب کنیم و شکلی بهتر بهش بدیم ،من پیشنهاد میکنم این دو صفت را مقادیرشان را کم و زیاد کنید تا کاملا بهش مسلط بشید.
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
#وب
#آموزش
روزتون خوش 🌹
بریم سراغ ادامه ی یادگیری
در این پست قصد داریم ساخت مربع و مستطیل را در svg یاد بگیریم.
<rect>
با استفاده از این تگ میتوانیم یک مربع یا مستطیل را به روش svg ایجاد کنیم ، این تگ حتما باید داخل تگ svg قرار بگیرد.
مهم ترین صفت های این تگ به شرح زیر است:👇
width
این صفت عرض شکل ما را مشخص میکند.
height
این صفت ارتفاع شکل ما را مشخص میکند.
نکته: اگر مقدار صفت width , height باهم برابر باشند ، شکل موردنظر مربع خواهد بود ، اما اگر نه باهم برابر نباشند شکل موردنظر میتواند شکل های دیگر از جمله مستطیل باشد.
x
با استفاده از این صفت فاصله ی شکل موردنظر از گوشه ی مرورگر را در محور x (افقی) را مشخص میکنیم
y
با استفاده از این صفت فاصله ی شکل موردنظر از گوشه ی مرورگر را در محور y (عمودی) را مشخص میکنیم
نکته: پیشنهاد میشه حداقل برای دو صفت x,y یک مقدار کمی را به صورت پیش فرض اعمال کنیم تا شکل موردنظر در گوشه ی viewport برش نخوره و به صورت کامل نمایش داده بشه.
stroke
این صفت رنگ border (خطوط حاشیه ی شکل) را مشخص میکند.
stroke-width
این صفت ضخامت border را مشخص میکند و یک عدد به عنوان مقدار میپذیرد.
fill
با این صفت رنگ پس زمینه ی شکل موردنظر خود را مشخص میکنیم
rx
ry
با استفاده از این دو صفت میتوانید به گوشه های شکل خودمان یک حالت مورب بدهیم ، مربع در حالت اول گوشه های تیزی دارد با این دو صفت میتوانیم تیزی گوشه ها را مورب کنیم و شکلی بهتر بهش بدیم ،من پیشنهاد میکنم این دو صفت را مقادیرشان را کم و زیاد کنید تا کاملا بهش مسلط بشید.
تمرین یادتون نره❤️
@segmenttt
🌐 www.segmentt.ir
This media is not supported in your browser
VIEW IN TELEGRAM
🔺۲۹ اکتبر، روز جهانی اینترنت
🔹این روز فرخنده رو به همهی اون عزیزانی که ۲۴ ساعته سرشون تو گوشی و اینترنته تبریک میگم!😁
@segmenttt
🌐 www.segmentt.ir
🔹این روز فرخنده رو به همهی اون عزیزانی که ۲۴ ساعته سرشون تو گوشی و اینترنته تبریک میگم!😁
@segmenttt
🌐 www.segmentt.ir
This media is not supported in your browser
VIEW IN TELEGRAM
▫️#سورس_کد_افکت_طلایی
▫️کد : 16
▫️پلتفرم :
@segmenttt
🌐 www.segmentt.ir
▫️کد : 16
▫️پلتفرم :
Mobile / Web
▫️زبان برنامهنویسی :Html CSS @segmenttt
🌐 www.segmentt.ir
segmentt_16.rar
94.8 KB
▫️#سورس_کد_افکت_طلایی
▫️کد : 16
▫️پلتفرم :
@segmenttt
🌐 www.segmentt.ir
▫️کد : 16
▫️پلتفرم :
Mobile / Web
▫️زبان برنامهنویسی :Html CSS @segmenttt
🌐 www.segmentt.ir
یک بازی فوتبال که اسمش دریم لیگ نام دارد برای علاقه مندان به بازی فوتبال که ترکیب سیو و غیره و کیت و لوگوی تیم ها اینجا میگذاریم و غیره.
@DreamLeague1385
@DreamLeague1385
📌 #تیتراخبارفناوریامروز
(شنبه ۱۰ آبان ۹۹)
📍دنیای اقتصاد:
✔️دلایل ناکامی کیفپول
✔️اپل شرکت هوش مصنوعی Vilynx را خریداری کرد
✔️فهرست شرکتهای توانمند فناوری اطلاعات نهایی شد
✔️شناسایی باتنتی که به ماینر ارزهای دیجیتالی نفوذ میکند
✔️چشمانداز مبهم فعالیت شرکتهای فناوری با وجود افزایش درآمد
✔️موافقت آمریکا با فروش حسگرهای سونی به هوآوی
✔️نتفلیکس قیمت اشتراک را افزایش داد
📍ابرار اقتصادی:
✔️برای توسعه اینترنت روستایی ارز و تجهیزات نداریم
✔️ثبت ۵ هزار شکایت برای عدم آنتندهی موبایل
✔️اختیار داده باید از دستگاهها سلب شود
✔️تولید پهپاد با دوربین ۳۶۰ درجه برای نقشه برداری فوق دقیق
📍ایران:
✔️با سامانه «رصد و پایش» مدیریت ۲۳ پروژه دولت الکترونیکی شفاف میشود
✔️ثبت ۵ هزار شکایت برای عدم آنتندهی موبایل
✔️نشست شورای مقررات گذاران مخابراتی جنوب آسیا برگزار شد
📍جهان صنعت:
✔️تورم افسار گسیخته در بازار موبایل
✔️آغاز مرحله دوم حمایت از پیامرسانهای داخلی
✔️بیتکوین جهش کرد
✔️پوشش تلفن همراه داخل ساختمان جزو تعهدات اپراتورهاست
📍فناوران:
✔️مرحله دوم حمایت از پیامرسانهای داخلی آغاز شد
✔️حاکمیت بهجای کوبیدن به میخ تابوت اندک امید باقی مانده در کنار فرزندان خود باشد
✔️کاروان « ۱۰۰ استارتآپ» به هفته چهارم رسید
✔️وصول ۵ هزار شکایت از عدم آنتندهی موبایل
✔️منتظر ارزانی لپتاپ باشید
✔️اجرای برنامه ملی اعطاس تسهیلات به محصولات جدید فناورانه آغاز شد
✔️فرصتی برای تغییر مدل کسب وکار نژاد پرستانه اوبر و لیفت
@segmenttt
🌐 www.segmentt.ir
(شنبه ۱۰ آبان ۹۹)
📍دنیای اقتصاد:
✔️دلایل ناکامی کیفپول
✔️اپل شرکت هوش مصنوعی Vilynx را خریداری کرد
✔️فهرست شرکتهای توانمند فناوری اطلاعات نهایی شد
✔️شناسایی باتنتی که به ماینر ارزهای دیجیتالی نفوذ میکند
✔️چشمانداز مبهم فعالیت شرکتهای فناوری با وجود افزایش درآمد
✔️موافقت آمریکا با فروش حسگرهای سونی به هوآوی
✔️نتفلیکس قیمت اشتراک را افزایش داد
📍ابرار اقتصادی:
✔️برای توسعه اینترنت روستایی ارز و تجهیزات نداریم
✔️ثبت ۵ هزار شکایت برای عدم آنتندهی موبایل
✔️اختیار داده باید از دستگاهها سلب شود
✔️تولید پهپاد با دوربین ۳۶۰ درجه برای نقشه برداری فوق دقیق
📍ایران:
✔️با سامانه «رصد و پایش» مدیریت ۲۳ پروژه دولت الکترونیکی شفاف میشود
✔️ثبت ۵ هزار شکایت برای عدم آنتندهی موبایل
✔️نشست شورای مقررات گذاران مخابراتی جنوب آسیا برگزار شد
📍جهان صنعت:
✔️تورم افسار گسیخته در بازار موبایل
✔️آغاز مرحله دوم حمایت از پیامرسانهای داخلی
✔️بیتکوین جهش کرد
✔️پوشش تلفن همراه داخل ساختمان جزو تعهدات اپراتورهاست
📍فناوران:
✔️مرحله دوم حمایت از پیامرسانهای داخلی آغاز شد
✔️حاکمیت بهجای کوبیدن به میخ تابوت اندک امید باقی مانده در کنار فرزندان خود باشد
✔️کاروان « ۱۰۰ استارتآپ» به هفته چهارم رسید
✔️وصول ۵ هزار شکایت از عدم آنتندهی موبایل
✔️منتظر ارزانی لپتاپ باشید
✔️اجرای برنامه ملی اعطاس تسهیلات به محصولات جدید فناورانه آغاز شد
✔️فرصتی برای تغییر مدل کسب وکار نژاد پرستانه اوبر و لیفت
@segmenttt
🌐 www.segmentt.ir