طراحی فروشگاه اینترنتی

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

اضافه شده است. طراحی محتوا می تواند در دو نقطه صورت گیرد. سمت سرویس دهنده، و سمت مشتری اجازه دهید هر یک از آنها را بررسی کنیم. طراحی صفحات وب سایت دینامیک سمت سرویس دهنده برای اینکه ببینید اساسا چرا طراحی محتوا در سمت سرویس دهنده احتیاج است، در نظر بگیرید. وقتی کاربر فرم را پر کرده و دکمه submit را کلیک می کند، پیامی به سرویس دهنده فرستاده شده و مقدار فیلدهای فرم را به آن اعلام میکند. این پیام هیچ چیز درباره اینکه سرویس دهنده چه فایلی باید برگرداند، نمی گوید – و در واقع سرویس دهنده قبل از هر کاری باید این اطلاعات راتوسط یک برنامه با اسکر پیت، پردازش کند، معمولا از اطلاعات فرم برای جستجوی یک پایگاه داده (روی سرویس دهنده) و ایجاد یک صفحه HTML خاص استفاده میشود. برای مثال، وقتی در یک برنامه تجارت الکترونیک کاربر دکمه PROCEED TO CHECKOUT را کلیک میکند. مرورگر کوکی محتوی اقلام موجود در سبد خرید کاربر را هم به همراه آن به سرویس دهنده می فرستد، و این سرویس دهنده است که باید با استفاده از اطلاعات این کوکی صفحه HTML لازم را ایجاد کند. بعنوان مثال، این صفحه می تواند اقلام انتخاب شده را به کاربر نشان دهد، و ضمن نمایش اطلاعات دیگر (از قبیل آدرس خریدار، و شماره کارت اعتباری) تأئید نهایی وی را برای شروع عملیات مالی اخذ کند.
روش سنتی پردازش فرم ها و دیگر صفحات وب سایت CG (واسط مشترک دروازه – CGI)  است که یک واسط استاندارد شده است که به سرویس دهنده وب اجازه می دهد تا با برنامه ها با اسکریپت های پشت صحنه ( که می توانند اطلاعات ورودی را از فرمها گرفته، و صفحات HTML طراحی کنند) ارتباط برقرار کند. برنامه های پشت صحنه معمولا به زبان اسکریپت نویسی پرل (Perl) نوشته می شوند، چون نوشتن آنها ساده تر و سریعتر است. این قبیل برنامه ها را معمولا در یک دایرکتوری بنام gi-bin ذخیره میکند (که در اغلب URL ها می توانید این موضوع را ببینید). زبانهای اسکریپت نویسی دیگری هم هست (مانند پایتون – Python )، که می توان بجای پرل از آنها استفاده کرد.
برای دیدن طرز کار CGI ، فرض کنید شرکت Truly Great Products Company محصولات خود را بدون کارت ضمانت نامه می فروشد، ولی از خریداران دعوت میکند که برای پر کردن کارت ضمانت نامه به سایت /www.gpne.com مراجعه کنند. وقتی خریدار به این صفحه مراجعه میکند، لینک زیر را در آن می بیند
Click here to register your product
Texify – send photo and get the …
این لینک به اسکریت www.gpc.com/cgi-bin/regper اشاره میکند. وقتی این اسکریپت بدون هیچ پارامتری اجرا شود، یک صفحه HTML شامل فرم ضمانت نامه به کاربر برمی گرداند. وقتی کاربر بعد از پر کردن نرم دکمه subwncit را کلیک کند. پیامی محتوی اطلاعات فرم به اسکریپت regpen فرستاده میشود. اسکریپت Reg.per پس از پردازش اطلاعات فرم، یک رکورد برای مشتری جدید در پایگاه داده مشتریان ایجاد کرده، و یک صفحه TML حاوی شماره ضمانت نامه محصول و تلفن پنانی پس از فروش را به کاربر برمی گرداند.