-
نویسنده: مسعود
- شنبه, ۱۷ آبان ۹۹
طراحی سایت
"طراحی سایت چیست ؟ در این مقاله می خواهیم به بررسی مفهوم طراحی سایت بپردازیم و می خواهیم ببینیم برای اینکه یک طراح وب سایت حرفه ای شویم از کجا باید شروع کنیم. همچنین تاریخچه طراحی سایت را مورد بررسی قرار می دهیم و اولین سایتی که در جهان طراحی شده را معرفی می کنیم و لینک آن را برای بازدید شما همراهان آکادمی وبکیما قرار می دهیم. در ادامه شرح وظایف یک طراح سایت را مورد بازبینی قرار می دهیم و ابزارهای لازم برای شروع کار طراحی سایت را معرفی می کنیم. پس اگر می خواهید پاسخ طراحی سایت چیست را به خوبی بیابید حتما تا انتهای این مقاله را مطالعه بفرمایید."
طراحی وب به مهارت ساخت و راه‌اندازی صفحات وب گفته می‌شود. تیم برنرز لی، مخترع وب، با برپایی یک سایت وب در اوت ۱۹۹۱، نام خود را به عنوان نخستین سازندهٔ وب در تاریخ نگاشت. او در نخستین وب سایتش، از اَبَرمتن و پیوندی برای ایمیل (پست الکترونیک) استفاده کرده بود.این وب سایت که توسط «تیم برنرز لی» توسعه یافته بود، هنوز هم با آدرس http://info.cern.ch/hypertext/WWW/TheProject.html در دسترس قرار دارد.
در آغاز، وب سایت‌ها با کُدهای ساده HTML نوشته می‌شدند، گونه‌ای از زبان نشانه‌گذاری که ساختار ساده‌ای به وب گاه‌ها می‌داد، شامل سرتیتر و پاراگراف، و توانایی پیوند دادن به آدرس‌های دیگر از طریق ابرپیوند. در مقایسه با روش‌های دیگر، این راه تازه و متفاوتی بود که کاربران به سادگی می‌توانستند با یک مرورگر، صفحه‌های پیوند خورده را باز کنند.
با پیشرفت وب و هنر طراحی آن، زبان کُدنویسی اش، اَبَرمتن یا اچ تی ام‌ال، پیچیده‌تر و پرانعطاف تر شد. ابزاری مانند جدول‌ها که بیشتر برای نمایش نمودارهای داده‌ای بودند، بزودی مورد استفاده نادرست، برای چیدمان‌های پنهان در صفحه‌های وب قرار گرفتند. با پیدایش الگوهای آبشاری وب یا «CSS»، روش نادرست طراحی با جدول‌های پنهان در صفحه از گردونه خارج، و به جای آن استفاده مناسب از زبان کمکی «CSS» جایگزین شد.
فناوری‌های یکپارچه‌سازی پایگاه داده (Database)، مانند زبان‌های کُدنویسی سمت سرور (Server-Side Scripting) مانند CGI، PHP، ASP. NET، ASP، JSP و ColdFusion، و استانداردهای طراحی مدرن با الگوها (CSS)، ساختار وب سایت‌ها را باز هم تغییر داده و آن را پیشرفته تر کرده‌اند.
سایت واکنش گرا یا سایت ریسپانسیو (responsive) سایتی است که با ابعاد و رزولوشن دستگاه‌های مختلف سازگاری دارد و کاربران بدون توجه به اینکه صفحه نمایش دستگاهشان کوچک باشد. همچنین با آمدن نگاره‌های جاندار و فناوری‌های پویانمایی به صفحه‌ها، مانند فلَش (Flash)، چهره وب بیشتر از پیش تغییر کرد و توانمندی‌های تازه به سازندگان رسانه و طراح‌های وب داده شد.
وظایف طراح سایت چیست؟
یک طراح سایت با توجه به اینکه در چه پروسه‌ای از طراحی وب سایت درگیر است، وظایف مختلفی دارد. به صورت کلی در طراحی و راه اندازی یک سایت، به دو تیم یا فرد برای طراحی Back-end یا همان بخش کدها و Front-end نیاز داریم.
متخصص طراحی Back-end کسی است که مسئولیت نوشتن کدهای مختلف برای ایجاد ساختار اصلی وب سایت را به عهده دارد. این کدها همان چیزی هستند که از نظر بازدیدکنندگان یک سایت پنهان هستند و بیش از هر چیز وظیفه راه اندازی و عملکرد یک سایت را به عهده دارند. یک متخصص طراحی سایت که وظیفه توسعه Back-end را به عهد دارد از زبان های برنامه‌نویسی مثل Python، ASP و PHP استفاده می‌کند.
در بحث طراحی Front-end همه کارها برای بهتر کردن ویژگی‌های دیداری یک سایت انجام می‌شوند. در واقع تمام چیزی که بازدیدکننده سایت می‌بیند، نتیجه کار یک توسعه دهنده Front-end یا همان کسی است که با استفاده از کدهای مختلف ظاهر وب سایت را به سر و شکل می‌دهد. برای توسعه ظاهر سایت، نیاز به کد نویسی است و نوشتن این کدها با زبان‌هایی مثل HTML، CSS و جاوا اسکریپت انجام می‌گیرد. البته فراموش نکنید که همیشه در این پروسه همکاری با یک گرافیست وب می‌تواند نتایج بسیار بهتری رقم بزند.
مراحل طراحی وب سایت چیست؟
در واقع طراحی سایت شامل ۴ مرحله اصلی می شود که در ادامه هر مرحله را به صورت کامل توضیح می دهیم:
مرحله اول : طراحی وایر فریم
در مرحله اول از طراحی سایت باید با توجه به نیاز های مشتری و نوع سایت ابتدا یک نمای کلی از سایت را طراحی کرد و یک نقشه کلی از صفحات سایت و اینکه جایگاه و چیدمان المان ها و عناصر مختلف را تعیین کرد به این مرحله از طراحی سایت به اصطلاح طراحی وایر فریم گفته می شود.
مرحله دوم طراحی سایت چیست؟ طراحی گرافیک سایت
بعد از اینکه در مرحله طراحی وایر فریم محل قرار گیری عناصر سایت مشخص شد حال نوبت به طراحی گرافیک سایت می رسد. منظور از طراحی گرافیک سایت این است که با استفاده از نرم افزار های مخصوص این کار به طراحی وایر فریم رنگ و لعاب داده و با توجه به نوع کسب و کار اینترنتی که قرار است با سایت راه اندازی شود رنگ بندی و گرافیک سایت طراحی می شود.
مرحله سوم طراحی سایت چیست؟ کدنویسی و برنامه نویسی سایت
بعد از طی شدن مراحل طراحی وایرفریم و طراحی گرافیک سایت نوبت به مرحله برنامه نویسی سایت می رسد. در مرحله برنامه نویسی سایت هم با توجه به نیاز های مشتری و مدل سایتی که قرار است طراحی شود می توان روش های مختلفی را برای بخش مدیریت سایت انجام داد. برای این منظور می توان از سیستم های مدیریت محتوا مانند وردپرس استفاده کرد یا اینکه یک فریم ورک اختصاصی از صفر برنامه نویسی کرد. تصمیم اینکه این بخش از کدام مورد استفاده شود بیشتر به بحث هزینه ها و نیاز مشتری بر می گردد که بر اساس این فاکتور ها باید تصمیم گیری کرد.
مرحله چهارم از طراحی سایت چیست؟ راه اندازی سایت به صورت کامل
بعد از انجام ۳ مرحله قبل از مراحل طراحی سایت چیست به مرحله آخر کار یعنی راه اندازی سایت در بستر جهانی اینترنت که در هر نقطه از جهان قابل دسترسی باشد. در مرحله آخر بعد از تهیه یک هاست مناسب و انتخاب یک نام دامنه مناسب سایت را پیکربندی کرده و در دسترس عموم قرار خواهد گرفت.
انواع طراحی سایت چیست ؟
سایت ها به ۲ دسته کلی تقسیم بندی می شوند :
- سایت های استاتیک
- سایت های داینامیک
در ادامه سایت های استاتیک و سایت های داینامیک را به صورت کامل شرح خواهیم داد وتوضیح می دهیم که هر کدام در کدام مدل سایت ها استفاده می شوند.
طراحی سایت استاتیک چیست ؟
در سایت های استاتیک در واقع تنها قسمت فرانت اند کار انجام می شود، یعنی هر کدام از صفحات یک سایت به صورت جدا طراحی شده و در سرور بارگذاری می شوند.
در سایت های استاتیک مدیر سایت نمی تواند محتوای سایت را تغییر دهد و برای تغییر دادن آن یا باید خود طراحی سایت را یاد بگیرد یا باید یک طراح سایت را استخدام کند تا تغییراتی که می خواهد را بتواند انجام دهد. معمولا در زمان حاضر که سیستم های مدیریت محتوای بسیار حرفه ای همانند وردپرس روی کار آمدند استفاده از سایت های استاتیک خیلی کم شده است. معمولا برای طراحی سایت های شرکتی کوچک یا سایت های معرفی که تا مدت ها محتوای آن تغییر نخواهد کرد از سایت های استاتیک استفاده می شود.
طراحی سایت داینامیک چیست ؟
سایت های داینامیک پویا هستند و در طراحی سایت های داینامیک هر دو بخش فرانت اند و بک اند برنامه نویسی می شوند . در سایت های داینامیک برنامه نویس بک اند وظیفه پویا سازی وب سایت را بر عهده دارد و با استفاده از کدهای سمت سرور اسکریپتی را طراحی می کند که سایت به صورت کامل پویا باشد.
پویا و داینامیک بود سایت به این معنی است که تمامی محتوای صفحات سایت توسط مدیر سایت قابل تغییر است و ممکن است هر روز یک صفحه جدید با محتوای متغییر در سایت منتشر شود مانند سایت های خبری یا مجله ای که در هر روز چندین اخبار جدید را در صفحات جدید منتشر می کنند.
هدف از طراحی سایت چیست ؟
ممکن است هدف شما از طراحی سایت با هدف یک شخص دیگر از زمین تا آسمان متفاوت باشد، سایت های مختلف برای هدف های گوناگون طراحی می شوند امروزه برای تمامی مشاغل و کارها می شود یک وبسایت راه اندازی کرد. اگر یک سرچ ساده در گوگل دوست داشتنی انجام بدید متوجه می شوید که میلیون ها سایت با هدف و موضوع متفاوت طراحی شده اند ، این سایت ها شامل : سایت های فروشگاهی ، سایت های شخصی ، سایت های شرکتی ، سایت های خبری و مجله ای ، سایت های دانشگاهی ، سایت های آموزشی و… هزاران مدل سایت که هر کدام هدفی متفاوت را دنبال می کنند.
ارسال دیدگاه