پایگاه دانش
1- طراحی وب
طراحی وب به مهارت ساخت و راهاندازی صفحات وب گفته میشود.
تیم برنرز لی، مخترع وب، با برپایی یک سایت وب در اوت ۱۹۹۱، نام خود را به عنوان نخستین سازندهٔ وب در تاریخ نگاشت. او در نخستین وب سایتش، از اَبَرمتن و پیوندی برای ایمیل (پست الکترونیک) استفاده کرده بود.
در آغاز، وب سایتها با کُدهای ساده HTML نوشته میشدند، گونهای از زبان نشانهگذاری که ساختار سادهای به وب گاهها میداد، شامل سرتیتر و پاراگراف، و توانایی پیوند دادن به آدرسهای دیگر از طریق ابرپیوند. در مقایسه با روشهای دیگر، این راه تازه و متفاوتی بود که کاربران به سادگی میتوانستند با یک مرورگر، صفحههای پیوند خورده را باز کنند.
با پیشرفت وب و هنر طراحی آن، زبان کُد نویسی اش، اَبَرمتن یا اچ تی ام ال، پیچیدهتر و پرانعطاف تر شد. ابزاری مانند جدولها که بیشتر برای نمایش نمودارهای دادهای بودند، بزودی مورد استفاده نادرست، برای چیدمانهای پنهان در صفحههای وب قرار گرفتند. با پیدایش الگوهای آبشاری وب یا «CSS»، روش نادرست طراحی با جدولهای پنهان در صفحه از گردونه خارج، و بجای آن استفاده مناسب از زبان کمکی «CSS» جایگزین شد.
فناوریهای یکپارچه سازی پایگاه داده (Database)، مانند زبانهای کُدنویسی سمت سرور (Server-Side Scripting) مانند CGI، PHP، ASP. NET، ASP، JSP و ColdFusion، و استانداردهای طراحی مدرن با الگوها (CSS)، ساختار وب سایتها را باز هم تغییر داده و آنرا پیشرفته تر کردهاند. سایت واکنش گرا یا سایت ریسپانسیو (responsive) سایتی است که با ابعاد و رزولوشن دستگاههای مختلف سازگاری دارد و کاربران بدون توجه به اینکه صفحه نمایش دستگاهشان کوچک باشد.
همچنین با آمدن نگارههای جاندار و فناوریهای پویانمایی به صفحهها، مانند فلَش (Flash)، چهره وب بیشتر از پیش تغییر کرد و توانمندیهای تازه به سازندگان رسانه و طراحهای وب داده شد.
منبع: ویکی پدیا
2- سایتهای ثابت (Static Website)
این سایتها یکبار طراحی میشوند و اطلاعات مورد نیاز در داخل آنها قرار میگیرد و پس از آن برای تغییر در آنها نیاز به یک طراح حرفهای یا نیمه حرفهای سایت است. زبان برنامهنویسی اینگونه از سایتها غالباً HTML و Java Script هستند که در نوع توسعه یافته تر از CSS نیز بهره گرفته میشود. این نوع دسته از وب سایتها به صورت HTML ساده طراحی میشوند.
از آنجا که حجم کمتری از کد در طراحی سایتهای ثابت استفاده میشود سرعت بارگذاری (Loading) بالایی دارند. علاوه براین کاهش حجم کدها که باعث خوانایی بشتر سایت توسط رباتهای جستجوگر میشود از یک سو و کاهش زمان بارگذاری از سوی دیگر سبب بهتر شدن وضعیت آنها از لحاظ امتیاز دهی موتورهای جستجو یا همان «رنکینگ» میشود. سایتهای ثابت قیمت طراحی پایینتری را نیز عمدتاً نسبت به سایر سایتها دارند.
عدم امکان ایجاد تغییر در این نوع از سایتها توسط افراد عادی علاوه بر افزایش امنیت سبب بهره مندی از گرافیک و ظاهری زیبا میشود چرا که همه چیز ثابت است از جمله متون و اندازه تصاویر و همچنین همه عناصر مکان مشخص و ثابتی را دارند در نتیجه میتوان برای محل قرار گرفتن هر یک از اجزاء بهترین تصمیم را گرفت.
اما از طرفی نیز عدم امکان ایجاد تغییرات توسط افراد عادی سبب میشود تا امکان بروز رسانی سایت توسط صاحبان و مدیران سایت صلب شود.
نکته: سایتهای ثابت (Static) برای افراد، شرکتها و سازمانهایی مناسب است که حداکثر یک یا دو بار در سال نیازمند به تغییر در محتوای سایت هستند.
منبع: ویکی پدیا
3- سایتهای پویا (Dynamic Website)
محتوای سایتهای داینامیک بعد از طراحی توسط افراد عادی که دسترسی به سیستم مدیریت محتوای سایت را داشته باشند قابل تغییر است. زبان برنامهنویسی وبسایتهای پویا میتواند براساس نیاز متفاوت باشد اما عمدتاً از زبانهای ASP، ASP.Net و Php استفاده میشود و از زبانهای کمکی CSS و Silver light و یا Ajax برای ایجاد قابلیتهای ویژه نیز بهره گرفته میشود.
در اینگونه از سایتها ابتدا اسکلت سایت توسط طراح ایجاد میشود و سپس محتوا توسط مدیران سایتها تغییر میکند مانند فرم قراردادی که یکبار توسط فردی ایجاد میشود و توسط افراد دیگری بارها تکمیل میشود، از این رو طراح نسبت به محل قرار گرفتن و اندازه دقیق متون و تصاویر و سایر عناصری که بعداً توسط مدیران سایتها تغییر میکند اطلاع ندارد بنابر این چارهای ندارد جز اینکه همه حالات را در نظر بگیرد و اینکار سبب میشود تاحدودی از گرافیک و جلوه سایت کاسته شود.
یکی از مزیتهای سایتهای داینامیک این است که هیچ محدودیتی برای ایجاد، تغییر یا حذف مطالب، تصاویر و صفحات و غیره وجود ندارد.
با توجه به اینکه در سایتهای پویا از زبانهای برنامهنویسی پیشرفته استفاده میشود امکانات زیادی در آنها قابل ایجاد است مانند ایجاد صفحات هوشمند، فرمها و جستجوهای پیچیده.
استفاده زیاد از کدها سبب کند شدن بارگذاری سایت و امتیاز آن در موتورهای جستجو میشود.
نکته: سایتهای پویا برای افراد، شرکتها و سازمانهایی مناسب است که بیش از دوبار در سال نیاز به تغییر درمحتوای سایت را دارند.
منبع: ویکی پدیا
4- طراحی وب واکنشگرا(Responsive web design)
طراحی وب واکنشگرا (به انگلیسی: Responsive web design) (سرواژه:RWD) یک روش طراحی وب است که هدف آن نمایش مطلوب صفحه در طیف گستردهای از دستگاهها از تلفنهای همراه تا نمایشگر کامپیوترهای رومیزی است.
یک وبسایت طراحی شده به روش واکنشگرا با لایههای انعطافپذیر، طراحیهای شناور، تصاویر انعطافپذیر و مدیا کوئریهای CSS3 سازگار است.
مفهوم شبکههای انعطافپذیر این است که در آن برای اندازه عناصر صفحه به جای واحدهای مطلق مانند پیکسل یا پوینت از واحدهای نسبی مانند درصد استفاده میکنیم.
اندازه تصاویر انعطافپذیر نیز با واحدهای نسبی تعیین میگردد تا بیرون از عنصر نمایشدهنده خود نشان داده نشود.
مدیا کوئریها امکان استفاده از CSSهای مختلف برای صفحه براساس ویژگیهای دستگاه نمایشدهنده (معمولاً براساس عرض مرورگر وب) فراهم میکنند.
می توان گفت یک وب سایت واکنش گرا(Responsive web design) در مرورگرهای دستگاه های(Device) مختلف به اندازه همان دستگاه در می آید و قالب سایت متناسب با همان دستگاه تغییر شکل می دهد تا کاربران به محتوای سایت دسترسی بهتری پیدا کنند یعنی در کامپیوتر رومیزی یا لپ تاپ شکل متناسب با آنها و در موبایل و تبلت شکل متناسب با موبایل یا تبلت را می گیرد
منبع: ویکی پدیا و سایت موج کالا
5- HTML5(اچ تی ام ال ۵)
HTML5 یا زبان نشانهگذاری ابرمتنی۵ یا اچتیامال۵ (به انگلیسی: HyperText Markup Language5 یا HTML5) زبانی برای ساختن و ارائهٔ محتوا برای شبکه جهانی وب است، این پنجمین تجدید نظر از استاندارد اچتیامال است (در سال ۱۹۹۰ ایجاد و در سال ۱۹۹۷ به عنوان HTML4 استاندارد شدهاست) و تاکنون همچنان در دست توسعهاست. اهداف اصلی اچتیامال۵ بهبود این زبان به صورتی است که از جدیدترین فناوریهای چند رسانهای پشتیبانی کند در حالی که هم به راحتی توسط انسانها قابل خواندن باشد وهم به طور مداوم توسط رایانهها و دستگاهها (مرورگرهای وب، تجزیه کنندهها و غیره) قابل درک باشد. اچتیامال۵ در نظر دارد نه تنها HTML4 بلکه XHTML۱ و ۲HTML را نیز پشتیبانی کند.
با پیروی از پیشینیان اخیرش اچتیامال۴٫۰۱ و XHTML ۱٫۱، اچتیامال۵ یک پاسخ به استفاده مشترک اچتیامال و XHTML بر روی شبکه جهانی وب، ترکیبی از ویژگیهای معرفی شده توسط مشخصات مختلف و موارد معرفی شده توسط محصولات نرمافزاری مانند مرورگرهای وب است. مواردی که توسط کارهای مشترک ایجاد شدهاست؛ و هم چنین پاسخی به بسیاری از خطاهای نحوی در مستندات وب موجود است. همچنین در تلاش است یک زبان نشانه گذاری یکتا تعریف کند که بتواند در دو قالب اچتیامال یا XHTML نوشته شود.
اچتیامال۵ شامل جزئیات مدلهای پردازش است تا پیادهسازی سازگارتری داشته باشد. اچتیامال۵ نشانه گذاری برای اسناد در دسترس را گسترش میدهد، بهبود میبخشد و توجیه میکند. هم چنین نشانه گذاری و رابط برنامهنویسی کاربردی (APIها) را برای برنامههای پیچیده تحت وب معرفی میکند. به همین دلیل، HTML5 کاندیدای بالقوه برای برنامههای کاربردی تلفن همراه کراس پلت فرم است. بسیاری از ویژگیهای HTML۵ با در نظر گرفتن توانایی اجرا بر روی دستگاههای کم قدرت مانند گوشیهای هوشمند و تبلتها ساخته شدهاست. در دسامبر ۲۰۱۱، شرکت پژوهش تجزیه و تحلیل استراتژی پیش بینی کردهاست خرید و فروش گوشیهای تلفن سازگار با HTML۵ در سال ۲۰۱۳ بالای ۱ میلیارد دلار خواهد شد.
به طور خاص اچتیامال۵ ویژگیهای نحوی بسیاری را به این زبان اضافه کردهاست. این ویژگیها عبارتند از عناصری مثل <audio>، <header>، <video> و <canvas>. هم چنین یکپارچه سازی محتوایی گرافیک برداری مقیاس پذیر (SVG) که جایگزین تگ <object> است. این ویژگیها برای این طراحی شدند تا وارد کردن و کار با محتوای چند رسانهای و گرافیکی آسان تر شود و به پلاگینهای اختصاصی و APIها نیازی نباشد. عناصر جدید دیگر مانند <nav> و <article>، <header>، <section> برای توانمند تر کردن محتوای نحوی اسناد طراحی شدهاند. صفتهای جدید دیگری نیز به همین منظور معرفی شدهاند، در حالی که برخی از عناصر و ویژگیها نیز حذف شدهاند. بعضی از عناصر، مانند <a>، <cite> و <menu>تغییر یافتهاند، دوباره تعریف شدهاند یا استاندارد گشتند.APIها و DOMها دیگر چاره اندیشی موقت نیستند بلکه بخش اساسی از خصوصیات HTML5. هستند. هم چنین درHTML5 پردازشهایی صورت گرفتهاست که اسناد نامعتبر و خطاهای نحوی آنها برای همه مرورگرها و کاربران یکسان خواهد بود.
منبع: ویکی پدیا