تاریخچه طراحی وب
پایان اولین جنگ مرورگرها :در طول سال ۱۹۹۸، Netscape کد مرورگر نت‌اسکیپ را تحت لیسانس متن‌باز آزاد کرد و هزاران تن از توسعه دهندگان را قادر به مشارکت در بهبود این نرم‌افزار کرد. با این حال، آن‌ها تصمیم گرفتند از اول شروع کنند، که توسعه مرورگر متن‌باز را هدایت کرد و به زودی به یک برنامه کاربردی کامل گسترش یافت. پروژه استانداردهای وب شکل گرفت و انطباق مرورگر با استانداردهای HTML و CSS را با ایجاد تست‌های acid1، Acid2 و Acid3 ارتقا داد. سال ۲۰۰۰ سال بزرگی برای مایکروسافت بود. اینترنت اکسپلورر برای مک منتشر شد. این امر به عنوان اولین مرورگری که به طور کامل از HTML و CSS 1 پشتیبانی کرده بود، قابل‌توجه بود و کار را از نظر انطباق استانداردها بالا برد. همچنین اولین مرورگر برای پشتیبانی کامل از قالب تصویری PNG بود. در طول این مدت، نت‌اسکیپ به AOL فروخته شد و این به عنوان شکست رسمی نت‌اسکیپ به مایکروسافت در جنگ‌ مرورگرها دیده شد. 
از این رو شرکت های طراحی سایت در تهران که به طراحی سایت نیز اقدام می کنند براحتی می توانند با توجه به درخواست فعالان این زمینه، به آنها  اطلاعات جامع  و مشاوره های مطلوب  بدهند..    
2001-2012 
از آغاز قرن بیست و یکم، وب بیشتر و بیشتر در زندگی مردم ادغام شده است. همانطور که این اتفاق افتاد، فناوری وب نیز پیشرفت کرد. همچنین تغییرات قابل‌توجهی در نحوه استفاده از اینترنت و دسترسی به وب به وجود آمده‌ است و این امر چگونگی طراحی وب سایت‌ها را تغییر داده‌است. 
از زمان پایان جنگ مرورگرها، مرورگرهای جدیدی منتشر شده‌است. بسیاری از این مرورگرها متن باز هستند و این امر به این معنی است که آن‌ها تمایل به توسعه سریع‌تر دارند و بیشتر از استانداردهای جدید حمایت می‌کنند.
گزینه‌های جدید توسط بسیاری از کارشناسان بهتر از اینترنت اکسپلورر خوانده شده اند. 
W3C استانداردهای جدیدی را برای HTML (HTML5)‏ و CSS (‏3CSS) ‏و همچنین API های جدید جاوااسکریپت را برای هر یک از استانداردهای جدید به صورت تک به تک منتشر کرده‌است. در حالیکه اصطلاح  HTML5 فقط برای اشاره به نسخه جدید HTML و برخی از API های جاوااسکریپت استفاده می‌شود، استفاده از آن برای اشاره به کل مجموعه استانداردهای جدید (HTML5، CSS3 و JavaScript)‏ معمول شده‌است. 
ابزارها و فناوری‌ها 
طراحان وب از انواع مختلفی از ابزارهای متفاوت بسته به بخشی از فرآیند تولید که در آن درگیر هستند، استفاده می‌کنند. این ابزارها در طول زمان توسط استانداردهای جدید و نرم‌افزارها به روز می‌شوند، اما اصول پشت آن‌ها ثابت است. طراحان وب از هر دو ویرایشگر گرافیکی برداری و Raster برای ایجاد تصاویر با فرمت مناسب وب یا طراحی نمونه‌های اولیه استفاده می‌کنند. فناوری‌هایی که برای ایجاد وب سایت‌ها استفاده می‌شوند عبارتند از: استانداردهای W3C مانند HTML و CSS که می توانند به صورت دستی یا به وسیله نرم‌افزار ویرایش WYSIWYG کد گذاری شوند. ابزارهای دیگری که طراحان وب ممکن است از آن استفاده کنند عبارتند از ابزارهای تأیید اعتبار کدها و دیگر ابزارهای تست برای کاربردپذریری و دسترسی پذیری جهت اطمینان از اینکه وب سایت‌های آن‌ها دستورالعمل‌های دسترسی پذیری به وب را برآورده می‌کنند. 
مهارت‌ها و تکنیک‌ها 
بازاریابی و طراحی ارتباطات 
بازاریابی و طراحی ارتباطات در یک وب سایت ممکن است مشخص کند که چه چیزی برای بازار هدف کار می‌کند. این می‌تواند یک گروه سنی یا رشته خاص از فرهنگ باشد؛ بنابراین طراح می‌تواند تمایلات مخاطبان خود را درک کند. طراحان ممکن است نوع وب سایتی که طراحی می‌کنند را نیز درک کنند، یعنی، به طور مثال: ملاحظات طراحی وب سایت کسب‌وکار - به کسب‌وکار تجاری (B2B) ممکن است تا حد زیادی از یک وب سایت هدف مصرف‌کننده مانند یک وب سایت خرده‌فروشی یا سرگرمی متفاوت باشد. ملاحظات دقیقی ممکن است برای اطمینان از این که زیبایی‌شناسی یا طراحی کلی یک سایت با وضوح و دقت محتوا یا سهولت پیمایش وب مغایرت ندارد،  به ویژه در یک وب سایت B2B لحاظ شود. طراحان همچنین ممکن است شهرت مالک یا کسب‌وکار را نیز در نظر بگیرند تا مطمئن شوند که این موارد به طور مطلوب تصویر شده‌اند. 
طراحی تجربه کاربری و طراحی تعاملی 
درک کاربر از محتوای وب سایت اغلب به درک کاربر از نحوه کار وب سایت بستگی دارد. این بخشی از طراحی تجربه کاربری است. تجربه کاربری با چیدمان، دستورالعمل‌ها و برچسب گذاری واضح در یک وب سایت مرتبط است. درک کاربر از این که چگونه می‌تواند بر روی سایت تعامل داشته باشد، ممکن است به طراحی تعاملی سایت بستگی داشته باشد. اگر کاربر سودمندی وب سایت را درک کند، احتمال اینکه استفاده از آن ادامه یابد، بیشتر است. کاربرانی که در استفاده از وب‌سایت خبره و بامهارت هستند ممکن است یک رابط وب سایت مشخص، با این حال کم‌تر شهودی یا کم‌تر کاربر پسند تر را به همان اندازه مناسب بدانند. با این حال، کاربران با تجربه کم‌تر احتمال کمتری برای دیدن مزایا یا سودمندی یک رابط وب سایت کم‌تر بصری دارند. این امر روند گرایش را برای یک تجربه کاربری فراگیر و سهولت دسترسی به همراهی و تطبیق با بسیاری از کاربران، بدون توجه به مهارت کاربر، افزایش می دهد. بخش عمده‌ای از طراحی تجربه کاربری و طراحی تعاملی در طراحی رابط کاربری در نظر گرفته می‌شوند. 
اگر مهارت‌های زبان برنامه‌نویسی پیشرفته نباشند کارکردهای تعاملی پیشرفته ممکن است نیازمند افزونه هایی شوند. انتخاب استفاده یا عدم استفاده از نوعی از تعامل پذیری که نیازمند افزونه‌ها است یک تصمیم مهم در طراحی تجربه کاربری است. اگر افزونه‌ها با اکثر مرورگرها به صورت از پیش نصب شده قرارداد نداشته باشند، ریسک این که کاربر نداند چطور افزونه را نصب کند و یا حوصله این کار را تنها برای دسترسی به محتوا نداشته باشد وجود دارد. اگر عملکرد نیازمند مهارت‌های زبان برنامه‌نویسی پیشرفته باشد، ممکن است در مقایسه با میزان عملکردی که به تجربه کاربری می‌افزاید از نظر زمانی و یا مالی بسیار پرهزینه باشد. همچنین این ریسک وجود دارد که ممکن است تعامل پذیری پیشرفته با مرورگرهای قدیمی‌تر و یا پیکره بندی‌های سخت‌افزاری ناسازگار باشد. انتشار عملکردی که به طور قابل اعتمادی عمل نمی‌کند، به طور بالقوه برای تجربه کاربری بدتر از تلاش نکردن است. این به مخاطبان هدف بستگی داردکه آیا به احتمال زیاد به آن احتیاج دارند و یا ارزش هر گونه ریسک را دارد یا خیر. 
چیدمان صفحه 
بخشی از طراحی رابط کاربری تحت‌تاثیر کیفیت چیدمان صفحه قرار می‌گیرد. به عنوان مثال، یک طراح ممکن است در نظر داشته باشد که آیا چیدمان صفحه سایت باید در هنگام طراحی چیدمان روی صفحات مختلف ثابت بماند یا خیر. عرض پیکسلی صفحه ممکن است برای همتراز کردن اشیا در طرح چیدمان حیاتی در نظر گرفته شود. مشهورترین وب سایت‌های دارای عرض ثابت به طور کلی دارای عرض یک‌سانی هستند تا با رایج ترین اندازه پنجره های مرورگر با رایج ترین تفکیک رنگ صفحه در رایج ترین اندازه صفحه نمایش های کنونی منطبق باشد. بیشتر صفحات هم با جهت گیری از مرکز با توجه به زیبایی‌شناسی در صفحه‌های بزرگ‌تر هستند. 
چیدمان سیال در حدود سال ۲۰۰۰ به عنوان جایگزینی برای طرح بندی مبتنی بر جدول HTML و طراحی مبتنی در هم تنیده و در اصل طراحی چیدمان صفحه و در تکنیک کدگذاری افزایش یافت اما این امر بسیار آهسته بود. این امر به خاطر ملاحظاتی در قابلیت خواندن دستگاه های مختلف و اندازه پنجره‌های مختلف بود که طراحان هیچ کنترلی روی آن ندارند. بر این اساس، یک طرح ممکن است به واحدهای (کنار صفحه، بلوک‌های محتوا، مناطق تبلیغاتی گنجانده شده، مناطق راهبری)‏ تقسیم شود که به مرورگر فرستاده می‌شوند و از طریق مرورگر در پنجره نمایش به بهترین وجه نشان داده می‌شود. همانطور که مرورگر جزئیات صفحه نمایش (‏اندازه پنجره، اندازه فونت مناسب پنجره و غیره)‏ را تشخیص می‌دهد، مرورگر می‌تواند تنظیمات چیدمان خاص کاربر را برای چیدمان های سیال، و نه چیدمان با عرض ثابت ایجاد کند. اگر چه چنین نمایشی ممکن است اغلب موقعیت نسبی واحدهای محتوایی اصلی را تغییر دهد، ممکن است کنار صفحه به جای جنب صفحه در زیر متن بدنه جابجا شود. این یک نمایش انعطاف‌پذیرتر از یک چیدمان مبتنی بر شبکه با کد بندی سخت است که در پنجره دستگاه ثابت نیست. به طور خاص، موقعیت نسبی بلوک‌های محتوا ممکن است تغییر کند در حالی که محتوای داخل بلوک تحت‌تاثیر قرار نمی‌گیرد. این امر همچنین نیاز مبرم به حرکت افقی در صفحه را به حداقل می‌رساند. 
طراحی وب تعاملی یک روش جدیدتر، مبتنی بر CSS3 و سطح عمیق‌تر مشخصات هر دستگاه در برگه سبک صفحات از طریق استفاده بیشتر از قاعده CSS رسانه می‌باشد. گوگل در ماه مارس سال ۲۰۱۸ اعلام کرد که اولین نمایه‌سازی موبایل را انجام خواهد داد. سایت‌هایی که از طراحی تعاملی استفاده می‌کنند برای اطمینان از رسیدن به این رویکرد جدید به خوبی جایگذاری می‌شوند. 
 
نتیجه گیری
ادامه مطالب در مقاله بعدی خدمتتان ارائه می گردد.
0