آموزش رایگان طراحی سایت با گوگل سایت + معرفی عناصر صفحه ساز آن

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

آشنایی با مفهوم طراحی سایت و روش های انجام آن

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

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

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

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

گوگل سایت چیست؟

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

گوگل سایت یکی از این پلتفرم ها است که اولین بار در سال 2008 معرفی شد و به عنوان بخشی از سرویس های رایگان مبتنی بر گوگل شناخته می شود؛ در این سرویس ها شاهد موارد دیگری هستیم از جمله آنها می توان به Google Docs، Google Sheets، Google Slides و غیره اشاره کرد.

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

آشنایی کامل با ابزارهای گوگل سایت

این پلتفرم که تاکنون 16 سال از توسعه آن می گذرد، امکانات بسیاری را ارائه کرده است که از آن جمله می توان گفت:

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

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

• عناصر طراحی سایت و صفحه: همانند وردپرس که دارای یک پلاگین صفحه ساز است، گوگل سایت نیز یک سری عناصر طراحی سایت دارد. یعنی درون این پلتفرم یک ابزار صفحه ساز کامل ارائه شده است. در مجموع تمام چیزهایی که نیاز دارید تا سایت خود را با کمک آنها به روزرسانی کنید، در این قسمت قرار می گیرند. البته چنین عناصری برای ساخت و طراحی سایت فروشگاهی کافی نیستند. شما می توانید برای ایجاد چنین پلتفرم هایی، از خدمات آژانس تبلیغاتی آرتا کمک بگیرید.
• ابزارهای تنظیم فونت و قلم: یکی از ویژگی های خوب این پلتفرم، داشتن یک سری فونت ها برای زبان های مختلف است که شامل فارسی هم می باشد مثلا وزیر یا میرزا. از سوی دیگر شما اکثر تنظیمات برای اعمال فونت مناسب خود را خواهید داشت.
• ارائه دامنه سفارشی: مورد دیگر از امکاناتی که در آموزش رایگان طراحی سایت با گوگل سایت قابل مشاهده خواهد بود، امکان ثبت دامنه است. هرچند که پس از انتشار سایت، شما می توانید از یک دامنه اختصاصی با پیشوند google.com/view/yourdomain هم استفاده کنید که چندان جالب نیست.

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

آموزش رایگان طراحی سایت با گوگل سایت

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

آموزش ورود به گوگل سایت

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

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

ساخت هدر سایت

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

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

حال در قسمت هدر همچنین می توانید سه گزینه زیر را مشاهده کنید:

• نوع هدر را تغییر دهید و استایل و رنگ بندی ثابت آن را مشخص کنید.
• در صورتی که تصویری دارید، می توانید به عنوان بک گراند هدر خود آن را قرار دهید.

نوع هدر را مشخص نمایید؛ به عنوان مثال شما می توانید هدر را صرفا عنوان در نظر گرفته یا مشخص کنید که با بک گراند باشد.

اضافه کردن لوگو و هویت و برند

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

تنظیمات وب سایت

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

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

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

آشنایی با عناصر طراحی در گوگل سایت

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

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

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

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

بررسی پیش نیازهای کار با گوگل سایت

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

• جیمیل: شما باید یک اکانت جیمیل را برای دسترسی به گوگل سایت که جزوی از خدمات شرکت گوگل است، داشته باشید.
• دانش اولیه از مهارت UI/UX: همچنین شما باید یک دانش اولیه در زمینه طراحی UI/UX داشته باشید تا بتوانید دیزاین های قابل قبولی را ارائه نمایید.
• زبان انگلیسی پایه.

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