مقدمه طراحی سایت

در ابتدا و برای اینکه شما راه خود را در انتخاب طراحی سایت بتوانید پیدا کنید، لازم دیدم چند مورد ساده را توضیح بدهم تا شما را در انتخاب راه کمی راهنمایی کرده باشم.

 

1) چرا به طراحی سایت نیاز داریم؟

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

 

حال آنکه یکی از مهمترین و شاید ابتدایی ترین کارها برای شروع هر نوع کار و تجارت راه اندازی وب سایت برای آن کار می باشد.

 

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

لذا داشتن یک وب سایت حرفه ای با ظاهری شیک به عنوان یک ضرورت مطرح می باشد که در عین حال تمام ویژگی ها و امکانات لازم را داشته و بر اساس آخرین استانداردهای روز دنیا پیاده سازی شده باشد.

 

2) برای طراحی سایت از کجا باید شروع کرد؟

 

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

در ابتدا می بایست بدانید وب سایت چیست از این رو مختصری در مورد مفهایم کلی توضیحاتی می دهم:

 

هاست: یک فضای میزبانی است که اطلاعات و فایل های یک سایت درون آن مستقر می شوند و در واقع یک فضای مجازی بر روی یک سرور می باشد که دسترسی آزاد از طریق اینترنت به آن فراهم گشته است. اگر می خواهید سایت بسازید اولین قدم, خرید یک هاست از یک سرویس دهنده هاستینگ است. امروزه شرکت های بسیاری در زمینه ارائه هاستیگ فعال هستند و شما با یک جستجوی ساده در اینترنت می توانید با تعرفه های آن ها آشنا شوید. هاست های ارائه شده معمولا به دو گروه لینوکسی و ویندوزی تقسیم می شوند که با توجه به نوع وب سایت شما باید هاست مورد نیاز را تهیه کنید. برای مثال اگر سایت شما وردپرسی بود یا با زبان php نوشته شده بود، از هاست لینوکسی باید استفاده کنید.

 

دامین: آدرس اینترنتی سایت است. دامین هم باید خریداری شود. انواع مختلف دامین با قیمت های متفاوت وجود دارند اما مهمترین آنها com, ir, net, org هستند. شما می توانید دامین را نیز از همان سرویس دهنده هاست خریداری کنید.

 

سایت: به مجموعه فایل ها، عکس ها و محتوایی که درون هاست قرار میگیرد تا به کاربر نمایش داده شود سایت گفته می شود. 

 

بعد از آشنایی با مفاهیم کلی، به این نقطه می رسیم که هاست و دامین مشخص هستند و فقط باید متناسب با سایت و ویژگی های آن خریداری شوند ولی طراحی سایت چگونه می باشد و انواع آن چیست؟ 

 

3) انواع طراحی سایت؟ 

 

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

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

 

در مقابل، گاهی ویژگی های سایت اقتضا می کند که سایت از پایه و فقط برای کاری خاص طراحی شود که این گونه سایت ها معمولا هزینه و زمان راه اندازی بیشتری را می برند. در ازاء، دارای سرعت بالاتر و امنیت بیشتری می باشند.

 

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

 

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

 

در صورتی که تمایل به یادگیری برنامه نویسی دارید من در ادامه شما را با زبان های برنامه نویسی طراحی سایت آشنا می کنم.

 

زبان های سمت کاربر (Client Side): این زبان ها شامل JavaScript, CSS, HTML می باشد. زبان های سمت کاربر مستقیما در مرورگر ترجمه می شوند و صفحه وب را به کاربر نمایش می دهند. از این زبان ها برای ساخت صفحات وب استاتیک (ایستا) استفاده می شوند که قابل درک برای مرورگرهای مختلف می باشند.

 

زبان های سمت سرور (Server Side): این زبان ها شامل JAVA, Javascript, PHP, ASP.Net و … می باشد. از زبان های سمت سرور برای ایجاد وب سایت های پویا (داینامیک) استفاده می شود. این زبان ها توسط خود سرور (هاست) ترجمه می شوند و خروجی آنها زبان های سمت کاربر هستند. زبان های سمت کاربر نیز در مرورگر ترجمه شده و یک صفحه وب را به کاربر نمایش می دهند. از این زبان ها برای ارتباط با دیتابیش نیز استفاده شده تا سایتی با قابلیت های مختلف و به صورت پویا ایجاد کنید.

 

برای آشنایی با زبانهای طرف سرور و انتخاب درست یکی از آنها، شما را دعوت به خواندن زبان‌های برنامه نویسی سمت سرور برای طراحی سایت می کنم.

 

از این اینجا به بعد، شما می توانید ابتدا شروع به یادگیری زبان های سمت کاربر نموده و بعد یکی از زبان های سمت سرور را انتخاب کرده و دوره طراحی سایت را برای خود تکمیل نمایید. برای راحتی کار دیاگرام مراحل یادگیری زیر را برایتان رسم نموده ام.

  • HTML

    HTML

    برای شروع کار و آغاز طراح وب شدن، لازم و ضروریه که اول html رو یاد بگیرید. زبان html برای ایجاد بدنه و ساختار اصلی صفحات وب به کار میره . شما از هر زبان برنامه نویسی سمت سرور (مثل php) که استفاده کنید نهایتا برای نمایش طرف کاربر، باید خروجی رو به صورت کدهای […]

  • CSS

    CSS

    با html ساختار و پیکربندی کلی یک صفحه وب رو میسازیم . ولی برای اینکه ظاهر صفحه وب رو آراسته کنید باید از CSS استفاده کنید . با CSS میتونید برای هر کدوم از تگ های html خصوصیاتی چون رنگ ، فونت ، سایز ، پس زمینه و … رو تعیین کنید . CSS رو […]

  • Javascript

    Javascript

    با جاوا اسکریپت میتونید پویایی و طراوت خاصی به صفحات وبتون بدید. جاوااسکریپت برخلاف html و CSS یک زبان برنامه نویسی هست، در صورتی که html و CSS زبان های نمادگذاری هستند . پس به منظور یادگیری javascript باید وقت بیشتری بزارید تا با مفاهیم برنامه نویسی هم در کنار یادگیری این زبون آشنا بشید […]

  • jQuery

    jQuery

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

  • زبان سمت سرور

    زبان سمت سرور

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