طراحی سایت چیست؟

سایت اصطلاحا به جایی گفته می شود ک یک صفحه یا چندین صفحه را در خود جای داده است که هر یک از صفحات ان دارای محتوا و اطلاعاتی مانند متن ،تصویر،فیلم،فایل های صوتی و… وجود داد.هرسایتی در دنیای وب دارای یک ادرس یا URLاست ک از بخش های مختلفی تشکیل شده است شاید برایتان سوال پیش اومده است که URLچیست؟ و چه کاربردی دارد ؟ در ابتدا باید گفته شود که URL مخفف کلمهUniform Resource Locator است راهی برای شناسایی مکان یا موضع یک فایل بر روی اینترنت است یاهمان ادرسی است که ما نه تنها برای باز کردن وبسایت ها برای مرور ،بلکه برای دانلود تصاویر،ویدیو،برنامه های نرم افزاری وانواع مختلف دیگر فایل های استفاده می کنیم که بر روی یک سرور میزبانی می شوند.

اهمیت وب سایت

در دنیای امروز برای حرفه ای بودن و جلب اعتماد مشتری نیاز ب طراحی یک وب سایت دارید که درواقع همان دفتر کار یا فروشگاه شما محسوب می شود که اینکار یک امر ضروری است به صورتی که عدم حضور در این فضا میتواند به کسب و کار شما ضربه بزند درحال حاضر با توجه به اینکه بخش زیادی از مردم قبل از دیدار حضوری به سایت شما مراجعه می کنند باید وب سایتتان از ظاهر و کیفیت بالایی برخوردار باشد طبق امار جهانی اگر سرعت بارگذاری سایت بیشتر از ۷ثانیه طول بکشد کاربران صفحه را ب سرعت می بندند که باعث افزایش نرخ دفع کاربری سایت شمامی شود

طبق امار جهانی اگر سرعت بارگذاری سایت بیشتر از ۷ثانیه طول بکشد کاربران صفحه را ب سرعت می بندند که باعث افزایش نرخ دفع کاربری سایت شمامی شود

تاریخچه سایت

در سال ۱۹۸۹ شخصی به نام تیم برنرز لی (Tim Berners-Lee) پروپوزالی را ارائه کرد که شکل زندگی و ارتباطات بشر را برای همیشه تغییر داد.
او که با نام TimBL نیز شناخته می‌شود مخترع World Wide Web یا شبکه جهان‌گستر است. نرم‌افزاری که به کاربران اجازه می‌دهد با استفاده از اینترنت هر کجا که باشند به اطلاعات مورد نیاز خود دسترسی داشته باشند.
این پروفسور دانشگاه ام آی تی در سال ۱۹۹۱ اولین سایت تاریخ را در آزمایشگاه‌های بنیاد علمی Cern رونمایی کرد. آدرس این سایت info.cern.ch بود و اطلاعاتی را در مورد همین پروژه منتشر می‌کرد.
اولین سایت‌ها با کدهای ساده HTML نوشته می‌شدند. صفحات این سایت‌ها شامل سرتیتر و پاراگراف و ابرمتن (Hypertext) بود که روی صفحه نمایش رایانه‌های مختلف به نمایش درمی‌آمد. در ابرمتن‌ها از ابرپیوند (Hyperlink) استفاده می‌شد و از طریق این پیوندها کاربران می‌توانستند به صفحات دیگر مراجعه کنند.

مزایای طراحی وب سایت

تفاوت بین سایت و وب سایت

سایت (site) در زبان انگلیسی به معنای یک محل یا موقعیت مکانی به کار می‌رود. در فارسی نیز گاهی سایت را به معنای موقعیت مکانی یا پایگاه به کار می‌بریم اما وقتی کلمه سایت را به تنهایی می‌شنویم، مفهوم سایت اینترنتی را برداشت می‌کنیم هر سایتی دارای یک دامین و یک شماره شناسایی منحصر بفرد یاlpمی باشدتا از بقیه صفحات متمایز شود همچنین پس از هر دامنخ ی منحصر به فرد ادرس سایت دارای یک پسوندمی باشد که با ان به اتمام می رسد.در ایران در ایران رایج‌ترین این پسوندها com، ir، org و… می‌باشند.

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

ما در این جا به2نوع از این دسته بندی ها می پردازیم

وب سایت فروشگاهی

1.امکان پرداخت به صورت آنلاین

2.صرفه جویی در زمان

3.راحتی در انتخاب و خرید محصول

4.دریافت خرید به آسانی و درب منزل

امروزه با توجه به کم رنگ شدن بازارهای سنتی و روی کار امدن بازارهای مدرن تنها راه افزایش فروش و مشتری راه اندازی یک فروشگاه اینترنتی است .فروشگاه اینترنتی یا Online Shop به فروشگاه هایی گفته می شود که از طریق اینترنت و وب سایت محصولات و خدمات خود را ارائه می دهند و اجناس و خدمات مختلف را برای فروش در آن معرفی می کند،مشتریان وب سایت شما پس از ورود به سایت کالا یا خدمات مورد نظر یا مورد نیاز خود را انتخاب می کنند و سفارش را ثبت میکنند و امکاناتی مانند داشتن سبد خرید، داشتن درگاه بانکی و امکان پرداخت اینترنتی، امکان مشاهده محصول همراه با تصاویر و مشخصات فنی و قیمت و امکانات دیگری در ام وجود دارد.

وب سایت شرکتی

1_دسترسی شبانه روزی

2_بالا رفتن اعتماد و اعتبار

3_افزایش فروش

سایت شرکتی چیست و چرا به سایت شرکتی نیاز داریم ؟ یکی از وب سایت هایی که بسیار در بستر اینترنت در حال فعالیت هستند وب سایت های شرکتی می باشند وب سایت های شرکتی از جمله وب سایت هایی هستند که هم از لحاظ محتوا و هم ازلحاظ سود دهی برای شرکت می توانند قدرتمند تر از هرنوع وب سایت دیگری در سطح اینترنت عمل کنند

به طور کلی وب سایت به چهار مرحله تقسیم می شود:

1- وایرفایم

2- گرافیک سایت

3- کدنویسی و برنامه نویسی

4- راه اندازی سایت

وایرفایم

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

گرافیک سایت

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

کدنویسی و برنامه نویسی

این مرحله توسط زبان هایhtml و cssنشانه گذاری می شوند
اول)ساختاربندی اصلی صفحات وب که با HTML انجام میشود

دوم)اضافه کردن جذابیت های ظاهری مثل رنگ و… که با CSS انجام میشود

راه اندازی سایت

نیازمند به هاست و دامنه و می باشد که در دسترس عموم قرار بگیرد.شما فرض کنید ک میخواهید خانه ای بسازید برای ساخت ان باید یک زمین خریداری کنید زمانی ک ما زمین را خریدیم دارای یک فضا هستیم ک قرار است ساختمان ما در ان فضا ساخته شود ،هاست سایت شما در واقع همان فضا و زمین است و انرا با مبالغ متفاوت خریداری میکنیم،مورد بعدی ک نیاز دارید نقشه است ک با کمک مهندس ساختمان طراحی و پیاده سازی میشودو ماوطبق ان نقشه پیش میرویم و باید یک سری مصالح تهیه کنیم در مورد راه اندازی سایت هم تقریبا همچنین مسیری در پیش روی شما قرار دارد دامنه یا دامین هم اسم و ادرس زمین شما است همانطور ک زمین شما در یک فضای اختصاصی قرار دارد اسم اینترنتی وب سایت هم باید منحصرب فرد باشد انواع دامنه های اینترنتی:ir/.com/.orgو...

انواع طراحی سایت

استاتیک

در این طراحی سایت امکان بروزرسانی ،تغییر یا ویرایش محتوا به صورت انلاین وجود ندارد درواقع اطلاعاتی در این سایت قرار می گیرد که در طول زمان نیاز به تغییر محتوا نداشته باشد برای درک بهتر به مثال زیر توجه کنید یک نفر که مدیر یک سایت خبری است باید روزانه خبرهای بروزتری در سایت خود قرار دهد یا صفحات وب را تغییر دهد اما او به شخص نمیتواند اینکار را انجام دهد و برای ان نیاز به کسی دارد که به دانش طراحی سایت مسلط باشد
این سایت ها معمولا توسط زبان هایhtmlو cssنشانه گذاری می شوند و چون طراحی سایت به صورت جداگانه انجام میشود میتوان هر صفحه را با ویژگی های منحصر به فرد طراحی کرد با اینکه برای ساخت سایت استایتک نیاز نیست برنامه نویس حرفه ای باشید و این باعث پایین امدن هزینه میشود اما هزینه نگهداری ان بالاتر است چرا که باید صاحبان جداگانه هزینه هایی برای ویرایش .بروزرسانی و…پرداخت کنند یکی دیگر از معایب استاتیک زود قدیمی شدن محتوای سایت است و چون امکان بروز رسانی محتوا وجود ندارد نمیتواند رتبه بالایی در موتور های جست و جو داشته باشد.

داینامیک یا پویا

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

هاست و دامنه چیست؟

مفهوم دامنه یا دامین: در تعریف دامنه چیست باید گفت دامنه آدرس وب سایت شما در دنیای اینترنت است به زبان خیلی ساده در تعریف دامنه چیست باید گفت همان آدرسی که در مرورگر خود برای ورود به هر سایتی وارد می‌کنید دامنه است. دامنه از دو بخش اصلی تشکیل شده‌است: نام دامنه و پسوند آن. برای ثبت دامنه، مجاز به استفاده از اعداد، حروف یا ترکیبی از آن دو هستید. کاربران وب سایت شما به آدرس دامین مراجعه خواهند کرد و می توانند سایت شما را مشاهده کنند نام دامنه بستگی زیادی به سلیقه شما و محتوای وب سایت دارد. همان‌طور که گفته شد این نام می‌تواند متشکل از اعداد، حروف و یا هردوی آن‌ها باشد. نام دامنه با “.” از پسوند آن جدا می‌شود. پسوندها در دو دسته‌ی اصلی بین‌المللی و ملی طبقه‌بندی می‌شوند که با توجه ب حوزه فعالیت وبسایت و نظر شخصی خود پسوند مناسب را انتخاب میکنید مثلا com. نمونه‌ای از پسوند بین‌المللی و ir. نمونه‌ای از پسوند ملی ایران است فراموش نکنید که هر وب سایت نیاز به یک دامنه منحصر به فرد دارد.لذا امکان ثبت دامنه اینترنتی که قبلا ثبت شده و تحت مالکیت دیگری باشد را نخواهید داشت در رابطه با خرید دامنه بعضی از شرکت ها خدمات دامنه وب سایت را در قبال پرداخت هزینه در اختیار شما قرار می دهند

مفهوم هاست:

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

سرور چیست؟

سرور یک کامپیوتر فیزیکی است که بدون هیچ گونه اختلالی کار می کند تا وب سایت شما همیشه برای هر کسی که می خواهد آن را ببیند در دسترس باشد. به عبارت دیگر، سرور به رایانه ای گفته می شود که سایر کاربران وب را از هرجای دنیا به سایت شما متصل می کند.

وب سرور

وب سرور کامپیوتری است که به درخواست‌های صفحات یا فایل‌های HTML پاسخ می‌دهد برنامه‌ای که به محتوای وب پاسخ می‌دهد کاربر نامیده می‌شود مرورگر وب درحقیقت کاربری است که فایل‌های HTML را از وب سرور درخواست می‌کند.
وب سرور دارای ۲ بخش است: یکی سرور فیزیکی (یا مجازی) که نرم‌افزارها را میزبانی می‌کند و دیگری نرم‌افزاری است که محتوای سایت را به کاربران ارائه می‌کند.
استفاده از نوع خاصی از سرور فیزیکی نوع نرم‌افزار وب سرور را تعیین می‌کند. در بیشتر موارد زمانی که بر روی بستر ویندوز هستید از وب سرور IIS استفاده می‌کنید.

میل سرور

میل سرور نرم‌افزاری است که همانند یک شبکه کامپیوتری عمل کرده و کار اصلی آن تبادل نامه‌های الکترونیکی است در واقع Mail server دارای امکانات و سرویس‌های خاصی است که برای ارسال میل از یک سرور به سایت‌ها و ایمیل‌های دیگران مورد استفاده قرار می‌گیرد و فقط با کلیک کردن یک دکمه از این فرآیند ارسال داده استفاده می‌کنیم در واقع میل سرور برنامه‌ای است که ایمیل‌‌های ارسالی از کاربران محلی (افرادی که یک دامنه مشابه دارند) و فرستنده‌های از راه دور را دریافت کرده و ایمیل‌های خروجی را ارسال می‎‌کند.به طور کلی برنامه ای است کهمسئول مدیریت پیام‌ها روی شبکه است یعنی ایمیل‌ها را ارسال و دریافت می‌کند.

سرور مجازی

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

سرور پایگاه داده

سرور پایگاه داده سروری است که از آن به‌منظور ذخیره، بازیابی و مدیریت داده‌ها استفاده می‌شود وظیفه‌ی سرور پایگاه داده عبارت است از مدیریت به‌روزرسانی داده‌ها، فراهم کردن امکان دسترسی هم‌زمان توسط کاربرها و تضمین امنیت داده‌ها. بیشترین استفاده از سرورهای پایگاه داده در ذخیره‌ی اطلاعات سازمانی است محبوب‌ترین سرورهای پایگاه داده سازمانی عبارت‌اند از: Oracle, SQL server, DB2, MYSQL, Sybase در این میان سرور MYSQL مایکروسافت یکی از محبوب‌ترین سرورهای پایگاه داده در میزبانی وب‌سایت است دلیل محبوبیت این سرور علاوه بر منبع باز بودن آن یکپارچگی ساده‌ی آن با دیگر خدمات شرکت مایکروسافت است.

سرور پروکسی

پروکسی سرور‌ها نیز عملکردی بینابینی دارند و درخواست کامپیوترهای کلاینتی که می‌خواهند منابع سرور‌های دیگر در اینترنت را استفاده کنند، مدیریت می‌کنند یک کامپیوتر client به یک سرور پروکسی متصل می‌شود یک نوع سرویس (فایل، صفحه وب، اتصال امن) را درخواست می‌کند سرور پراکسی سپس درخواست را برای ساده‌سازی نحوه استفاده از داده‌ها ارزیابی می‌کند. پروکسی سرورها به گونه‌ای تکامل یافته‌اند که به‌صورت یک web proxy servers به محتوای آنلاین دسترسی داشته باشند و در عین حال برای کاربران امکان ناشناس ماندن را نیز فراهم می‌کنند.

سرور اپلیکیشن

اپلیکیشن سرور یک بستر برای توسعه برنامه‌های تحت وب و همچنین ایجاد یک زیرساخت مناسب جهت اجرای اپلیکیشن‌ها فراهم می‌کند. زیرساخت‌های Application server بر روی یک مدل layer service اجرا می‌شود این سرور اجزای مختلفی ارائه می‌دهد که یک توسعه دهنده نرم‌افزار از طریق API به آنها دسترسی پیدا می‌کند عملکرد اصلی یک اپلیکیشن سرور پشتیبانی از طراحی صفحات وب dynamic است

سرور تیغه ای

یک سرور تیغه‌ای درحقیقت چارچوبی از سرورهای چندگانه است که تمامی اجزاء آن‌ بر روی یک «برد» (Board) قرار دارند این سرورها برای سرویس‌دهی در حجم و ظرفیت بالا طراحی شده‌اند هر تیغه یک سرور است که به‌طور خاص به یک برنامه اختصاص داده شده است در واقع سرور تیغه‌ای سروی است که هر برد آن به یک برنامه اختصاص داده شده و درنهایت به برد اصلی متصل می‌شود.

برنامه نویسی وب

فرنت اند Frontend :

منظور آن بخشی است که قابل دیدن است و با آن تعامل می کنیم یعنی مجموعه تکنولوژی هایی که روی ظاهر و گرافیک سایت تاثیر گذاشته و هیچ ارتباطی با عملکرد آن ندارند درواقع هرتغییری ک ما ایجاد کنیم در چهره سایت مشخص می شود برای یادگیری فرنت اند باید ب زبان هایhtml،cssو جوااسکریپ مسلط باشید.

حوضه های برنامه نویسی بر اساس پلتفرم

در برنامه‌نویسی، پلتفرم به نرم‌افزار یا سخت‌افزاری گفته می‌شود که روی آن سرویسی قرار گرفته باشد. یک پلتفرم، شامل یک سخت‌افزار، سیستم عامل و یک سری برنامه‌ها و دستورالعمل‌هایی است که بستری برای اجرای اپلیکیشن فراهم می‌کند.

برنامه های ویندوزی

برنامه های ویندوزی که به آنها برنامه های دسکتاپ هم گفته می شود، نرم افزارهایی هستند که بر روی سیستم عامل های کامپیوتر های خانگی و لپتاپ ها و به اصلاح PC ها قابل اجرا هستند.نرم افزارهایی مانند آفیس، مرورگرها، نوت پد، موزیک پلیرها و برنامه های متعدد دیگر که روی سیستم عامل ویندوز قابل اجرا می باشد.

برنامه نویسی تحت وب

یکی از محبوب‌ترین حوزه‌های برنامه نویسی ،حوزه تحت وب است. به زبان‌هایی که برای کار بر ‌روی وب و شبکه طراحی و ساخته شده‌‌اند، زبان‌های برنامه‌نویسی تحت وب گفته می‌شود. این زبان‌ها برای ایجاد و تولید انواع پروژه‌ها و نرم‌افزار‌های تحت وب مورد استفاده قرار می‌گیرند. به عنوان مثال انواع وب‌‌سایت‌ها، ایمیل، خرید آنلاین، امور بانکی، مجله‌ها و برنامه‌های انلاین نمونه کاربردهایی هستند که از زبان‌های تحت وب برای ایجاد آن‌ها استفاده شده است.