آموزش طراحی یک وب سایت، به زبان ساده - خبر آزمون

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

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

وب سایت چیست؟

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

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

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

سرور چیست؟

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

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

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

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

چگونه یک دامنه تهیه کنیم؟

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

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

خرید دومین های بین المللی، به وسیله رابط های ایرانی امکان پذیر است. برای این کار ضروری است عبارت خرید دامنه را در اینترنت جستجو کنید. پس از جستجو با تعداد زیادی از وب سایت های ارائه نماینده خدمات دومین روبرو می شوید.

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

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

تفاوت صفحات استاتیک و دینامیک

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

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

تفاوت وب سایت های دینامیک این است که بسیاری از تغییرات، با همکاری سرور انجام می گردد. در این وب سایت های یک سیستم Backend مسئولیت تغییر ها را به عهده دارد. سیستمی پیچیده و پیشرفته که سرعت و کیفیت یک وب سایت را بالا می برد.

درصورتی که یک وب سایت ثابت با تغییرات حداقلی را مدنظر دارید، وب سایت های استاتیک می توانند گزینه ای مناسب برای شما باشند. این وب سایت ها حجم کمتری دارند و با سرعت بیشتری بر روی هاست های اشتراکی، بارگذاری می شوند.

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

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

چگونه وب سایت را طراحی کنیم؟

اگر تصمیم گرفتید که یک وب سایت استاتیک را راه اندازی کنید، باید با استفاده از HTML و CSS که زبانی اختصاصی برای طراحی شکل ظاهری وب سایت هستند، طراحی را شروع کنید. اگر علاقه ای به یادگیری یک زبان رایانه ای نو ندارید، می توانید از برنامه های اختصاصی طراحی صفحات وب بهره ببرید. این برنامه ها با رابط کاربری خاص خود، می توانند پیچیدگی طراحی صفحات استاتیک را به حداقل برسانند. برنامه هایی مثل Dreamweaver، Google Web Designer، Open Element و دیگر برنامه های شناخته شده در این زمینه، می توانند نقطه شروع برای طراحی صفحات استاتیک وب باشند.

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

درصورتی که احتیاج به طراحی یک وب سایت پویا باشد، سه راه مختلف پیش روی کاربر واقع شده است. راه اول، یادگیری زبان های برنامه نویسی و مارک آپ HTML، CSS و Java Script است تا بتوان نقطه شروعی برای طراحی یک وب سایت دینامیک باشد. راه ساده تر استفاده از سرویس های آماده ای مثل Wordpress، Joomla، Drupal، Magneto و دیگر راه چاره های مشهور است. این سیستم ها، حجم بسیار بالایی از طراحی یک وب سایت را به صورت پیش فرض انجام داده اند و تنها ضروری است با انتخاب قالب موردنظر و تغییراتی اندک، یک وب سایت پویا را راه اندازی کرد.

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

از یک طراح وب سایت چه بخواهیم؟

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

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

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

راه کار قدم به قدم طراحی یک وب سایت ساده

1. یک دومین و آدرس اینترنتی تهیه کنید.

2. یک سرور یا هاست اشتراکی را بخرید.

3. نیم سرور های دومین را به آدرس های معین شده به وسیله شرکت ارائه دهنده سرور تغییر دهید.

4. یک صفحه ساده وب را روی کامپیوتر خود طراحی کنید و نام فایل را به Index.html تغییر دهید.

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

راه کار قدم به قدم راه اندازی یک وبسایت وردپرس

1. یک دومین و آدرس اینترنتی تهیه کنید.

2. یک سرور یا هاست اشتراکی را بخرید.

3. نیم سرور های دومین را به آدرس های معین شده به وسیله شرکت ارائه دهنده سرور تغییر دهید.

4. فایل زیپ وردپرس فارسی را از آدرس wp-persian.com دانلود کنید.

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

6. به صفحه wp-persian.com/codex مراجعه کنید و اطلاعات لازم را برای راه اندازی کامل یک وب سایت وردپرس مطالعه کنید.

7. قالب موردنظر خود را انتخاب و ویرایش کنید.

پ