هر ایده جدیدی اعم از تجاری و غیرتجاری با طراحی مناسب یک سایت می‌تواند مسیر نوینی را پیش روی شما قرار دهد. اگر طراح حرفه‌ای سایت نیستید و در عین حال نمی‌خواهید برای داشتن یک وب‌سایت هزینه‌های زیادی متحمل شوید بهتر است سری به سرویس‌های معرفی‌شده در این کارگاه بزنید. کلیه ابزارهای بررسي‌شده در این نوشته برای افراد نه‌چندان آشنا با طراحی وب راه‌اندازی شده‌اند و کار با آنها بسیار ساده است. در صورتی که تاکنون دستی در تولید سایت نداشته‌اید، حتما نگاهی به این سرویس‌ها بیندازید.یکی از گام‌های اساسی در طراحی یک سایت، انتخاب رنگ مناسب برای بخش‌های مختلف آن است. Color Wizard سرویس آنلاینی است که در این زمینه می‌تواند کمک شایانی به کاربر تازه‌کار کند و رنگ مناسب را بیابد. به آدرس colorsontheweb.com/colorwizard.asp بروید و قبل از شروع کار با ابزار فلش موجود، روی لینک Start Training به رنگ سبز کلیک کنید. با ورود به سایت lumosity.com مراحل آموزشی مربوط به روانشناسی رنگ را طی کنید تا اطلاعات بیشتری در این زمینه به دست آورید. به سرویس Color Wizard برگردید و با ابزار موجود رنگ مناسب را با یادداشت‌برداری کد مربوط به آن انتخاب کنید.CSS Typeset ابزار آنلاین دیگری است که هدف اصلی آن ویرایش سریع بخش‌های CSS یک سایت است. برای استفاده از این امکان رایگان به csstypeset.com بروید و در بخش Enter Text متنی را با استایل دلخواه وارد کنید. کد CSS مربوط به متن شما در جعبه سمت راستی یعنی View CSS نمایان خواهد شد. برای ویرایش کد CSS ایجادشده نیازی نیست با نحوه کدنویسی مربوط آشنا باشید و می‌توانید از ابزارهای موجود در پایین سایت برای تنظیم کد دلخواه استفاده کنید. در آخر کد به‌دست‌آمده را کپی کنید و در محل مورد نظر سایت خود قرار دهید. CSS Typeset سرویسی است که جنبه آموزشی هم دارد و توسط آن می‌توانید با کدهای CSS بیشتر آشنا شوید.طراحی طرح اصلی سایت یکی از کارهای طاقت‌فرسا در راه‌اندازی یک وب‌سایت است. به همین دلیل سرویس‌های آنلاین بسیاری برای سهولت بخشیدن به این مرحله وجود دارد که یکی از آنها dotemplate است. در این سایت طرح‌های آماده‌ای وجود دارند که توسط محیط خود سایت قابل ویرایش هستند. برای استفاده از این امکان به آدرس dotemplate.com بروید و روی یکی از طرح‌های دلخواه کلیک کنید. Customize and Download را بزنید. در این مرحله صفحه ‌اصلی طرح برای شما باز شده و جالب اینجاست که می‌توان با کلیک روی هر عنصر سایت آن را دستکاری کرد. مثلا اگر دکمه‌ای را در منوی اصلی کلیک کنید پنجره ویرایشی‌ آن برایتان باز می‌شود و قادر به تعویض رنگ، لینک و... خواهید بود.یکی از بخش‌های طراحی که شخصیت سایت شما را نشان می‌دهد آیکون کوچکی است که در کنار نوار آدرس مرورگرها به نمایش درمی‌آید. این آیکون‌ها که با عنوان FavIcon شناخته می‌شوند، تصاویری از نوع JPG، PNG یا GIF هستند که ابعاد 16 × 16 پیکسلی دارند. برای رهایی از دردسرهای ساخت این بخش از سایت به آدرس dagondesign.com/tools/favicon-generator-tool بروید و پس از انتخاب فایل تصویری مورد نظر از روی سیستم‌، آن را در سایت بارگذاری کنید تا Favicon ساخته شود. اکثر مرورگرها هنگام بارگذاری سایت به دنبال مسیر این آیکون می‌گردند و در صورت نبود آن ممکن است به کاربر هشداری نمایش دهند که برای یک سایت خوب چندان رضایت‌بخش نیست.کلیک، درگ و تمام. این شعاری است که در صفحه‌اصلی سایت roxer.com خودنمایی می‌کند. با ورود به این آدرس و ایجاد یک حساب کاربری جدید می‌توانید تنها با درگ کردن عناصر مختلف سایت را به صفحه اصلی خود بیفزایید. به این ترتیب Roxer به شما امکان می‌دهد ویدئوهای موجود در سایت‌های دیگر، تصاویر دلخواه و اجزای دیگر را به سادگی به صفحه وب‌ اضافه کنید. کلیه امکانات این سایت رایگان است و در آخر آدرسی برایتان ساخته می‌شود که شامل roxer.com می‌شود. استفاده از سرویس roxer.com یکی از بهترین روش‌ها برای تولید سریع سایت‌های ساده و کاربردی است.افزودن جلوه‌های جالب Web 2.0 می‌تواند در طراحی نهایی سایت موثر باشد و بازدیدکننده را به خود جلب کند. یکی از این جلوه‌ها به دکمه‌های زیبا مربوط می‌شود؛ برای ساخت یک دکمه از نوع Web 2.0 سری به آدرس mycoolbutton.com بزنید. پس از عضویت در سایت می‌توانید از بین طرح‌های موجود یکی را انتخاب کرده و رنگ، متن و لینک دکمه را ویرایش کنید. ساخت این نوع دکمه‌ها با سرویس مذکور بسیار ساده است و دست آخر به راحتی می‌توانید آن را دانلود کنید و در بخش مناسب سایت خود قرار دهید. برای مشاهده طرح‌های بیشتر سری هم به لینک generators در منوی اصلی بزنید.یکی از سرویس‌هایی که مراحل ساخت سایت را از ابتدا تا انتها در اختیارتان قرار می‌دهد weebly.com است. مزیت این سرویس نسبت به نمونه‌های مشابه این است که به شما امکان می‌دهد سایت را برای دستگاه‌های همراه نیز بهینه کنید. با وارد کردن ایمیل و کلمه عبور دلخواه عضو سایت شوید. مرحله به مرحله ویزارد را طی کنید؛ به طوری که در ابتدا نام و نوع سایت و در مرحله بعد عنوان URL را وارد کنید تا صفحه اصلی باز شود. زبانه Design را بزنید و پس از انتخاب یکی از طرح‌های موجود، به سراغ زبانه Elements بروید. عناصر دلخواه از قبیل دکمه، ویدئو، فرم تماس و... را به قسمت مورد نظر درگ کنید. پس از اینکه کار طراحی را به اتمام رساندید دکمه Publish را در بالا و سمت راست صفحه بزنید.