کاربرد وایرفریم (Wireframe) در ساخت سایت چیست ؟

وایرفریمینگ یک مرحله اصلی در هر روند ساخت سایت میباشد.طراحی سایت  در طرح‌های بغرنج و تعالی از این طریق برای انتخاب قسمت‌های متعدد به کار گیری میشود تا مشخص و معلوم گردد صفحه ها و ارکان در کجا و با چه هدفی در پیاده سازی به شغل مراحل. وایر قاب یا این که طرح نخستین سایت طرح‌بندی (layout) ورقه اینترنت میباشد که علامت میدهد چه عنصرها رابطی بر روی برگه اساسی و بقیه صفحه های وبسایت وجود خواهند داشت. غرض وایرفریم ارائه ساختار بصری مبنا میباشد که قرارگیری موادسازنده متفاوت یک شیت اینترنت را علامت می دهد. به عبارت دیگر یک طرح کلی از طرح بندیطراحی سایت در مشهد  ورقه اینترنت میباشد که به روند پیاده سازی و توسعه و گسترش سایت امداد می‌نماید. وایرفریم میتواند با استعمال از ابزارهای/قابل انعطاف‌افزارهای در دسترس جان دار ساخت و ساز گردد و غرض آن‌ها این میباشد که ahrefs  سبب ساز به ساخت‌و‌ساز یک سایت مؤثر خواهد شد. 

چرا برای پیاده سازی سایت از وایرفریم استعمال میشود؟

تحت عنوان یک سبک شیوه فعالیت شغل می‌نماید

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

یاری به شناسایی بخشها ایراد می‌نماید

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

صرفه‌جویی در طول

وایرفریم تولید آن آسوده میباشد و می تواند در شکل نیاز در مقطع فرصت نادر تغییر تحول یابد. به این ترتیب وایرفریم‌ها با ارائه یک فونداسیون سفت سبب ساز صرفه‌جویی در حین میشوند. 

خوب می توانند برای مشتری‌ها ایده خویش را ارائه دهند

عنصرها رنگ و گرافیک می توانند مشتریان را گم راه و دقت آن‌ها‌را از غرض حقیقی و واقعی تارنما بدور نمایند. وایرفریم‌ها ارائه بی آلایش‌ای از طرح‌بندی طرح اینترنت میباشند و مشتمل بر این ارکان نیستند؛ آنان امداد به برقراری رابطه ایده‌ها به طور یک طریق بدیهی و سازمان یافته می‌نمایند که سبب ساز به ادراک عالی می شود. با تولید Wireframe می‌اقتدار ایده‌های خویش را به صورت تصویر بر روی برگه یا این که نرم افزار پیاده کرد و به طور شفاهی و تصویری می‌اقتدار رابط کاربری ساخت گردیده را شل‌خیس به مشتری خویش علامت اعطا کرد؛ مشتریان همینطور ممکن میباشد پیشنهادات ارزشمندی برای پیاده سازی مؤثرتر ارائه دهند.

بیشتر بخوانید: پروسه طراحی وب و ساخت یک وب سایت حرفه‌ای

مزایای وایرفریمینگ

تسهیل و تهیه و تنظیم شل تغییرات قسمت‌های متفاوت پیاده سازی

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

بهبود اکران محتوا

محتوا مهم ترین عنصر یک تارنما و وایرفریم‌هاست که یاری در ارائه محتوا به سیرتکامل‌ای که خواننده گان را جذب می‌نماید و همینطور سبب ساز ارتقاء قابلیت و امکان تلاوت می‌گردد. همینطور امداد در آخری کردن فرمتی میشود که کاربرپسند میباشد.

باعث به ایجاد کرد یک تارنما کارامد می‌گردد

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

چه‌گونه وایرفریم‌ها را بسازیم؟

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

طرز دیگر تشکیل داد وایرفریم‌ها میتواند غامض‌خیس ساخت شوند و آن به طور دیجیتالی میباشد که می‌قدرت از ابزارهای خاصی بهره مند شد. اکثری از ابزاهای وایرفریم می باشند که اذن می دهند به طور مشترک بر روی یک فولدر شغل خواهد شد؛ تغییرات پیگیری شوند و وایرفریم‌ها به یک مثال اول (prototypes) قابل کلیک تبدیل شوند.

مجموعاَ با رسم وایرفریم‌ها می‌قدرت نصیب‌های گوناگون و ارکان به فعالیت گرفته گردیده را به طور بصری به صورت ظریف نشانه بخشید که‌این فرمان قادر است شغل طراح را آسانتر کند و براین اساس رابطه در میان طراح و مشتری‌ها را دوچندان نماید. کارشناسان وب24 همواره توصیه میکنند که مشتریان پیش از توصیه طراحی وب سایت به موسسات، طرح مفهومی اول از دکوراسیون داده ها خویش را بر روی شیت یا این که از روش اپ طراحی نمایند؛ این فعالیت امداد بسیار متعددی به آن ها خواهد کرد که بتوانند ایده خویش را بررسی کرده و به طور با جزییات بیشتر به اجراکننده منتقل نمایند. همینطور در پیاده سازی وایر کادر نکات مختلفی از حیث تجربیات کاربری، بهینه سازی، راحتی مخاطب و مخاطب پسند بودن، سرعت بارگذاری صفحه ها و... بایستی مدنظر قرار گیرد که طراحان وبسایت زبده میتوانند در این باره امداد متعددی به مشتریان بکنند. مرحله پیاده سازی وایر کادر در بخش اعظمی از موسسات، برای مثال وب24 در باطن کمپانی جاری ساختن می‌گردد تا طراح بتواند نکات گوناگون را در آن‌ها رعایت نماید.

شایسته ترین لهجه های بک اند

منزل » وب لاگ » شایسته ترین گویش های بک اند

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

گویش های اپلیکیشن نویسی بک اند

اپ نویسی بک اند

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

برای آنکه متوجه کارکرد اپ نویسی بک اند شویم نیاز میباشد که با اپ نویسی فرانت اند و تفاوت آن با بک اند آشنا شویم. طراحی سایت به صورت خلاصه نرم‌افزار نویسی فرانت اند رابط کاربری و صورت آخری وبسایت که پیش روی استفاده کننده جای‌دارد را پیاده سازی می نماید. ولی بک اند مسئولیت تایپ کردن کدهای API، رابطه با مقر داده، فعالیت روی معماری اطلاعات، ساخت‌و‌ساز کتابخانه ها، پردازش داده ها و … را بر عهده دارااست.

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

شایسته ترین لهجه برای بک اند

در‌این نوشته ی علمی به نظارت یکسری لهجه نرم‌افزار نویسی می پردازیم و ahrefs برخیً یک سری فریمورک از آن‌ها‌را به شما معرفی می‌کنیم. لهجه هایی که در‌این مقاله ها به نظارت آنان میپردازیم عبارت اند از:

php

python

Java

سی شارپ

asp.net

java script

Perl

ruby

Go

php

در سال 1995 به وسیله یک اپ نویس دانمارکی به اسم راسموس لدورف ساخته شد . در صدر اسم این گویش مخفف واژه و کلمه Personal HomePage در معنای ورقه خانگی فردی بود . با سپری شد لهجه معنای مخفف گردیده پی اچ پی تغییر و تحول کرد و به Hypertext PreProcessor در معنای پیش پردازنده ابرمتن تغییر تحول یافت . تا سال 2013 پی اچ پی روی 244 میلیون وب سایت و 2.1 میلیون سرور نصب گردیده بود و در ژانویه سال 2020 از هواخواهی ویندوز بیرون شد.

برگزیدگان گویش های اپلیکیشن نویسی تارنما

پی اچ پی یک گویش شیء گرا میباشد که برای اپ نویسی وب سایت گسترش پیدا کرد البته می شود به شکل منقطع نیز از آن استفاده نمود . کد های پی اچ پی به وسیله یک سرور که اپ پی اچ پی روی آن نصب شد‌ه‌است تعبیر میشوند . فرمان های این لهجه قادر است به طور بی واسطه در کد های html قرار بگیرند.گویش پی اچ پی را می اقتدار روی اکثر سرور ها بهره مند شد . این گویش با سیستم کارداران و پلتفرم های متعدد سازگار میباشد و می شود به شکل یک وارفته غیر وابسته روی آنان نصب خواهد شد.

PHP گویش نرم افزار نویسی متن بازی میباشد که با جاری ساختن شدن بر روی سرور کاربردهای فراوانی در دنیای اینترنت داراست. با به کار گیری از این لهجه داینامیک سازی صفحه ها اینترنت، اخذ و ارسال داده های هیبت ها، تعامل آسوده با مقر داده، ارسال و اخذ کوکی ها ، اپلیکیشن نویسی دسکتاپ و … به آسانی جاری ساختن می‌گیرد.

از مزیت های یادگیری این گویش می شود به

اجرای PHP در همه پلتفرم ها

سازش با همگی سرورها( نظیر Apache و IIS)

جانبداری از اشکال مقر داده

یادگیری بسیار شل

اشاره نمود. از PHPبسیاری در موسسات و تارنما های بزرگی نظیر سیستم رئیس محتوای ورپرس، ویکی پدیا، صورت‌بوک، یاهو و… استعمال میشود.

این گویش قاب ورک های زیادی داراست البته برگزیدگان آنها عبارت اند از :

Laravel

cakephp

symfony

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

python از برگزیدگان گویش های بک اند

یک لهجه اپ نویسی که به وسیله خیدو فان روسوم که یک نرم افزار نویس هلندی بود ساخت و ساز شد. پروژه پایتون در سال 1989 استارت شد. خیدو طراح اساسی پایتون میباشد و تصمیم گیری های پیرامون پایتون را خودش جاری ساختن می بخشید . از این رو انجمن پایتون به وی کنیه دیکتاتور خیرخواه را اعطا کرد. این دیکتاتور نه خواه سال 2018 مسئولیت رهبری پایتون را به یک شورای 5 نفره که خودش هم یکی آن هاست واگذار کرد.

برگزیدگان لهجه های اپلیکیشن نویسی وبسایت

پایتون از 3 نسخه درست شده که نسخه نخستین آن به عبارتی سال 1991 و نسخه دوم آن در اکتبر سال 2000 و نسخه سوم آن سال 2008 عرضه شد. که پایتون 2.0 در سال 2020 رسما توقیف شد. فعلا این مجموعه صرفا از ورژن 3 حفاظت می نماید.

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

Django

Pyramid

Tornado

Java

Java زبانی دوستداشتنی، شی گرا، توان مند، متنوع و پر کاربرد که با غرض کاستن ابهام های گویش C++ در سال 1990 خلاقیت شد. این گویش با پیاده سازی JVM(ماشین مجازی جاوا) شعار پر اسم و رسم یعنی «یک توشه بنویس، همگی جا انجام کن.» را در شغل طراحی کرد. از مزیت های جاوا، این لهجه سطح بالا، کاهش ریسک های امنیتی، عدم تعلق به پلتفرم، مدیر خود کار خاطر، قابلیت اجرای به طور همزمان یکسری نخ و… می قدرت اشاره نمود.

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

توسعه و گسترش ی نرم افزار های موبایل

کانال سازی

اتصال به مقر داده

بسط تارنما

بسط ی اپ های مطابق GUI

پردازش تصویر

به وفور استعمال می‌گردد.

تفاوت های جاوا اسکریپت و جی کوئری

جاوا اسکریپت یک کدام از  لهجه های نرم‌افزار نویسی جهت ساخت وب سایت و یا این که همان یک لهجه نرم افزار نویسی "شی گرا" است. این لهجه بیشتر با کد های HTML در باب میباشد و دقیقا همچون کدهای HTML روی پلت هیبت های طراحی سایت در مشهد  متعدد اعمال میگردد یا این که همان بوسیله مرورگر های اینترنت interpret میگردد.

ازآنجاکه JavaScript یک متن بی آلایش هست، در سود میتوان از هر ویرایشگر متنی برای تایپ کردن آن یاری گرفت، در سیستم ویندوز اکثر اوقات یوزرها از نرم افزار notepad به کارگیری میکنند.

جاوا اسکریپت توانگری تغییر و تحول محتویات اکران داده گردیده بر روی مرورگر بازدید طراحی سایت  کننده یک وبسایت را آماده می سازد. این بضاعت و توان ها قابلیت پویا سازی و یا این که به عبارتی ساخت سایت داینامیک را بوجود می‌آورد. طراحان صفحه ها اینترنت میتوانند با به کار گیری از Function ها و Object های مهیا و از پیش تعریف‌و‌تمجید گردیده جاوا اسکریپت امکان های متعددی را برای صفحه ها اینترنت ساخت و ساز نمایند.ahrefs  توانگری ها و قابلیت و امکان های جاوا اسکریپت بسیار متنوع بوده و صرفا به مورد ها که در پایین میاید خلاصه نمیشود.

خصوصیت های جاوا اسکریپت

- انجام تغییرات در متن ها وبسایت

- تغییر تحول در مشخصه های مورد ها و CSS آنان

- متحرک سازی و پویا نمایی

- تغییر تحول رنگ ها، رنگ بگراند و حالت قرار گیری گزینه های مستعمل در ساخت سایت

- تعامل با استفاده کننده از روش Textbox ها، Radio Button رایا پارس ها، Text Area و غیره

- جواب به حادثه ها (مثل کلیک ماوس،load شدن شیت و... )

- اکران اخطار و یا این که پیام به یوزرها

- ایفا محاسبات ریاضی

- تشکیل داد و ساخت‌و‌ساز کد HTML بصورت پویا در موقعیت لازم

- تشکیل داد منوی متحرک

- گردآوری داده های عددی و داده ها یوزرها از تارنما

مزایای جاوا اسکریپت

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

لهجه اپ نویسی جاوا اسکریپت از دید ساختار در حدود به گویش های C++, C و یا این که # C میباشد. همینطور به کار گیری از کتابخانه های فراهم این لهجه اپلیکیشن نویسی و آسانی در نرم افزار نویسی و طراحی فارغ از سرگرم شدن با کامپایلرهای غامض ،شغل با آن را برای برنامه نویس ها بسیار سهل نموده است.

معرفی جی کوئری

جی‌کوئری یا این که jQuery به لهجه معمولی یک کتابخانه جاوا اسکریپت مدل وزن یک سری مرورگری می باشد و برای بی آلایش کردن تایپ کردن اسکریپت های سمت کلاینت (مشتری) که به عبارتی مشی های سرازیر نرم‌افزار نویسی ذیل اینترنت در اچ تی ام ال(HTML) است پیاده سازی شد‌ه‌است.

شعار jQuery "کمتر بنویس و بیشتر جاری ساختن بده" و هدفش به کارگیری راحت و سریع از تجهیزات جاوا اسکریپت در تارنما میباشد. این معمولی سازی از دسترسی به موادسازنده و شی ها تارنما تا در دست گرفتن رویدادهای آنها است و همینطور تعدادی تجهیزات از پیش مهیا گردیده را به شما ارائه می دهد.

یکی کاربرد های اصلی jquery داشتن دستورها بسیار شل در قضیه بکار گیری تکنولوژِی ای جکس(Ajax) میباشد.

برای یادگیری جی کوئری می بایست داده ها اساس ای در باب HTML، CSS و JavaScript داشته باشید. جی کوئری اپلیکیشن هایی که نیاز به کدنویسی های فراوان جاوا اسکریپت داراست را به طوری بی آلایش می نماید که می‌توانید با تایپ کردن یک خط کد و مراجعه به یک کتاب مرجع کلیه آنان را ایفا دهید. خویش فولدر JQuery در واقع حکم کتاب مرجع را دارااست. به همین خیال در‌حالتی که که دستورها خودتان را بر طبق ضوابط جی کوئری بنویسید و پوشه مهم جی کوئری را به کاغذ پیوند نکنید اتفاقی نمی‌افتد و در واقع امرها شغل نخواهند کرد. (زیرا در‌این‌حالت‌ امرها است اما کتاب مرجع وجود ندارد که مرورگر اینترنت بفهمد هر فرمان چه معنایی می دهد.)

در استعمال از jQuery ما دو فولدر خوا هیم داشت:

- یک پوشه، خویش فولدر jQuery هست که می بایست در بالا به شیت متبوع ما پیوند گردد.

- فولدر دوم پوشه اسکریپتی میباشد که اوامر ما بر پایه ی ضوابط Jquery باطن آن مندرج میباشد. (اما می‌قدرت این دستورها را در درون کدهای شیت نیز قرار اعطا کرد و یک فولدر جدا نداشته باشد)

خصوصیت های جی کوئری

- قابلیت و امکان جاری ساختن بر روی مرورگرهای رایج مانند وب اکسپلورر، فایرفاکس، کروم و...

- قابلیت و امکان تغییر و تحول مختصات CSS

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

- فعالیت با ایجکس

- در دست گرفتن راحت و قدرتمندتر حوادث (Events)

- ساخت و ساز افکت و حرکات برنامه کودک

- بسط دادن افزونه ها

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

مزایای جی کوئری

جی کوئری امروزه محبوبترین کتابخانه جاوا اسکریپت در اکنون استعمال میباشد.

جی کوئری برنامه متن گشوده(open source) و مجانی میباشد که ذیل دو پروانه GPL و MIT منتشر میگردد. فرمان لهجه جی کوئری به سیرتکامل‌ای پیاده سازی شد‌ه‌است که کار هدایت به پرونده را آسوده خیس کرده است، به‌این شکل که می‌اقتدار حرکات برنامه کودک و رویدادهایی را در شیت تشکیل داد و توسط آن قابل انعطاف‌افزارهای بر اساس Ajax را ساخت‌و‌ساز نموده و بسط بخشید.

جی کوئری همینطور این اختیار را به برنامه نویس ها می دهد که افزونه هایی برای کتابخانه جاوا اسکریپت تولید نمایند.

اضافه کردن کارتون (Fade) به یک برگه:

استخراج برخورد(feedback) از یوزرها و یا این که به آن‌ها، امری بسیار اساسی میباشد و جی کوئری این خصوصیت را به آسانی با به کار گیری از امکاناتی همانند Fade و غیره به شما میدهد.

قابلیت و امکان تغییر‌و تحول ظواهر یک شیت:

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

حصول داده ها از یک سرور سوای نیاز به Refresh کردن آن ورقه (که اصطلاحاً به آن AJAX می گویند):

جی کوئری اینکار را سوای نیاز به فهمیدن خصوصیات ویژه هر سرور و فقط با مراجعه بی واسطه به حاصل آن شیت (محتویات سرور) ایفا می‌دهد.

معرفی BOM

در این فصل به بررسی مفهوم بسیار مهمی در جاوا اسکریپت به نام BOM یا Browser Object Model می‌پردازیم. با استفاده از BOM و امکانات آن، می‌توان با مرورگر ارتباط برقرار کرد. مثلاً می‌توان اطلاعاتی در مورد نوع مرورگر یا نوع سیستم عامل به دست آورد، می‌توان از مرورگر برای زمانبندی کارها کمک گرفت و ... .

آشنایی با مفهوم Global Object

در استاندارد ECMAScript شیئی به نام شئ سراسری یا Global Object وجود دارد. طراحی سایت در مشهد  این شئ علاوه بر دارا بودن تعداد زیادی متد و خاصیت، تمام متغیرهای سراسری برنامه را نیز در بر می‌گیرد. یعنی هر متغیری که به صورت سراسری تعریف می‌شود، یک خاصیت از شئ سراسری خواهد بود. همچنین هر تابعی که به صورت سراسری تعریف می‌شود نیز، یک متد از شئ سراسری می‌باشد.

همانطور که در فصل اول اشاره شد، پیاده‌سازی‌های مختلفی از ECMAScript در محیط‌های مختلف طراحی سایت  با نام‌های متفاوت به وجود آمده است. مشهورترین این پیاده‌سازی‌ها JavaScript است که در محیط مرورگرها به کار می‌رود. از انواع دیگر پیاده‌سازی‌های ECMAScript نیز می‌توان رایا پارس  به Node.js اشاره کرد که خارج از محیط مرورگر و معمولاً در محیط سرور اجرا می‌شود.

شئ سراسری در تمام محیط‌های اجرای ECMAScript از لحظه‌ی شروع برنامه، تا پایان برنامه وجود دارد. اما نام این شئ ahrefs  و امکاناتی که در اختیار برنامه‌نویس قرار می‌دهد، در محیط‌های مختلف، متفاوت است. البته برخی امکانات پایه‌ای در تمام محیط‌ها در دسترس هستند. اما برخی امکانات دیگر با توجه به محیط اجرا متفاوت هستند.

مثلاً تابع parseInt و یا شئ console، هر دو متعلق به شئ سراسری هستند و در تمام محیط‌های اجرای ECMAScript در دسترس می‌باشند. در واقع تابع parseInt یک متد از شئ سراسری، و شئ console یک خاصیت از شئ سراسری هستند. تابع alert نیز یکی از متدهای شئ سراسری است. اما فقط در محیط مرورگر در دسترس است. و در محیط‌هایی مانند Node.js قابل استفاده نیست.

در محیط Node.js نام شئ سراسری global است. اما در محیط مرورگر شئ سراسری window نام دارد. یعنی تمام متغیرها، ثابت‌ها، توابع و اشیائی که در حوزه‌ی سراسری تعریف می‌شوند، متعلق به شئ window هستند. مثال زیر این موضوع را بهتر نشان می‌دهد.

در این مثال دو متغیر x و y به صورت سراسری تعریف و مقداردهی شده‌اند. همانطور که مشاهده می‌کنید برای دسترسی به متغیر x می‌توان از window.x استفاده کرد. همچنین برای دسترسی به شئ console می‌توان از window.console استفاده کرد. در واقع تمام اشیاء و توابعی که به صورت سراسری در برنامه‌های جاوا اسکریپت در دسترس هستند، متعلق به شئ window می‌باشند.

نکته : متغیرهای سراسری که با کلمات کلید let یا const تعریف می‌شوند، به عنوان خاصیت‌های شئ window در دسترس نخواهند بود.

پیش از این نیز با تعداد زیادی از خاصیت‌ها و متدهای شئ window آشنا شده‌ایم. مانند اشیاء Math، RegExp یا Date که خاصیت‌های شئ window هستند و یا توابعی مانند alert، parseFloat یا parseInt که متدهای شئ window هستند. همچنین ثابت‌هایی مانند NaN و Infinity نیز خاصیت‌هایی از شئ window  هستند. البته معمولاً برای دسترسی به این موارد از نام شئ window قبل از نام آنها استفاده نمی‌کنیم. مثلاً به جای نوشتن window.alert، فقط از نام alert استفاده می‌کنیم. اما باید این نکته را همیشه به یاد داشته باشید که در جاوا اسکریپت تمام توابع، ثابت‌ها و اشیاء پیش‌ساخته (Built-in)، متعلق به شئ window هستند و همیشه می‌توان از طریق این شئ به آنها دسترسی داشت.

همچنین لازم به ذکر است که در هر نقطه‌ای از برنامه (حتی داخل توابع و بلاک‌ها) می‌توان خاصیت‌ها و متدهای جدیدی را به شئ window اضافه کرد. مثلاً در برنامه‌ی زیر خاصیت x و متد y به شئ window اضافه می‌شوند. بنابراین در هر نقطه‌ای از برنامه می‌توان از x و y استفاده کرد، زیرا متعلق به شئ widnow هستند و حوزه‌ی سراسری دارند.

همچنین متغیرهایی که بدون استفاده از یکی از کلمات کلیدی let یا const یا var تعریف می‌شوند نیز متعلق به شئ window هستند و حوزه‌ی سراسری دارند (حتی اگر داخل توابع و بلاک‌ها تعریف شوند). مثلاً در برنامه‌ی زیر متغیر x بدون استفاده از این کلمات کلیدی و در حوزه‌ی یک تابع تعریف شده است. اما در خارج از تابع نیز می‌توان به آن دسترسی داشت.

مفهوم BOM

BOM یا Browser Object Model یک مدل انتزاعی برای برقراری ارتباط بین مرورگر و جاوا اسکریپت است. در این مدل، مرورگر به عنوان یک شئ جاوا اسکریپت مدل‌سازی می‌شود که از طریق این شئ (همان شئ window) می‌توان به بسیاری از امکانات مرورگر دسترسی داشت.

مثلاً می‌توان از دیالوگ‌های سیستمی (System Dialogs) برای نمایش پیام به کاربر و یا پرسیدن سوال از کاربر استفاده کرد. و یا با استفاده از متد print می‌توان پنجره‌ی چاپ را به کاربر نمایش داد. همچنین می‌توان اطلاعاتی را در مورد نوع مرورگر و یا نوع سیستم عامل کاربر به دست آورد و ... .

پس به عنوان جمع‌بندی می‌توان این تعریف را در مورد دو مفهوم مدل BOM و شئ سراسری و رابطه‌ی آنها با شئ window بیان کرد.

در ECMAScript شیئی به نام شئ سراسری وجود دارد که خاصیت‌ها و متدهای مفید زیادی دارد. مانند شئ Math و شئ Date که از خاصیت‌های شئ سراسری هستند و همچنین توابع parseInt و parseFloat که از متدهای شئ سراسری هستند. علاوه بر این تمام توابع سراسری که به صورت Function Declaration تعریف می‌شوند و یا با کلمه‌ی کلیدی var به صورت Function Expression تعریف می‌شوند متعلق به شئ سراسری (Global Object) هستند. یعنی متدهای شئ سراسری هستند. همچنین تمام متغیرهایی که به صورت سراسری و با کلمه‌ی کلیدی var تعریف می‌شوند، خاصیت‌هایی از شئ سراسری خواهند بود. این شئ در جاوا اسکریپت با نام window شناخته می‌شود. ولی در سایر پیاده‌سازی‌های ECMAScript می‌تواند نام‌های دیگری داشته باشد.

شئ window علاوه بر ایفا کردن نقش شئ سراسری در جاوا اسکریپت. به عنوان رابط بین جاوا اسکریپت و مرورگر نیز عمل می‌کند و از طریق این شئ می‌توان به بسیاری از امکانات مرورگر دسترسی داشت. این بخش از امکانات شئ window در جاوا اسکریپت با عنوان BOM یا Browser Object Model شناخته می‌شود.

هارمونی رنگ ها در طراحی وب سایت

اصول استفاده از رنگها در طراحی وب سایت با تحلیلی بر کتاب ها روانشناسی رنگهای پنتون، رنگها برای معاش بهتر تاثیر مری لامبرت، هارمونی رنگها تاثیر تینا ساتن و کتاب مدریریت رنگ برای طراحان دیجیتال از انتشارات For.Dummies نگاشته شده است.طراحی سایت در مشهد  اصول استفاده از رنگها در ساخت وب سایت با پیاده سازی دیجیتال و یا این که حتی پیاده سازی کلاسیک تفاوت چندانی ندارد. اصولا برای گزینش رنگ در پیاده سازی سه کتاب مرجع Color the Dreams و The Psychology و Word and Image هر سه نوشته Carl Jung روانشناس سوئدی مورد استناد قرار می‌گیرد.طراحی سایت  یونگ یکی روانشناسانی بود که برای نخستین دفعه از رنگ برای درک کردن به عاطفه ها و احساسات و مشقت های آدمی استفاده نمود.

نکته ای که به کار گیری از رنگها در طراحی وب را با پیاده سازی روی کاغذ متمایز میکند. تفاوت رنگ و نوروروشنایی می‌باشد. رایا پارس در پیاده سازی دیجیتال و طراحی وب سایت ما از سه نور و روشنایی قرمز‌رنگ، سبز، زردرنگ برای ساخت تصاویر به کار گیری می کنیم. هر یک از این سه نورها 255 شیب رنگی در چنگ ما قرار می دهد که عملا بیش تر از شانزده میلیون رنگ متعدد برای پیاده سازی در مشت ما قرار می گیرد. برخی از شیب رنگ ها برای دیده بشر قابل ahrefs  تمایز وجود ندارد.

اصول استعمال از رنگ ها در ساخت سایت

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

برای تعیین رنگ مطلوب در بخش های گوناگون وبسایت، ابزارهای انتخاب رنگ آنلاین را نیز میتوان استفاده نمود. از میان ابزار های آنلاین موجود ابزار Color Wheel از دسته ابزارهای کمپانی ادوبی تولید کننده فتوشاپ یکی شایسته ترین ها است. این ابزار در نشانی https://color.adobe.com/create/color-wheel/ بصورت یک ابزار آنلاین رایگان در دسترس می باشد. با امداد این ابزار میتوان برای بخش های متفاوت وب سایت گزینش رنگ را اعمال اعطا کرد.

در اصل با هر روشی که بخواهید رنگ های وب سایت را تعیین کنید. باید استارت یک رنگ یا این که تم مهم برای وب سایت خویش در نظر بگیرید. رنگ های مانند آبی‌رنگ برای وبسایت های آموزشی و دولتی، رنگ های سبز برای سایت های مربوط به طبیعت و خردسالان، رنگ بنفش برای وب سایت های خدماتی و رنگ صورتی برای وب سایت های فروش تولیدات آرایشی زنانه بصورت پیش فرض بوسیله اکثر زمان ها اشخاص رعایت می گردند.

زمانی که مشتری به شما مراجعه میکند و از گذشته رنگ سازمانی خویش را تعیین نموده است. شما دیگر نمیتوانید براساس الگوی فوق رنگ ها را تعیین کنید. در شرایطی که رنگ سازمانی شرکتی با رنگ های از پیش رقم خورده تفاوت داشت شما بایستی با کمک رنگ های شبیه و تکمیل کننده ترکیب رنگ وبسایت را به سمتی ببرید که احساس نه به مشتری القاء نماید.

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

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

نکته : رنگ طوسی بعنوان رنگ خنثی در گرافیک اینترنت بسیار کاربرد دارد. ولی استفاد از آن بعنوان رنگ نوشته برنده تارنما می تواند خواننده را خسته نماید. 

برای باور از درستی این سخن کافیست در گوگل عبارت graphic tutorial را کاوش کرده و ده سایت اولیه را در مرورگر خویش گشوده کنید. کل وب سایت های مطرح از رنگ فونت سیاه خالص در پس زمینه سپید خالص منفعت می‌برند.

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

برای به کارگیری از رنگ ها در وبسایت باید از چه اصولی پیروی کنیم:

سپید:

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

کاربرد رنگ سپید در طراحی وب: رنگ سپید بعنوان فونت روی پس زمنیه های تیره خوانایی بسیار بالایی داراست. امروزه با دقت به میل یوزرها به به کارگیری از دور‌نما تیره (اپ هایی مانند فتوشاپ، 3D max و... در ورژن های 2017 خویش از رنگ آیتم طوسی و یا این که مشکی فایده گرفته اند) رنگ فونت سپید برای فونت بسیار پر استفاده گردیده‌است.

فراموش نکنید که رنگ فونت سپید روی دورنما سیاه مطلق دیده را خسته میکند.

گرافیک سپید رنگ چه تاثیری در کاربر می گذارد: وقار و امنیت و تندرست و ملایمت

نکته : در طراحی سایت رنگ سپید خالص اکثر اوقات برای بگراند محتوا متنی تارنما استعمال می‌گردد.

سیاه :

شایسته ترین رنگ برای نوشته های پوسته وب سایت در مقاله‌ها و متن های زمان بر میباشد. شایسته ترین فایده رنگ سیاه در پس زمنیه سپید خالص می باشد.

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

قرمز‌رنگ:

رنگ مسئله CTA قادر است شیب رنگی از قرمز‌رنگ باشد تا یوزرها را برای کلیک کردن روی دکمه ترغیب نماید.

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

رنگ قرمز رنگ قادر است بیننده را به خیال مواقعی زیر بیاندازد: کیم یخی، علاقه، طعام، لذت، حرارت

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

نمونه: کمپانی شانل از رنگ قرمز رنگ جگری برای تشویق بیننده به خرید رژلب به کار گیری می نماید. این رنگ درین تبلیغ احساس قدرت انتخاب را در مخاطب تداعی خواهد کرد.

رنگ جگری تیره در مکان دیگر ممکن است حس تماما متفاوتی تشکیل داد نماید. نمونه در یک سایت عرضه تولید ها گوشتی ممکن میباشد منجر گردد حس کهنگی را تداعی کند.

آبی‌رنگ:

آبی رنگ و طوطیا ای رنگ پس زمنیه هدر وب سایت های دولتی و آموزشی می باشد. میتوانید برای یک وب سایت قانونی از این رنگ بعنوان رنگ اصلی تارنما استفاده نمائید. رنگ آبی‌رنگ تیره با رنگ سپید مخلوط زیبایی را تولید می نماید.

رنگ آبی‌رنگ می تواند احساس های مختلفی را در بیننده تداعی نماید مانند : شم سرما، وفاداری، تضمین

سبز:

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

رنگ سبز در کنار رنگ هایی مانند سپید، مشکی و آبی رنگ مخلوط زیبایی ساخت می نماید. برای رنگ مکمک سبز میتوان از قرمز‌رنگ و یا این که نارنجی رنگ بهره مند شد.

زرد :

زرد رنگ کمترین تباین را در دور‌نما سپید داراست. در حالتی‌که رنگ پس زمینه سایت شما سپید هست در درون مقاله‌ها خویش از زرد به کارگیری نکنید. زرد رنگ بیشترین اثر را روی دور‌نما سیاه مطلق از خویش ساخت میکند. زرد رنگ که روی سیاه مطلق قرار داشته باشد. بشدت دقت را جلب می نماید.