آموزش طراحی وب سایت از پایه | قسمت اول | آموزش طراحی سایت

681
81781

آموزش طراحی وب سایتآموزش طراحی وب سایت

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

این دوره آموزسی بر اساس کتاب Build Your Own Website The Right Way Using HTML & CSS از انتشارات Sitepoint  می باشد.

چه کسانی باید این کتاب را بخوانند؟

این کتاب برای کسانی مفید است که از آموزش طراحی وب سایت اطلاعی ندارند و می خواهند تازه به جمع طراحان سایت ملحق شوند پس مسلما از ساده ترین نکات آغاز می شود .
این کتاب شما را با HTML  و CSS آشنا میکند و راه را برای ساخت یک وب سایت استاندارد به شما نشان می دهد. ذکر این نکته لازم است که ترجمه خط به خط کتاب ارائه نمی شود و چیزی که به عنوان برداشت شخصی من یک طراح سایت (بهزاد علی بیگی) از کتاب می باشد در قالب مقالات آموزش طراحی وب سایت برای شما بیان خواهد شد.
سعی می کنم در هر مقاله حداکثر یک فصل از کتاب را آموزش دهم و مسلما با بازخوردی که از خوانندگان خواهم گرفت کیفیت کار و هم چنین وسعت کار را افزایش خواهم داد.

فصل اول:
Setting up Shop

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

1- وسیلۀ ابتدایی برای ویرایش فایل های متنی که در واقع صفحه وب شما را شامل میشود
2- یک مرورگر (web browser) برای دیدن صفحات وب در آن
3- فرستادن صفحه وب سایت به محیط اینترنت با استفاده از ftp client

چون اکثر کاربران ما درایران از ویندوز استفاده می کنند پس ابزارهای موجود در ویندوز را بررسی خواهیم کرد.

ابزارهای اولیه در ویندوز برای آموزش طراحی وب سایت:

1- ادیت کردن متن : برای ادیت کردن متن در ویندوز می توانید از Notepad استفاده نمایید. این متن، همان صفحۀ وب است .
برای دسترسی به این برنامه در محیط ویندوز مسیر زیر را طی کنید:

Start > All Programs > Accessories > Notepad

design-web-01.jpg
2- دیدن خروجی فایل : برای دیدن کار خروجی می بایست از مرورگر و یا browser استفاده کنیم. مرورگرهای متفاوتی وجود دارد که بحث آنها بسیار مفصل است ولی در محیط ویندوز مرورگر Internet Explorer در دسترس است.
شما می توانید آن را در دسکتاپ خود و یا Quick Launch ویا فولدر برنامه ها و یا در منوی start پیدا کنید.

design-web-02.jpg

3- برای فرستادن صفحه به محیط وب از دستور ftp استفاده خواهیم کرد که در ادامه به آن اشاره میکنم.

۰ تا ۱۰۰ آموزش طراحی وب سایت

اگر میخواهید طراحی سایت را از ابتدا، یعنی زمانی که فقط یک ایده در ذهن دارید تا تبدیل شدن آن به یک سایت حرفه‌ای دنبال کنید، آموزش ویدیویی فارسی ۰ تا ۱۰۰ آموزش طراحی وب سایت، راه حلی ایده‌آل برای شماست.

ابزارهای دیگر آموزش طراحی وب سایت:

برای ادیت کردن صفحات خود می توانید از برنامه NoteTab استفاده کرد .مزیت استفاده از آن اینست که می توانید تب های مختلفی را برای صفحات مختلف باز کنید و بعد از بستن هم در حافظه ش می ماند و برای دفعه بعد هم باز می ماند.

design-web-03.jpg
آن را از این آدرس دانلود نمایید.

همچنین مرورگرهای گوناگونی وجود دارد که استفاده از آن ها را در کنار Internet Explorer توصیه می کنم. اما  در اینجا از یکی از بهترین آنها را نام می برم : firefox

design-web-04.jpg

اما همه عناصر که متن نیستند شما برای ویرایش عکس هم به برنامه هایی نیاز دارید که می توانید از برنامه های زیر استفاده کنید:
Adobe photoshop
Adobe fireworks
Picasa
توصیه من استفاده از فتوشاپ است ، نگران نباشید یادگیری آن برای کاربرد وب آسان است.

مرحله آخر – درست کردن مکانی است برای فایل های ساخته شده :

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

Right click > new > folder

سپس نام وب سایت را انتخاب نمایید .حالا یک فولدر دارید که فایل اصلی به همراه تصاویر و css ,html ,….. را داخل آن قرار می دهید.

نگران نباشید با هم پیش میریم و به همه موارد خواهیم رسید.
در فصل بعد شما اولین وب سایت خودتان را می سازید.

ادامه دارد اگر مورد استقبال قرار گیرد!

آموزش توسط بهزاد علی بیگی

برای مقاله های بیشتر و هم چنین دریافت pdf  سری کامل آموزش ما را دنبال کنید در

 

کانال تلگرام عصرنوشتن

681 دیدگاه

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

  2. سلام خسته نباشید.
    ببخشید من تو طراحی سایت یه مشکل دارم.
    میشه راهنمایی کنین؟
    من سایت رو رو لوکال هاست با وردپرس طراحی کردم. بعد که سایت رو به هاست میبرم صفحه اول سایت میاد. بعد بقیه آدرسای سایت کار نمیکنه
    ارور ۴۰۴ میده
    هر کاری میکنم درست نمیشه. دیتابیس رو با نوت پد ++ باز میکنم بعد localhost ها رو تغییر میدم ولی بازم درست نمیشه

  3. با مقایسه سایت شما با خیلی از سایتهای دیگه در مورد آموزش طراحی وب سایت مطالب خیلی خوب و روون گفته شده
    ممنون و مچکر از سایت خوبتون

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

  5. سلام ، سایتی با دریم ویور طراحی کردم . منوی سایت در مرورگر فایر فاکس واکسپلورر در سمت راست نمایش داده میشه ولی در کروم سمت چپ ، چه کار کنم

  6. سلام من html وcss به طور کامل یادگرفتم اما نمیدونم باید چکارکنم درادامه خواهش میکنم کمک کنید چی باید بگیرم
    طراحی اولی که با فتوشاپ هم هسترو یاد کرفتم ولی ادامشو نمیدونم

  7. سلام.من زمانی ک در notepad یا نسخه ی ++اون دوزبانه تایپ میکنم نوشته ها بهم میریزه.چیکار کنم؟ لطفا جوبو ب ایمیلم بفرسید

  8. واقعا ممنون از راهنمایی هاتون
    خیلی عالی بود
    فقط کاش توی تلگرام یه کانال میزدین
    اگه هم دارین لطف کنید آدرسشو بفرستین
    مرسی ممنون

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

  10. امیدوارم بتونم از مطالبی که برای آموزش طراحی سایت میزارین استفاده کنم….تابستون مفیدی داشته باشیم و از اینترنت استفاده ی مفید کنیم….
    خدا خیرتون بده ، مرسی^___^

  11. سلام مم می خوام در notpad++وب طراحی کنم کد هاش رو نمیدونم کد هتی امادش رو از کجا می تونم دان کنم درزم به زبان c#اشنایی دارم

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

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

    • دوست عزیز خیلی سایت ها هستن که هاست رایگان میدن با قالب های زیبا اما طراحی وبسایت چیزی نیست که ادم در عرض چند دقیه یاد بگیره اگه html نویسی بلدی که هیچی اگه بلد نیستی برو سایت ساز های رایگان رو ببین

  14. عالی بود لطفا مطلب رو واضح تر بگید برنامه نوت پد هم که پولیه لطفا لینک رایگان رو زودتر قرار بدید…. چاکرتون……..☺☺☺?????????

  15. سلام.ممنون بابت این مدل آموزش بسیار عالی که قرار دادید .ولی میخواستم درخواست کنم اگه امکانش هست این قسمت ها رو در یک کانال تلگرامی بگذارید تا بیشتر در دسترس باشه ممنونم.

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

  17. ممنونم از پستتون من می خواهم قدم به قدم با شما پیش برم و یاد بگیرم طراحی وبسایت رو من دانشجویی ارشد نرم افزارم

  18. سلام.من از امروز شروع کردم و میخوام تا آخر این آموزش پیش برم.امیدوارم مفید باشه و منو به سمت هدفی که دارم پیش ببره.سپاسگزارم.

  19. با سلام
    خیلی ممنونم از وقتی که گذاشتید و این آموزش خوب رو ایجاد کردید.
    انشاا.. در تمام مراحل زندگی موفق و موید باشید .

  20. با سلام
    از زحمات شما در آموزش طراحی سایت برای افراد مبتدی همانند ینده بسیار تقدیر و تشکر دارم .
    انشاا.. در تمام مراحل زندگی موفق و موید باشید .

  21. با سلام و خسته نباشید خدمت استاد گرامی و تشکر فراوان بابت مطالب عالی و آموزشی
    مفید..بسیار خوب واموزش، روان یادگیری ??
    بی نهایت سپاسگزارم…❤️❤️❤️❤️

    • برای PDF کردن و ذخیره آسان مطالب لطفا از ستون عمودی سمت چپ آیکون زرد رنگ با لیبل P استفاده کنید.
      با تشکر

  22. سلام
    من بااستفاده از آموزش های شما و کمک دوستان یک وب سایت راه اندازی کردم میخام لینک یک فروشگاه که بصورت کد هست رو داخل وب سایتم بزارم نمیدونم این کدرو چطوری و از کجا باید وارد قالب وب سایتم کنم لطف کنید راهنمایی بفرماید()

  23. من تازه شروع به یادگیری کردم در واقع در برنامه نویسی صفر کیلومترم میخوام یاد بگیرم تا یه سایت تجاری بزنم با دروپال ممنون میشم راهنمایی کنید

  24. سلام
    من ی سایتی برای شرکتم ساختم و فعال شده ولی نمی تونم اطلاعات اولیه را وارد کنم.شنیدم باید برنامه نویسی بلد باشم.لطفا راهنمایی کنید

  25. سلام و از آموزشتون ممنونم
    من قراره تابستون خودم یک وب سایت کاملا مستقل طراحی کنم اصلا سیستم سایت ساز و … هم نمیخوام
    با آموزش های شما و مطالعه تمام فصول میتونم این کارو بکنم؟
    میخوام بیرون نرم اگر میشه لطفا جوابشو بدید همچنین به ایمیلم
    تشکر

  26. کاش یه سایت بهتر رو آموزش میدادید چون این سایتی که آموزش دادید برای دانشجوهایی مثل من مناسب نیست چون سایتش خوب نیست و در نت موجود هست و همه کپی هستش و کسی کدهای کپی رو قبول نمیکنه

  27. سلام.من برای اولین باره که سایت شما رو میبینم.اموزش طراحی جالبی دارید..من میخام تا اخرین مرحله رو دنبال کنم.سوالی داشتم خدمتتون.یادگیری این برنامه نویسی با php چیه کدوم شون بهتره وکارایی شون و سادگی شون بیشتره…ممنون

  28. باعرض سلام

    برای پیوند صفحه html وxhtml وcss چه کار بکنیم
    سوالم طور دیگه مطرح کنم وقتی html باز است چطور css و xhtml باز کنم وبه کد نویسی بپردازم واینها را چطور به هم پیوند دهم
    ممنونم از راهنمایی قبلی و این راهنمایی

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

  30. با سلام..من ليسانس شيمي دارم و مي خوام در زمينه طراحي سايت ي كتابي بهم معرفي كنيد.
    من از طراحي سايت هيچي نمي دونم.

  31. سلام ممنون از اموزشتون من فعلا اولین جلسه ی کلاستونوخوندم خیلی دوست دارم طراحی سایت یاد بگیرم خواهشا کمکم کنید.

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

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

  34. سلام
    از تلاش و زحمتي كه در نشر دانسته هايتان صرف مي كنيد كمال تشكر را دارم
    برايتان آرزوي بهترينها را دارم
    شاد و پيروز باشيد
    درود

  35. با سلام و خسته نباشید
    سایتتون بسیار عالیه لطفا اصطلاحاتتخصصی رو توضیح مختصری بدید داخل پرانتز برای کسایی که آشنایی کمتری به این واژه ها دارن برای فهم بهتر .
    با تشکر

  36. با سلام
    بسیار عالیه و ممنون از اموزشتون
    من میخاستم کلاس برم که خوشبختانه و تصادفی به اینجا سری زدم و هدف خاصی دارم از زدن وب سایت فتوشاپ در حد نیمه حرفه ای میدونم به ورد و تایپو …. مسلطم….. امیدوارم بتونم با اموزش شما سایتمو طراحی کنم و به نمایش بزارم….چیزی که سوال دارم واسه فروشگاه اینترنتی می بایست چه کاری انجا ببدم میگویندداحتیاج به مجوز داره…و ایا درامدزایی خوبی داره؟؟؟

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

  38. سلام. مطالب مفید هست . آموزشهای تصویری این سایت هم خوبه irantuts.ir
    من خیلی تصادفی باهاش آشنا شدم شش ماه پیش. اموزشش حتی واسه دوستانی که هیچی بلد نیستن هم کاربرد داره. ی پورتال رایگان آماده هم میدن تو مجموعشون.
    دست شمام درد نکنه خیلی مفیده این مطالب

  39. سلام خسته نباشید, خیلی توضیحات عالی هستند.
    من یه راهنمایی از شما می خواستم در رابطه با آموزش طراحی وب سایت
    می خواستم بپرسم آیا شما آموزش حضوری در مرکزی جایی انجام می دهید؟
    یا این که به من جایی را معرفی کنید که آموزش جامع و کامل به صورت حضوری آموزش دهند.
    با تشکر خدا قوت

  40. سلام خسته نباشید ببخشید من یه اموزش مرحله به مرحله ساخت یه وبسایت و میخوام با css,html ,php
    برام فرقی نداره کدوم یکی از این سه تا فقط یه اموزش جامع و کامل میخوام در باره اینکه یه سایت و مرحله به مرحله بتونم از روی اون بسازم یعنی خودش یه اموزش باشه ک طبق اون مراحل رو برم
    هیچ سایتی نداشت میشه شما راهنماییم کنین یا اگ چنین فایلی دارید ب میلم بفرستید ممنون میشم ازتون خیلی ضروریه

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

  42. سلام
    اگه سایت را برای من طراحی کنند برای اداره سایت مثل پورتال خبری html و css یاد بگیرم؟کلا باید چی یاد بگیرم؟

  43. سلام خسته نباشید باتوجه به اینکه من مبتدی بودم در این کار .اموزش عالی بود ولی یک جمله قدیمی است .که هر که کار انجام پایان دهد لذا ما را تو خماری قرار دادی لطفا تا انتها اموزشها را ادامه بدهید تا یک سایت معمولی بتوانیم بسازیم.متشکرم

  44. سلام مرسی از اموزش خوبتون. من یه سوال داشتم من یه سایت در مورد خواننده های خارجی درست کردم یکی از دوستان به من گفت که اگر این خواننده ها جرمی مرتکب بشن چون سایت من در مورد اونا است. ممکنه برام مشکل ایجاد بشه. به نظر شما ایا حرف دوستم صحت داره? ایا من اگر این سایت رو داشته باشم مشکلی پیش میاد?

    • با سلام
      حرف دوست‌تان چندان هم بی‌راه نیست بهتر است مشکل دار بودن یا نبودن این ایده را از سایت مصادیق مجرمانه تحقیق کنید.

  45. با سلام ودست خوش به شما عزیزان
    بنده رشتم کارشناسی وارشد برق بوده فقط ۳ واحد c+ پاس کردم وبرنامه نویسی های MATLAB وخیلی علاقه به طراحی سایت دارم می خواستم بدونم طراحی سایت پایه ای لازم داره که ازون باید شروع کنم یا با آموزش های شما می تونم یاد بگیرم.لطفا راهنمایی بفرمایید

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

  47. سلام
    مطالبتون خیلی پر بار بود
    ببخشید امکان داره سوالی درباره طراحی قسمتی از سایت بپرسم
    سوال ۱ :من یه وبلاگ در رز بلاگ دارم و یه قالب رایگان از اون انتخاب کردم
    ولی می خام قسمت های : موضوعات ، آمار بازدیدکنندگان ، ارسال نظرات آخر مطالب ، وفرم ارتباط با ما
    را خودم طراحی کنم .اگر امکان داره برام بگین باید از چه زبان های تحت وب ( منظورم : html –css –php- -جاوااسکریپت –آژاکس –جی کوئری و…) و از چه نرم افزارهایی استفاده کنم و آن کدها را در کجای قالب قرار بدهم .
    لطفا توضیح هم بدهید .
    ایمیل من : mehdih1993@yahoo.com
    با تشکر

    سوال ۲ : من در فتوشاپ تصویری برای قالب سایت درست کردم که شامل هدر ، ستون سمت چپ ، ستون سمت راست ، فوتر و… است . چگونه میتوانم این تصویر چند لایه را به قالب سایت تبدیل کنم و آن را با زبان های برنامه نویسی تحت وب مرتبط کنم .
    باتشکر

  48. سلام منم تازه کار هستم البته html رو یکم بلدم
    انشاالله ک بتونم یاد بگیرم
    تشکر می کنم از شما ک این اموزش هارو قرار دادید

    الّلهُمَّ صَلِّ عَلَی مُحَمَّدٍ وَآلِ مُحَمَّدٍ

    وَعَجِّلْ فَرَجَهُمْ

    وَالْعَنْ أعْداءَهُم أجْمَعِینَ

  49. من تازه کارم و میخوام طراحی وب کار کنم واقعا از زحماتتون تشکر میکنم و حتما با اموزشی که شما میدید خیلی زود میتونم مهارت کسب کنم با تشکر از شما

  50. من تازه کارم میخوام یه سایت واسه بیزینسه خودم درست کنم امیدوارم با سایته شما و آموزش های شما به خواستم برسم

  51. سلام وخسته نباشید خدمت آقای علی بیگی.واقعاممنون از زحمات شما که اطلاعاتی که بازحمت بدت اوردین رو به ما یادمیدید..

  52. سلام
    من میخوام یه سایت نیازمندی راه بندازم .. میشه کامل راهنمائیم کنید ؟
    از انتخاب دامین و هاست و این چیزا ..
    یک دنیا ممنون

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

  54. سلام
    دعای خیر برای شما می کنم.من تازه میخام طراحی سایت یاد بگیرم.همین اولش نوع نوشتارتون مشتاقم کرد به یادگیری.لطفا به آموزشتون ادامه بدید.
    با تشکر

  55. سلام و خسته نباشید،خیلی ممنون از لطفتون،واقعا کار خوبی می کنید،البته اگه فایل pdf هم از فصل ها اراعه بدید که بسیار عالی میشه،بازم ممنون و خدا قوت

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

  57. دیگه دوره ی کد نویسی به پایان رسیده نرم افزار ها این کار رو انجام میدن پیشنهاد میکنم serif webplus x7 رو امتحان کنید

  58. سلام من خیلی وقته دوست داشتم طراحی سایت رو آموزش ببینم تازه با این سایت آشنا شدم
    خیلی عالیه خیلی ممنون از بابت وقتی که برای کاربرا میذارید.

  59. سلام واقعا عالی توضیح دادید.خیلی دلم میخواست طراحی سایت یاد بگیرم.شروع خیلی خوبی بود.اگه ممکنه آموزش های چهارده قسمت رو برام ایمیل کنید.
    ممنون

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

  61. سلام من نیازدارم همه چیزودرباره طراحی سایت بدونم ویادبگیرم که چطور1سایت طراحی کنم اگه میشه کمکم کنیدتا2شنبه12 اسفندوقت دارم براپایان نامم اگه کسی هست لطفا به این ادرس ایمیل بزنه shabnam.abroon@gmail.com

  62. سلام می بخشید من یک سوال داشتم
    میخوام برای پروژه پایانی یک سایت طراحی کنم ولی موضوع خوب میخوام می خواستم اگر امکانش هست چند موضوع مناسب(سطح بالا) بهم معرفی کنید لطفا

  63. باسلام،میشه در ساخت یک وبسایت تجاری گام به گام بایک نفر مبتدی آی تی ولی حرفه ایی در یک کسب وکار ،همکاری و از مزایای آن استفاده کنید؟. در هرحال متشکرم

  64. سلام
    من ترم اخر رشته کامپیوتر هستم.پروزه پایانیم در مورد طراحی وب سایت.ولی زیاد بلد نیستم و اطلاعات کافی ندارم . میخواستم بپرسم با مطالبی که تو سایت شماست میشه کارم راه بیوفته یا حتما باید برم دوره های طراحی وب رو ببینم یا نه؟
    ممنون میشم اگه راهنماییم کنید

  65. سلام مرسی از مطالبه خوبتون!
    این کتاب ترجمه شدش هم هست ؟
    و اگر نیست نسخه انگلیسیشو از کجا میتونم پیدا کنم
    مرسی

  66. باسلام خسته نباشید ممنون ازسایت خوبتون نکات اموزشی خیلی مفید توضیح میدید منتظربخش بعدی اموزشتون هستم خداقوت

  67. خیلی عالیه ، فقط من چون زیادی مبتدی هستم یه سوال دارم اون چیزی که از طریق مثلا سایت بلاگفا می سازیم با این کاری که می کنیم چه فرقی داره ؟ لطفا راهنماییم کنید .

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

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

  70. سلام . خیلی ممنون از زحماتتون. من خواهشی داشتم . میخواستم ببینم pdf مطالب رو میشه برام بفرستید یا بگید از کجا دانلود کنم . ممنون میشم .
    متشکر

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

  72. داداش بهزاد مرسی داری
    دیدم بی معرفتی اینقد قشنگ و ساده توضیح دادی اگه بخوام نظر ندم
    ایشالا تا آخر باهات هستیم مرسسسسسسی

  73. آفقا خیلی ممنون
    من مدت ها بود که به دنبال طراحی سایت بودم
    همیشه هم تا نصف و نیمه ادامه دادم و ول کردم
    ولی فکر میکنم با این سایت بتونم به چیزی که میخوام برسم
    تشکر

  74. سلام و خسته نباشید
    می تونم بگم عالیه.یه درخواستی داشتم اگر ممکنه آموزشه ساخت قسمت کامنت و نظر سنجی رو هم بذارید این خیلی مهمه ولی بهش توجه نمیشه ممنون

  75. سلام دوست عزيز
    مطالبتون خوب و عاليست ولي براي من كه تقريبا هيچي از طراحي وب نميدونم خيلي گنگ و سردرگم كننده است ميشه تمام مراحل راباشكل و گام ب گام نشون بديد …منظورتون از استفاده از notpad در internet-ex يا firefo چيه ؟ شرمنده ولي من حتي درس اول و متوجه نشدم چ برسه به درساي بعدي خواهشا ميشه روانتر توضيح بديد تا بتونم خودم از روي مطالب شما يك وب براي خودم طراحي كنم !!!! واقعا ممنون

  76. سلام .خیلی عالیه .
    آقای علی بیگی خیلی ممنون .
    واقعا خیلی خوشحالم که میبینم که یه همیچین افراد دلسوزی هستن که به ما تازه واردای دنیای سایت کمک کنن.
    بازم تشکر فراوان .

  77. با سلام به نویسنده گرامی با تشکر از که چنین مطلبی برای ما خواننده ها گذاشته اید دست درد نکنه.
    بابا گلی به جمالت

  78. ببخشید شما که بلدین وب سایت درست کنین ب فکر پولش هم باشین ک پول هاست بدین دیگه ماهانه باید پول بدین حدود 5 تومن تا………و اولش هم باید حدود 12 تومن بدین انهارو بدونین من ک همه کار بلدم بکنم گفتم ک راهنمایتون کنم

  79. واقعا عالی بود میخواستم برای وبسایت سازی به یک کلاس برم اما فکر نکنم دیگه لازم باشه من الان فصل بک رو خوندم و الان بقیه اش رو هم میخونم باز هم ممنون و خسته نباشید

  80. واقعا عالی بود میخواستم برای وبسایت سازی به یک کلاس برم اما فکر نکنم دیگه لازم باشه من الان فصل بک رو خوندم و الان بقیه اش رو هم میخونم باز هم ممنون و خسته نباشید

  81. ممنون از شما همید وارم که در تمامی سختی ها سر بلند باشید.
    اگه لطف کنید آی دی یاهو تونم بدین بسیار سپاس گذاریییم.

  82. سلام بی زحمت pdf راگردارین برام بفرستین من تا یک ماه دیگه باید یک سایت تحویل بدم نیازشدید دارم شرمنده یه لطفی کنین شرمنده اگه به زبان php دارین برام بفرستین تشکر

  83. سلام بی زحمت pdf راگردارین برام بفرستین من تا یک ماه دیگه باید یک سایت تحویل بدم نیازشدید دارم شرمنده یه لطفی کنین

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

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

  86. با سلام و عرض ادب
    عالیه ممنون میشم اگه ادامه بدید . من میخوام یه سایت حرفه ای داشته باشم به همین دلیل نیاز به یه سری اطلاعات دارم . در ضمن میخواستم بدونم شما فروشگاه اینترنتی هم راه اندازی میکنید؟

  87. سلام
    ممنون از سایت خوبتون
    تا اینجا که شما اموزش دادین باید همه چیز رو یاد گرفته باشیم یا جلو تر تکرار میشه ؟!؟

  88. سلام پروژه پاياني كارشناسي خواهرم طراحي وب سايت است. اگر برايتان امكان دارد pdf كامل را برايم ايميل كنيد منتظرم.ممنون

  89. با سلام اگه ممکنه چون من به اینترنت درسترسی خیلی کمی دارم لطف کنید pdf کاملش رو برام ایمیل کنید. با تشکر.

  90. سلام ممنون از سایت خوبتون خیلی کمکم کرد.میشه لطف کنید بگید چجوری باید از روی هارد سرور رو سایت برای دانلود آدرس دهی کنم ینی اینکه لینک دانلود رو سایتم ایجاد کنم.من با php و javascript حدودا آشنایی دارم.مرسی

  91. با سلام و احترام
    تشکر برای آموزش خوب و روانی که در این پیج قرار دادین، بسیار زیاد مفید و کاربردی هست
    انشاله برقرار و موفق باشید

  92. زندگی صحنه ی یکتای هنرمندی ماست هر کسی نغمه خواند و از صحنه رود
    صحنه پیوسته به جاست
    خرم آن صحنه که مردم بسپارند به یاد
    از تمام راهنمایی های شما تشکر می کنم

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

  94. سلام من دانشجوی رشته حقوق هستم به کامپیوتر خیلی علاقه دارم و خیلی دوست دارم یه وب طراحی کنم به شدت پشت کار دارم اما از هر کسی که تو این رشته فعالیت میکنه راهنمایی میخوام ناامیدم میکنن من میخوام از شما که راهنماییم کنید ممنون از شما دوست عزیز

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

  96. سلام
    من مبتدی هشتم آیا می توانم شروع خوبی داشته باشم و به نظر شما این فایل شما برای افرادی مثل من خوب است تا شروع کنم مممممنون اگر برنامه خواصی میخواد لطفا به ایمیلم بفرستید سپاسگذارم

  97. یا دتون باشه که یک برنامه سایت رو نمیسازه این شمایید که سایت میسازید و برای آن میتونید از نرم افزارهای مختلفی کمک بگیرید.
    برای این نوع سایت ها فرقی نمیکنه سمت
    sql server
    بریم و یا
    mysql
    ولی برای سایتهایی با امنیت بالا مثل بانک ها جای بحث دارد

  98. با سلام
    میخواستم بدونم این سایت با چه برنامه ای طراحی شده؟
    میخوام یه بانک اطلاعاتی شبیح این سایت درست کنم ولی نمیدونم بهترین گزینه چه برنامه ایه.

  99. سلام
    در صورت امکان نسخه pdf آموزشهای فوق را به آدرس اینجانب ارسال فرمایید. قادر به پرینت دقیق موارد فوق نیستم. با تشکر.

  100. سلام . چطور ميتونم قالب سايت را ويرايش كنم و تبليغات در سايتم بزارم . هيچ گزينه اي براي ويرايش قالب نداره . چه جوري بايد قالبش را ويرايش كنم . اگر امكان داره به ايميلم جواب بدهيد . آدرس سايت را مي نويسم براتون .

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

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

  103. سلام
    لینک ادامه مقاله فوق در همین صفحه وجود دارد
    در مورد دریافت فایل پی دی اف هم باید بتوانید به فیس بوک دسترسی داشته باشید
    ما متاسفانه نمی توانیم به طور جداگانه فایل را برای کاربران ارسال کنیم

  104. من عاشق طراحی سایتم…. و تازه شروع کردم ی چیزایی از html,css خوندم ولی فکر میکنم کافی نیست.. و میخوام از اول و دوباره با آموزش های شما پیش برم… لطفا و خواهشا تا آخرش و هرچیزی که نیازه ما برای طراحی بدونیم آموزش بدین… ی سوالی هم داشتم از حضورتون: میخوام بدونم برای طراحی سایت بطور حرفه ای واقعا نیاز که در دوره ها و کلاسهایی که تشکیل میشه شرکت کنم؟ یا خودم میتونم از همین سایت های اینترنتی یاد بگیرم.. بعدش چه کتاب هایی رو بخونم بهتره؟
    ی مشکلی هم دارم اینه که یه سایت ساده و ابتدایی فعلا طراحی کردم برای شروع ولی نمیدونم چطور باید چند صفحه براش ایجاد کنم… منظورم صفحه های تو در تو… فقط با لینک یا دکمه ها میشه این کارو انجام داد؟
    .
    .
    .
    مرسی

  105. مرسى قشنگ توضیح داديد اما اگه ميشه لطفا براى من ايميلش كنيد كه بذارم روى موبایلم بخونم مرسى از لطفتون:-*زش

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

  107. سلام وقت بخیر خیلی وقت بود دنبال همچین آموزشی بودم میخواستم خواهش کنم که مجموعه کامل آموزش را درغالب pdfهم ارائه دهید.باتشکر

  108. سلام
    بسيار عالي بود
    مدت ها به دنبال چنين نحوه آموزشي بودم
    مرسي از مطالب آموزنده و روش آموزشي روانتون
    منتظر ادامه مطالب آموزشي شما هستم

  109. مهندس خيلي عالي بود ممنون دارم با كمك شما اولين سايت خودمه طراحي ميكنم اميدوارم بتونم با كمك شما در حد تقريبا حرفه اي پيش برم

  110. سلام . آقا استقبال میشه چرا نشه ؟ خدا خیرت بده کمتر کسی میاد این کارو با این دقت شما انجام بده . ما بی صبرانه منتظریم .

  111. لطفاً توجه نمایید آموزش ها به طور شخصی برای دوستانی که در خواست می کنند ارسال نمی شود
    لطفاً از وب سایت پیگیری کنید و یا برای پی دی اف به قیس بوک سری بزنید

  112. سلام
    من یه کمک می خوام
    چگونه میشه رنگ button را در قسمت طراحی نرم افزار Dreamweaver تغییر داد?
    اگه کسی با این نرم افزار کار کرده کمکم کنه
    نیازمند یاری سبزتان هستیم.
    با تشکر فراوان

  113. خوب بود ولی هر چه جدید تر باشه بهتره
    ممنونتونم
    از زحمتایی که برای افرادی که نیاز دارن اینارا توی سایت گذاشتید

  114. سلام من از طراحی سایت چیزی نمیدونم ولی خیلی علاقه دارم یاد بگیرم میشه این مطالب را برام در قالب pdf ایمیل کنید با تشکر

  115. دوستان
    قسمت های دوم تا دوازدهم این آموزش تا تاریخ 19 آذر در وب سایت قرار داده شده است
    در ضمن برای دریافت pdf عضو صفحه ما در فیسبوک شوید

  116. سلام مدت ها بود که به دنبال همچین چیزی بودم. کتابها مفید هستند اما زمانبر و گاهی خسته کننده، اینکه چکیده با تجربه شخصی شما درهم آمیخته بشه و فصل به فصل ارائه بشه مطمئناً لذت بخش خواهد بود. لطفاً این کار ارزنده (به اشتراک گذاشتن دانش خود) را ادامه بدید.

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

  118. سلام مرسی از مطالب عالیتون…
    من تازه وبسایت شما رو پیدا کردم کلی هم استفاده کردم
    اما برای دانلود NoteTab به مشکل برخوردم…اگه ممکنه راهنمایی کنید

  119. سلام . واقعا ممنونم.عالي بود ، فقط يك چيزي من نتونستم برنامه ي (ورد پد) را دانلود كنم ، من برنامه ي ورد پد را در كامپيوترم دارم ولي اون طوري كه عكس اش را گذاشته ايد نيست . ميشه لطفا بگيد بايد چه طوري اين برنامه را دانلود كنم؟

  120. کارتون بسیار عالی است
    یه حرفی یه جایی خوندم که اگه اینجا نگم بی انصافیه
    نوشته بود زکات علم نشر آن است
    و شما اقای علی بیگی اینکارو به نحو احسن انجام میدید
    موفق باشید

  121. خیلی عالی بود خیلی راحت و ساده مطالب رو بیان کردید و البته کاربردی فقط اگه میشه همونطور که سوسن گفت همزمان که درس میدید یک سایت رو هم بعنوان تمرین درست کنید و متناسب با آموزش یه بخشش رو درست کنید
    خواهشا php رو هم آموزش بدید

  122. مرسی
    مطلبتون خیلی به دردم می خوره ممکنه حتما ادامه بدین و به همراه آموزشتون منابع راهنما هم معرفی کنید؟(برای یه دانشجوی مهندسی)
    بازم مرسی

  123. از زحمات بی دریغی که کشید ی ممنون .خیلی عالی بود فقط یه سوال من میخوام یه وب در رابطه با کارم که گرافیک بزنم ولی نه الان بعد از اتمام تحصیلم.من چه طوری میتونم با شما در تماس باشم که اگه مشکلی درحین کار پیش اومد ازتون کمک بگیرم میتونم ایمیلتونو داشته باشم ؟با اجازتون Addکردمتون.

  124. با تشكر از همه دوستانی كه نظر دادند
    مسلما اين سری آموزش ادامه خواهد يافت و آن دسته از دوستانی كه به دنبال مطالب متوسط و پيشرفته تری هستند كمی صبر كنند خيلی زود به آن ها هم خواهيم رسيد

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

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

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

  128. سلام؛
    ایده‌ای بس جالبیست؛ ممنونیم از شما.
    من کتاب (PDF) فوق را مطالعه کردم، واقعاً جذاب در عین آموزنده‌ست.
    موفق‌باشید.

ارسال یک پاسخ