طراحی سایت دینامیک

طراحی سایت دینامیک

در دنیای سئو نیاز به بازنویسی URL های دینامیک توسط کارشناسان سئو مورد انتقاد قرار می گیرد. زیرا موتورهای جستجو در گذشته در فهرست بندی و خواندن آنها با مشکل مواجه بوده اند. برای آشنایی با طراحی سایت دینامیک با آینده البرز جوان همراه باشید.
با این حال، اکنون Yahoo!، MSN، Google و Teoma همگی دارای صفحات دینامیک در فهرست خود و در نتایج جستجوی برتر برای بسیاری از جستجوهای مختلف هستند. به نظر می رسد مشکل موتور جستجو حل شد‌ه است. با این حال، قابلیت استفاده از URL های دینامیک هنوز موضوعی است که باید بررسی شود.

چه کاربر URL را در یک وب سایت قرار دهد، چه آن را در یک ایمیل ارسال کند یا آن را در یک دفترچه یادداشت بنویسد. URL های دینامیک به وضوح مورد پسند کاربران نیستند. مزایای mod_rewrite و سایر ابزارهایی که به URL های صفحه پویا(دینامیک) اجازه می دهند به URL های ثابت تبدیل شوند ممکن است. با قابلیت های جدید موتور جستجو کاهش یابد، اما به طور کامل از بین نرود.

سایت های Static و Dynamic

در یک نگاه کلی می توان سایت ها را به دو دسته Static و Dynamic تقسیم کرد. سایت‌های استاتیک به گروهی از سایت‌ها اطلاق می‌شود که فقط با استفاده از زبان‌های HTML و CSS – و گاهی اوقات JS – طراحی می‌شوند که ثابت هستند و فقط برخی اطلاعات از طریق این صفحات در اختیار کاربران قرار می‌گیرد و کاربر به آن دسترسی ندارد. قادر به تعامل با سایت نخواهد بود.
اما از طرف دیگر سایت های دینامیک هستند. همانطور که از نامشان پیداست. این سایت ها امکان تعامل با سایت را برای کاربران خود فراهم می کنند. در اینجا تعاملی بودن به این معناست که کاربر می تواند در سایت ثبت نام کند، وارد منطقه کاربری خود شود، داشبورد مدیریت خود را سفارشی کند، عکس ها را آپلود کند، نظر دهد، لایک و نپسندد و بسیاری موارد دیگر (برای درک بهتر این موضوع، همه شبکه های اجتماعی مانند توییتر، و غیره را می توان در نظر گرفت که علاوه بر وظایف فوق، بسیاری از کارکردهای دیگر را در اختیار کاربران خود قرار می دهند.

فناوری مورد نیاز

برای طراحی وب سایت های دینامیک به فناوری های سمت سرور نیاز داریم که PHP یکی از آنهاست. با استفاده از زبان های سمت سرور، ما قادر خواهیم بود یک سایت پویا طراحی کنیم که دارای صفحاتی است که به صورت پویا ایجاد می شوند. به عبارت دیگر با فراخوانی داده ها از پایگاه داده می توان صفحه را تا بی نهایت طراحی کرد (بنابراین امکان تغییر این گونه صفحات و به روز رسانی آنها به راحتی وجود خواهد داشت).
هنگامی که صحبت از انتخاب یک فناوری سمت سرور به میان می آید، علاوه بر زبان PHP، ما چندین گزینه دیگر از جمله ASP.NET، JSP، Ruby، Perl و حتی جاوا اسکریپت داریم (با Node.js می توانید از Using استفاده کنید. زبان جاوا اسکریپت در سمت سرور کدگذاری شد‌ه است).

عملکرد سایت دینامیک

طراحی سایت دینامیک، اگر بخواهیم این امکان را در اختیار کاربران سایت خود قرار دهیم تا بتوانند با سایت ما تعامل داشته باشند. به عبارتی در سایت ثبت نام کنند، اطلاعات خود را وارد کنند، در سایت جستجو کنند، منطقه کاربری خود را وارد کنند و بسیاری از ویژگی های کاربردی دیگر را وارد کنیم. باید در مورد مفهومی به نام توسعه سایت پویا بیشتر بیاموزید.
در مورد وب‌سایت‌های دینامیک که گاهی اوقات به آنها «برنامه‌های وب» می‌گویند. علاوه بر نرم‌افزار وب سرور مانند آپاچی که بر روی سرورهای میزبان نصب می‌شود، به ماژول «برنامه سرور» مانند PHP، ASP نیز نیاز داریم. یا ColdFusion و غیره
واقع زمانی که کاربر برای مشاهده یک سایت پویا درخواست HTTP یا HTTPS ارسال می کند. فرمت این درخواست که یک URL است به سرور ارسال می شود. در این مرحله کاربر اصلا متوجه نخواهد شد که یک اپلیکیشن سرور در پاسخ به درخواست او نقش دارد. در این مرحله وب سروری مانند آپاچی این درخواست را دریافت می کند، اما برخلاف وب سایت های ثابت که وب سرور مستقیماً به این درخواست پاسخ می دهد، این بار وب سرور این درخواست را به برنامه سرور مربوطه ارسال می کند.

تشخیص  پسوند ها توسط وب سرور

پسوند فایل درخواستی cfm باشد. ، اگر پسوند فایل درخواست asp باشد. وب سرور تشخیص می دهد که این درخواست به یک برنامه سرور ColdFusion است. اگر aspx باشد، این یک درخواست به سرور برنامه Active Server Pages است. Bode متوجه می شود که درخواست برای یک برنامه سرور ASP.NET است و در نهایت اگر php باشد. نرم افزار وب سرور متوجه خواهد شد که این درخواست برای یک برنامه سرور PHP است (در این دوره ما بر روی برنامه سرور PHP تمرکز خواهیم کرد).
در مرحله بعد، ماژول برنامه کاربردی سرور در صورت نیاز با پایگاه داده، وب سرویس و API های مختلف تعامل دارد و کاری که انجام می دهد این است که درخواستی را در قالب پروتکل HTTP یا HTTPS از نرم افزار وب سرور دریافت می کند، سپس به پایگاه داده مراجعه کرده و دریافت می کند. داده های مورد نیاز آنها را دریافت کرده و مجدداً به نرم افزار وب سرور تحویل می دهد و در نهایت وب سرور پاسخی را برای مرورگر کاربر ارسال می کند.

به یاد داشته باشید که نرم افزار وب سرور ابتدا تمام کدهای PHP را به تگ های HTML تبدیل می کند و سپس این خروجی را به مرورگر کاربر ارسال می کند.

مرورگر توانایی درک تگ های HTML را دارد

کاربر ابتدا درخواست خود را به صورت URL به سرور ارسال می کند. در این مرحله یک نرم افزار وب سرور مانند آپاچی بر روی سرور نصب می شود که این درخواست را گرفته و به اپلیکیشن سرور که در این مثال PHP است می فرستد. اکنون اپلیکیشن سرور برای یافتن داد‌ه های مربوط به درخواست به پایگاه داد‌ه ای مانند MySQL مراجعه می کند (و در صورت نیاز به API های مختلف ارجاع می دهد). PHP پس از یافتن منابع مورد نیاز، داد‌ه های دریافتی را در صورت نیاز پردازش می کند و در نهایت آن داده ها را به وب سرور تحویل می دهد و وب سرور آنها را به صورت خروجی HTML برای مرورگر کاربر ارسال می کند.

نحوه کار سایت های دینامیک

طراحی سایت دینامیک، برای روشن شدن این موضوع به یک مثال واقعی اشاره می کنیم. فرض کنید قصد دارید وارد سایت اسکان آکادمی شوید تا بتوانید برای این آموزش نظر بدهید. در چنین شرایطی ابتدا باید نام کاربری و رمز عبور خود را در قسمت مربوطه وارد کنید. پس از فشار دادن دکمه ورود، اطلاعات نام کاربری و رمز عبور از طریق پروتکل HTTPS به وب سرور ارسال می شود.
در مرحله بعد، وب سرور اطلاعات حساب شما را به برنامه سرور PHP ارسال می کند. سپس اپلیکیشن سرور به پایگاه داد‌ه MySQL مراجعه می کند تا متوجه شود اطلاعات نام کاربری و رمز عبور شما صحیح است یا خیر.

پس از تطبیق نام کاربری و رمز عبور شما با آنچه قبلاً در پایگاه داد‌ه ثبت شد‌ه است. برنامه سرور PHP اطلاعات مربوط به صفحه داشبورد را در اختیار وب سرور قرار می دهد و وب سرور آنها را به خروجی HTML تبدیل می کند.  از طریق پروتکل HTTPS به مرورگر شما ارسال می کند. در نهایت وارد قسمت کاربری خود می شوید و پس از آن به قسمت های مختلف ناحیه کاربری خود از جمله امکان نوشتن نظر دسترسی خواهید داشت.  در ادامه کمی راجب سایت استاتیک هم توضیح خواهیم داد تا فرق این دوتا سایت را متوجه شوید.

طراحی سایت استاتیک

سایت های استاتیک با زبان نشانه گذاری HTML و CSS ساخته می شوند. اگر بخواهیم 1000 صفحه از سایت را نمایش دهیم باید 1000 صفحه HTML بسازیم. حالا فرض کنید در این 1000 صفحه یک منوی مشترک درست کنیم. بنابراین باید تک تک کدهای HTML این هزاران صفحه را ویرایش کنیم. مثلاً بخش تماس با ما را به منو اضافه کنیم. خب تصور این کدگذاری برای ایجاد این تغییر دشوار است، چه برسد به انجام آن. اینجاست که طراحی وب سایت پویا به کمک ما می آید.
قبل از اینکه به سراغ معرفی دینامیک برویم لازم دیدم در مورد HTML و CSS توضیح مختصری بدهم. اگر یک صفحه وب را یک ساختمان در نظر بگیرید، اسکلت آن ساختمان HTML است و کارهای ظریف با CSS انجام می شود.

ممنون که با آینده البرز جوان همراه بودید. برای طراحی سایت خود در هشتگرد و همچنین تولید محتوا در هشتگرد می توانید با پشتیبانی شرکت آینده البرز جوان همراه باشید.