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

[qi_tokallo]

در این تاپیک به آموزش طراحی سایت از پایه با 1-آموزش html به شکل کامل و گام به گام ، 2-آموزش css از پایه و حل مشکلاتی که در مرورگر های مختلف وجود دارد و 3-آموزش جاوا اسکریپت و jquery









تیم طراحی سایت (http://www.the-webart.com/webdesign/) و بهینه سازی وب سایت (http://www.the-webart.com/website-optimization/) وب آرت

[qi_tokallo]

جلسه اول آموزشی html با
مفاهیم پایه ای HTML ، نوع سند صفحه(Doctype)
(http://www.the-webart.com/blog/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%d8%a8%d8%b3%db%8c-%d9%88%d8%a8/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html/%d9%85%d9%81%d8%a7%d9%87%db%8c%d9%85-%d9%be%d8%a7%db%8c%d9%87-html-%d9%86%d9%88%d8%b9-%d8%b3%d9%86%d8%af-%d8%b5%d9%81%d8%ad%d9%87-doctype/)

[qi_tokallo]

جلسه دوم آموزشی html با
آموزش متا تگ های html و تگ head (http://www.the-webart.com/blog/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%d8%a8%d8%b3%db%8c-%d9%88%d8%a8/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d9%85%d8%aa%d8%a7-%d8%aa%da%af-%d9%87%d8%a7%db%8c-html-%d9%88-%d8%aa%da%af-head/)

[qi_tokallo]

جلسه سوم آموزشی html با
تگ body، انواع سند وب doctype، روش های نمایش سند وب (http://www.the-webart.com/blog/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%d8%a8%d8%b3%db%8c-%d9%88%d8%a8/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html/%d8%aa%da%af-body-doctype-%d8%af%d8%b1-%d8%a7%da%86-%d8%aa%db%8c-%d8%a7%d9%85-%d8%a7%d9%84/)

(http://www.the-webart.com/blog/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%d8%a8%d8%b3%db%8c-%d9%88%d8%a8/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html/%d8%aa%da%af-body-doctype-%d8%af%d8%b1-%d8%a7%da%86-%d8%aa%db%8c-%d8%a7%d9%85-%d8%a7%d9%84/)

[qi_tokallo]

تفاوت HTML و HTML5
HTML چیست؟ HTML5 چیست؟ (http://www.the-webart.com/blog/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%d8%a8%d8%b3%db%8c-%d9%88%d8%a8/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html/html-%da%86%db%8c%d8%b3%d8%aa-html5-%da%86%db%8c%d8%b3%d8%aa/)

[qi_tokallo]

جلسه اول آموزش CSS
css چیست ؟ مفاهیم اولیه ،ساختار لایه ای وب و مزیت های CSS
(http://www.the-webart.com/blog/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%d8%a8%d8%b3%db%8c-%d9%88%d8%a8/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-css/css-%da%86%db%8c%d8%b3%d8%aa-%d9%85%d9%81%d8%a7%d9%87%db%8c%d9%85-css-%d9%85%d8%b2%db%8c%d8%aa-%d9%87%d8%a7%db%8c-%d8%b3%db%8c-%d8%a7%d8%b3-%d8%a7%d8%b3/)

[qi_tokallo]

جلسه دوم آموزش CSS
تاریخچه css ، ورژن های سی اس اس (http://www.the-webart.com/blog/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%d8%a8%d8%b3%db%8c-%d9%88%d8%a8/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-css/%d9%88%d8%b1%da%98%d9%86-%d9%87%d8%a7%db%8c-%d8%b3%db%8c-%d8%a7%d8%b3-%d8%a7%d8%b3/)

[qi_tokallo]

جلسه سوم آموزش CSS
لینک دادن به فایل css و استایل شیت های خارجی و داخلی در صفحه وب (http://www.the-webart.com/blog/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%d8%a8%d8%b3%db%8c-%d9%88%d8%a8/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-css/%d8%a7%d8%b3%d8%aa%d8%a7%db%8c%d9%84-%d8%b4%db%8c%d8%aa-%d9%87%d8%a7%db%8c-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%88-%d8%ae%d8%a7%d8%b1%d8%ac%db%8c-%d8%af%d8%b1-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa/)








تیم طراحی سایت (http://www.the-webart.com/webdesign/) و بهینه سازی وب سایت (http://www.the-webart.com/website-optimization/) وب آرت

[qi_tokallo]

جلسه چهارم آموزش CSS
استایل شیت های داخلی و چگونگی تعیین چند فایل css جایگزین (http://www.the-webart.com/blog/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%d8%a8%d8%b3%db%8c-%d9%88%d8%a8/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-css/%d8%a7%d8%b3%d8%aa%d8%a7%db%8c%d9%84-%d8%b4%db%8c%d8%aa-%d9%87%d8%a7%db%8c-%d8%af%d8%a7%d8%ae%d9%84%db%8c-%d9%88-%da%86%da%af%d9%88%d9%86%da%af%db%8c-%d8%aa%d8%b9%db%8c%db%8c%d9%86-%da%86%d9%86%d8%af/)








تیم طراحی سایت (http://www.the-webart.com/webdesign/) و بهینه سازی وب سایت (http://www.the-webart.com/website-optimization/) وب آرت

[qi_tokallo]

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



تیم طراحی سایت (http://www.the-webart.com/webdesign/) و بهینه سازی وب سایت (http://www.the-webart.com/website-optimization/) وب آرت

[qi_tokallo]

در این مقاله به آموزش سینتکس و گرامر زبان html و تگ های کامنت و اصول استاندارد های html پرداخته ایم


سینتکس و گرامر xhtml ، document tree سند وب ،تگ های کامنت در html (http://www.the-webart.com/blog/%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%86%d9%88%d8%a8%d8%b3%db%8c-%d9%88%d8%a8/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html/%d8%b3%db%8c%d9%86%d8%aa%da%a9%d8%b3-%d9%88-%da%af%d8%b1%d8%a7%d9%85%d8%b1-%d8%b3%d9%86%d8%af-%d9%88%d8%a8-%d8%aa%da%af-%d9%87%d8%a7%db%8c-%da%a9%d8%a7%d9%85%d9%86%d8%aa/)




تیم طراحی سایت (http://www.the-webart.com/webdesign/) و بهینه سازی وب سایت (http://www.the-webart.com/website-optimization/) وب آرت

[ravand]

من يه انتقادي در مورد طراحي سايت شما داشتم ، اينكه قالب سايت شما به رنگ سياه هست و نوشته ها هم تيره هست و چيز زيادي پيدا نيست و همين موضوع باعث ميشه با اينكه براي سايتتون زياد تبليغ مي كنيد ولي با اين حال بسياري از بازديد هاتون رو از دست بديد. بهتره قالب سايتتون يه رنگ روشن تري باشه و نوشته ها هم واضح باشه.
اميدوارم موفق باشيد.

[shahriyar.m]

سلام
چه بد که کدی چیزی وجود نداره
یه سوال دیگه میپرسم نمیشه با همون کدهای جاوا استفاده کرد ولی طوری با html یا php تعریف کرد که اگه جاوای مرورگر روشن نباشه سایت لود نشه و پیغامی مبتنی بر اینکه جاوای شما غیر فعاله رو بده یا اینکه به طور خودکار جاوا رو فعال کنه. یا اصلا پیغامی چیزی هم اگه نده در صورتی که جاوا فعال نیست اصلا سایت لود نشه

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

اگه راه حلی پیدا کردید یا روش دیگه ای وجود داره خوشحال میشم کمکم کنید
خدانگهدار

[qi_tokallo]

با سلام
با توجه به اینکه قبل تر هم عرض کردم شما فقط مقالات خوب بنویسید و نگران کپی شدن مطالب خود نباشید چرا که موتور های جستجو پشتیبان شما هستند
به ان سری مقالات هم نگاهی بیاندازید تا ذهنیت شما راجع به این موضوع تغییر کند
مقالات آموزشی بهینه سازی وب سایت (http://www.the-webart.com/articles/)





تیم توسعه طراحی سایت (http://www.the-webart.com/articles/) و بهینه سازی وب سایت (http://www.the-webart.com/website-optimization/) وب آرت