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

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

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

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

ادامه مطلب …

cover2

مقایسه سایت های داینامیک و استاتیک

در این مقاله می خواهیم به مقایسه سایت های داینامیک و استاتیک بپردازیم با آرت ویو همراه باشید :

اول باید تعریف کنیم که:

سایت استاتیک  یا ایستا چیست؟

سایتی که سیستم مدیریت محتوا نداشته باشد و کسی که طراحی سایت آشنایی نداشته باشد نتواند آن را مدریت کند! یعنی قادر نباشد تا مطلبی در سایت اضافه کند!

سایت داینامیک یا پویا چیست؟

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

تفاوت سایت استاتیک با داینامیک چیست؟

 

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

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

 

Web-Element-051
فواید و معایب سایت های استاتیک:

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

فواید و معایب سایت های داینامیک:

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

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

contact(1)

چرا صفحه تماس با ما مهم است؟

چرا صفحه تماس با ما مهم است؟
وب سایت های اینترنتی از بخش های مختلفی تشکیل شده اند! یکی از این بخش ها که تقریبا در تمام سایت ها موجود است و اهمیت زیادی دارد صفحه “تماس با ما” است! این صفحه اصلی ترین راه ارتباطی  شما با کاربران سایت است! همه هدف سایت شما جلب مشتری است حال فکر کنید صفحه ای که قرار است مشتری با شما ارتباط بگیرد نقص داشته باشد! اشکال داشته باشد! شما مشتری را از دست خواهید داد و ضرر میکنید! و اعتبار شما لکه دار می شود!
گاهی ممکن است وب سایت یا شرکت شما  دارای چند بخش باشد! و هر بخش کار جداگانه ای انجام دهد برای همه آن ها در صفحه ارتباط با ما مسیری را فراهم کنید تا کاربر بتواند با آن بخشها ارتباط بگیرد!
صفحه ارتباط با ما باید خالی باشد ! خالی از جهت تبلیغات و نوشته های اضافی! این صفحه مخصوص به ارتباط شماست! برای بدست آوردن دو قرون  پول بیشتر این صفحه را به خطر نیندازید!201562823356

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

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

صفحه ارتباط با ما ساده است! معمولا شامل یک فرم که حاوی نام و ایمیل کاربر و پیغامی که قصد دارد بفرستد و همچنین شماره تلفن شرکت یا شخص مالک سایت!

 

 

wordpress-logo

چرا همه وردپرس را دوست دارند؟

چرا همه وردپرس را دوست دارند؟

قبلا در مورد سیستم های مدیریت محتوا یا همان cms ها صحبت کردیم و دلایل استفاده از آن ها را شرح دادیم. در این نوشته می خواهیم به بررسی یکی از محبوب ترین cms یعنی وردپرس و دلایل محبوبیت آن بپردازیم!

1- رایگان و متن باز!

وردپرس از بدو تولد خود رایگان بوده است! و با توجه به متن باز بودن آن از محبوبیت زیادی برخوردار شده است. وردپرس بر اساس زبان php نوشته شده و خود زبان php هم متن باز است و این یکی از دلایل محبوبیت وردپرس است! این متن باز بودن باعث شده همه بتواننند ضعف ها و باگ های وردپرس را ببینند  و این ضعف ها را برطرف کنند!

2-سهولت و سادگی!

اگر با وردپرس کار کرده باشید متوجه خواهید شد که ساده و کاربردی است! و دسته بندی های درستی برای تنظیمات دارد! بی جهت نیست که بیش از 90 میلیون وب سایت از وردپرس استفاده می کنند! بر مبنای همین سادگی توسعه دهندگان نرم افزار های زیادی برای این وردپرس طراحی کرده اند!

wordpress_is_the_best

3-قابلیت توسعه!

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

 

111

چطور یه سایت توپ داشته باشیم!

چطور یه سایت توپ  داشته باشیم؟برای پاسخ به این سوال با ما همراه شوید:

1- ارورهای html برطرف کنید!

این ارورها در عین اینکه پیچیده نبودن ممکن است مشکلات زیادی برای سایت شما ایجاد کنند!! گوگل در بررسی های هر سایت خطاهای html آن را مورد بررسی قرار می دهد و بررسی این کدها را  از پارامترها برای تعیین رتبه سایت‌ها در نظرگرفته است! شما می توانید با مراجعه به سایت WC3   کدهای html را با توجه به استاداردها بهینه کنید.

12

2-رسپانسیو باشید!

25% از جستجوهای اینترنت از طریق گوشی های هوشمند انجام می شود پس لازم است سایت شما متناسب با اندازه صفحه دستگاه مورد نظر تغیر شکل دهد! این کار باعث افزایش رنک شما و تعداد بازدیدکنندگان از سایت شما می شود! اگر سایت شما از ابتدا رسپانسیو طراحی نشده می توانید با ساخت یک اپلیکشن گوشی برای سایت این مشکل را تا حدی برطرف کنید اما هیچ چیز جای این ویژگی را نمی‌گیرد!

13

3- لینک های سرکاری!

روی لینکی در یک سایت کلیک می کنیدبه صفحه جدید منتقل می‌شوید و بعد با عدد404 برخورد می‌کنید! بله چیزی نیست جز ارور404 که نشان می‌دهد مطلب مورد نظر یافت نشد! به قولی دیگر انگار لینک سرکاری بود! برای اینکه با این مشکل مواجه نشوید سعی کنید همیشه لینک های اصلی سایتتان را چک کنید! گوگل روی خطای 404 و لینکههای اشنباه حساس است و باعث کم شدن رتبه شما می‌شود! می توانید با مراجه به آدرس  www.brokenlinkcheck.com لینک های خراب سایت خود را شناسایی و آن ها را اصلاح کنید!

133

4-سرعت بارگذاری صفحه!

قبلا هم گفتیم و بازم هم می‌گیم سایت خوب سایتی هست که علاوه بر زیبایی و محتوا دارای سرعت بارگذاری خوب باشه بخصوص در کشور ما که سرعت اینترنت پایین است سرعت سایت رابطه مستقیمی با تعداد بازدیدکنندگان دارد پس هرچه بارگذاری سرعت تر باشد مخاطبان بیشتر خواهد بود! می توانید به رفتن به آدرس pagespeed سرعت بارگذاری سایت خود را تست کنید!

16

5-بک لینک!

هر چه بک لینک ها بیشتری داشته باشید برای سئوی سایت شما بهتر خواهد بود! البته نه هر سایتی سعی کنید تا جایی که می توانید از سایتهایی بکلینک بگیرید که متناسب با محتوای سایت شما باشد! برای چک کردن بکلینک های خود می توانید به سایت الکسا مراجعه کنید!

166

6-سازگاری!

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

 

1777

1

گام به گام ایجاد یک وبسایت(2)

گام به گام ایجاد سایت :

1-منحصر به فردبودن!

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

2- سازگار بودن!

هنوز کابرانی هستند که از مرورگر IE استفاده می کنند یا کاربرانی هستند که بااستفاده از سافری مرورگر لینوکس وب گردی می‌کنند! برای اینکه سایت شما در همه مرورگر ها بخوبی نمایش داده شود باید در نحوه کدنویسی سایت دقت عمل کافی را داشته باشید و گرنه با نتایج ناگواری مواجه خواهید شد!

3-شبکه‌های اجتماعی!

مخاطبین شما فقط از طریق مرورگر ها به سایت شما وارد نمی‌شوند! با گسترش شبکه‌های اجتماعی این امکان فراهم شده تا مدیران سایت ها با ایجاد صفحه‌ای برای سایت خود در این شبکه ها بتوانند مخاطبان ثابت و دائمی برای خودشان دست‌وپا کنند! هیچ وقت قدرت شبکه های اجتماعی را ئست‌کم نگیرید!

2

4-رزولوشن صفحه!

اندازه معمولی که طراحان برای رزولوشن میگیرند تقریبا 980px هست که این رزولوشن هم مناسب برای مانیتور کامپیوتر است و هم مناسب برای تبلت و گوشی هوشمند! البته از استاندارد دیگری مثل رزولوشن 1230px نیز می‌توان استفاده کرد.

1

5-امنیتی نباشید!

سعی نکنید از کاربرانتان اطلاعات زیادی بگیرید! همینکه یک اسم و یک آدرس ایمیل از آن‌ها داشته باشید کافی خواهدبود! فرم های طولانی برای ثبت‌نام در سایت باعث آزردگی کاربران خواهد شد! و در نتیجه با سایت شما خداحافظی خواهدکرد.

6-دکمه!

دکمه ها در سایت مثل علامت های راهنمایی و رانندگی هستن در خیابان! کاربر را راهنمایی می کنند که چه کاری انجام بدهد و چه کاری انجام ندهد! سعی کنید دکمه ها نه آنقدر درست باشند که جلب توجه زیادی کنند! و نه آنقدر ریز و ساده که به چشم نیایند!

4

7-نقشه سایت!

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

9

1

گام به گام ایجاد یک وبسایت(1)

گام به گام ایجاد یک وبسایت:

1- دامنه!

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

2

2- هاست!

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

3-هدف!

هدف سایت شما باید مشخص باشد! آیا یک سایت آموزشی است؟ یا نه سایت فروشگاهی است یا اینکه قراراست خدماتی به کاربران ارائه دهد. تعین هدف یعنی تعین کردن همه چیز یک سایت!

 

4- رنگ و قالبندی!

رنگ سایت شما بیشترین حس را به کاربر وارد می‌کند! رنگ سایت شما متناسب با مخاطب شما و هدف شماست! بطور مثال یک سایت بازی های آنلاین که مخاطب هدفش سنین 7 تا 12 سال هستند از رنگ های زرد و قرمز و نارنجی استفاده می‌کند! اما سایت یک دانشگاه که مخاطبان آن اساتید و دانشجویان هستند از رنگ های سرد نظیر آبی  استفاده خواهدکرد.

 

5-محتوا!

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

3

6-مخاطبان!

وقتی هدف سایت خود را انتخاب می کنید به نوعی مخاطب سایتتان را هم انتخاب می‌کنید و با توجه به آنها محتوای خود را می‌سازید برای مثال اگر شما یک سایت خبری در مورد اخبار سینما بزنید! مخاطبان شما اهالی سینما و سینما دوستان خواهند بود! آن ها به این دلیل از سایت شما بازدید می‌کنند که اخبار شما درباره سینماست! اما اگر به تدریج برای جذب مخاطب بیشتر اخبار سیاسی یا ورزشی را هم انعکاس دادید! نه تنها مخاطبان فعلی خود را از دست می‌دهید بلکه موفق به جذب مخاطب جدید هم نخواهید شد

!7-تبلیغات!

لازم نیست همه سایت را از تبلیغات متنی و تصویری پرکنید! این کار باعث شلوغی بیش از حد سایت می‌شود و کاربر به مرور زمان از حجم زیاد تبلیغات خسته خواهدشد! برای کسب درآمد روش های بهتری هم هست!

7

8-پاپ آپ!

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

9-طراحی خلاقانه!

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

10-تصاویر!

تصاویر شما باید زیبا و چشمگیر و البته کم حجم باشند! کم حجم بودن تصاویر مساوی است با بارگذاری سریع تر سایت شما! سعی کنید برای تصاویر هم کلیدواژه استفاده کنید! دقت کنید که تصاویر شما باید متناسب با سئو باشد!

images

اشتباهات رایج در طراحی سایت(2)

اشتباهات رایج در طراحی سایت  ادامه:

1-بروز بودن!

یک برنامه نویس همیشه باید آخرین ترندهای برنامه نویسی آگاه باشد! و از آخرین استانداردهای کدنویسی را استفاده کند! چون کار او مستقیما با تکنولوژی پیوند خورده و تکنولوژی روزانه در حال پیشرفت است! یکی از موارد مهمی که باید یک وبمستر به آن توجه کند استفاده درست از کدهاست به خصوص کدهای HTML,XHTML,CSS که باید با استاندارهای W3C مطابقت داشته باشند!

2-فونت!

انتخاب فونت درست همیشه یکی از دغدغه‌های وبمسترهاست! فونتی که راحت خوانده شود وتکراری نباشد و همچنین در همه مرورگر ها به درستی نمایش داده شود! فونت البته یکی از عوامل مهم در سئو است که باید به آن دقت شود!در وب فارسی بیشتر از فونت‌های Tahoma و  Arial  و یا Tim استفاده می‌شود البته به شما توصیه می کنیم فونت های جدید را نیز امتحان کنید مثل فونت  YEKAN . در انتخاب اندازه فونت هم دقت عمل کافی را به خرج دهید خواننده نباید از خوانده متن شما خسته شود!

23-Fonts

3- رنگ های جیغ!

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

92764eb04f03327e4d5af2fc8460e92b

4-غلط املایی!!

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

5-رسپانسیو!

طبق آخرین آمار گوگل بالای 60% درصد از سرچ های اینترنتی از طریق تبلت و گوشی‌های هوشمند انجام می‌شود! این درصد بالایی است! پس لازم است سیات شما بتواند در موقع برخود با موبایل و تبلت کنش‌گر عمل کند و تغیر اندازه دهد به عبارت دیگر رسپانسیو باشد! شما می توانید از طریق فریمورک بوت‌استرپ این قابلیت بسیار مفید را به سایت خود اضافه کنید!

images

6-بی خیالی!

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

webydo

webydo چیست ؟

webydo چیست ؟

همانطور که می دانید طراحی سایت بسیار هیجان انگیز و جالب است اگر که اط کد نویس های سی اس اس استفاده نکنیم

برای این منظور میتوانید از ورد پرس و یا جوملا استفاده کنید و از سرویس  های آنلاین نیز میتوانید کمک بگیرید. ادامه مطلب …

بهترین ابزار یاری کننده طراح سایت

بهترین ابزار یاری کننده طراح سایت

بهترین ابزار یاری کننده طراح سایت:

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