در سال 1996 مایکروسافت اولین مرورگر رقابتی خود را که دارای مشخصات و تگ های خاص خود بود به جهان معرفی کرد و در همان سال استانداردهای CSS نیز پذیرفته شد.ترکیب تگ های HTML و CSS باعث شدند که دنیای طراحی وب و نرم افزارها وارد دوره جدید و شگفت انگیزی شوند
“هنرمندان طراح وب سایت کار خود را با HTML و CSS به اوج خلاقیت رساندند”
طراحی وب فرایند ایجاد وب سایت است. این شامل جنبه های مختلفی از جمله طرح بندی صفحه وب، تولید محتوا و طراحی گرافیک می باشد. در حالی که اصطلاحات طراحی وب Web Design و توسعه وب Web Development اغلب به طور متناوب استفاده می شود، طراحی وب از لحاظ فنی یک زیر مجموعه از رده گسترده تر توسعه وب است
وب سایت ها با استفاده از یک زبان نشانه گذاری به نام HTML ایجاد می شوند. طراحان وب، صفحات وب را با استفاده از همین تگ های HTML ایجاد می کنند که محتوا و داده های هر صفحه را درون خود جای می دهند. طرح بندی و ظاهر عناصر در یک صفحه وب به طور معمول با استفاده از CSS و یا منوهای آبشاری و ... تعریف می شود. بنابراین، بیشتر وبسایت ها شامل ترکیبی از HTML و CSS است که نحوه نمایش هر صفحه در مرورگر را مشخص می کنند.
برخی از طراحان وب با استفاده از کدنویسی و نوشتن سورس سایت با PHP ، ASP و دیگر زبانهای برنامه نویسی یک نبرد تمام عیار را با دنیای نرم افزار و طراحی وب به انجام میرسانند و برخی دیگر از قالب های آماده مانند WordPress ، Joomla و دیگر نمونه هایی از این نوع ، کار طراحی وب سایت را انجام میدهند که به نظر بنده این شیوه را دقیقا طراحی وب سایت و یا نرم افزار نمی نامند .درست است که HTML و CSS برای طراحی ظاهر و نمای یک وب سایت استفاده می شوند اما تصاویر که جزو لاینفک در طراحی وبسایت می باشند باید بصورت جداگانه ایجاد شوند. بنابراین طراحی گرافیکی Graphic Design ممکن است با طراحی وب Web Design همپوشانی داشته باشد، زیرا در اصل طراحان گرافیک تصاویر را برای استفاده در وبسایت ها ایجاد می کنند. برخی از برنامه های گرافیکی مانند Adobe Photoshop حتی شامل گزینه "Save For Web" است که راه ساده ای برای گرفتن خروجی تصاویر در فرمت بهینه سازی شده برای انتشار در دنیای وب می باشد.
نکته مهم آنکه در تایپوگرافی سایت خود باید از فونت های استانداری استفاده کرد که اصولا مرورگرها آنها را می شناسند چرا که ما نمیدانیم نرم افزار و یا سایت طراحی شده توسط ما در کجا و چگونه استفاده خواهد شد و نباید احتمال به دردسر افتادن کاربر را فراموش نماییم.اما یکی از مهمترین مسایل مورد نظر در طراحی وب سایت ها امروزه مساله واکنش گرا بودن و یا Responsive شدن وبسایت است.امروزه برای انکه وب سایت شما برای تمامی Devise ها و یا وسایل اکترونیکی همانند مبایل یا تبلت ها مورد استفاده باشد باید یک اپلیکیشن برای آنها بنویسید.اما با توجه به متفاوت بودن استاندارد آنها مثل Android ، IOS و برخی دیگر که فعلا همین دو گونه پر مصرف تر از دیگر گونه ها می باشد، معنی و مفهوم آن این است که کد نویسی های بیشتری پیش روی شما بوده و در نتیجه هزینه بیشتری بر شما تحمیل خواهد شد ، پس می توانید سایت خود را ریسپانسیو Responsive و یا واکنش گرا سفارش دهید.
نکته مهم آنکه در تایپوگرافی سایت خود باید از فونت های استانداری استفاده کرد که اصولا مرورگرها آنها را می شناسند چرا که ما نمیدانیم نرم افزار و یا سایت طراحی شده توسط ما در کجا و چگونه استفاده خواهد شد و نباید احتمال به دردسر افتادن کاربر را فراموش نماییم.اما یکی از مهمترین مسایل مورد نظر در طراحی وب سایت ها امروزه مساله واکنش گرا بودن و یاتمامی نکات ذکر شده در این مقاله بر نقش طراحی یک وبسایت به عنوان یک معماری پیچیده و مدرن دلالت دارد.طراح یک وبسایت و یک نرم افزار با یک معماری دقیق و بنیادین می تواند نقش حیاتی در گسترش کسب و کار شما در دنیای مجازی داشته باشد...اگر راه و روش معماری صحیح یک سایت و یا نرم افزار سفارش داده شده توسط شما را بداند
