یکی ازارکان مهم سایت و وبلاگ قالب اون سایت یا وبلاگ میباشد .
قالب وبلاگ ، به سایت یا وبلاگ شما جلا میده و باعث زیبایی و افزایش وروی به سایت شما میشود.
از این نکته هم نباید بگذریم که کاربران دو چیز به یادشون خواهد ماند :
اولی محتوا و کیفیت مطالب سایت یا وبلاگ
دومی هم زیبایی سایت
کیفیت و مطلب حرف اول را میزند اما کافی نیست چون کاربر دوست دارد که مطلبی رو از سایتی یا وبلاگی بخونه
که زیبا و دلنشین هست تا اون مطلب رو از جایی که مثل ورد یا مجله ساده هست .
حتی اگه اون سایت مرجع باشه.
نمونه های زیادی هست که میتونم مثال بزنم که سایت هایی که مرجع هستند بخاطر نبود قالب مناسب یا بعضا قالب بسیارشکیل بجای اون مرجع
 ازسایت های غیر مرجع استفاده میکنند.
چرا؟
 چون کاربر نه خیلی ساده رو دوست داره نه سایت های شکیل که مرورگر کاربرا اون رو پشتیبانی نمیکنه.
بهتره که زیبایی رو در عین سادگی گسترش داد و یه طرح زیبا ساخت.
به طراح ها developer و به کاری که میکنن development یا developing میگن.
طراح الزاما نباید گرافیک کار باشه اما حتما باید  زبان برنامه نویسی رو بلد باشه البته نرم افزار های زیادی برای طراحی قالب بدون کد نویسی هست مثل :


WYSIWYG.Web.Builder
Adobe Dream Viewer

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

webdesign

سایت چگونه کار میکند:

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

 

اما ساخت و طراحی سایت دو قسمت داره:

  1. طراحی قالب  سایت:
    از طراحی بخش های مختلف سایت مثل دکمه ها و عکس ها و هدر (بخش بالایی سایت) و فوتر(بخش پایین سایت)  تا صفحه مستقل و منو و لینک 
    و صفحه مسخره 404 و انیمیشن ها و... همه و همه و هرچیزی که وارد سایت میشید و میبینید همه مربوط به بخش طراحی سایت هست.
  2. کد نویسی بک اند:
    بعضی به طراحی گرافیکی سایت کد نویسی نمیگن و کد نویسی رو مربوط به بخش بک اند میدونند که این اشتباه هست.
    اما قسمتی که به سایت و یا وبلاگ ما امکان مدیریت و فکر  کردن و محاسبات و در یک کلام روح میده قسمت بک اند هستش .
    همانطوری که از اسمش معلومه BackEnd در مرورگر شما کار نمیکنه بلگه تو سرور سایت کار میکنه .

در حقیقت وقتی مثلا یک دکمه مربوط به فرم ارسال نظر رو میزنیم نظر به سرور فرستاده میشه و سرور اونو به پایگاه داده میده و عملیات بایگانی کردن رو 
شروع و کامل میکنه سپس ادمین میاد و نظر رو تایید  میکنه و وقتی شما سایت رو لود میکنید در بخش نظرات نظر شما رو نشون میده .
موشکافانه اش اینکه ازطرف شما یه ریکوئست یا همون درخواست به سرور میره که در قسمت نظرات هر چی تو دیتا بیس هست و کد تایید خورده بهشون 
رو به من برگردون . سرور اون دستور رو میگره و به پایگاه داده میده و از پایگاه داده میگیره و به کاربر میفرسته .
پس خلاصه بگم قالب و زیبایی سایت و حتی بعضی از پردازش های خاص به قسمت طراحی یا همون Front مربوط میشه.
و پردازش ها و عملیات مثل ثبت نام و ورود و... مربوط به بخش Back سایت میشه.

برای هر قسمت باید از زبون های مربوط به اون قسمت استفاده کنید و اینطور نیست که مثلا یه زبان وجود داشته باشه و فقط اونو کار کنید 
بلکه زبان های زیادی برای کار با هر بخش وجود داره .
من میخوام چند تا از مشهور ترین هاشون  رو اینجا بهتون بگم:

برای طراحی و گرافیک سایت:

  • Html
  • css
  • javascript

برای قمست کد نویسی سایت:

  • Php
  • php
  • ASp.net
  • Python

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

و یا برای کسی که طراحی کار کرده بتونه برای سیستم ها مدریرت محتوا قالب درست کنه .
ما میخوایم از قمست طراحی شروع کنیم و تا قسمت Back End سایت رو برای شما تشریح کنیم .
چرا گفتم ما؟
-چون قرار نیست همه ، همه چی دون باشن. دیدین تو آگهی های استخدام مینویسن مسلط به 30 زبان برنامه نویسی ،مسلط به مفاهیم سئو
سیستم عامل ، سابقه کار و...؟ اینجا و در واقعیت از این خبرا نیست و هر کی هر چی میدونه رو به اشتراک میزاره تا بلکه به درد کسی خورد.
زکات علم نشر آن است.
پس برای دنبال کردن این موضوع از قسمت موضوعات سایت ، طراحی سایت و آموزش html رو دنبال کنید.
نظر یادتون نره.
تا پست  که شروع طراحی گرافیک سایت و وبلاگ هست خداپشت و پناه تون. :)