PDF شده آموزش جدید آقا ایمان(آموزش 15):
لینک دانلود:
http://rozup.ir/up/asmanupload/15.pdf

بعد از وقفه ای کوتاه تویه آموزش هامون با مبحث جدید آموزش هامون رو به روز می کنیم ...

یکی از عوامل مهم سئو و کسب رضایت کاربر سریع لود شدن سایت هست یعنی سایت شما سنگین نباشه ...

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

نکات کلیدی برای افزایش سرعت سایت :
1- میزبان (سروری که سایت روی اون هست باید سخت افزار مورد نیاز (رم و سی پی یو مناسب) رو داشته باشه که از لحاظ میزبان برای سرعت سایت شما مشکلی پیش نیاد که خوشبختانه رزبلاگ در این مورد مشکلی نداره ... )
2- کد های اضافی (کد های اضافی که عامل کاهش سرعت سایت شما میشند مثل آی فریم (هر نوعی که باشه) یا جاوا اسکرپت ها برای زیبا کردن و.. رو تا اونجا که میتونید از سایتتون حذف کنید )
3- استفاده از استایل به جای عکس ( تویه قالب تا اونجایی که میتونید از استایل به جای عکس استفاده کنید )
4- عکس های استفاده شده در صفحه را کم حجم کنید )
5-قالبی ولید داشته باشید و از تکنولوژی های جدید مثل ای جکس و جی کئوری استفاده کنید .
6- فایل های قالب رو در جایی آپلود کنید که سرعت خوبی داشته باشه و باعث کاهش سرعت نشه.
7-سر تا پای قالب رو کد نکنید مخصوصا عکس ها رو .

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

PDF شده آموزش جدید آقا ایمان(آموزش 16):
لینک دانلود:
http://rozup.ir/up/asmanupload/16.pdf

(92-9-28، 10:11 صبح)mohammadhero نوشته است: PDF شده آموزش جدید آقا ایمان(آموزش 16):
لینک دانلود:
http://rozup.ir/up/asmanupload/16.pdf

این که همون آموزش 15 است لطفا اصلاحش کنید

PDF شده آموزش جدید آقا ایمان(آموزش 16):
لینک دانلود:
http://rozup.ir/up/asmanupload/16.pdf

*درست شد*

باتشکر از دوست عزیز [b]samankhosravi[/b] به خاطر گذارش

همونطور که قولش رو داده بودم میخوام نرم افزاری رو بهتون معرفی کنم که از هر لحاظ براتون خوبه ...
نرم افزار AnyPic Image Resizer Pro 1.3.5 میتونه به راحتی با چند کلیک فرمت عکس شما رو تغیر بده یا اندازه اون رو کاهش بده و موجب کاهش حجم بشه و این هم از لحاظ پهنای باند براتون خوبه هم حجم آپلود تویه رز آپ و هم سئو !

دانلود نرم افزار :

کار با نرم افزار بسیار آسان هست ولی یه توضیح کوتاه میدم :
اول فایل فشرده شده رو دانلود کنید بعد از خارج کردن از حالت فشرده فایل ستاپ رو اجرا کنید بعد از نصب از شما سریال نامبر میخواد که با اجرای AnyPic.Image.Resizer.Pro.v1.3.5_KEYGEN-FFF.exe میتونید سریال بگیرید ...

بعد از کرک کردن نرم افزار اجرا میشه و به راحتی میتونید باهاش کار کنید .

اینجا هم یه توضیح مختصر موجود هست :

http://www.batchimageconverter.com/image...rials.html

PDF شده آموزش جدید آقا ایمان(آموزش 17):
لینک دانلود:
http://rozup.ir/up/asmanupload/17.pdf

داداش اگه میشه این آموزشایی که pdf میکنی رو جمع کن اخر سر که تموم شد آموزش پست آخر بزار تا اینطوری شلوغ نشه
فدا

پ.خ هم جواب بده

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

اول میریم به این ادرس : validator.w3.org
ادرس سایت رو وارد میکنیم , ارور ها نمایش داده میشه

ارورهای معمول :

1 ) استفاده از id بیش از یکبار در قالب
ارور :
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).


نحوه رفع :
اگر در استایل قالب کلاسی به صورت زیر تعریف شده بود , از این کلاس فقط یک بار باید در قالب استفاده کنیم

کد:

#class { }
اگر نیاز به چند بار استفاده هست باید در استایل به جای # , . قرار دهیم
اینجوری :
کد:

.class{ }






2 ) اضافی در قالب

ارور :
Line 1114, Column 31: end tag for element "div" which is not open


رفع ارور :

با توجه به خطی که در ارور نشون داده میشه میریم و اون اضافی رو پاک میکنیم






3 ) عدم تعریف alt برای عکس ها

ارور :
Line 676, Column 61: required attribute "alt" not specified


رفع ارور :

کد عکس بدون alt :
در این حات ارور میگیره

کد:


کد عکس , alt اضافه شده
حالت صحیح

کد:









4 ) استفاده نادرست از

ارور :
Line 136, Column 5: end tag for "br" omitted, but OMITTAG NO was specified


رفع ارور : قرار دادن به جای
همین کار ساده تعداد زیادی از ارور ها رو رفع میکنه







5 ) اضافی در قالب (بسته شدن تگ a در صورتی که اصلا باز نشده)
مثال :
کد:

عکس های هنری
ارور :
Line 338, Column 53: end tag for element "A" which is not open


رفع ارور :
اضافی رو با توجه به خطی که تو ارور هست حذف میکنیم


6 ) ارور بالا ممکن است برای موارد زیر هم اتفاق بیافتد که به همان شکل بالا رفع ارور میکنیم














7) قرار ندادن / اخر تگ های متا یا استایل

مثال غلط:

/ قرار داده نشده
کد:


مثال صحیح :
کد:



همین ممکن است برای استایل قالب هم اتفاق بیفتد




8 ) آموزش رفع ارور utf -8 که اکثر قالب ها این مشکل رو دارند



رفع ارور :


برای رفع این ایراد ابتدا این برنامه را دانلود کنید .

برنامه nodpad ++

سپس فایل های قالب یکی یکی باز کنید و از منو بالای برنامه به قسمت encoding برید و گزینه encoding in utf-8 without bom را انتخاب کنید بعد فایل رو save کنید . برای همه فایل های php قالب این کار رو انجام بدید

حالا قالب شما با utf-8 مشکلی نداره .


9) استفاده از تگ

ارور :
Line 128, Column 8: element "Center" undefined
✉
You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "" element),
by using vendor proprietary extensions such as "" or "" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case



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

کد:

.vasat { text-align:center; }

حالا داخل قالب به اینصورت قرار میدیم

کد:

وردپرس
این کار همان عمل تگ center رو انجام میده


10 ) استفاده تگ های h در محل نامناسب

ارور :

element "H3" undefined
… برچسب‌ها
✉You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "" element),
by using vendor proprietary extensions such as "" or "" (this is usually fixed by using CSS to achieve the desired effect instead).
by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case


توی این مورد به اینصورت استفاده شده :
کد:

برچسب‌ها

که نحوه صحیح به این صورت هست :

کد:

برچسب‌ها

نباید رو داخل تگ قرار داد[/td][/tr]
منبع : http://forum.shopkeeper.ir