اولین گام ها برای شروع طراحی وب سایت

  تا اینجا به توضیح و آموزش یک سری مقدمات طراحی و تولید وب سایت پرداختیم. در این بخش سعی می کنیم برای شروع کار با طراحی و ساختار یک وب سایت آشنا بشیم!

  از دید یک برنامه نویس یا توسعه دهنده هر وب سایت به دو بخش برای کدنویسی تبدیل میشه!

         کدنویسی سمت کاربر(Client Side Scripting) - کدهای تولید شده سمت کاربر اجرا خواهند شد.
         کدنویسی سمت سرویس دهنده (Server Side Scripting) - کدهای تولید شده سمت سرویس دهنده اجرا می شوند.

من که نفهمیدم!!! یعنی چی سمت سرور؟؟؟

   مرورگر در خواست خودشو رو به وب سرور ارسال میکنه وب سرور بین فایل هایی که داره به دنبال فایل(صفحه) مورد نظر می گرده و در صورت پیدا شدن فایل:

    اگر فایل(صفحه) در خواست شده از نوع Client Side باشه مثلا یک صفحه html! برای اینکه نمایش داده بشه باید اول از سرور به کامپیوتر کاربر منتقل شه و بعد توسط مرورگر اجر بشه!
    حالا اگر فایل(صفحه) در خواستی از نوع Server Side باشه مثلا یک صفحه php! اول توسط مفسر php اجرا میشه! کارهایی که باید انجام بده - مثلا پیدا کردن یک رکورد تویه بانک اطلاعاتی - انجام میده و بعد نتیجه این کارها رو در صورت لزوم به صفحه html تبدیل میکنه و برای صفحه html ایجاد شده عملیات Client Side انجام میشه!

   ذکر این نکته خیلی ضروریه که اگر قرارباشه چیزی برای کاربر نمایش داده شه باید به کد html تبدیل شده باشه.

   هر وب سایت یا برنامه تحت وب رو علاوه بر دو بخش اصلی می تونیم به بخش های زیر نیز تفکیک کنیم. به شکل زیر نگاه کنید:

   در سمت کاربر علاوه بر html از css کمک می گیریم که روی نحوه نمایش عناصر html و ساختار ظاهری اونا کنترل بیشتری داشته باشیم و بتونیم ظاهر مجموعه ای از صفحات را با یک یا چند فایل css مدیریت کنیم. از JavaScript هم برای بررسی و پردازش اطلاعات کاربر و همچنین پویایی و تعامل با کاربر استفاده خواهیم کرد.

   در سمت سرویس دهنده از MySQL برای نگهداری اطلاعات کاربر و از PHP برای ذخیره سازی و بازیابی این اطلاعات و همچنین تولید محتوا به صورت پویا dynamic استفاده می کنیم! البته در این سمت انتخاب های دیگه ای هم داریم. مثلا MS SQL Server یا Oracle به عنوان جایزگزین های MySQL مطرح می شند و برای زبان برنامه نویسی نیز ASP.NET ازجمله ی انتخاب ها می تونه باشه!

خودتون رو مجهز کنید...

    برای کار طراحی وب سایت نیاز به یک ویرایشگر متن Text Editor داریم که اولا Unicode رو پشتیبانی کنه - با Unicode بعدا آشنا میشیم - ثانیا Syntax Highlighting رو برای زبانهای برنامه نویسی مختلف داشته باشه! یکی از بهترین این ویرایشگرها برنامه ++ Notepad هست که امکانات فوق العاده ای داره ، Open Source هست ، اکثر زبان های اسکریپت نویسی رو پشتیبانی میکنه و خیلی سریع و راحت نصب یا بروز رسانی میشه . میتونید این برنامه رو از اینجا دانلود کنید! برای کار ما همین نرم افزار کفایت میکنه! اما نرم افزارهای خیلی زیادی نیز برای طراحی وب سایت وجود دارند و دست ما برای انتخاب بازه! در مورد این برنامه های طراحی ذکر این نکته خیلی ضروریه که اکثر این برنامه بیشتر برای طراحی ظاهری وب سایت ها به کمک ما میان و بقیه کار رو باید خودمون توسط کد نویسی انجام بدیم البته بعضی از اونا داخلشون کدهای آماده هم دارند! از بین این نرم افزارها میشه Dreamweaver رو نام برد! نرم افزار Visual Web Developer Express Edition 2008 نرم افزار بسیار خوبی هست که برای توسعه وب سایت ها تحت دات نت .NET ازش استفاده میشه. آخری هم Frontpage که احتمالا خیلی هاتون اسمش رو شنیدید. از مشکلات همیشگی نرم افزار  Frontpage اینه که کدهایی رو بدون اینکه کاربر بخواد به صفحه اضافه میکنه که استفاده از اونو توصیه نمی کنیم!

   برای برنامه نویسی به زبان php نیاز به مفسر اون و وب سرور Apache همچنین بانک اطلاعاتی MySQL داریم! البته نصب هر کدام از اینا به صورت جداگانه برای کار ما ، عاقلانه به نظر نمیاد! به جای این کار برنامه های دیگه ای وجود دارند که همه ی اونها رو به صورت یک پکیج یکجا دارند و با چند کلیک نصب میشن. Xampp انتخاب مناسبیه که برای هر کدام از سیستم عامل های رایج مثل Windows ، Linux ، MAC OS و Solaris  پکیج مخصوصی رو آماده کرده! در بخش های بعدی آموزش نصب و کار با Xampp رو توضیح میدیم و عملا شروع به طراحی میکنیم!

   دوستانی که با زبان html آشنایی کافی ندارند یا دوست دارن بیشتر آشنا بشن میتونن آموزش های html سایت رو پیگیری کنند.
   و دوستانی که با html آشنا هستند میتونند به مطالعه آموزش های php  سایت بپردازند.