مهدی سافت 313 / MS313.IR

بهترین ها برای بهترین ها

بسم الله الرحمن الرحیم

سلام و عرض ادب خدمت کاربران عزیز وب سایت MS313.IR در این مقاله قصد داریم که مراحل ساخت یک وبسایت معمولی رو باهم بررسی کنیم .

وبسایت ها یکسری نقات مشترک دارن که توسط برنامه نویسان وب و یا طراحان وبسایت رعایت میشن .

که در این مقاله قصد داریم که بیشتر بر روی این موارد مشترک بحث کنیم .

قدم اول ساخت وایر فریم ( طرح دستی )

اسکچ یا طرح دستی برای این ساخته میشه که قبل از اینکه بخوایم کدی رو بنویسیم بر روی کاغذ و به سادگی اون طرح رو بکشیم و تغییر بدیم و به طرح دستی نهایی برسیم .

برای ساختن اسکچ از کاغذ معمولی و همچنین ابزار هایی مانند وبسایت ها استفاده میشه .

یکی از این وبسایت ها وبسایت ninjamock.com می‌باشد.

قدم دوم ساخت طرح مصور

اسم این قدم رو ساختن طرح مصور گذاشتم چرا که باید در این بخش با استفاده از اپلیکیشن های موجود در بازار مانند ادوب فتوشاپ ، ادوب ایلاستریتور ، اسکچ ( سیستم عامل مک ) و … یک طرح مصور از آنچه که قصد داریم کدنویسی کنیم بسازیم .

در این قسمت طرح ها باید کاملا دقیقا استفاده بشن ؛ رنگ ها ، اندازه ها و … همگی میبایست به صورت دقیق طراحی بشن ؛ بعد از ایجاد این طرح مصور بر اساس طرح دستی که قبلا اون رو ایجاد کردیم به سراغ قدم سوم میریم .

قدم سوم ساخت قالب HTML  و CSS و JS

در این بخش میبایست که از حداقل دو زبان یعنی HTML و CSS  استفاده کنیم ، برای مواقعی که قصد داریم وبسایتی رو بسازیم که نیاز به هیچ نوع حرکت و واکنشی نداره ، مانند اسلایدر می‌تونیم با استفاده از این دو زبان کار خودمون را به سادگی انجام دهیم .

اما زمانی که قصد داریم از رفتار ها و واکنش ها استفاده کنیم مانند اسلایدر ، منو همبرگری ، لیست بازشو و … میبایست از زبان JS یا JavaScript استفاده کنیم .

در این قسمت طرح ایجاد شده کاملا بر اساس طرح مصور هست که توسط کارفرما ( مشتری ) تایید شده.

البته لازم به ذکر است که بسیاری از طراحان از فریمورک ها ( قالب کار یا طرح های آماده  ) و پلاگین ها ( کد های آماده جاواسکریپت ) هم استفاده میکنن که این هیچ مشکلی نداره و به سرعت کدنویسی هم کمک میکنه .

همچنین در کنار جاواسکریپت از جیکوئری هم استفاده میشه که کدنویسی جاواسکریپت را سرعت میده .

قدم چهارم سمت سرور

اگر قصد داشته باشیم که برای بروز رسانی محتوای خودمان هر بار کدنویسی سایت را تغییر بدهیم این یک کار غیر حرفه‌ای و زجر آوری خواهد بود .

اما زمانی که ما کد های HTML/CSS/JS خودمان را با استفاده از زبان هایی مانند PHP پویا میکنیم میتونیم به سادگی با استفاده از این روش وبسایت خودمون رو بدون تغییر کد بروز رسانی کنیم و عملیاتی مانند ثبت نام کاربر، ورود ، نمایش  و حذف اطلاعات را انجام دهیم .

در این بخش ما احتیاج داریم که از زبان هایی مثل PHP و SQL استفاده کنیم .

قدم نهایی تست و تحویل

در قدم نهایی می‌تونیم کار رو به صورت کامل تست کنیم و به کارفرما تحویل دهیم .

ممنون از توجهتون در صورتی که سوالی داشتید میتونید در قسمت کامنت اون رو مطرح کنید .

یاعلی خدانگهدار
مصطفی صالحی پور
دوشنبه 6 اسفند 1397

نظرات ( تاکنون نظری ثبت نشده است )