https://virgool.io/feed/@siavashrostami سیاوش رستمی هستم مدیر سایت وب داران https://webdaran.com / آموزش هایی درباره تولید محتوا + سئو + طراحی سایت + بازاریابی شبکه های اجتماعی / یاد بگیر + اجرا کن + در آمد داشته باش fa 2026-06-18 07:37:28 https://files.virgool.io/upload/users/348515/avatar/15PQqX.png?height=120&width=120 https://virgool.io/@siavashrostami https://virgool.io/@siavashrostami/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B1%D8%A7-%D8%A7%D8%B2-%DA%A9%D8%AC%D8%A7-%D8%B4%D8%B1%D9%88%D8%B9-%DA%A9%D9%86%DB%8C%D9%85-mtspsiehuryt برای آن دسته از دوستانی که به دنبال یک فرصت مناسب برای آموزش طراحی سایت هستند، و می خواند بدانند که اگر می خواهند یک طراح سایت حرفه ای شوند باید از کجا شروع کنند این مطلب را می نویسم.در ابتدای امر این موضوع اهمیت دارد که بدانید وب سایت چیست و از چه قسمت هایی تشکیل شده است.سعی من این است که به ساده ترین شکل ممکن وب سایت را برای شما توضیح دهم. اگر خواهم توضیحی برای شما دوستان عزیز در خصوص این مورد داشته باشم، این است که یک وب سایت از دو قسمت تشکیل شده است.طراحی سایت2 قسمت تشکیل دهنده آن کدامند.قسمتی که قابل مشاهده می باشد.قسمتی که قابل مشاده نمی باشد.در توضیح قسمت اول باید به شما این مطلب را بگویم، که تمام قسمت هایی که دیده می شود، شامل قسمت هایی است که باید طراحی و برنامه نویسی شوند. این قسمت شامل خود شامل موارد گوناگونی است. در تهیه این مطلب سعی کردم به طور ساده تمامی موارد را توضیح دهم.قسمت هایی که دیده می شوند : الف – شامل موارد گرافیکی ب- شامل موارد برنامه نویسیدر توضیح قسمت اول یعنی موارد گرافیکی باید به این نکته اشاره کنم که مواردی که به طراحی سایت یعنی شکل ظاهری از جمله رنگ ها تصاویر، بنرها، اسلایدرها، لوگو، ویدیو ها و غیره مروط به طراحی گرافیکی کار است.این موارد معمولا توسط این فرد طراح گرافیک ایجاد می شود، پس به این نکته توجه داشته باشید که در طراحی وب سایت باید به این موارد یعنی طراحی گرافیک آشنایی داشته باشد و بتواند با ابزار هایی مانند فتوشاپ، ایلیستریتور و غیره به صورت حرفه ای یا نیمه حرفه ای کار نماید.یک طراح سایت لزوما یک گرافیست کار حرفه ای نیست، واین مورد می تواند توسط یک نیم جداگانه انجام شود ولی این مورد می تواند یک ویژگی مهم برای یک خالق سایت باشد.از موارد دیگر می توان به برنامه نویسی سایت اشاره کرد، این مورد شامل مواردی است که یک طراح باید به آن آشنایی کامل داشته باشد، البته مواردی مانند یک وب سایت ایجاد شده توسط ابزارهای سایت ساز مانند وردپرس، جوملا و غیره را شامل نمی شود.من در این قسمت تک تک مواردی که لازم است یک طراح بداند را برای شما در این قسمت توضیح می دهم.Html یک برنامه نویس سایت باید مسلط به زبان html باشد. در خصوص اینکه html چیست می توانید باید این مطلب را به شما بگویم که html پایه اس ترین قسمت برای ایجاد یک وب سایت است. در واقع html برای یک سایت مانند اسکلت یا تیرآهن برای یک ساختمان است این مثال ساده ترین حالت برای توضیح زبان html می باشد.مورد مهم دیگر که یک طراح باید به آن آشنایی داشته باشد، css می باشد. Css برای یک وب سایت مانند نما برای یک ساختمان است، شما با استفاده از css می توانید ه ساختمان خود زیبایی بدهید، رنگ ها را تغییر دهید، نما را سنگی کنید، مرمر کنید و یا هر چیزی که خودتان دوست دارید، این مورد دست شما را زیبایی دادن به یک سایت از می کند.Javascript و jquery این زبان برنامه نویسی برای سایت شما مانند، موارد عملکردی برای ساختمان است. در توضیح این مورد این را می گویم که در ساختمان شما با زدن کلید برق روشن می شود، در پارکینگ باز می شود، با باز کردن شیر آب از لوله جاری می شود و هزاران مورد دیگرمواردی که به آن اشاره شد، تمام مواردی است که در قسمت قابل مشاهده سایت دیده می شود، فرقی نمی کند چه سایتی باشد. طراحی سایت شرکتی باشد یا غیره این موارد را برای یک وب سایت باید اعمال کنید.2-قسمت مهم دیگر که یک برنامه نویس وب سایت باید به آن آگاهی داشته باشد، قسمت پنهان وب سایت است، که از آن صرف نظر می شود، ولی طراح حرفه ای باید آن را بشناسد.دامنه : دامنه ها در واقع همان اسامی وب سایت ها هستند که در فضای بزرگ و بهتر گویم دنیای اینترنت از آن برای صدا زدن وب سایت ها استفاده می شود.سالیان پیش دامنه ها به این شکل وجود نداشتند، و بجای اسامی از آی پی ها استفاده می شده است. آی پی ها شامل اعداد 4 قسمتی هستند و هر آی پی مشخصه یک فرد در فضای اینترنت است. استفاده از آی پی ها سخت بوده به همین دلیل امروزه شاهده وجود اسامی به جای استفاده از آی پی هستیم.دامنه ها اسامی بی تکرار و هویت و سایت هستند و در صورت انتخاب یک دامنه توسط یک فرد دیگر نمی توان تا زمان پایان مالکیت آن فرد دامنه را خریداری نمود.در طراحی سایت فروشگاهی و بسیاری موارد دیگر حتما در انتخاب نوع اسم دامنه دقت نمایید. این مورد می تواند تعیین کننده برند شما باشد.هاست یا سرور : هاست یا سرور یا فضای میزبانی به قسمتی گفته می شود که اطلاعات نمایشی وب سایت شما که شامل مواردی است که قبلا در خصوص آن صحبت کردیم روی آن قرار میگیرد تا به کاربر نمایش داده شود. این اطلاعات می تواند شامل موارد گرافیکی و برنامه نوبسی وب سایت باشد. به این مورد توجه نمایید که هاست و سرور می تواند دارای ویژگی های متفاوتی باشند و از نظر قدرت و سرعت سخت افزار متفاوتی داشته باشند.دیتابیس : در خصوص دیتایس باید بگویم که این مورد یک قسمت ذخیره برای اطلاعات متنی موجود در سایت است. و ارتباط مستقیم با هاست دارد، از هاست برای ذخیره سازی اطلاعات استفاده می شود ولی از دیتابیس برای منظم و هماهنگ سازی این اطلاعات استفاده می شود. یک هاست عملا بدون دیتابیس چیزی به جز یک فضای نا هماهنگ نیست.با وجود دیتایس شما اطلاعات را طقه بندی و جدول بندی می کنید.سایت ها 2 دسته هستند:سایت های استاتیکاین وب سایت ها دیتایس مشخصی ندارند و صرفا از مواردی مانند html، Css ، javascript و jquery و موارد گرافیکی ایجاد شده اند. اطلاعات با سرعت بالایی خوانده می شود و تماما برای ایجاد صفحات وب باید از برنامه نویسی درون صفحه ای استفاده شود.سایت های داینامیکاین وب سایت ها با استفاده از زبان های برنامه نویسی تحت سرور و وب مانند php، asp.net ، node.js و غیره نوشته می شوند و دارای دیتابیس مشخص برای طبقه بندی اطلاعات هستند.دوستان محترم به انتهای این مقاله رسیدیم، سوالات و نظراتتون رو می شنوم و امیدوارم بتونم در این زمینه بهتون کمک کرده باشم.سایر پست های بنده رو هم می تونید در این قسمت مشاهده نمایید. سیاوش رستمی سیاوش رستمی Fri, 27 Nov 2020 14:11:29 +0330 https://virgool.io/@siavashrostami/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%AC%D8%B0%D8%A7%D8%A8-%DA%86%D9%87-%D8%B1%D8%A7%D9%87%DA%A9%D8%A7%D8%B1%DB%8C-%D8%AF%D8%A7%D8%B1%D8%AF-qeo1gi0ht20h سلام سیاوش رستمی هستم، شما دوست عزیزم یکی از مطالب بندرو با عنوان "طراحی سایت خوب و ویژگی های اون" رو می خونی، قصد دارم که مطالب آموزشی خودم رو در این وبلاگ منتشر کنم.چندین ساله در زمینه طراحی سایت، سئو و مارکتینگ فعالیت می کنم و بعد از به دست آوردن نتایج شخصی قصد دارم که اطلاعاتم رو با شما دوستان در میان بگزارم.طراحی سایت جذابقبل از اینکه درباره طراحی سایت خوب صحبت کنم ...باید این رو بدونید که وب سایت چی هست و به چه دردی می خوره؟بزارید براتون خیلی ساده بگم که وب سایت یک پایگاه و یک مرکز داده و اطلاعات در بستر اینترنته، که این اطلاعات می تونه برای یک شرکت و یا برای یک شخص باشه.یعنی مثلا شما می خواید اطلاعات شرکت و یا اطلاعات شخصی خودتون رو در فضای اینترنت قرار بدید برای این کار نیاز به یک مرکز و پایگاه دارید، که همون وب سایت هستش.خوب حالا یک وب سایت چه ویژگی هایی داره؟همونطوری که همه ما اسم داریم، یک وب سایت هم دارای اسم و مشخصات هستش، همیشه عادت دارم که با مثال های کاملا آسون و راحت توضیح بدم.به عنوان مثال فرض کنید : شما وارد یک مدرسه شدید، البته نه الان که کروناست و مدارس تعطیله :) حالا کلی دانش آموز دارید که تو حیاط مدرسه دارن ازین ور به اون ور می شن، اگه بخواید یک نفر رو از بین جمع پیدا کنید، چکار می کنید؟درست حدس زدید فقط کافیه اسمشو با صدای بلند صدا کنید، خودش متوجه میشه و میاد سمتتون.داستان وب سایت هم همینه، از بین میلیاردها وب سایتی که در جهان وجود داره هر وب سایت باید یک اسم مخصوص به خودش داشته باشه، که براتون میگم چرا باید اینجوری باشه.چرا باید هر وب سایت اسم داشته باشه؟کاملا مشخصه چون بین میلیاردها وب سایت دیگه بشه پیداش کرد، کافیه وارد حیاط مدرسه بشید! اِ بخخشید اشتباه شد منظورم اینترنت و فضای مرورگرتون هست و نام وب سایتتون رو اون بالا بنویسید و اینتر رو بزنید، اتفاقی که می افته اینه مرور گر ما وب سایتمون رو صدا می زنه و وب سایت هم در صفحه مرور گر ظاهر میشه به همین راحتی ... البته خیلیام راحت نیست اون پشت یسری اتفاق می افته که بهتون تو پستای بعدی می گم. الان می خوایم درباره یک وب سایت خوب و طراحی منحصر به فرد و گیراش صحبت کنم.طراحی سایت کاربر پسندرنگ شناسی در طراحی سایتیکی از مهمترین قدم ها در طراحی یک سایت اینه که بدونی از اول می خوای چکار بکنی؟منظورم اینه فرض کن برای اینکه یک خونه داشته باشی، آجرارو میچینی رو هم یا اول از همه به یه نقشه احتیاج داری؟خوب معلومه اولش به یه نقشه احتیاج داری. خیلی از دوستان طراحی سایت که تجربی و با استفاده از یک سری مسائل ساده طراحی رو یاد گرفتن به این نکته توجه نمی کنن، که برای یک طراحی سایت باید اول از همه یک نقشه خوب داشت.منظورم از نقشه خوب چیه؟ یعنی اینکه قبل از خلق یک اثر به دو تا نکته توجه کنیم :1- این اثر رو برای چه چیزی یا چه کسی خلق می کنیم؟2- این اثر رو برای چه هدفی خلق می کنیم؟منظور سوال اولم اینه که اگر سایتی رو طراحی می کنیم باید بدونیم که این سایت برای شخص طراحی میشه یا برای شرکت. اگه این رو دونستیم باز این سوال رو باید بپرسیم :این اثر رو برای چه شخصی یا چه شرکتی خلق می کنیم؟منظور از این سوال اینه که اون شخص یا شرکت چه شغلی دارن و قرار چکاری با اون وب سایت انجام بشه؟اینجاست که با استفاده از این داده ها ما می تونیم، در انتخاب رنگ یک سایت با دید باز تر عمل کنیم.طراحی سایت گرافیکیاما مسئله اینجاست که چطوری می تونیم رنگ مورد نظر رو انخاب کنیم؟خوب بزارید براتون توضیح بدم، کاری که شما قراره بکنید، اینه که درباره رنگ ها اطلاعات داشته باشید و روانشناسیشون رو بخونید، من برای شما در وب سایت خودم این مطالب رو به طور کامل توضیح دادم که می تونید، از مطالب سایت هم دیدن کنید، خوشحال میشم.یه نکته بسیار مهم رو که باید بدونید اینه که:در طراحی سایت از چند رنگ استفاده کنیم؟یکی از سوالای مهمی که بیشتر کارآموزام از من می پرسن اینه که در طراحی سایت از چند رنگ میشه استفاده کرد.معمولا برای یک سایت ایده آل 3 تا 4 رنگ اصلی درنظر گرفته میشه، که با استفاده از معیارهایی که در بالا براتون گفتم می تونید اون ها رو انتخاب کنید، البته وب سایت هایی هم هستن که رنگ ها رو به صورت پالت های رنگی برای شما قرار دادن و کار شما رو آسونتر می کنن.منظورم از پالت رنگی بسته های رنگی هستن یا همون رنگ های مکمل که در کنار هم زیبایی خاصی رو ایجاد می کنن.یکی از وب سایت هایی که این پالت های رنگی رو ارائه میده وب سایت colorhunt که من همیشه ازش استفاده می کنم.پیشنهاد می کنم شما هم ازش استفاده کنید، سایت عالی در این زمینه هستش.استفاده از تصاویر جذاب و گرافیکی در طراحی سایتمن خودم همیشه از وب سایت های گرافیکی بیشتر خوشم میاد، برای همین بیشتر طرح هام البته قدیم، الان وقت طراحی ندارم :)) گرافیکی بود.شاید باورتون نشه ولی ترکیب رنگی که شما قسمت انتخاب رنگ استفاده می کنید، روی انتخاب و طرح های تصاویر گرافیکیتون هم اثر می گزاره .برای همین قسمت انتخاب رنگ رو کاملا جدی بگیرید و براش وقت بزارید و مشورت کنید.تصویری که برای سایت انتخاب می کنید و یا طراحیشون می کنید باید دارای رنگ های اصلی باشن که انتخاب می کنید.ترکیب رنگ های انتخاب شده و تصاویر طراحی شده زیبایی و هارمونی بسیار زیادی به وب سایت میده.از ترکیب این دو استفاده کنین تا متحیر بشین.تصاویر گرافیکی رو برای وب سایت از کجا پیدا کنیم؟یکی از وب سایت های موفق و عالی در زمینه طرح های گرافیکی با میلیون ها عکس وب سایت Freepik هست که شاید خیلی از شما باهاش آشنایی داشته باشید.البته متاسفانه این وب سایت هم مثل خیلی از سایتای دیگه برای ما ایرانیا بسته شده و باید زحمت بکیشید با فیلتر شکن برید داخلش :(استفاده از CSS و CSS Animationاگه طراح سایت هستید باید از تاثیر CSS روی زیبایی و جذاب شدن سایتتون اطلاع داشته باشید، برای اون دسته از عزیزانی که نمی دونن css چی هست؟در حقیقت css یک زبان برنامه و کدنویسی هست که در ارتباط با html که اون هم زبان برنامه نویسی واسه ساخت یک وب سایت هستش.توضیحات کامل رو درباره CSS و HTML تو پست های بعدی میدم خدمتتون.ولی همین قدر بدونیم که html یک ساختمان بدون رنگ و خام هستش و CSS به اون ساختمان رنگ، شکل و زیبایی میده.البته تو سایت w3schools هم می تونید در خصوص css مطالبی رو بخونید، اگه انگلیسیتون خوبه.استفاده از Java Script برای خلق ویژگییکی دیگه از ویژگی های یک سایت جذاب استفاده از javascript هستش. البته باید بدانید که javascript چیست و چه خصوصیاتی دارد؟برای این که این مطلب رو بدونیم باید اطلاعات کاملی در خصوص طراحی سایت داشته باشیم، یعنی با طراحی یک سایت آشنایی داشته باشیم، javascript هم از آن دسته از زبان های برنامه نویسی تحت وب هستش که در تعامل با html و css فعالیت میکنه.یک مثال براتون بزنم مثلا فرض کنید تو همون ساختمونی که براتون در بالا مثال زدم، یک کلید پریز وجود داره که وقتی میزنیمش چراغ اتاق روشن میشه یا درب خونه باز میشه، این زبان هم در سایت همین قابلیت رو ایجاد میکنه.البته باید بگم که کلی مطلب هست که برای یک وب سایت جذاب باید بدونیم که من چندتا دونه از مهمترین هاشو براتون نام بردم امیدوارم که لذت برده باشید. سیاوش رستمی هستم، برای آموزش های بیشتر خوشحال میشم که من رو در شبکه های اجتماعی مثل اینستاگرام و یا وب سایتم دنبال کنید.نظرات خودتون رو با من در میان بگذارید، و بگید که چه وب سایتی بیشتر جذابیت داره؟گرافیک محور یا واقع گرا ؟! سیاوش رستمی سیاوش رستمی Wed, 04 Nov 2020 21:16:27 +0330