طراحی سایت
طراحی سایتطراحی وب شامل بسیاری از مهارت ها و رشته های مختلف در تولید و نگهداری وب سایت ها می باشد. زمینه های مختلف طراحی سایت شامل طراحی گرافیک وب است. طراحی رابط کاربری ؛ نویسنده، از جمله کد استاندارد و نرم افزار اختصاصی ؛ طراحی تجربه کاربری و بهینه سازی موتورهای جستجو . اغلب افراد زیادی در تیم هایی که جنبه های مختلف فرآیند طراحی را پوشش می دهند، کار می کنند، هر چند برخی از طراحان همه جنبه ها را پوشش خواهند داد. اصطلاح طراحی وب به طور معمول برای توصیف روند طراحی مربوط به طراحی (سمت سرویس گیرنده) یک وب سایت از جمله نوشتن نشانه گذاری استفاده می شود . طراحی وب تقریبا همپوشانی داردمهندسی وب در حوزه گسترده تر توسعه وب است . انتظار میرود طراحان وب از آگاهی از قابلیت استفاده کنند و اگر نقش آنها شامل ایجاد نشانه گذاری باشد، انتظار میرود که آنها با دستورالعملهای دسترسی به وب به روز باشند.
1988-2001
اگرچه طراحی وب دارای تاریخ نسبتا جدید است، اما می توان آن را به سایر زمینه ها مانند طراحی گرافیکی پیوند داد. با این حال، طراحی وب همچنین می تواند از دیدگاه تکنولوژیکی دیده شود. این بخش بزرگی از زندگی روزمره مردم است. سخت است تصور کنید اینترنت بدون گرافیک متحرک، سبک های مختلف تایپوگرافی، پس زمینه و موسیقی است.
شروع وب و طراحی وب
در سال 1989، در حالی که در CERN کار می کرد، تیم برنرز لی ، برای ایجاد یک پروژه متنباز جهانی که بعدا به عنوان وب جهان گستر شناخته شد، پیشنهاد کرد . در طول سالهای 1991 تا 1993 World Wide Web متولد شد. صفحات تنها متن را می توان با استفاده از یک مرورگر ساده خط مرور کرد. در سال 1993، مارک آندرسن و اریک بینا ، مرورگر موزاییک را ایجاد کرد . در آن زمان مرورگرهای متعددی وجود داشت، اما اکثر آنها بر اساس یونیکس و به طور طبیعی متن سنگین بود. به عناصر طراحی گرافیکی نظیر تصاویر یا صداها هیچ رویکردی یکپارچه وجود نداشت. مرورگر موزاییک این قالب را شکست. W3Cدر اکتبر 1994 ایجاد شد تا "وب جهان گستر را به پتانسیل کامل خود بسپارد، با ایجاد پروتکل های مشترک که به ترویج تکامل آن و اطمینان از قابلیت همکاری آن". این یک شرکت را از انحصار یک مرورگر مناسب و زبان برنامه نویسی، که می تواند تاثیر جهانی وب را به طور کلی تغییر دهد. W3C همچنان استانداردها را تنظیم می کند که امروزه با جاوا اسکریپت قابل مشاهده است. در سال 1994 Andreessen Communications Corp. تشکیل شد که بعدا به Netscape Communications ، مرورگر Netscape 0.9 شناخته شد. Netscape تگ های HTML خود را بدون توجه به فرآیند استانداردهای سنتی ایجاد کرد. به عنوان مثال، Netscape 1.1 شامل برچسب هایی برای تغییر رنگ پس زمینه و قالب بندی متن با جداول در صفحات وب است. در طول سال های 1996 تا 1999جنگ های مرورگر شروع شد، به عنوان مایکروسافت و Netscape برای غلبه بر مرورگر نهایی مبارزه کرد. در طول این زمان بسیاری از فن آوری های جدید در این زمینه وجود داشت، مخصوصا Cascading Style Sheets ، جاوا اسکریپت و HTML پویا . در مجموع، رقابت مرورگر منجر به ایجاد بسیاری از خلاقیت های مثبت شد و به طراحی وب کمک کرد تا سریعا پیشرفت کند.
تکامل طراحی وب
در سال 1996، مایکروسافت اولین مرورگر رقابتی خود را که با ویژگی ها و تگ هایش تکمیل شد، منتشر کرد. این اولین مرورگر برای حمایت از ورق های سبک بود، که در آن زمان به عنوان یک تکنیک نوشتن مبهم دیده می شد. نشانه گذاری HTML برای جداول در اصل برای نمایش داده های جدولی نظر گرفته شده بود. با این حال طراحان به سرعت متوجه پتانسیل استفاده از جداول HTML برای ایجاد طرح های پیچیده، چند ستون شدند که در غیر این صورت امکان پذیر نبود. در این زمان، به نظر طراح و زیبایی شناسی خوب، ساختار برند خوب برتری داشت، و توجه کمتری به معنایی و دسترسی به وب. سایت های HTML در گزینه های طراحی خود محدود شدند، حتی بیشتر با نسخه های قبلی HTML. برای ایجاد طرح های پیچیده، بسیاری از طراحان وب مجبور به استفاده از ساختارهای جدول پیچیده و یا حتی استفاده از فضای خالص. تصاویر GIF برای متوقف کردن سلول های خالی جدول از فروپاشی. CSS در دسامبر 1996 توسط W3C برای پشتیبانی از ارائه و طرح معرفی شد. این اجازه داد که کد HTML به معنای معناشناختی باشد و نه به معنای معنایی و ارائهی، و نه برای بهبود دسترسی به وب، و نه برای طراحی وب سایت بدون وبسایت .
در سال 1996، فلش (در اصل به نام FutureSplash شناخته شد) توسعه یافت. در حال حاضر، ابزار توسعه فلش در مقایسه با حالات نسبتا ساده، با استفاده از طرح بندی اولیه و ابزارهای طراحی، یک پیشکسوت محدود برای ActionScript و یک جدول زمانی، اما طراحان وب را قادر به فراتر از نقطه HTML، GIF های متحرک و جاوا اسکریپت . با این حال، چون Flash نیاز به یک افزونه داشت ، بسیاری از توسعه دهندگان وب از تهدید به استفاده از آن به دلیل محدودیت سهم بازار خود ناشی از عدم سازگاری اجتناب کردند. در عوض، طراحان به انیمیشن های GIF بازگشتند (اگر آنها با استفاده از گرافیک متحرک کنار نیندازند) و جاوا اسکریپت برای ویدجت ها. اما مزایای فلش آن را به اندازه کافی در میان بازارهای هدف خاص مورد استفاده قرار می دهد تا در نهایت راه خود را به اکثریت وسیع مرورگرها و به اندازه کافی قدرتمند برای استفاده در کل سایت ها توسعه دهد
1988-2001
اگرچه طراحی وب دارای تاریخ نسبتا جدید است، اما می توان آن را به سایر زمینه ها مانند طراحی گرافیکی پیوند داد. با این حال، طراحی وب همچنین می تواند از دیدگاه تکنولوژیکی دیده شود. این بخش بزرگی از زندگی روزمره مردم است. سخت است تصور کنید اینترنت بدون گرافیک متحرک، سبک های مختلف تایپوگرافی، پس زمینه و موسیقی است.
شروع وب و طراحی وب
در سال 1989، در حالی که در CERN کار می کرد، تیم برنرز لی ، برای ایجاد یک پروژه متنباز جهانی که بعدا به عنوان وب جهان گستر شناخته شد، پیشنهاد کرد . در طول سالهای 1991 تا 1993 World Wide Web متولد شد. صفحات تنها متن را می توان با استفاده از یک مرورگر ساده خط مرور کرد. در سال 1993، مارک آندرسن و اریک بینا ، مرورگر موزاییک را ایجاد کرد . در آن زمان مرورگرهای متعددی وجود داشت، اما اکثر آنها بر اساس یونیکس و به طور طبیعی متن سنگین بود. به عناصر طراحی گرافیکی نظیر تصاویر یا صداها هیچ رویکردی یکپارچه وجود نداشت. مرورگر موزاییک این قالب را شکست. W3Cدر اکتبر 1994 ایجاد شد تا "وب جهان گستر را به پتانسیل کامل خود بسپارد، با ایجاد پروتکل های مشترک که به ترویج تکامل آن و اطمینان از قابلیت همکاری آن". این یک شرکت را از انحصار یک مرورگر مناسب و زبان برنامه نویسی، که می تواند تاثیر جهانی وب را به طور کلی تغییر دهد. W3C همچنان استانداردها را تنظیم می کند که امروزه با جاوا اسکریپت قابل مشاهده است. در سال 1994 Andreessen Communications Corp. تشکیل شد که بعدا به Netscape Communications ، مرورگر Netscape 0.9 شناخته شد. Netscape تگ های HTML خود را بدون توجه به فرآیند استانداردهای سنتی ایجاد کرد. به عنوان مثال، Netscape 1.1 شامل برچسب هایی برای تغییر رنگ پس زمینه و قالب بندی متن با جداول در صفحات وب است. در طول سال های 1996 تا 1999جنگ های مرورگر شروع شد، به عنوان مایکروسافت و Netscape برای غلبه بر مرورگر نهایی مبارزه کرد. در طول این زمان بسیاری از فن آوری های جدید در این زمینه وجود داشت، مخصوصا Cascading Style Sheets ، جاوا اسکریپت و HTML پویا . در مجموع، رقابت مرورگر منجر به ایجاد بسیاری از خلاقیت های مثبت شد و به طراحی وب کمک کرد تا سریعا پیشرفت کند.
تکامل طراحی وب
در سال 1996، مایکروسافت اولین مرورگر رقابتی خود را که با ویژگی ها و تگ هایش تکمیل شد، منتشر کرد. این اولین مرورگر برای حمایت از ورق های سبک بود، که در آن زمان به عنوان یک تکنیک نوشتن مبهم دیده می شد. نشانه گذاری HTML برای جداول در اصل برای نمایش داده های جدولی نظر گرفته شده بود. با این حال طراحان به سرعت متوجه پتانسیل استفاده از جداول HTML برای ایجاد طرح های پیچیده، چند ستون شدند که در غیر این صورت امکان پذیر نبود. در این زمان، به نظر طراح و زیبایی شناسی خوب، ساختار برند خوب برتری داشت، و توجه کمتری به معنایی و دسترسی به وب. سایت های HTML در گزینه های طراحی خود محدود شدند، حتی بیشتر با نسخه های قبلی HTML. برای ایجاد طرح های پیچیده، بسیاری از طراحان وب مجبور به استفاده از ساختارهای جدول پیچیده و یا حتی استفاده از فضای خالص. تصاویر GIF برای متوقف کردن سلول های خالی جدول از فروپاشی. CSS در دسامبر 1996 توسط W3C برای پشتیبانی از ارائه و طرح معرفی شد. این اجازه داد که کد HTML به معنای معناشناختی باشد و نه به معنای معنایی و ارائهی، و نه برای بهبود دسترسی به وب، و نه برای طراحی وب سایت بدون وبسایت .
در سال 1996، فلش (در اصل به نام FutureSplash شناخته شد) توسعه یافت. در حال حاضر، ابزار توسعه فلش در مقایسه با حالات نسبتا ساده، با استفاده از طرح بندی اولیه و ابزارهای طراحی، یک پیشکسوت محدود برای ActionScript و یک جدول زمانی، اما طراحان وب را قادر به فراتر از نقطه HTML، GIF های متحرک و جاوا اسکریپت . با این حال، چون Flash نیاز به یک افزونه داشت ، بسیاری از توسعه دهندگان وب از تهدید به استفاده از آن به دلیل محدودیت سهم بازار خود ناشی از عدم سازگاری اجتناب کردند. در عوض، طراحان به انیمیشن های GIF بازگشتند (اگر آنها با استفاده از گرافیک متحرک کنار نیندازند) و جاوا اسکریپت برای ویدجت ها. اما مزایای فلش آن را به اندازه کافی در میان بازارهای هدف خاص مورد استفاده قرار می دهد تا در نهایت راه خود را به اکثریت وسیع مرورگرها و به اندازه کافی قدرتمند برای استفاده در کل سایت ها توسعه دهد