مقالات طراحی سایت

درآمد تارنما Freelancer.com
اولیه از تمامی می‌خوام درباره این حرف کنم که بها داره وقت بذارید و توی سایتای فریلنسری اهل ایران یا این که فرنگی مجال بذارید و پروژه بردارید یا این که خیر. توی سایتای اهل ایران مث پونیشا کسیو می شناسم که تا ماهی 100میلیون درآمد داشته و کسیو هم می‌شناسم که توی تارنما فریلنسر تقریبا 4000 دلار طراحی سایت هم درآمد داشته.

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

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

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

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

نیازی وجود ندارد نگران رابطه با مشتری و راضی نگه داشتنش باشی. ضمن اون می‌تونی بازار رو بشناسی از توی این پروژه‌ها می‌تونی بفهمی مشتریا دنبال چه چیزایی‌ هستن، چه قیمتی می‌دن، چه منظور‌هایی دارن.

مزیت آینده برای کسایی میباشد که دانشجو هستن یا این که عمل دیگه‌ای دارن و نمی‌تونن تایم اثبات بذارن، پروژه‌های کوتاه‌دوران این تارنما‌ها خیلی به دردشون می‌خوره.

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

آزمایش کارایی سرور روی دستگاه‌های دیگه
تا اینجای فعالیت سرورمون روی تلفن همراه اندرویدی رویه افتاده، تمامی‌چی اوکیه. حال وقتشه که آزمایش کنیم ببینیم آیا از سایر دستگاه‌های درون کانال (مثل لپ‌تاپ یا این که کامپیوتر خونگی‌مون) هم می‌تونیم بدین سرور وصل بشیم یا این که خیر. هنگامی AWeb Server رو شروع میکنی، اپلیکیشن بهت یه نشانی آی‌پی نشون می‌ده. از جملهً توی شرایط اینجانب، طراحی سایت این آی‌پی بود 192.168.0.167:8080.

آی‌پی یعنی چی؟
یعنی این موبایل اینجانب که الان سرور شیوه فعاله، توی کانال وای‌فای خونه، این نشانی آی‌پی رو داره. هر دستگاهی که به همون مودم وصل باشه، می‌تونه از روش این آی‌پی به سرور موبایل اینجانب دسترسی داشته باشه. صرفا کافیه اون آی‌پی رو یاروهمدم با پورت (در اینجا 8080) توی مرورگر بزنی. به عنوان مثالً رفتم پشت لپ‌تاپم و مرورگر رو گشوده کردم. توی نوار نشانی زدم: http://192.168.0.167:8080

ورود به لوکال هاست تلفن همراه با لپ‌تاپ
ورود به لوکال هاست تلفن همراه با لپ‌تاپ
شیت‌ی Index of / برام گشوده شد. این یعنی اینترنت‌سرور تلفن همراه به‌صحت داره فعالیت می‌کنه و لپ‌تاپم تونسته بهش متصل بشه. از اینجا به بعد از آن، هر فایلی که توی اون فولدر‌ای که به‌تیتر Document Root تعیین کرده بودم بریزم، از روش همین آی‌پی قابل دسترسه. یعنی الان در شغل، تلفن همراه اینجانب تبدیل گردیده به یه لوکال هاست قابل حمل!

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

فعال‌سازی MySQL Server
تا اینجا تونستیم اینترنت‌سرور (Apache) رو روی تلفن همراه اندرویدی‌مون راه اندازی کنیم و از روش آی‌پی باطن کانال، بهش دسترسی بگیریم. درحال حاضر می‌رسیم به نصیب اصلی آجل: فعال‌سازی MySQL Server یا این که همون مقر‌داده. برای اینکه بتونیم وردپرس رو نصب کنیم، نیاز به یه دیتابیس داریم. پس برمی‌گردیم به نرم افزار AWeb Server و این توشه می‌ریم سراغ تب یا این که قسمت مرتبط با MySQL Server.

ورود به PHPMyadmin با لپ‌تاپ
ورود به PHPMyadmin با لپ‌تاپ
زمانی واردش می‌شی، یه دکمه‌ می‌بینی که نوشته Start Server. خب مشخصه، میزنیم طرز و طاقت می کنیم تا سرور دیتابیس هم فعال بشه. اگه تمامی‌چی صحیح پیش بره، موقعیت سرور می‌شه: Running یعنی الان دیتابیس ما هم فعاله و فراهم‌ی به کار گیری‌ست.

دانلود وردپرس
مرورگر گوگل کروم رو روی تلفن همراه گشوده کن و وارد تارنما قانونی وردپرس به نشانی wordpress.org شو. واپسین ورژن وردپرس رو دانلود کن. این پوشه معمولاً یه پوشه ZIP می باشد، به عنوان مثالً به نام wordpress-6.4.2.zip.

دانلود وردپرس
دانلود وردپرس
زمانی فولدر وردپرس دانلود شد، هم اکنون وقتشه که بریم سراغ فولدر منیجر موبایل. بیشتر موبایل‌ها یه نرم افزار به نام Files یا این که File Manager دارن. واردش شو و برو به فایل‌ی Downloads، زیرا معمولاً فولدر‌های دانلودشده اونجا قرار می‌گیرن. درحال حاضر می بایست پوشه ZIP وردپرس رو از موقعیت فشرده بیرون کنیم. انگشتتو یک‌سری ثانیه نگه دار روی پوشه وردپرس، یه مورد مثل Extract ظواهر میشه. اونو بزن تا محتویاتش اکسترکت بشه.

Extract پوشه زیپ وردپرس
Extract فولدر زیپ وردپرس
یه فولدر به نام wordpress ساخته میشه که داخلش همگی‌ی فولدر‌های مهم وردپرس هستن. حال وارد فایل‌ی wordpress بشو، تمامی‌ی پوشه‌ها رو تعیین کن. منظورم اینه که می بایست بری درون فایل، خیر اینکه خویش فایل رو نسخه برداری کنی!

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

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

اسکن وردپرس به فولدر اساسی
اسکن وردپرس به فایل مهم
اگه الان بری تو مرورگر و نشانی آی‌پی موبایل‌تو با پورتش بزنی، از جملهً: http://192.168.0.167:8080، می بایست ورقه نصب وردپرس برات بالا بیاد! اگه اینو دیدی، یعنی تا اینجا تمامی‌چی صحیح پیش رفته و وردپرس فراهم‌ی نصب روی گوشیته.

چی منجر شد خرجای مازاد نکنم؟
یکی از دو سال پس از اون رویش پرانرژی، یه تغییر تحول فکری دور از شوخی توی ذهنم صورت گرفت. دلیلش هم خوندن یه کتاب بود «بازانجام». این کتاب مسیر خیالی اینجانب رو عوض کرد. توش می‌اذعان کرد چیزهایی که فکرمی‌کنی درستن، شاید حقیقتاً صحیح نباشن. و جالبه که زمانی ظریف‌خیس تامل کردم، طراحی سایت طراحی سایت دیدم حقیقتاً راست می‌گه.

از جملهً یکی‌از چیزهایی که بهش اشاره میکرد این بود که چرا بایستی اتاق سرور منحصربه‌فرد داشته باشی تو محل کار کارت؟ چرا می بایست کلی هزینه کنی برای زیرساختی که می‌تونه خیلی بی آلایش‌خیس و نادر‌هزینه‌خیس باشه؟ به خودم گفتم حقیقتاً چه کاریه که یه اتاق بی نقص رو سرور مخصوص بذارم، یه دکل ۳۰ متری رو پشت‌بوم بزنم، ماهی ۱۰ میلیون هزینه وب منحصر به فرد بدم، صرفا برای اینکه یه وبسایت روی سرور خودم باشه؟

در غایت تصمیم گرفتم همگی اینا رو عده کنم. سرور رو منتقل کردیم به یه کمپانی میزبانی ماهر مثل آسیاتک. با یه هزینه خیلی کمتر (اون موقع به عنوان مثالً ۵۰۰ هزار تومن در ماه به مکان ۱۰ میلیون) تمامی چی امن، سریع، بی‌دردسر.

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

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

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

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

یکی‌از مهم ترین درس‌هایی که تو این مسیر گرفتم، دقیقاً همون چیزیه که کتاب «بازانجام» (Rework) هم می‌گه مدام بیشتر به معنای عالی وجود ندارد. گروه بلندمرتبه‌خیس، دفتر کار تبارک‌خیس، طاقت فرسا‌افزار توانمند‌خیس، حتی تعداد زیادتر تولید ها، این‌ها الزاماً نشونه پرورش و توفیق نیستن. گاهی یک گروه خرد البته هدفمند و همدل، می‌تونه خروجی‌هایی بده که از یکسری دسته بزرگتر هم مؤثرتر باشه.

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

حریف چیزیه که سبب ساز توسعه میشه
یک کدام از ویدیوهایی که ابعاد یکی نوباوه‌ها برام از یه سمینار ارسال کرد، یه نکته حائض اهمیت رو یادم انداخت. توی اون کلیپ، یکی رقبای سابق‌مون داشت درباره ما کلام میکرد. شاید برخی‌ها پندار کنن زمانی اینجانب تو سال ۹۴ استارت کردم، بازار خالی بود، رقیبی نداشتم و هر کاری میکردم چشم میشد. خیر حقیقتاً این‌طور خلا. اون فرصت اتفاقاً رقبای کارکشته‌ای داشتم.

وب سایت‌هایی بودن که از ما کهن‌خیس بودن، دسته‌های گرانقدر‌تری داشتن و استفاده کننده دارای تعهد خودشون رو. یادمه اوایل هر وقت توی سمیناری کلام میکردم، به‌عوض این که بگن «مرزوبوم وردپرس»، نام رقیبم رو می‌اوردن. دقیقاً مثل این می‌موند که شما برید جایی و هر کسی نام رقیبت رو به‌جا بیاره البته نام خودت فراموشش گردیده باشه.

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

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

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

پلاگین هم‌لهجه چیه؟
هم‌گویش یه پلاگین وردپرسی می باشد که بهتون یاری می‌کنه تا تگ‌های hreflang رو برای پست‌ها و صفحه ها متعدد سایتتون مدیر فرمائید. شاید بپرسید تگ hreflang چیه؟ این تگ به موتورهای کاوش مثل گوگل میگه که ورژن‌های متعدد یک شیت اینترنت به لهجه‌های متفاوت وجود داره و اینطوری منجر میشه که یوزرها با لهجه‌های متعدد به راحتی به محتوای شما طراحی سایت دسترسی پیدا نمایند.

چه امکاناتی داره؟
رئیس تگ‌های hreflang: با پلاگین هم‌گویش می‌تونید به راحتی تگ‌های hreflang رو برای پست‌ها و صفحه های خودتون اضافه و رئیس نمایید.

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

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

ولی هم‌لهجه برای عده ای مناسبه که ورژن‌های زبانی سایتشون تماماً مجزا می‌باشند و نیازی به رابطه بی واسطه در بین ورژن‌های زبانی ندارند. به عبارت دیگه، در شرایطی‌که شما ورژن‌های زبانی گوناگون سایتتون رو به طور غیر وابسته و غیروابسته از هم مدیر میکنید و نمی خواهید یا این که نمی‌تونید از سیستم‌های بغرنج ترجمه مثل WPML یا این که Polylang به کارگیری نمائید، هم‌گویش شایسته ترین مورد برای شماست.

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

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

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

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

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

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

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

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

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

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

"logo

Home
News
Contact
About Us
Privacy Policy

Books

Main categories

mathematics

hmble Pi
distribution theory
companion to mathematics

programming

python crash course
learning SQL
learning php, mysql

web design

javaScript from frontend to backend
basics of web design
javaScript the definitive guide

Mega Menu tutorial

Hover over the "Books" link to see the mega menu.

همچنان که در کدهای فوق مشاهده میکنید، ساختار آن را می‌قدرت به یک‌سری قسمت تقسیم کرد. بخش مرتبط با محتوای مگا منو در باطن یک تگ div با کلاس dropdown قرار داده گردیده‌اند.

درین بخش ما از یک تگ button با کلاس dropbtn به کارگیری کرده‌ایم که واژه و کلمه Books را در خویش مکان داده میباشد. قرار میباشد زمانی استفاده کننده ماوس خویش را روی این دکمه در منوی وب سایت میاورد، محتوای جانور در باطن تگ div با کلاس dropdown-content به اکران درآید. این محتوا به عبارتی محتوای مگا منو وب سایت میباشد که درین نمونه مجموعه‌بندی‌های کتاب‌های مو جود درین تارنما را علامت خواهد بخشید. البته کیفیت اکران و محوشدن آن با تکان موشواره استفاده کننده، به یاری CSS قابلیت و امکان‌پذیر خواهد بود!

استایل‌دهی اول با CSS
بعداز تولید ساختار و محتوای مگا منو آغاز به استایل‌دهی آن به یاری CSS میکنیم. در صدر در پوشه css خویش کدهای تحت را وارد نمائید.

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* defining width and margins for better styling */
body {
margin: 0;
}

.logo-container {
background-color: rgb(27,52,42);
width: 80%;
margin: 0 auto;
}

.content-part {
width: 80%;
margin: 0 auto;
padding-top: 16px;
}

.navbar {
width: 80%;
margin: 0 auto;
overflow: hidden;
background-color: rgb(27,52,42);
font-family: Arial, Helvetica, sans-serif;
}
این کدها فقطً برای ساخت‌و‌ساز استایل‌های اول و بعدها منوی ناوبری و محتوای تارنما مستعمل‌اند. به عبارتی‌طور که مشاهده میکنید، کوشش گردیده منو و محتوا عرضی درتوان ۸۰ درصد ورقه داشته و مارجین و پدینگ مطلوب بدست آورند.

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

.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

.dropdown {
float: left;
overflow: hidden;
}

.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font: inherit;
margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
background-color: rgb(20, 200, 83);
}
در کد فوق مراعات می کنید که چهت نیل بدین مقصود از خصوصیت float: left مستعمل میباشد. با این عمل تگ‌های a جان دار در منو و همینطور مورد پایانی که کلمه و واژه Books را در خویش مکان داده بود، به طور افقی در منوی ناوبری وب سایت ظواهر می شوند.

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

پیاده سازی ردیف دوم
کاری که می بایست ایفا بدیم اینه که یه پس‌موضوع‌ی گرادینتی براش تمجید کنیم. توی وب سایت اتریوم، برای این عمل از یه linear gradient مستعمل که از سمت راست به چپ کشیده گردیده. ما هم همین مسیر رو می‌ریم.

می‌آیم توی پیکربندی استایل المنتور، نصیب پس‌قضیه رو گشوده می کنیم و نوع پس‌مورد رو روی «گرادینت» می‌ذاریم. هم اکنون برای رنگ نخستین، از رنگ سازمانی که گذشته‌خیس توی پروژه به کار گیری کردیم سود میگیریم. به عنوان مثالً همون بنفش خاص که توی تایتل‌ها یا این که دکمه‌ها هم بوده. اما اینجا یه تفاوت کوچیک داره، اونم اینه که با شفافیت زیر‌خیس (opacity نادر) مصرف شده، برای مثالً حدود ۱۰٪ یا این که ۲۰٪.

رنگ دوم گرادینت هم گشوده یه رنگ در حدود همین بنفشه، با یه کد رنگ خاص که از تارنما اتریوم برداشتیم، اونم با شفافیت کمتر. مقصود اینه که یه بک‌گراند محو و حرفه ای داشته باشیم که اذیت نکنه ولی ظواهر خاص خودش رو هم داشته باشه.

زاویه گرادینت رو هم تهیه میکنیم. زیرا می بایست از راست به چپ باشه، عدد زاویه رو می‌ذاریم روی ۹۰ مرتبه تا دقیقاً همون حالتی رو بهمون بده که توی مثال می‌باشد.

پیاده سازی ردیف دوم
پیاده سازی ردیف دوم
تا اینجا که گرادینت صحیح شد، درحال حاضر وهله مرز یا این که همون بوردرشه. توی وب سایت اساسی، یه لبه خیلی دقیق بدور این جعبه وجود داره. می آیم بخش لبه (border) و تنظیماتش رو گشوده می کنیم. نوع لبه رو «یکدست» یا این که solid می‌ذاریم، ضخامت رو روی ۱ پیکسل، و رنگش رو هم همون رنگی که توی پیاده سازی خودش مستعمل قرار می‌دیم. این رنگ دقیقاً با مخلوط کلی وبسایت هماهنگه، پس جلوه‌ی نیکی می‌ده.

border ردیف دوم
border ردیف دوم
نکته‌ی اصلی دیگه اینکه کناره‌های این جعبه یه‌نادر گرد شدن. یعنی کناره‌هاش انحنا دارن. برای این عمل بایستی مقدار border-radius رو معین کنیم. معمولاً با به کار گیری از ابزار Inspect توی مرورگر می‌شه اینو بررسی کرد. توی وبسایت اتریوم مقدارش ۱۶ پیکسل بود، پس ما هم دقیقاً همین رو وارد می کنیم تا اون شرایط گردی کناره‌ها به خیر و خوبی جاری ساختن بشه.

border-radius ردیف دوم
border-radius ردیف دوم
در غایت، اگه دیدیم رنگ بک‌گراند هنوز یه‌نادر فرق داره یا این که خیلی پررنگه، می‌تونیم مقدار opacity رو برای رنگ‌ها معدود یا این که زیاد کنیم تا دقیقاً به همون حالتی برسیم که توی مثال مهم میباشد. با همین تعدادی تا تهیه و تنظیم بی آلایش یعنی گرادینت، کناره، رنگ مطلوب و انحنای کناره‌ها، یه جعبه خیلی شیک و شبیه با ورژن‌ی مهم اتریوم پیاده سازی می کنیم که توی گام بعدی قراره محتواشو داخلش بذاریم.

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

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

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

اضافه کردن تصویر
اضافه کردن تصویر
ردیف دوم
حال می‌رسیم به ردیف دوم. اینجا دو عدد متن بایستی بذاریم، یکی‌از عنوان مهم و یکی‌از توضیح کوتاه‌خیس زیرش.

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

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

به‌دنبال ۹ مرحله به طور منظم معرفی گردیده‌اند تا بتوانید روند یادگیری خویش را سریع‌خیس طی نمایید. این روند به عبارتی فرآیند یادگیری طراحی وب سایت میباشند.

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

خط

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

صورت‌ها

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

بافت

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

رنگ

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

گزینه دوم از فرایند یادگیری طراحی وب سایت: یادگیری اصول HTML
HTML ساختار اکران محتوای اینترنت‌وب سایت، تصاویر، منوها و بقیه عنصرها را در مرورگر معین می‌نماید. برای تبدیل شدن به یک طراح اینترنت مایحتاج وجود ندارد کارشناس HTML باشید، البته شناخت با آن بسیار موءثر میباشد، حتی وقتی که از سیستم‌های رئیس محتوا مانند وردپرس استعمال میکنید، تگ‌های HTML به عبارتی آیین نامه‌هایی می باشند که مرورگر برای طراحی وب سایت به عمل می برد. این تگ‌ها بر تیترها، جمله‌ها، پیوند‌ها و تصاویر در دست گرفتن دارا‌هستند. آشنایی تیترهایی مثل H1، H2 و H3 مداقه متعددی داراست؛ به این دلیل که خلال تولید ساختار محتوایی، در درجه‌بندی جستجوی ارگانیک هم تأثیرگذارند.

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

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

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

یادگرفتن سفارشی سازی وردپرس
در حالتی که قصد دارید از روش وردپرس خویش مبادرت به تولید تغییرات در پوسته خویش و سفارشی سازی پوسته وردپرس کنید، می بایست مسیر پایین را دنبال نمائید:

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

سفارشی سازی پوسته

در‌این مرحله کاغذ ای همچون تصویر ذیل به شما نشان داده میشود و می‌توانید به امداد منو قرار گرفته در سمت راست مبادرت به فردی سازی پوسته در وردپرس فرمائید.

سفارشی سازی پوسته

مورد های این منو با اعتنا به نوع پوسته ممکن میباشد تغییر و تحول نماید، البته به صورت کلی مفاد ذیل را دربرگیرنده میشود:

مشاهده قالب فعال
در‌این بخش شما می‌توانید ملاحظه کنید که چه قالبی اینک برای اینترنت سایتتان فعال میباشد. در شکل قصد به تغییر تحول آن صرفا کافی میباشد روی دکمه «تغییر‌و تحول بده» کلیک فرمایید تا وارد نصیب «قالب ها» گردید.

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

سفارشی سازی پوسته

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

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

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

هوش تصنعی

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

ولی بایستی بیان‌کنم که هوش تصنعی و مصنوعی که فعلا بتواند اینگونه شغل های غامض ای را ایفا بدهد، نیست. البته این که هوش تصنعی و مصنوعی بتوانند اینگونه کارهایی را چک و چک بکنند بسیار اصلی و جذاب خواهد بود.

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

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

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

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

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

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