امروز یک بخش آموزشی و کامل برای طراحی سایت رو برای شما آماده می کنیم . همون طور که می دانید امروزه تکنولوژی طراحی سایت بسیار پیشرفته و روز به روز پیشرفته تر می شود. و طراحی سایت خوب در دنیای اینترنت و ای تی اهمیت و کاربرد زیادی در رونق کسب و کار دارد و عده ای زیادی هستند که به دنبال آموزش های طراحی سایت و صفحات وب می گردند. حالا گروه طراحان ایران برا آن شده تا یک دوره ی آموزشی کامل و حرفه ای برای دوستداران طراحی سایت و اینترنت قرار دهید , این آموزش تقریبا ۱۴ یا ۱۵ فصل دارد که در این جلسه فصل اول آن را  برای شما آماده کردیم. قطعا با یادگیری این آموزش می توانید به راحتی طراحی سایت کنید. یک نکته ی مهم در آموزش طراحی سایت اینه که کد نویسی به صورت دستی هستش یعنی تو یه ویرایشگر کلیه کدها رو باید دستی بنویسید تا تسلط کامل به کدها داشته باشید. بعد از اینکه این ۱۵ فصل به پایان رسید دوره ی آموزش نرم افزار های کاربردی برای طراحی سایت رو معرفی و آموزش خواهیم داد. خوب بریم سراغ فصل اول از اموزشمون…
اصول  طراحی سایت

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

وب چیست؟ (web)
وب (WEB)یک سیستم مبتنی بر سرویس دهنده , سرویسگیر(Client/Server) بر روی اینتر نت است که با استفاده از ابزار فرامتن(HyperText) و پیوند(Link) دادن اجزای اطلاعات به یکدیگر دسترسی به منابع اطلاعاتی را تسهیل می کند. وب از ابزار فوق رسانه ای(HyperMedia) که شامل فوق متن و چند رسانه ای(MultiMedia) است بهره می گیرد. از طریق وب می توان اطلاعات را ارسال ویا دریافت نمود و متفاوت بودن سیستمهای سخت افزاری و نرم افزاری (سیستم عامل) مانع ایجاد ارتباط نمی گردد.

به بیان ساده تر اطلاعاتی که از طریق وب بر روی اینترنت قرار می گیرد میتوان شامل متن, صدا, تصویر, فیلم باشد. این عناصر با پیوندهایی که با استفاده از ویژگی زبان علامتگذاری ابر متن(HyperText Markup Language) که اختصارا (HTML) خوانده می شود در آنها ایجاد می گردد با یکدیگر مرتبط شده و کاربر را به وسیله اشاره گرها(Pointer) از اطلاعی به اطلاع دیگر راهنمایی میکند. کاربر با توجه به علاقه خود از اشاره گرهای موجود در متن برای یافتن صفحه مورد نظر استفاده می کند و یا ممکن است برای یافتن آن اطلاعات به نشانی دیگر در سیستم دیگری هدایت شود. هر عنصری که در صفحه وب وجود دارد مانند متن صدا , تصویر, فیلم, آدرسها و پست الکترونیکی قابلیت پیوند با منابع اطلاعاتی یا اشاره گرهای دیگر را دارند

تاریخچه طراحی وب
ظهور وب را می توان منشاء یکی مهمترین تحولات عصر حاضر در عرصه ارتباطات دانست. سابقه اندیشه ایجاد صفحه هایی که به صورت فوق متنی ایجاد و خوانده شود منتسب به وانوار بوش (Vannevar Bush) است که در سال ۱۹۴۵ طی مقاله ای در ماهنامه آتلانتیک تحت عنوان “As we may think” به نگارش در آورد. پس از ۴۵ سال تیم برنرز TimBerners Lee و روبرت کالیا Robert Cailliau در آزمایشگاه اروپایی فیزیک ذره ای (CERN) در ژنو سوئیس ، پروژه HTML را تهیه واندیشه خود را در نوشتاری تحت عنوان:

World Wide Web:

Proposal for a Hypertext Projet

و بر اجرای آن تأکیدکردند. در سال ۱۹۹۲ فعالیتهای آنان به ثمر نشست و پدیده جهانی وب متولد شد. بلا فاصله مرورگرهای (Browser) مناسب وسازگار نیز تهیه شد که با اقبال جهانی مواجه شد.

برای کسب اطلاعات بیشتر به اینک روبرو بروید      تاریخچه وب

نحوه کار کرد وب
صفحات مربوط به هم با استفاده از زبان نشانگذار ابرمتن کار طراحی سایت در یک مرحله به پایان رسیده است؛ اما برای ارسال و دریافت اطلاعات در فضای اینترنت و وصل شدن به اجزای اطلاعاتی مختلف نرم افزاری مورد نیاز است که بتواند بر اساس پروتکلهای پذیرفته شده, اطلاعات ابرمتن ها را خوانده وبه اصطلاح به آنها حیات ببخشد.این نرم افزارها «مرورگر وب» (Explorer) نام گرفته اند.

مرورگرهای وب چند پروتکلی (چند ضابطه ای) هستند. این بدان معنا است که مرورگرها می توانند به انواع مختلفی از سرویسگرها (Server) که بر اساس پروتکلهای مختلفی ارتباط برقرار می کنند, دسترسی داشته یاشند. مهمترین پروتکلهایی که مرور گرها می توانند با استفاده از آنها به سرویسگرها متصل شوند

مرور گرها چگونه اطلاعات سایت را دریافت میکنند ؟
یک مرور گر یک درخواست (Reguest) برای خوتندن یک صفحه به وب سرور ارسال میکند
این درخواست بر اساس استاندارد ارتباطی یا پروتکل HTTP بوده وشامل ادرس صفحه مورد نظر است
ادرس یک صفحه وب چیزی شبیهhttp://www.dehestani.ws/resume.htm است.بخش //:http نوع پروتکل یا استاندارد ارتباطی www نوع سرورdehestani نام دامین(WS .(domainپسوند مربوط به نوع دامین و resume.htm نام صفحه ای است که باید خوانده شود
 مرور گرها چگونه سایت را نمایش میدهند؟
چگونگی نمایش یک صفحه وب سایت به صورت مستتر در مرور گرها وجود دارد یعنی یک مرور گر به محض فراخوانی یک صفحه وب فرامین موجود در ان را که معمولا به زبان HTML است خوانده و اجرا میکند
مرور گرها با کمک فرامین و دستور العملهای داخل صفحات وب به نمایش اطلاعات  صفحات میپردازد
وظیفه اصلی فرامین (تگ های) HTML بیان چگونگی نمایش اطلاعات است .
 چگونه میتوان کد های مورد استفاده در طراحی سایت را مشاهده کرد ؟
پس از فرا خوانی یک صفحه وب در مرور گر برای مشاهده فرامین سازنده صفحه مورد نظر که معمولا به زبان HTML است کافی است در مرورگر وب از منوی View گزینه Source را انتخاب کنید

روش شناسی طراحی صفحات وب
قبل از ارزیابی اصول مهم در طراحی سایت به این نکته توجه کنید که طراحی سایت موضوعی سلیقه ای است در اینجا تا حد امکان از ارزیابی نکات مهم در طراحی سایت با واژه های خوب و بد اجتناب شود و به جای ان از واژه های موثر و بی تاثیر استفاده شود به خاطر داشته باشید که هیچ دستورالعمل تضمین شده ای برای طراحی سایت کاملا موثر وجود ندارد علاوه بر این چیزی به عنوان بهترین طراحی سایت وجود ندارد ولی کار شما به عنوان طراحی سایت این است که نکات مهم زیر را همیشه مد نظر داشته باشید :

شاخص های ارزیابی  طراحی سایت موثر
این شاخص به پنج دسته اصلی تقسیم میشوند ;
طراحی سایت
یوزر فرندلی یا کارکرد راحت
اسکلت سایت
زبان مورد استفاده
خدمات پشتیبانی
در این قسمت به شرح هر یک از شاخص های فوق می پردازیم;
 طراحی سایت
طراحی تصاویر گرافیک صفحه ومحل قرارگیری انها
طراحی و پیش بینی امکانات ضروری          
طراحی مکان (محل قرارگیری) اطلاعات و نحوه قرارگیری انها در سایت جذاب باشد
وع و رنگ قلم و پس زمینه مربوط به صفحات (در زبانهای مختلف) با هم متناسب باشد
متون سایت های چند زبانه در کلیه سیستم عامل ها قابل رویت باشد
صفحات و اجزای انها از اصول طراحی گرافیک پیروی کند
تصاویر هنری و گرافیکی مو جود در صفحه برای انجام کاری مشخص با هم ارتباط داشته باشد
شکل ایکن ها به روشنی انچه را که مد نظر  و هدف اصلی لست بیان کند,محل قرارگیری ایتم ها و امکانات موجود در صفحات متناسب با محتوای ان باشد
سایت اینترنتی ایجاد شده توانایی جذب افرادی را که به طور اتفاقی با سایت برخورد میکنند و تمایل دارند که زمانی را صرف بازدید از سایت کنند داشته باشد
ازامکانات صوتی گرافیکی و ویدیویی برای دادن جلوه و جذابیت بیشتر به مطالب و پیغام های سایت استفاده شود
صفحات و اطلاعات موجود در سایت به دور از یک روند همیشگی و کلیشه ای باشند
تصاویر و اشکال موجود از وضوح کافی برخوردار باشند
اصول کاربر پسندی در طراحی تصاویر گرافیک و محل قرارگیری امکانات سایت رعایت شود
زبان استفاده شده در نقشه و اجزای گرافیکی سایت با زبان استفاده شده برای ارایه اطلاعات سازگاری کافی و مناسب داشته باشد
از تصاویر و جلوه های گرافیکی و دینامیک (پویا) مناسب و جالب استفاده شود .
طراحی سایت و پیش بینی امکانات ضروری
امکان جستجو در مطالب سایت وجود داشته باشد
صفحات سایت د رحالات مختلف نمایش به طور مناسب دیده شوند
امکاناتی برای صرف نظر کردن از اطلاعات زمانبر گرافیکی و صوتی در نظر گرفته شود و ارایه اطلاعات بیشتر به صورت متن تدارک دیده شود (مانند:Skip Introدرصفحه اول انیمیشن های فلش),سایت چند زبانه باشد
در هر صفحه ایکنی معین برای تغیر زبان سایت در نظر گرفته شود
با انتخاب گزینه “تغیر زبان سایت” در صفحات ترجمه همان صفحه نمایش داده شده یا به صفحه اصلی متصل شود
امکاناتی به منظور دیدن متن اطلاعات در مرور گرهای صرفا متنی علاوه بر مرورگرهای چند رسانه ای تدارک دیده شود (وجود گزینه ای به منظور مرور گرهای صرفا متنی )
امکاناتی مناسبی به منظور انتقال متقابل اطلاعات بین سایت و استفاده کننده ان وجود داشته باشد
امکان ارتباط بین سایت و موتورهای جستجو وجود داشته باشد
جستجوی داخلی سایت به تمام زبانهای موجود انجام پذیرد
زبان پیش فرض در فرمهایی که کاربر پر میکند زبان همان صفحه باشد
در صورت نیاز بازدید کنندگان سایت به نرم افزار مخصوص برای مشاهده محتویات سایت دسترسی به نرم افزار مورد نظر از طریق سایت فراهم باشد
کاربران بتوانند نظر های خلاقانه خود را به مسئولان سایت اعلان کنند
در صروت لزوم امکاناتی برای برگشتن به قسمت بالای صفحات (استفاده از گزینه Top) موجود باشد,دسترسی به صفحه اصلی سایت از هر صفحه ای ممکن باشد
قسمتی تحت عنوان “باز خورد ” برای جمع اوری نظرات انتقادات و پیشنهادات بازدید کنندگان سایت ایجاد شود
در صورت لزوم از گزینه “برگشب به عقب “استفاده شود
فایل های موجود در سایت (اعم از تصویری , متنی  , اسلاید و…) فرمت مناسبی از لحاظ حجم و کارایی داشته باشند
امکان تشخیص موقعیت صفحه در حال نمایش نسبت به صفحات در رده بالاتر وجود داشته باشد (سایت دارای نقشه سایت باشد )
قسمتی تحت عنوان “پرسشهای متداول ” در نظر گرفته شود
ایکن های اصلی در تمام صفحات قرار داده شوند
فهرست مطالب ارایه شده در بالای صفحه اصلی ارایه شوند
امکان دریافت نسخه کم حجم تر صفحات حجیم به حالت بدون شکل ,با شکل کوچکتر ,صفحات با قالب ساده و…برای کاربر وجود داشته باشد .
مشتری مداری

 آرزومند بهترین ها برای شما …