اینترنت‌وب سایت داشتن هرروز سهل وآسان‌خیس میشود، زیرا کاربردهای وب سایتها هرروز بیشتر طراحی سایت در مشهد میشود. با دیجیتالی‌شدن و آنلاین‌شدن نسبتاً کلیه‌چیز، استخراج‌وکارها و اشخاص بیشتری ترغیب میشوند تا تارنما داشته باشند. به‌همین برهان، در‌حالتی که کسی بخواهد اینترنت‌وبسایت داشته باشد؛ نیازی وجود ندارد مطلقا نرم افزار‌نویسی را تماما بداند و تارنما را به طور کامل کدنویسی نماید.
درحال‌حاضر، برای ساختن وب سایتها (چه استاتیک و چه داینامیک) تعیین‌های دیگری هم وجود داراست: سیستمهای رئیس محتوا (CMS) و قاب ورک‌ها. هر مورد از این سه آیتم (کدنویسی مجموع وب سایت از صفر، گزینش یک کدام از سیستمهای رئیس محتوا و گسترش‌ی اینترنت‌نرم‌افزار‌ها با کادر ورک‌ها) مزایا و معایب خاص خویش را دارا‌هستند.
ولی می شود داعیه کرد که به کار گیری از سیستمهای رئیس محتوا یه خرده شل‌خیس و معدود‌دردسرتر از دو مورد‌ی دیگر میباشد. دلایل مختلفی وجود داراست که‌این سیستم‌ها را دوستداشتنی می‌نماید. مثلا می‌اقتدار اعلام کرد که
نصب و اجرای این سیستم‌ها بدون‌پول میباشد،
پلاگین‌های بسیار زیاد و متنوعی دارا هستند،
Open Source می باشند و مدیریت تارنما می تواند تغییرات مایحتاج را اجرا نماید،
امنیت بالایی دارا‌هستند و …
از بین سیستمهای مدیر محتوا (وردپرس، جوملا، دروپال و … ) دوست داستنی‌ترین WordPress میباشد. در حدود ۴۰٪ از وبسایت‌های فضای نت روی وردپرس ساخته شدند و شغل می‌نمایند. تارنما‌های وردپرسی متنوع (اعم از فروشگاهی، خبری و محتوایی) میباشند. زمانی این وسعت از وبسایت با به کارگیری از این سیستم رئیس محتوا کار می‌نماید، مدد امنیت این سیستم مدیر محتوا (وردپرس) و نکاتی که به نگهداری امنیت آن امداد می‌نماید بسیار اساسی می گردد.
مورد این محتوا معرفی نکاتی برای پشتیبانی امنیت وبسایت‌های وردپرسی میباشد.
نکاتی برای مدد امنیت سیستم رئیس محتوا وردپرس
همگی‌ی وبسایت‌ها، حتی وبسایت‌هایی که از صفر نوشته می شوند، درمعرض خطر میباشند. حقیقت دنیای نت این میباشد که آحاد وب سایتها، حتی در‌صورتی‌که همگی استانداردهای امنیتی را رعایت کرده باشند، بازهم ممکن میباشد هک شوند یا این که اطلاعاتشان سرقت گردد. نکته‌ی اساسی این میباشد که امنیت تارنما‌ها بایستی پیوسته تحلیل گردد.
پیش از پرداختن به آن ۵ نکته، می بایست اعلام کرد که اکثری از این نکات برای نگهبانی امنیت همگی تارنما‌ها کاربرد دارا هستند و صرفا منحصربه‌فرد به تارنما‌های وردپرسی نیستند. رعایت اکثری از این نکات امنیتی درواقع به عبارتی ترفندهای خاص خودداری از هک وب سایت به‌شمار می آید. پس مدیران وبسایت‌های وردپرسی دو مجموعه نکات امنیتی را می بایست درنظر داشته باشند: نکات امنیتی مشترک و نکات امنیتی منحصربه‌فرد وردپرس.
درمیان نکات امنیتی و استانداردها نیز بعضا‌ها اساسی‌خیس از برخی دیگر میباشند. یعنی در رعایت این نکات حق تقدم‌بندی وجود داراست و نمی شود بعضا مفاد را نادیده گرفت. دلیلش هم این میباشد که :
۵ نکته کاربردی برای هواخواهی امنیت وردپرس (WordPress CMS)
درمیان این ۵ نکته، به نصب‌کردن پلاگین‌ی امنیتی و داشتن پروتکل HTTPS اشاره‌ای نشده میباشد. اولا، به دلیل آنکه در نوشته‌ی‌علمی‌‌های دیگری ( ۱۰تا از مهم ترین و کاربردی‌ترین پلاگین‌های وردپرس [2022] ) ضروری‌ترین پلاگین‌ی امنیتی وردپرس معرفی گردیده و در خصوص پروتکل نیز در محتوای ترفندهای خاص پرهیز از هک تارنما که تا قبل از این به آن لینک و پیوند داده گردیده است به‌گستردن گفت و گو گردیده. دوما، این مورد ها در همه محتواهای مرتبط بیان شده و همگی‌ی افرادی‌که با سیستمهای رئیس محتوا عمل می‌نمایند به‌خیر و خوبی با آنها آشنا میباشند. درادامه، ترجیح داده شد تا به‌ترتیب مهمترین و کاربردی‌ترین نکات امنیتی تارنما‌های وردپرسی معرفی خواهد شد:
شایسته ترین ابزارها برای توسعه و گسترش دهندگان ریکت React: دوست داستنی‌ترین و پرکاربردترین کتابخانه جاوا اسکریپت برای تشکیل داد رابط‌های کاربری برای اپ‌های اینترنت امروزی، وقتی که در ارتباط اکوسیستم react کلام می کنیم، بسط متعددی طراحی سایت در مشهد داشته میباشد. بسط‌دهندگان خیر صرفا از سادگی آغاز به‌شغل به‌تیتر یک جدید‌شغل (به لطف سندها قانونی آن) لذت میبرند، بلکه جامعه پیشرفت‌دهندگان و ابزارهایی را که استعمال می‌نمایند بسیار گسترده میباشد!
این ابزارهای تازه شگفت انگیز به خودکارسازی گردش شغل امداد می نماید، قادر است تحت عنوان اپ غیروابسته مصرف شود، قادر است تحت عنوان یک خدمت میکرو مصرف شود، و حتی قادر است به شناسایی خطوط معیوب و شکننده کد جاوا اسکریپتی که نوشته اید یاری دهد.
ابزارهای اثرگذار برای بسط دهندگان ریکت
درین نوشته ی علمی از محرمانه مقاله ها یادگرفتن طراحی وب می‌خواهیم شایسته ترین ابزارها برای پیشرفت دهندگان ریکت react را معرفی کنیم. یا این که از الگوهای ریکت استعمال میکنید یا این که کدنویسی روی react این ابزارها از React Studio گرفته تا CodeSandbox تا Deepscan و مورد ها دیگر را مشمول می‌گردد!
ابزار React Studio
React Studio یک اپ دسکتاپ غیر وابسته با تجهیزات بدون نقص برای توسعه و گسترش اپ های اینترنت امروزی برای ساخت و ساز با React میباشد.
خصوصیت های بلندتر :
این به بسط دهندگان یک راه و روش راحت برای بسته بندی کد نو و آن‌گاه تحویل به طراحان میدهد.
فارغ از قفل فروشنده شما تک تک ابزارها و مخلوط های جانور در پروژه را مراقبت خواهید کرد.
این نرم‌افزار دارنده یک ویرایشگر افزونه یکدست با قابلیت و امکان های تأیید API میباشد تا اعتقادوباور از سازش رابط در میان ورژن های متعدد راحت باشد.
با ابزارهای محبوبی مانند به کار گیری از نرم افزار create- react و در اختیار گرفتن ورژن Git ارائه می‌گردد.
می توانید طرح‌های خویش را مستقیماً از Sketch وارد نمائید، پیش‌اکران آنان‌را در دستگاه موبایل خویش برای جواب‌گویی ببینید و فورا با یک کلیک آنان‌را در اینترنت منتشر نمائید!
منبع
ابزار React Styleguidist
ابزار React Styleguidist
React Styleguidist یک گوشه و کنار بسط کامپوننت React ایزوله با راهنمای مدل معاش میباشد.
خصوصیت های رفیعتر :
React Styleguidist به تنهایی با یک دور و بر گسترش یار و همدم با دفاع از فناوری های دوست داستنی بر پایه ی React مانند JavaScript، TypeScript و Flow ارائه می گردد.
با ابزارهای ساخت و ساز-عکس العمل-نرم‌افزار سوا باکس شغل می‌نماید.
شما به راحتی میتوانید اجزای خالق را با گروه خویش به اشتراک بگذارید چون همگی اجزا را در یک جای با مستندات ساخت‌و‌ساز اتوماتیک یار با نمونه های زنده اخذ می نماید.
با زمین بازی تعاملی آن، میتوانید طریق عکس العمل اجزاء به قطعات متفاوت و تغییرات داده‌ها را صحیح در درون مرورگر خویش ببینید.
منبع
ابزار React Slingshot
ابزار React Slingshot
React Slingshot یک کیت آغاز جامع برای توسعه و گسترش سریع نرم افزار با استعمال از React میباشد.
خصوصیت های رفیعتر :
React Slingshot با فرمان استارت سنتی npm برای فعالسازی سرور بسط در مرورگر پیش‌فرض شما هم پا با قابلیت و امکان بار گذاری دوباره داغ، لینتینگ و آزمایش‌های خود کار ارائه می‌گردد!
به مکان تقسیم خروجی خط امر به یکسری خط، React Slingshot کل بازخوردهای مبنی بر امر را در یک خط اکران میدهد.
در‌صورتی‌که در‌این کتابخانه مبتدی می باشید، پس حتی یک اپلیکیشن مثال شغل داراست تا خصوصیت های بلندتر آن را به اکران بگذارد که شمارا ارشادوراهنمایی می نماید که چه‌طور تمامی با هم فعالیت می نمایند.
این یک تجارب توسعه و گسترش دهنده بی نیاز را ارائه میدهد چون از فناوری هایی مانند Redux ، React Router ، Babel ، Webpack ، Jest ، ESLint و غیره استعمال می نماید !
منبع
ابزار Codesandbox
ابزار Codesandbox
Codesandbox یک دور و اطراف IDE آنلاین میباشد که برای ساخت، اشتراک‌گذاری و اخذ برخورد با باکس‌های شنی مشترک برای بسط سریع اینترنت تاسیس شده است.
خصوصیت های رفیعتر :
برای تولید یک سندباکس تازه بر طبق React به معنای حقیقی وواقعی واژه و کلمه نیازی به پیکربندی وجود ندارد. شما تنها یک سرمشق را گزینش میکنید و کل بسته های ما یحتاج، ابزارها و یک پنجره مرورگر در اکنون انجام را در مشت شما قرار میدهد!
مشارکتی میباشد. این بدان معنا میباشد که میتوانید برخورد اخذ فرمایید و با هم، به طور بلادرنگ یا این که ناهمزمان ساخت‌و‌ساز نمائید.
کدی که می نویسید به طور زنده در پنجره مرورگر آپ دیت می گردد و به راحتی میتوانید به راحتی به sandbox فرد دیگری به اشتراک بگذارید، جاسازی نمائید یا این که به آن بپیوندید.
این یک فهرست داخلی بسته NPM با بیشتراز 1 میلیون بسته داراست که میتوانید به آسانی کاوش فرمایید و فارغ از اجرای یک خط از خط دستور به [پروژه خویش] اضافه نمائید.
این برای اطراف‌های مبنی بر React باصرفه‌سازی گردیده است و برای وارد کردن و اجرای مخازن GitHub شما مستقیماً از مرورگر امان می‌نماید.
منبع
ابزار React Sight
ابزار React Sight
React Sight یک نمای زنده از درخت سلسله مراتب اجزای نرم‌افزار React شما با حفاظت از React Router و Redux میباشد.
خصوصیت های رفیعتر :
این ویژوالایزر React به راحتی در مرورگرهای اساسی مانند کروم و فایرفاکس تحت عنوان پلاگین/پلاگین فعالسازی میشود. شما صرفا آن را نصب نمایید، اپلیکیشن React خویش را جاری ساختن فرمایید، ابزار توسعه و گسترش را گشوده فرمایید و با پنل React Sight استارت به عمل فرمایید!
ما یحتاج میباشد که هیچ تغییری در مقر کد خویش نداشته باشید، به این ترتیب میتوانید به فعالیت روی کد خویش ادامه دهید در حالی که React Sight یک درخت سلسله مراتبی مؤلفه زنده در دور‌نما تولید می نماید.
از ابزارهای دوستداشتنی React مانند React Fiber ، React Router، Redux و غیره حمایت می نماید!
اپلیکیشن افزودنی مدل و نجیب میباشد و به شما نشانه میدهد که اپ شما چه طور در ذیل هود شغل می نماید.
با فیلترهای داخلی، میتوانید عناصری را که نمیخواهید مشاهده کنید، نهفته نمائید تا در هر فرصت تنها روی یک جزء خاص تمرکز نمائید.
منبع
ابزار Sentry
ابزار Sentry
Sentry هفتمی ابزار برای اکوسیستم عکس العمل میباشد، این سرویسی میباشد برای توسعه و گسترش دهندگان که می‌توانند از ردیابی خطای بهتر آن برای تحقیق بر همت به کارگیری نمایند.
خصوصیت های رفیعتر :
Sentry’s React SDK گزارش خود کار ایرادات و استثناها را فعال می نماید.
با به کار گیری از یک SDK در طی اعمال نرم‌افزار شما اطلاعات را گردآوری می نماید و برای نصب آن میتوانید به آسانی امر ذیل را ایفا نمائید:
# Using npm
npm install --save @sentry/react @sentry/tracing
# Using yarn
yarn add @sentry/react @sentry/tracing
میتوانید نقشه‌های منبع را با جانبداری جاوا اسکریپت ترجمه‌گردیده، خرد‌سازی‌گردیده و یار با هم مخلوط فرمایید.
قادر است اشتباهات سعی را از پیشین با خصوصیت ردیابی توزیع گردیده شناسایی نماید.
با Sentry، شما همینطور تجسم زیبایی از داده های نرم‌افزار خویش را با داشبوردهای خاص اخذ میکنید.
منبع
ابزار Deepscan
ابزار Deepscan
Deepscan یک ابزار ارزیابی استاتیک توسعه یافته برای کد React و JavaScript شما میباشد.
خصوصیت های رفیعتر :
Deepscan کد شمارا با تجزیه و ارزیابی جریان داده و گروه قانون ها خاص تجزیه و آنالیز می نماید.
بیشتر بر روی خطاهای فرصت جاری ساختن در اپ شما تمرکز می نماید تا قراردادهای کدنویسی.
می‌تواند مسائلی را پیدا نماید که مطابق جاری ساختن و جریان داده میباشد و خیر تنها مسائل مطابق نحو.
این ابزار مسائل را تحت عنوان تأثیرات یکسری سطحی طبقه بندی می نماید و تک تک داده ها مرتبط با آن را با راهنمای ظریف آرم میدهد تا بداند اختلال چیست و کجاست.
Deepscan دارنده مطالعه کد بهتر، ترکیب GitHub، آرایه نیکی از افزونه ها و CLI ها و مفاد دیگر میباشد!
منبع
چرا سایت داشتن نسبتاً برای تمامی نوع دستیابی‌وکار و مالک رشته و فعالیت ضروری و اساسی طراحی سایت در مشهد گردیده است؟ پاسخش را احتمالا اینجانب و شما عالی می دانیم. ما در بعدازظهر کسب و کار الکترونیک، تارنما‌های فروشگاهی و گوگل معاش میکنیم. عصری که در آن بیشتر عموم هنگامی میخواهند چیزی را بخرند یا این که آن را در گوگل سرچ می‌نمایند و به استخراج‌وکاری می‌رسند که آن فرآورده را عرضه می‌نماید یا این که بی واسطه میروند سراغ تارنما‌هایی مثل آمازون و دیجی فرآورده.
آحاد تارنما‌های عالم ولی که فروشگاهی نیستند. سایتها اشکال مختلفی دارا‌هستند. وبسایت‌های محتوایی، وبسایت‌های آموزشی، وبسایت‌های خبری، وب سایت خزانه‌ها، تارنما نهادها و وزارتخانه‌های دولتی، وبسایت مریض خانه‌ها و اینترنت نرم افزار کانال‌های اجتماعی همه از سایت‌هایی میباشند که ما هر روز دست‌کم به چندتا از آنها راز می زنیم. در دنیای امروز دیگر همگی چیز یک تارنما داراست.
پس، آیا طراحی وب بایستی سهل و آسان باشد؟ یعنی استخراج‌وکاری که تارنما می خواهد، یک کمپانی ساخت وب سایت پیدا می‌نماید و به وی توصیه میدهد. آری، اینترنت طراحی صفحه به طور کلی سهل وآسان‌خیس و سریع‌خیس شد‌ه‌است. البته در او‌لین گام حصول‌وکارها می بایست گزینش نمایند که وب سایت منحصر به فرد میخواهند طراحی وب سایت سفارشی یا این که منحصر به فرد (Custom Web Design) چیست؟ چه رقبایی دارااست؟ چرا تعیین هر که به هر دلیلی تارنما می خواهد می بایست تارنما منحصر باشد؟
درین محتوا درباره ی اینترنت صفحه ارایی سفارشی گفت و گو و به پرسش‌های طرح گردیده جواب داده می شود.
طراحی وب سفارشی یا این که منحصر (Custom Web Design)
پیاده سازی و پیشرفت وبسایت مورد و رشته‌ی اساسی و پرطرفداری میباشد. تاریخ ساخت سایت علامت میدهد که هر چه کاربرد و تقاضا برای وبسایت داشتن در دنیا بیشتر شد، تکنولوژی‌ها، ابزارها و قابل انعطاف‌افزارهای بیشتری برای طراحی وب سایت بوجود آمد. شل‌خیس و سریع‌خیس کردن پروسه پیاده سازی و بسط وبسایت وجه اشتراک همگی توسعه و گسترش‌ها در آن حوزه میباشد.
از مهمترین بسط‌ها که پیشرفت وبسایت را بسیار متحول، سهل و آسان و سریع کرد؛ ورود قابل انعطاف‌افزارها یا این که سیستمهای مدیر محتوا (Content Management Systems) از وسط‌ی دهه‌ی ۸۰ میلادی بود. تا پیش از سیستمهای رئیس محتوا، صرفا یک رویه برای گسترش وب سایت وجود داشت: تایپ کردن تارنما از صفر با HTML & CSS. ساختار کلی و همه جزئیات وب سایت بایستی با کدنویسی صورت می‌گرفت. یعنی طراح تارنما می بایست هزاران خط کد می‌نوشت. ناگفته پیداست که تایپ کردن وب سایت از صفر چه‌قدر فرصت‌بر و خسته‌کننده میباشد.
سیستمهای رئیس محتوا درواقع وب سایت‌های از پیش درست شده و مهیا البته خالی میباشند. در‌حالتی که بخواهم با نمونه فرق توسعه و گسترش وبسایت از صفر یا این که اینترنت صفحه ارایی مخصوص و سیستمهای مدیر محتوا را نماد دهم، بایستی بیان‌کنم که پیاده سازی و گسترش تارنما از صفر مثل ساختن یک عمارت میباشد و طراحی وب با به کار گیری از سیستمهای مدیر محتوا مثل مالامال کردن یک عمارت خالی با وسایلی میباشد که مالک‌خا‌خیر میخواهد.
اما توسعه و گسترش‌ها ادامه داشت و پس از سیستمهای رئیس محتوا وهله رسید به تارنما سازها (Web builder). با تارنما سازها فارغ از نیاز به حتی یک خط کدنویسی و طراح وبسایت هر که قادر است برای خودش وبسایت بسازد. پس، در صورتیکه امروز کسی یا این که دستیابی‌‌وکاری بخواهد وب سایت داشته باشد، ۳ گزینش دارااست. یعنی اولیه بایستی مشخص و معلوم کرد که کدام یک از آن ۳ سبک شایسته ترین و به صرفه‌ترین گزینش برای یک دستیابی‌وکار میباشد.
برای گزینش میان پیاده سازی وب سایت سفارشی و تارنما های فراهم چه معیارهایی را می بایست در لحاظ گرفت؟
سایتها مختصات مشترکی دارا‌هستند. کلیه‌ی وب سایتها بایستی امن، سریع، کارا و مخاطب پسند باشند. حتی یک درمان‌گاه و یک دکتر هم سایتی را که نماید باشد و مخاطب را درانتظار نماید یا این که عکس‌هایش به صحت اکران داده نشود، نمیخواهد. ولی شاید کلیه‌ی استحصال‌وکارها به سایتی با حداکثر سرعت، امنیت و سعی نیاز نداشته باشند.
برای وبسایت‌های فروشگاهی، مخصوصا مغازه‌‌های اینترنتی گران قدر در مقیاس آمازون یا این که دیجی فرآورده، مطلقا کلیه‌ی آن مختصات مدام می بایست در بالاترین حد ممکن وجود داشته باشد. آمازون هزاران فرآورده و کاغذ داراست. داده ها کارت‌های اعتباری یوزرها را ذخیره می‌نماید. درصورتی که سریع و امن نباشد، نابود می شود. همینطور، در‌صورتی‌که به هر دلیلی استفاده کننده نتواند تعامل رضایت‌بخشی با تارنما داشته باشد، ناراضی آن را رخنه می‌نماید. هر استفاده کننده ناراضی برای اینترنت فروشگاهی یعنی از دست رفتن مشتری و فایده برای آن دستیابی‌وکار.
آمازون را مقایسه فرمایید با تارنما یک مدرس دانشکده که در آن تنها میخواهد کتاب‌هایش را معرفی نماید یا این که نوشته ی علمی‌هایش را منتشر نماید. معین میباشد که تارنما محتوایی یا این که وبلاگی آن مدرس به امنیت خیلی بالا یا این که پیاده سازی تجارب استفاده کننده خیلی خاصی نیاز ندارد. از طرف دیگر، آن معلم نمی خواهد و نمی‌تواند به اندازه‌‌ی آمازون برای طراحی وب هزینه نماید.
پس، نیازها و حق تقدم‌های مالک وبسایت و میزان دارایی‌ای که برای پیاده سازی و بسط اینترنت در چنگ داراست، معین می‌نماید که می بایست برود سراغ اینترنت طراحی صفحه سفارشی یا این که تارنما های مهیا.
اینترنت دیزاینر برای وب سایت بایستی از چه فونتی استعمال نماید؟ در تعیین تصاویر و چیدن طراحی سایت در مشهد آنها می بایست چه اصولی را رعایت نماید؟ واحد سنجش تعیین فونت و تصاویر مطلوب برای وبسایت چیست؟ ابدا چرا اساسی میباشد متن‌های تارنما با چه فونتی نوشته و عکس‌های آن چطور تعیین گردیده باشند؟
درین محتوا خلاصه‌ی دو فصل نهایی کتاب اصول اینترنت صفحه ارایی قشنگ را میخوانیم. این کتاب بسیار کاربردی را به چهار نصیب تقسیم کرده بودیم. خلاصه‌ی فصل‌های اولیه تا سوم آن را در محتواهای قبل از این موسسه‌ی ۴محتوایی باهم مرور کردیم.
قرائت این موسسه برای اشخاصی بسیار موءثر و کاربردی میباشد که
به حوزه اینترنت صفحه آرایی عشق‌مندند یا این که
جدیدا فراگیری پیاده سازی تارنما را مجموع کردند و هنوز تجارب‌ی کافی در آن ندارند و نمی‌دانند پیاده سازی یک تارنما را می بایست از کجا آغاز نمایند یا این که،
میخواهند خودشان یک وب سایت را پیاده سازی نمایند و آموزشی هم ندیدند.
پس، چنانچه به هر دلیلی می خواهید وارد دنیای پیاده سازی وب سایت گردید و سؤالاتی که در بالا طرح شد، سؤالاتی میباشد که میخواهید پاسخشان را پیدا نمائید؛ خلاصه‌ی دو فصل نهایی (فصل‌های چهارم و پنجم) را با ما بخوانید.
آنچه درین نوشته خوا‌هیم داشت
نکات کاربردی در زمینه‌ی تایپوگرافی برای اینترنت دیزاینرها
تایپوگرافی، خوانایی و زیبایی
فونت و محدودیت‌های فنی تعیین فونت مطلوب
نکات کاربردی در زمینه‌ی تصویرگزینی و تصویرچینی برای اینترنت دیزاینرها
۱. آیا تصویر با مارک و محصولاتش مرتبط میباشد؟
۲. آیا تصویر دیدنی میباشد؟
۳. آیا عکس جالب میباشد؟
عده‌بندی و فیض‌گیری
نکات کاربردی درخصوص تایپوگرافی برای اینترنت دیزاینرها
بگذارید اولیه مروری کنیم بر مباحثی که در نصیب‌های پیشین آورده شده میباشد. در نصیب اولیه (او‌لین محتوای گروه) خلاصه‌ای از فصل نخستین کتاب را مرور کردیم. در فصل نخستین به تمجید مراحل اینترنت صفحه آرایی و پیاده سازی ساختار کلی صفحه های یک وب سایت پرداخته شد. قسمت دوم به گزینش رنگ برای وب سایت تخصیص داشت. و در قسمت سوم، خلاصه‌ی فصل سوم کتاب که در زمینه‌ی بافت پوسته تارنما یا این که Texture میباشد، بیان شد.
فصل چهارم کتاب به تایپوگرافی و فصل پنجم به تصویرگزینی و تصویرچینی تخصیص دارااست. با خلاصه‌ای از مهمترین نکاتی که در فصل چهارم راجع به تایپوگرافی آمده میباشد، استارت می کنیم.
تایپوگرافی، خوانایی و زیبایی
تایپوگرافــی نادر‌وبیــش همــان حروف‌چینــی و شیت‌آرایــی اســت. حروف‌چینــی حرفــه‌ای قدیمــی اسـت. قدمتـش بـه انـدازه‌ی قدمـت صنعـت چـاپ و نشـر اسـت. یعنـی قبـل از چـاپ و انتشـار هـر متنـی (روزنامـه، کتـاب، مجلـه و حتـی محتواهـای متنـی یـک وبسـایت) ما یحتاج میباشد
حروف و عبارات آراسته و منظم در کنار یکدیگر قرار بگیرند،
مسافت‌ی حروف از یکدیگر و مسافت‌ی کلمه ها از یکدیگر معین باشد،
سیاستی راجع به آرایش حروف کنار یکدیگر گرفته گردد و
فونت مطلوب متن گزینش گردد.
گرفتـن همـه‌ی ایـن تصمیمـات ضـروری اسـت چـون حـروف، کلمـات و عبـارات بایـد خوانـا باشـند. درواقـع، تایپوگرافـی بـه خوانایـی محتواهـای متنـی وبسـایت کمـک می‌کنـد.
فونت و محدودیت‌های فنی گزینش فونت مطلوب
فونت تیم‌ای از حروف میباشد که به مدل خاصی روی برگه‌ی صفحه یا این که اسکرین ظواهر میگردند. هر فونت اسم خاص خودش را دارااست. فونت‌ها معمولا یک سری سیرتکامل‌ی گوناگون دارا هستند: regular font face, italic, bold, and bold italic . تیم‌ی سیرتکامل‌های متعدد یک فونت در خانواده‌ی فونت یا این که font family مکان میگیرند. هر خانواده‌ی فونت یک typeface میباشد. برای مثال Times New Roman یک typeface میباشد که سیرتکامل‌های گوناگون آن فونت را در خویش مکان داده میباشد.
اینترنت دیزاینر نمی‌تواند هر فونتی را که دلش می خواهد برای سایت تعیین نماید. فونت یا این که خانواده‌ی فونتی که تعیین میشود بایستی سازگار با مروگرها و سایت باشد. زیرا مرورگرها نمی‌توانند هر فونتی را بخوانند. و هر فونتی هم برای قرار دریافت کردن در سایت پیاده سازی نشده میباشد. بعضا از فونت‌ها desktop font میباشند، یعنی در پیاده سازی قابل انعطاف‌افزارهای دسکتاپ کاربردی‌اند خیر ساخت سایت. پس، فونت می بایست Web-safe باشد. مراعات‌ی دیگری نیز وجود دارااست: فونت می بایست سریع لود (بار گذاری) و اکران داده خواهد شد. اینترنت دیزاینر نخستین بایستی پوشه فونت را به وب سایت بیفزاید. بعضا فونت‌ها آن‌قدر جزئیات دارا هستند و آن‌قدر فولدر آن ها هنگفت میباشد که سریع بار گذاری نمی شوند.
نکات کاربردی در خصوص تصویرگزینی و تصویرچینی برای اینترنت دیزاینرها
می‌رسیم به فصل پنجم (تصویرگزینی و تصویرچینی) و جواب‌دادن به‌این سؤال که اینترنت دیزاینر چطور و مبنی بر چه معیارهایی بایستی برای تارنما عکس و تصویر گزینش نماید.
تعیین عکس و تصویر برای تارنما شغل بسیار طاقت فرسا و بغرنج‌ای میباشد زیرا بشر‌ها (یوزرها) تصاویر را براساس تمدن و تجارب‌های خویش تعبیر می‌نمایند. درواقع، دو نفری که به یک عکس نگاه می‌نمایند، به یک عکس نگاه نمیکنند، آن ها دو عکس را می بینند. همینطور، گزینش بعضا عکس‌ها آلرژی بیشتری داراست. برای مثال، برای گزینش hero image یا این که hero shot، تصویر بنری که در نصفه‌ی بالایی ورقه‌ی سایت قرار می گیرد و استفاده کننده زمانی ورقه را گشوده می‌نماید نخستین از تمامی آن را می‌بیند، می بایست با تمرکز و وسواس بیشتری شغل کرد.
به همین ادله، اصلی میباشد که اینترنت دیزاینر عکس یا این که تصویری را برای وب سایت تعیین نماید که جواب دو سؤال از سه سؤال پایین در زمینه ی آن عکس مثبت باشد:
آیا تصویر با مارک و محصولاتش مرتبط میباشد؟
آیا تصویر دیدنی میباشد؟
آیا تصویر جالب میباشد؟
به دنبال، در مورد تک‌تک آن سؤالات توضیح بیشتری میدهیم تا قضیه به طور کامل پر‌نور و تفاوت دیدنی‌بودن و دیدنی‌بودن هم معلوم خواهد شد.
۱. آیا تصویر با مارک و محصولاتش مرتبط میباشد؟
یادتان باشد که یک عکس قادر است قصه مارک را بگوید. اینگونه عکسی در خیال مخاطب می ماند. همینطور، به وی امداد می‌نماید تا بفهمد محتوای شیت راجع‌به چه چیزی میباشد. پس، عکسی را تعیین فرمایید که استفاده کننده با نگاه کردن به آن جواب این سوال ها را در آن ببیند: این تارنما چیست و در آن چه چیزی عرضه میشود؟ براین اساس، هر چه عکس یا این که تصویر به مارک، تولیدها، سرویس ها یا این که محتوای یک قسمت یا این که برگه مرتبط‌خیس باشد، خوب میباشد.
به عکس ذیل نگاه گنید. در حالتی که این عکس او‌لین چیزی باشد که در وب سایت میبینید، به طور کامل متوجه میشوید که آن استخراج‌وکار چه چیزی عرضه می‌نماید و محصولش چه تمایزی با تولیدات حریف داراست.
راهنمای تعیین عکس برای سایت
۲. آیا تصویر جذاب میباشد؟
تصویر می بایست قطعا جذاب باشد، خیر مسلما خوشگل. مشغول کردن استفاده کننده اساسی‌خیس از زیبایی میباشد. شاید ما یحتاج باشد عکس یا این که تصویری بسیار متعدد اخلاق نمایید تا از رقبا متمایز گردید. سفارش میکنم به طبع محرمانه به وب سایت (پورتفولیو) hi-im-julian بزنید و ببیند که وی چه‌قدر خلاقانه برای معرفی‌کردن و آرم‌دادن هرکدام از مهارت‌هایی که دارااست، تصویری بسیار مختلف و جذاب ساخته میباشد.
تعیین تصویر جذاب در اینترنت صفحه آرایی
۳. آیا عکس جالب میباشد؟
تصویر بایستی به دیده مخاطب جالب بیاید یا این که احساسات اورا مشغول نماید. چه تصویری جالب میباشد؟ جذابیت، بصری یا این که رمانتیک، به مسئله سایت و یوزرها هدفش بستگی دارااست. مثلا، در حالتی که تارنما برای عرضه‌ی پوشاک نوزادان پیاده سازی می‌گردد؛ به احتمال زیاد، هیچ‌چیز جالب‌خیس از تصویر یک مامان و نوزادش وجود ندارد.
جذابیت امری خیالی و هنری میباشد. همین هم فعالیت را دشوار می‌نماید. ولی یادتان باشد که تصویر قرار میباشد جالب باشد تا مخاطب را دعوت به کاری نماید. مثلا، در‌حالتی که سایت برای یک رستوران میباشد، عکسی دیدنی میباشد که استفاده کننده را وادار نماید تا بخواهد غذاهای آن رستوران را بخرد و آزمون نماید.
ضمنا یادتان باشد که
عکس‌ها در سایت بایستی پیامی را به مخاطب منتقل و امداد نمایند تا مخاطب فهم بهتری از حصول‌وکار و محصولش داشته باشد یا این که حیث اورا جلب نمایند تا در شیت بماند و محتوایش را بخواند. به همین برهان میباشد که ملاحظات بازاریابی و مجموعه مارکتینگ پروژه هم در تعیین تصاویر می بایست درنظر گرفته خواهد شد. در برخی پروژه‌ها، تعیین تصاویر تماما برعهده‌ی دسته مارکتینگ میباشد و اینترنت دیزاینر نقشی در آن ندارد.
به همین ادله ممکن میباشد گروه مارکتینگ تصمیم بگیرد به‌مکان عکس و تصویر از پیاده سازی سه آتی یا این که از ایلوستریشن استعمال شود.
گردآوری‌بندی و سود‌گیری
در کتاب اصول اینترنت صفحه ارایی قشنگ، اصول و نحوههایی برای پیاده سازی وب سایت‌های کاربردی و قشنگ بیان شده میباشد. ما هم در ۴ محتوا کاربردی‌ترین و مهمترین نکات کتاب را برای شما خلاصه کردیم. امید داریم این شرکت محتوا و این خلاصه‌ها به شما یاری دهد تا وب سایت‌های زیباتر و کاراتری را پیاده سازی فرمایید.
ولی این نکته را فراموش نکنید که درصورتی که قرار بود کلیه‌ی طراحان وبسایت و دیزاینرها براساس اصول و نحوههایی که کلیه می دانند سایت پیاده سازی نمایند، کلیه‌ی سایتها مشابه به هم میشد.