webdesign

طراحی سایت ,طراحی وب سایت

  • طراحی سایت تنها آغاز یک فرایند ارتباطی جدید با مشتریان است
  • Web Design
  • در سال ۱۹۹۹ میلادی، گروه دسترسایی وب (WAI) وابسته به کنسرسیوم جهانی وب، نسخه نخست راهنمای کلی و خط کشی‌های زیربنایی دسترسایی وب (WCAG ۱.۰) را انتشار دارد.
  • این راهنما اکنون در همه جهان به عنوان راهنمای کلی و خط کشی زیر بنایی دسترسایی در وب پذیرفته شده‌است.
  • از سال ۲۰۰۳ تاکنون این گروه بر روی نسخه دوم (WCAG ۲.۰) این راهنما کار می‌کند که اکنون گامهای واپسین خود را برای به روز بودن، و همگام بودن با استانداردهای صنعتی می‌پیماید.
  • دسترس‌پذیری وب (به انگلیسی: Web Accessibility)، به توانایی دستیابی آسان و استفادهٔ برابر از منابع جهانی داده‌ها و اطلاعات صفحه‌های وب برای همهٔ کاربران، حتی کاربرانی که به نوعی از معلولیت‌های انسانی رنج می‌برند، گفته می‌شود.
  • وب‌گاههایی که درست طراحی و ویرایش شده و بر مبنای استانداردهای وب برپا شده باشند، برای همه کاربران با هرگونه توانمندی جسمی، به گونه‌ای یکسان در دسترس خواهند بود.
  • برای نمونه صفحه‌ای از وب که با استانداردهای وب طراحی شده و کُد ابرمتن (اچ‌تی‌ام‌ال) آن درست نوشته شده باشد، پیوندهای آن دارای نامگذاری نهفته در کُد، و تصویرهای آن دارای ‘متن‌های جایگزین تصویر’ باشد، به کاربران نابینا کمک می‌کند تا با نرم‌افزارهای تبدیل متن به گفتار و یا سخت‌افزارهای تبدیل متن به خط بریل، بتوانند به داده‌های صفحه دسترسی داشته باشند.
  • نمونه دیگر صفحه‌های وب با متن‌های بزرگ و خوانا هستند که کاربران با مشکل بینایی اندک را در دست‌یابی به داده‌های وب یاری می‌دهند، یا پیوندهایی که زیرشان خط کشیده شده و با متن اصلی فرق دارند، کاربرانی که مشکل کوررنگی دارند را یاری می‌دهند.
  • نمونه‌های بیشتری پیرامون گفتار دسترس‌پذیری وب وجود دارد، صفحه‌ای که کُد آن درست و استاندارد نوشته شده باشد، پیوندهایش را می‌توان تنها با صفحه کلید، یا دستگاه‌های ساخته شده برای کاربران ناتوان جسمی رهبری کرد.

  • یا تکه فیلم‌هایی که زیر کادر نمایش آنها متن یا نشانهای گرافیکی وجود دارد، کاربران ناشنوا و دستهٔ دیگری که مشکل شنوایی دارند را توانمند می‌کنند. همچنین متن‌هایی که مرتب و خوانا نوشته شده و با تصویرسازی و عکس همراه باشند، دسترسی به محتوای وب را برای کاربرانی که مشکل دیسلکسیا (به انگلیسی: Dyslexia) و مشکل فراگیری دارند، آسان‌تر می‌کنند.
  • هنگامی که طراحی سایت بر پایهٔ دسترس‌پذیری استوار شده و بر همان مبنا به روز شود، هیچ یک از مشکل‌های بالا رخ نداده و در نتیجه دسترسی به محتوای اینترنت برای همه کاربران آسان خواهد بود.
  • طراحی وب به مهارت ساخت و راه‌اندازی صفحات وب گفته می‌شود. تیم برنرز لی، مخترع وب، با برپایی یک سایت وب در اوت ۱۹۹۱، نام خود را به عنوان نخستین سازندهٔ وب در تاریخ نگاشت. او در نخستین وب‌سایتش، از اَبَرمتن و پیوندی برای ایمیل (پست الکترونیک) استفاده کرده بود. در آغاز، سایتهای وب با کُدهای ساده «اچ‌تی‌ام‌ال» نوشته می‌شدند، گونه‌ای از زبان کُدنویسی که ساختار ساده‌ای به وب‌گاه‌ها می‌داد، شامل سرتیتر و پاراگراف، و توانایی پیوند دادن به صفحه‌های وب دیگر، با اَبَرمتن. در مقایسه با روش‌های دیگر، این راه تازه و متفاوتی بود که کاربران به سادگی می‌توانستند با یک مرورگر، صفحه‌های پیوند خورده را باز کنند. با پیشرفت وب و هنر طراحی آن، زبان کُد نویسی اش، اَبَرمتن یا اچ‌تی‌ام‌ال، پیچیده‌تر و پرانعطاف‌تر شد. ابزاری مانند جدول‌ها که بیشتر برای نمایش نمودارهای داده‌ای بودند، بزودی مورد استفاده نادرست، برای چیدمان‌های پنهان در صفحه‌های وب قرار گرفتند. با پیدایش الگوهای آبشاری وب یا «CSS»، روش نادرست طراحی با جدول‌های پنهان در صفحه از گردونه خارج، و بجای آن استفاده مناسب از زبان کمکی «CSS» جایگزین شد. فناوری‌های یکپارچه سازی داده‌گاه‌ها (Database)، مانند زبان‌های کُدنویسی سمت سرور (Server-Side Scripting) مانند CGI، PHP، ASP.NET، ASP، JSP و ColdFusion، و استانداردهای طراحی مدرن با الگوها (CSS)، ساختار سایت‌های وب را باز هم تغییر داده و آنرا پیشرفته تر کرده‌اند. همچنین با آمدن نگاره‌های جاندار و فناوری‌های پویانمایی به صفحه‌ها، مانند فلَش (Flash)، چهره وب بیشتر از پیش تغییر کرد و توانمندی‌های تازه به سازندگان رسانه و طراح‌های وب داده شد، و توانایی‌های بیشتر و کارایی‌ها تازه مرورگرها برای اچ‌تی‌ام‌ال.
  • طراحی وب به مهارت ساخت و راه‌اندازی صفحات وب گفته می‌شود.
  • تیم برنرز لی، مخترع وب، با برپایی یک سایت وب در اوت ۱۹۹۱، نام خود را به عنوان نخستین سازندهٔ وب در تاریخ نگاشت.
  • او در نخستین وب‌سایتش، از اَبَرمتن و پیوندی برای ایمیل (پست الکترونیک) استفاده کرده بود. در آغاز، سایتهای وب با کُدهای ساده «اچ‌تی‌ام‌ال» نوشته می‌شدند، گونه‌ای از زبان کُدنویسی که ساختار ساده‌ای به وب‌گاه‌ها می‌داد، شامل سرتیتر و پاراگراف، و توانایی پیوند دادن به صفحه‌های وب دیگر، با اَبَرمتن. در مقایسه با روش‌های دیگر، این راه تازه و متفاوتی بود که کاربران به سادگی می‌توانستند با یک مرورگر، صفحه‌های پیوند خورده را باز کنند. با پیشرفت وب و هنر طراحی آن، زبان کُد نویسی اش، اَبَرمتن یا اچ‌تی‌ام‌ال، پیچیده‌تر و پرانعطاف‌تر شد.
  • ابزاری مانند جدول‌ها که بیشتر برای نمایش نمودارهای داده‌ای بودند، بزودی مورد استفاده نادرست، برای چیدمان‌های پنهان در صفحه‌های وب قرار گرفتند.
  • با پیدایش الگوهای آبشاری وب یا «CSS»، روش نادرست طراحی با جدول‌های پنهان در صفحه از گردونه خارج، و بجای آن استفاده مناسب از زبان کمکی «CSS» جایگزین شد.
  • فناوری‌ های یکپارچه سازی داده‌گاه‌ها (Database)، مانند زبان‌های کُدنویسی سمت سرور (Server-Side Scripting) مانند CGI، PHP، ASP.NET، ASP، JSP و ColdFusion، و استانداردهای طراحی مدرن با الگوها (CSS)، ساختار سایت‌های وب را باز هم تغییر داده و آنرا پیشرفته تر کرده‌اند.
  • همچنین با آمدن نگاره‌های جاندار و فناوری‌های پویانمایی به صفحه‌ها، مانند فلَش (Flash)، چهره وب بیشتر از پیش تغییر کرد و توانمندی‌های تازه به سازندگان رسانه و طراح‌های وب داده شد، و توانایی‌های بیشتر و کارایی‌ها تازه مرورگرها برای اچ‌تی‌ام‌ال.
  • مجموعه‌ای از فایلهای مختلف اعم از تصاویر، متون و یا فایلهای برنامه نویسی شده است که به منظوری خاص به شکلی با هم مرتبط شده‌اند. این فایلها روی یک کامپیوتر «میزبان» یا «سرور» قرار می‌گیرند و با یک نام دامنه مشترک فراخوانی می‌شوند. یکی از مهمترین سرویس‌های وب، پست الکترونیک است.
  • سایتها بر اساس کاربرد و نوع برنامه نویسی به چند دسته تقسیم می‌شوند که عبارت است از:
  • سایتهای ثابت (Static Website):
  • این سایتها یکبار طراحی می‌شوند و اطلاعات مورد نیاز در داخل آنها قرار می‌گیرد و پس از آن برای تغییر در آنها نیاز به یک طراح حرفه‌ای یا نیمه حرفه ای سایت است.
  • زبان برنامه نویسی اینگونه از سایتها غالباً HTML و Java Script هستند که در نوع توسعه یافته تر از CSS نیز بهره گرفته می‌شود. از آنجا که حجم کمتری از کد در طراحی سایتهای ثابت استفاده می‌شود سرعت بارگذاری (Loading) بالایی دارند. علاوه براین کاهش حجم کدها که باعث خوانایی بشتر سایت توسط رباتهای جستجوگر می‌شود از یک سو و کاهش زمان بارگذاری از سوی دیگر سبب بهتر شدن وضعیت آنها از لحاظ امتیاز دهی موتورهای جستجو یا همان «رنکینگ» می‌شود.
  • سایتهای ثابت قیمت طراحی پایین‌تری را نیز عمدتاً نسبت به سایر سایتها دارند.
  • عدم امکان ایجاد تغییر در این نوع از سایتها توسط افراد عادی علاوه بر افزایش امنیت سبب بهرهمندی از گرافیک و ظاهری زیبا می‌شود چرا که همه چیز ثابت است از جمله متون و اندازه تصاویر و همچنین همه عناصر مکان مشخص و ثابتی را دارند در نتیجه می‌توان برای محل قرار گرفتن هر یک از اجزاء بهترین تصمیم را گرفت.
  • اما از طرفی نیز عدم امکان ایجاد تغییرات توسط افراد عادی سبب می‌شود تا امکان بروز رسانی سایت توسط صاحبان و مدیران سایت صلب شود.
  • نکته:
  • سایتهای ثابت (Static) برای افراد، شرکتها و سازمانهایی مناسب است که حداکثر یک یا دو بار در سال نیازمند به تغییر در محتوای سایت هستند.
  • سایتهای پویا (Dynamic Website): محتوای سایتهای داینامیک بعد از طراحی توسط افراد عادی که دسترسی به سیستم مدیریت محتوای سایت را داشته باشند قابل تغییر است.
  • زبان برنامه نویسی وبسایتهای پویا می‌تواند براساس نیاز متفاوت باشد اما عمدتاً از زبانهای ASP، ASP.Net و Php استفاده می‌شود و از زبانهای کمکی CSS و Silver light و یا Ajax برای ایجاد قابلیتهای ویژه نیز بهره گرفته می‌شود. در اینگونه از سایتها ابتدا اسکلت سایت توسط طراح ایجاد می‌شود و سپس محتوا توسط مدیران سایتها تغییر می‌کند مانند فرم قراردادی که یکبار توسط فردی ایجاد می‌شود و توسط افراد دیگری بارها تکمیل می‌شود، از این رو طراح نسبت به محل قرار گرفتن و اندازه دقیق متون و تصاویر و سایر عناصری که بعداً توسط مدیران سایتها تغییر می‌کند اطلاع ندارد بنابر این چاره‌ای ندارد جز اینکه همه حالات را در نظر بگیرد و اینکار سبب می‌شود تاحدودی از گرافیک و جلوه سایت کاسته شود.
  • یکی از مزیتهای سایتهای داینامیک این است که هیچ محدودیتی برای ایجاد، تغییر یا حذف مطالب، تصاویر و صفحات و غیره وجود ندارد. با توجه به اینکه در سایتهای پویا از زبانهای برنامه نویسی پیشرفته استفاده می‌شود امکانات زیادی در آنها قابل ایجاد است مانند ایجاد صفحات هوشمند، فرمها و جستجوهای پیچیده.
  • استفاده زیاد از کدها سبب کند شدن بارگذاری سایت و امتیاز آن در موتورهای جستجو می‌شود.
  • نکته: سایتهای پویا برای افراد، شرکتها و سازمانهایی مناسب است که بیش از دوبار در سال نیاز به تغییر درمحتوای سایت را دارند.
  • پرتالها (Portal): پرتالها سایتهای پویای جامعی هستند که چند هدف خاص را در یک سایت دنبال می‌کنند به عبارت دیگر مجموع چند سایت پویا که برای رسیدن به هدفی خاص در کنار هم قرار گرفته‌اند را می‌توان پرتال نامید. به عنوان مثال پرتال خبری می‌تواند از چند سایت داینامیک تشکیل شده باشد که هر یک امکانات خاصی چون عضو گیری، انتشار اخبار، انتشار تصاویر، نظر سنجی و … را در اختیار مدیران آن قرار دهد. تمام ویژگی‌های یک سایت پویا می‌تواند در یک پرتال نیز صدق کند.
  • نکته: معمولاً پرتال‌ها توسط سازمانها، گروهها و شرکتها خریداری می‌شوند.
  • به دلیل نیاز به بروز رسانی بخشهای مختلف اداره آنها توسط یک فرد بسیار مشکل است مگر آنکه به چشم یک کار حداقل پاره وقت به آن نگاه شود. سایتهای متحرک استاتیک و نیمه داینامیک (Static and Dynamic Flash Website): سایتهای فلش یا متحرک دو نوع استاتیک و نیمه داینامیک هستند و توسط نرم‌افزارهای خاصی ایجاد می‌شوند در برخی موارد از XML یا Action Script برای ایجاد قابلیتهای تغییر یا هوشمندی در این سایتها بهره گرفته می‌شود.
  • به طور کلی سایتهای فلش ثابت (استاتیک) غیرقابل تغییر می‌باشند و مانند سایتهای ثابت یکبار توسط طراح ایجاد می‌شوند و برای تغییر آن نیاز است تا افراد به صورت حرفه‌ای یا نیمه حرفه‌ای از دانش طراحی فلش برخوردار باشند. اما سایتهای فلش نیمه داینامیک یا نیمه پویا مانند سایتهای پویا عمل می‌کند و قابل تغییر هستند اما تغییر در آنها به سادگی سایتهای پویا نیست و وسعت ایجاد تغییرات نیز بسیار محدودتر است.
  • از مزیتهای وب سایتهای فلش جذابیت آنهاست. گرافیک زیبا و انیمیشن‌های جذاب. اما از معایب عمده آنها می‌توان به عدم خوانده شدن اطلاعات موجود در آنها توسط رباتهای جستجوگر و عمدتاً سرعت بسیار پایین بارگذاری اشاره کرد. نکته: سایتهای فلش برای افراد و گروهها یا شرکتها و سازمانهایی مناسب است که نیاز به تبلیغات ندارند و عموم کاربران با آنها آشنا هستند مانند خوانندگان، سیاست مداران، بازیگران و گروههای موسیقی، هتلهای معروف، مکانهای توریستی. سایتهای مجهز به سیستم مدیریت محتوا (Content Management Systems): سایتهای مجهز به سیستم مدیریت محتوا که در اصطلاح به CMS که مخفف Content Management System است مشهورند، وبسایتهایی از نوع پرتالها یا سایتهای پویا هستند که برای مصارف خاص توسط طراحان حرفه‌ای و یا شرکتهای طراحی حرفه‌ای ایجاد می‌شوند. تمام مزایا و معایب مربوط به سایتهای پویا در مورد سایتهای مجهز به سیستم مدیریت محتوا صدق می‌کند.
  • البته در نظر داشته باشید که سایتهای پویا و پرتالها نیز مجهز به سیستم مدیریت محتوا هستند اما آنچه که در CMSها متفاوت است طراحی آنها و سیستمهای مدیریت محتوای آنها برای مصارف خاص است. از مزایای سیستمهای مدیریت محتوا نسبت به سایر سایتهای داینامیک می‌توان به آماده بودن و جامع بودن آنها اشاره کرد. از این رو اغلب اینگونه از سایتها در کمتر از ۳ روز کاری قابل نصب و استفاده هستند.
  • طراحی سایتهای CMS مانند یک خط تولید محصول است و از آنجا که طراح باید نمونه‌های محدودی را به صورت انبوه تولید کند سعی در رعایت تمام اصول امنیتی، گرافیکی، موارد مربوط به رنکینگ و امتیاز موتورهای جستجو و سایر موارد موثر می‌کند. با توجه به مزیتهای آنها به تمامی افراد، سازمانها و شرکتهایی که شرایط داشتن سایتهای داینامیک را دارند توصیه می‌شود تا ابتدا به دنبال سیستم‌های مدیریت محتوای مخصوص به کار خود بگردند و در صورتی که پیدا نشد به طراحی سایتهای پویا روی بیاورند.
  • طرح وب به قالب نمایشی و طراحی گرافیکی صفحات موجود در وب‌گاه می‌گویند که معرف محتوا و مطالب آن وب سایت می‌باشد.
  • طرح وب جلوه بصری هدف وب‌گاه است و اولین بخش از یک صفحه وب است که ذهن مخاطب را با خود درگیر می‌کند. طراح وب با در نظر گرفتن هدف سایت و مخاطبان آن و با استفاده از المان‌های متناسب با رویکرد سایت و به کمک ذهن خلاق و ذوق هنری خود در بکار بردن ابعاد و رنگها، طرحی خلق می‌کند که ضمن ایجاد یکپارچگی در کلیه صفحات وب‌گاه، نمای تکرار شونده و خسته کننده را به مخاطب القا نکند. در وب‌گاه باید از الگوی ثابتی در صفحات استفاده کرد که کاربر به هنگام دیدن صفحات متوجه این است که همه صفحات در یک سایت مشخص هستند.
  • شعار ما : طراحی حرفه ای و مبتنی بر تکنولوژی روز , راه حلی برای معرفی درست شرکت و کسب و کار شما می باشد

پربازدیدترین مقالات
ارتباط با ما
تماس و مشاوره رایگان :
مهدیزاده -09129175306
کلیه حقوق این سایت برای سئو روز محفوظ است.
صفحه اصلی   |    درباره ما   |    خدمات سئو   |    تماس با ما   |    شرایط و قوانین