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

سلام دوستان هدفم از ایجاد این تاپیک این بود که وب سایت هایی که در زمینه طراحی وب سایت فعالیت می کنن رو معرفی کنیم..زیاد مهم نیست که از عمر این وب سایت ها چقدر گذشته باشه..مهم اینه که بتونن به من و بقیه افراد کمک کنند...
برای معرفی وب سایت های مفید ابتدا یه توضیح مختصر بدین و سپس آدرس سایت رو قرار بدین..برای نمونه هم من چندتایی معرفی میکنم..
امیدوارم که بچه های انجمن هم دریغ نکنن و در این زمینه اطلاعات خوشون رو با ما به اشتراک بزارن..
----------------------------------------------------------------------------------------------------------------------------
1)آموزش های جدید طراحی سایت
آدرس : طراحی سایت
.................................................. .............
2) )آموزش css و jquery و html به صورت ویدئو
آدرس: www.p30sazan.com
.................................................. ............
3)وب سایت جومینا برای جوملا کاران
آدرس: www.joomina.ir
.................................................. .............
4)آموزش jquery و Flash و فتوشاپ و css
آدرس netpixel.ir
.................................................. ..........
5) اگه میخاین از تجربه حرفه ای ها استفاده کنید حتما از این وب سایت دیدن کنید...نکات بسیار آموزند های رو بیان کرده
آدرس : www.webtarget.ir
.................................................. ..........

امیدوارم دوستان هم اگه جای بدرد بخوری دارن معرفی کنند.

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

www.ijquery.ir

با اجازه :

این وب سایت آقای محسن شفیعی هستش که خودم هم تو اون دارم فعالیت میکنم ، آموزش + معرفی : www.aparnet.ir

بدون شک اکثر شما ها با وب سایت نارنجی آشنا هستین..این سایتی هم که معرفی میکنم داداش نارنجی هستش که در زمینه طراحی وب سایت ..برنامه نویسی وب سایت و ... نکات بروز و آموزنده ای رو بیان میکنه که از هیچ سایت دیگه ای کپی نشده و همه مطالب جدید و جالب هستش..
http://nardebaan.ir/

سایت زیر یکی از بهترین سایت هایی بوده که من تو زمینه طراحی وبسایت دیدم! این سایت تمام نکات مربوط به html-css-js و ajax رو در دو سطح مبتدی و حرفه ای و با مثال برای آموزش گذاشته .پیشنهاد میکنم حتما یه سری بزنید من که خیلی ازش استفاده کردم
www.webgoo.ir

یه وب سایت مناسب برای دیدن وب سایت های خلاق و خوشگل ایرانی..کلی میتونید از این نمونه ها ایده بگیرین
www.styles.ir

اينم سايت خوبيه
http://developer1.ir/Default.aspx

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

ورود به سایت

اینم خیلی خوبه!
www.ehsanavr.com

تست آنلاین صفحات وب در ورژنهای مختلف IE
آدرس سایت : http://www.modern.ie

لینک منبع و آشنایی با این سرویس

آموزش html و سی اس اس و جاوا اسکریپت از پایه تا حرفه ای
آدرس سایت : http://neopersia.org/

خود من با همین سایت شروع کردم..خیلی خوب توضیح داده..

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

آدرس: http://netsocial.ir

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

رضا سورس -سامانه دانلود سورس و پروژه

http://www.rezasource.com

این هم یه سایت دیگه http://www.p30sazan.com/

این سایت جون میده واسه کسایی که مبتدین و میخان jquery یاد بگیرن...البته کلی آموزش دیگه هم داره..ولی جی کوئریش یه چیز دیگس...
آدرس : http://www.ittutorial.ir

http://iraniangraphic.com/text/37813...%B4%D9%87.html

http://www.1stwebdesigner.com/css/45...nd-techniques/

Rabinweb.ir
یک دوره جدید هم درمورد وردپرس شروع کرده

در اين سايت احتياج به آموزش حرفه اي نداريد
http://www.dabira.ir

هم قالب آماده داره هم اگه بخواي خودشون براي اشانتيون شروع كار، وبسايت شما رو طراحي ميكنن

http://tv.adobe.com/watch/adobe-and-...web-portfolio/

http://wegraphics.net/blog/tutorials...h-to-the-code/

http://netpixel.ir/category/design-a-webpage/

http://moobmoo.com/index.php/download/viewcategory/4-

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

• اولین معرفی ما سایت معتبر و مطرح w3school است به جرات می‌توان این سایت را یکی از بزرگترین مرجع آموزشی برای فراگیری مقدماتی تا حرفه ای طراحی وب دانست. مثالهای خوب این سایت باعث تسریع در یادگیری برای کارآموزان می شود و کدنویسی را به صورت استاندارد و تمیز فرا می‌گیرید. این سایت با داشتن مقالات بسیار خوبی در رابطه با طراحی باعث آشنا شدن شما با یک طراحی استاندرد و ایده آل می گیردد و روش ها و تکنیک هایی برای بهبود طراحی وب بیان شده که بسیار برای کاربران مثمر ثمر خواهد بود. شما در این سایت مقالات آموزشی و مطالب مفیدی از html و css و جاوا اسکریپت و php و asp.net می‌آموزیید.
  http://pariyana.com/wp-content/uploa...2/w3school.jpg

• دومین معرفی ما سایت htmldog است. در این سایت شما آموزشهای خوبی در رابطه با html , css ‌ می‌آموزید. این سایت گنجینه فوق العاده‌ای برای مبتدیان علاقمند به یادگیری ‌httm , css می‌باشد.
  http://pariyana.com/wp-content/uploa...9/02/logo1.gif

• منبع آموزشی ِدیگری که دررابطه با طراحی وب پیشنهاد می‌کنیم، سایت how-to-build-websites است. این سایت خود را این چنین معرفی کرده که پایگاهی آموزشی است برای تمام مبتدیان و کسانی که برای طراحی از برنامه هایی چون فرانت پیج و دری میر و غیره استفاده می کنند… و به این نکته بسیار مهم اشاره داشته که “اگر می خواهید واقعاً یک طراح وب شوید باید در بدو شروع زبان کد نویسی html را به صورت مفهومی یاد بگیرید. یادگیری این زبان(کدنویسی دستی) نیز ساده تر ازاون چیزی هست که به‌اش فکر می‌کنید. ”
  
  در این سایت ویدیوهای آموزشی ِ خوبی در رابطه با طراحی وب سایت نیز قرار داده شده که کاربران می‌توانند از آنها نیز استفاده کنند.
  http://pariyana.com/wp-content/uploa...frog-large.jpg

• در سایت htmlcodetutorial همانطور که از نامش پیداست مرجعی آموزشی برای یادگیری زبان html برای مبتدیان می‌باشد. این سایت فروم خوب و قوی هم دارد که اگر به زبان انگلیسی کمی آشنا باشید می‌توانید جواب اشکالات خود را از آنجا بیابید. ضمن اینکه در رابطه با سی اس اس نیز آموزش های خوبی دارد که اگر از پایه و با برنامه جلو بروید آشنا شدن با این مبحث برای شما از این سایت چندان کار سختی نیست.
  http://pariyana.com/wp-content/uploa...gomedguide.gif

• سایت tizag نیز از لحاظ محتوای آموزشی دست کمی از سایت‌های بالا که معرفی شدند ندارد و مرجع کاملی برای آموزش html , css , php‌ است. علاقمندان به یادگیری این زبان‌ها می‌توانند مباحث آموزشی مورد نیاز خود را از این سایت مطالعه کنند.
  http://pariyana.com/wp-content/uploa...izagsugar2.jpg

• به سایت w3c که در زمینه توسعه استاندارهای وب فعالیت می‌کند می‌رسیم. به قول دوستان این کاره بچه‌های طراح کار خودشان را با کمک این سایت valid ‌ می‌کنند. در این سایت شما از اینجا و اینجا و اینجا در رابطه با html ,css و نحوه کد نویسی آن‌ها به صورت حرفه‌ای و اصولی و مطابق با کنسرسیوم جهانی w3 اطلاعات خوبی کسب می‌کنید.
  http://pariyana.com/wp-content/uploa...2/w3c_home.png

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

مراجعي براي استايلها به صورت دسته بندي شده:
CSS Property Index
CSS Properties


رفرنس اصلي سي اس اس (لينكو جاي ديگه هم داده بودم اينجا هم اوردمش)

Cascading Style Sheets Level 2 Revision 1 (CSS2.1) Specification



سایت ALA مقالات خوبی داره ...
A List Apart: The Topics


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

HTML and CSS Tutorials, References, and Articles | HTML Dog

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

Guide to Cascading Style Sheets

Complete CSS Guide - Cascading style sheets reference - Contents

The Complete CSS tutoria

توی این سایت هم مقالات خوبی پیدا میشه
http://www.papro.blogfa.com

سلام
سایت خوبی برای یادگیری HTML ، JavaScript و ... به همراه مثال های کاربردی و ...
WWW.3schools.com

تم یاب چیست؟

تم یاب اولین پایگاه اینترنتی اشتراک و فروش تمِ وب سایت فارسی و مرجعی برای یافتن و خرید تم های HTMl و CMSهای رایج وب بر پایه استاندارد های روز است. همچنین محلی است برای آشنایی با طراحان برتر ایرانی و برآورده سازی نیاز شرکت های توسعه دهنده وب ایران.
http://themeyab.com/

اینو از دست ندین::
---------------------------
۴ ابزار بسیار مهم CSS یعنی CSS Gradient, CSS Shadow, CSS Border Radius و CSS Noise را می توانید در این سایت مشاهده کنید و به راحتی کد CSS مورد نیاز خود را تولید کنید.
ورود به سایت

دوستان: کسی سایتی در ضمینه اموزش فارسی تصویری css3 و html5 میشناسه:معرفی کنه!!

www.cgtv.ir
http://moobmoo.com/

البته حواسم نبود این ها فکر نکنم css3و html5 آموزش داشته باشن :گریه:

http://www.irsarzamin.com/category/%...%B2%D8%B4-css/

دکمه های CSS را به راحتی بسازید..بدون اینکه یه خط کد بنویسید..جالبه از دست ندین

http://www.cssbuttongenerator.com/

من از این سایت خیلی چیز یاد گرفتم ، پیشنهاد میکنم قسمت آرشیو Article ها رو زیر و رو کنید ! قسمت Demo هم نمونه های جالبی داره

http://css-tricks.com

Forums for Web Designers

1. Digital Point – HTML Web Design
   
   One of the biggest webmaster communities online.
   http://www.hongkiat.com/blog/wp-cont...ital-point.jpg
   Join
2. Web Design Forum.net
   
   Get your web design and development questions answered.
   http://www.hongkiat.com/blog/wp-cont...esignforum.jpg
   Join
3. CSS Chat
   
   CSS & Web design forum.
   http://www.hongkiat.com/blog/wp-cont...um/csschat.jpg
   Join
   
4. Designers Talk
   
   Web design forums for designers to website design.
   http://www.hongkiat.com/blog/wp-cont...ignerstalk.jpg
   Join
5. Estetica Design Forum
   
   Graphic design forum and web design forum.
   http://www.hongkiat.com/blog/wp-cont...m/estetica.jpg
   Join
6. Freelance Gossip
   
   Webmaster Forum – Web Design and Development – SEO – Freelance.
   http://www.hongkiat.com/blog/wp-cont...ancegossip.jpg
   Join
7. Graphic Design Forum
   
   http://www.hongkiat.com/blog/wp-cont...phicdesign.jpg
   Join
8. HTML Forum
   
   Free webmaster HTML help and discussions.
   http://www.hongkiat.com/blog/wp-cont.../htmlforum.jpg
   Join
9. Kirupa Forum
   
   Shocked resource for making designers better developers.
   http://www.hongkiat.com/blog/wp-cont...rum/kirupa.jpg
   Join
10. Open Web Design
    
    http://www.hongkiat.com/blog/wp-cont...nwebdesign.jpg
    Join
11. Site Point
    
    Resources, Design, HTML, CSS, PHP, ASP, MySQL and more for your web site.
    http://www.hongkiat.com/blog/wp-cont.../sitepoint.jpg
    Join
12. Web Designer Forum (UK)
    
    Web Design CSS Forum free Design Templates for Web Designers and Developers.
    http://www.hongkiat.com/blog/wp-cont...gnersforum.jpg
    Join
13. Web Design Forum
    
    Web Design Forum , Website Hosting, Web Development Templates Discussion.
    http://www.hongkiat.com/blog/wp-cont...bdevforums.jpg
    Join
14. Webdigity
    
    Resources, web design, php, internet marketing.
    http://www.hongkiat.com/blog/wp-cont.../webdigity.jpg
    Join
15. Webforumz
    
    Web design and development forum.
    http://www.hongkiat.com/blog/wp-cont.../webforumz.jpg
    Join
16. Webmaster Talk
    
    Web design, coding, SEO.
    http://www.hongkiat.com/blog/wp-cont...mastertalk.jpg
    Join
17. Wtricks
    
    Discuss about web design and development, read good tutorials and get free downloads.
    http://www.hongkiat.com/blog/wp-cont...um/wtricks.jpg
    Join
18. TalkFreelance
    
    Freelance Webmaster, Web Design & SEO community.
    http://www.hongkiat.com/blog/wp-cont...kfreelance.jpg

دوتا سایت واسه کسایی خوبه که با وردپرس کار میکنن

سایت اول

سایت دوم

به نظرتون آنلاین میشه طراحی سایت یاد گرفت؟!

چند ساليست سر و کله سايت‌هايي در وب پيدا شده که با هدف ايجاد رقابت و کشف استعدادهاي نو در طراحي وب، به امتيازدهي و انتخاب بهترين ها در ميان سايت‌هاي مختلف مي‌پردازند. شايد يکي از قدرتمندترين سايت‌هايي که در اين ميان شروع به کار کرده است سايت awwward.comباشد . برا گرفتن ایده های نو خیلی به درد میخوره :لبخندساده:
http:///www.awwwards.com

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

http://quicklearn.ir/

ازمهمترين سايت هاي كه به صورت مرجع دركارآموزش آخرين تكنولوژيهاي روزدنيادرموردطراحي سايت هست سايت
http://www.sitepoint.com/
هستش مديران اين سايت ازبنيانگذاران زبان css3وhtml5ميباشندكه هرهفته ازطراحان مشهوردنيايك مقاله دراين سايت قرارداده ميشه وتبادل نظر,شماميتونيدبااشتراك دراين سايت هرهفته مقالات جديددريافت كنيداين سايت براي افرادحرفه اي بسيارمناسب ميباشد,

بد نیست نگاهی به w3schoolsfa فارسی بندازید

سلام
http://designland.ir هم جالبه.

اگر برای انتخاب رنگ به ابزار آنلاین احتیاج دارین نگاهی به سایت زیر بندازین..

آدرس سایت

سلام
نمیدونم این سایت معرفی شده یا ن!
ویدئو های کلاس اساتید دانشگاه های مخلتف از جمله صنعتی شریف!
ک 1 کلاس طراحی وب از پایه هم داره :
http://maktabkhooneh.org/
امیدوارم ک مفید واقع گردد! :)

نقل قول:

---

نوشته شده توسط mehbod.rayaneh

سلام
نمیدونم این سایت معرفی شده یا ن!
ویدئو های کلاس اساتید دانشگاه های مخلتف از جمله صنعتی شریف!
ک 1 کلاس طراحی وب از پایه هم داره :
http://maktabkhooneh.org/
امیدوارم ک مفید واقع گردد! :)

---

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

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

این سایت هم جالبه ترفندهای css

این سایت رو هرگز از دست ندید !! یادگیری بدون خستگی و بسیار جالب !

توضیح میده + همون موقع کد رو مینویسید و میرید مرحله بعد !

http://codecademy.com/

سایت تیزلرنینگ رو هم من پیشنهاد میکنم.