به کار انداختن فشرده سازیGZIP

با یقین میگویم که این مورد مهمترین موردی است که در این مطلب میخوانید. gzip که مخفف Gnu Zip میباشد ابزاری برای فشرده سازی انواع مختلف فایل است که گاها میتواند تا حدود ۸۰ درصد از حجم صفحات وب شما بکاهد. اگر برای فایلهای js و css خود این قابلیت را فعال کنید کاهش حجم زیادی را در صفحات خود خواهید و در اینترنت کاهش حجم یعنی سرعت و سرعت یعنی همه چیز.

برای فعال کردن gzip در سرورهای apache میتوانید تکه کد زیر را  به فایل .htaccess که در روت هاست شما وجود دارد اضافه کنید.

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

تکه کد بالا فشرده سازی را برای فایلهای text, html, javascript, css, xml فعال خواهد کرد. و یا اینکه میتوانید با استفاده از کد زیر فشرده سازی را  بر حسب پسوند فایلها فعال کنید.


<IfModule mod_deflate.c>
<FilesMatch "\.(js|css|TTF)$">
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>

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

افزودن http Expire Headers

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

برای فعال سازی کش از طریق سرور باید خطوط زیر را به فایل .htaccess خود اضافه کنید.

<IfModule mod_headers.c>
# 1 YEAR
<FilesMatch "\.(ico|pdf|flv)$">
Header set Cache-Control "max-age=29030400, public"
</FilesMatch>
# 1 WEEK
<FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>
# 2 DAYS
<FilesMatch "\.(xml|txt|css|js)$">
Header set Cache-Control "max-age=172800, proxy-revalidate"
</FilesMatch>
# 1 MIN
<FilesMatch "\.(html|htm|php)$">
Header set Cache-Control "max-age=60, private, proxy-revalidate"
</FilesMatch>
</IfModule>

استفاده از سرورهای تحویل محتوا (Content Delivery Networks)

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

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

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

ترکیب کردن جاوا اسکریپت و CSS در یک فایل

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

بهینه سازی تصاویر

به جرات میتوان گفت امروزه تصاویر بیشترین حجم صفحات وب را بخود اختصاص داده اند و روزانه هزاران گیگابایت پهنای باند را مصرف میکنند. تصاویری که گاها بدلیل استاندارد نبودنشان برای وب حجمی بسیار بیشتر از آنچه نیاز دارند اشغال میکنند. در بسیاری موارد میتوان حجم تصاویر را تا ۸۰ درصد بدون افت کیفیت کاهش داد. ابزارهای زیادی نیز برای اینکار موجود هستند. درسیستمهای لینوکسی دو ابزار بسیار مفید jpegoptim و optipng میتوانند تعداد زیادی تصویر را در زمان کمی بدون افت کیفیت بهینه کنند. برای ویندوز نیز ابزارهای مخصوصی وجود داردند.+ + +

کوچک کردن JavaScript و CSS

فایلهای css و js اگر به همان صورتی که نوشته میشوند استفاده شوند دارای فاصلها و خطوط بسیاری هستند که اینها نیز به خودی خود فضا اشغال میکنند. میتوانید با استفاده از ابزارهایی مشابه این ابزار فایلهای css خود را فشرده کنید. فایلهای جاوا اسکریپت هم قابلیت فشرده سازی دارند. با استفاده از این ابزار میتوانید کدهای جاوا اسکریپت خود را به اصطلاح pack کنید. با اینکار دو نشان را با یک تیر زده اید. هم  کدهای خود را از شر دزدی حفظ کرده اید و هم آن را فشرده کرده اید.

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

مطالب مرتبط:

• کتاب هفته: راهنمای بهینه سازی سایت برای جستجوی گوگل
• بدانید کدام قسمت از صفحات شما شانس بیشتری برای دیده شدن دارد
• یک قدم دیگر برای تصاحب اینترنت; گوگل DNS های عمومی خود را ارائه کرد
• بهینه سازی تصاویر در صفحات وب
• بهینه سازی کدهای HTML

| مشاهده‌ 2 نظر دیگر

در مطلب قبل تعدادی برگه تقلب را برای شما معرفی کردم. اما اینبار قصد دارم منبعی را به شما معرفی کنم که با استفاده از آن به بیش از ۱۵۰۰۰ Cheat Sheet در موضوعات مختلف دسترسی پیدا خواهید کرد.

سایت devcheatsheet.com منبعی است که در آن از موضوعات گوناگون تعداد زیادی Cheat Sheet گردآوری شده و در اختیار کاربران قرار گرفته است. در این سایت میتوانید برگه های تقلبی از زبانهای برنامه نویسی مانند C/C++ , PHP, JavaScript گرفته تا تکنیکهای مختلف برنامه نویسی, کتابخانه های متنوع, سیستم عامل, امنیت و بسیاری موضوعات دیگر بیابید.

مطالب مرتبط:

• PHP یا ASP؟ مسئله این است!
• ۹ مرجعی که توسعه دهندگان وب نباید از دست بدهند!
• بهینه سازی و افزایش سرعت سایت در شش مرحله
• کدهای خود را آنلاین کامپایل کنید!
• چرا طراحان وب نباید تنها کار کنند؟!

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

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

خطرات تنها کار کردن

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

اگر شما کسی را هم سطح خود نداشته باشید که در حین کار با وی بحث و گفتگو کنید و ایده های مختلف را برای یکدیگر بیان کنید, ممکن است دچار مشکلات زیر شوید:

• از دست رفتن خلاقیت: حفظ خلاقیت اگر تنها باشید به مرور زمان سخت خواهد بود. معمولا خلاقیت از جمع عده‌ای حاصل میشود که در موضوعات مختلف افکار خود را روی هم میریزند و با هم به بحث و جدل میپردازند. در جمع است که از یک ایده جالب به ایده های جالب دیگر رهنمون میشوید.
• از دست دادن اعتماد به نفس: معمولا اشخاصی که به تنهایی کار میکنند به مرور زمان دچار کمبود اعتماد به نفس میشوند. اگر کسی را نداشته باشیم که ما را در مواقع لازم تشویق کند و در برابر مشکلات موجود به ما روحیه بدهد ممکن است دچار این عارضه شویم.
• اعتماد به نفس بیش از حد: مشکل دیگری که به اعتماد به نفس مربوط می‌شود  زیاد بودن  بیش از حد آن است. اگر تنها باشیم ممکن است دچار غرور کاذب شویم, ولی اگر در یک گروه کار کنیم معمولا افرادی پیدا میشوند که همیشه دانسته های ما را به چالش بکشند و ما را به دنبال کسب علم بیشتر بفرستند. همیشه گفته اند که غرور آفت پیشرفت است.
• ته کشیدن دانسته ها: امروزه فعالیت در هر زمینه ‌ای به قدری گسترده شده که باید محدوده‌ی زیادی از علوم را برای انجام یک کار در اختیار داشت. خوب هیچ کس نمیتواند همه چیز را به تنهایی فرا گیرد و تنها کار کردن باعث میشود که سرانجام به انتهای دانش خود برسیم. در این مواقع است که جای خالی یک همکار به چشم می‌آید.
• داشتن دید محدود: معمولا هر فرد برای انجام هر کار از زاویه‌ی خاصی به یک مسئله مینگریم. حال اگر به تنهایی کار کنیم مسلما  زوایای دید ما محدود خواهد بود. با شرکت در جمع است که میتوان یک مسئله را از زوایای مختلف بررسی و تحلیل کرد.
• تحت فشار بودن: معمولا هر کار مشکلات و موانع خود را در پیش دارد. تنها کار کردن باعث میشود که در مقابل مشکلات مختلف احساس ضعف کنیم و در بسیاری موارد ممکن است از ترس شکست به کلی میدان را خالی کرده و بیخیال شویم. در این مواقع داشتن یک پشتیبان میتواند ناجی ما باشد.

حال سوال اینجاست که چگونه میتوان از این مشکلات جلو گیری کرد؟ در زیر تعدادی پیشنهاد موجود است.

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

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

مطالب مرتبط:

• PHP یا ASP؟ مسئله این است!
• خلاصه‌ای از کاربرد ریاضیات در طراحی وب
• ساختن تصاویر فضا پرکن به راحتی یک لینک دادن!
• کتاب هفته: راهنمای بهینه سازی سایت برای جستجوی گوگل
• بدانید کدام قسمت از صفحات شما شانس بیشتری برای دیده شدن دارد

| مشاهده‌ 8 نظر دیگر

ابتدا از ASP شروع میکنم.

زبان ASP که مخفف کلمات Active Server Page است یکی دیگر از محصولات کمپانی مایکروسافته که به دلیل ASP.NET بودن میتونه از کمپوننت های .NET هم استفاده کنه. این زبان بیشتر در کمپانی های بزرگ مورد استفاده قرار میگیره. ASP سینتاکس مستقلی نداشه و معمولا از دستور زبان در حال انقراض VBSsript استفاده میکنه گرچه از زبان های دیگری نیز میشه استفاده کرد. در زیر تعدادی از ویژگی های مربوط به این زبان رو آوردم.

• اول اینکه این زبان فقط مخصوص سیستم عامل ویندوز هست و از وب سرور IIS استفاده میکنه. گرچه برنامه های جانبی برای سازگاری ASP با بعضی از سیستم های دیگه هم پیدا میشه.
• متأسفانه ASP فقط میتونه از پایگاه داده MSSql استفاده کنه و قابلیت استفاده مستقیم از دیتابیس های دیگر رو نداره.
• باید بدانید که هردوی IIS و MSSql محصول مایکروسافت هستند و از این رو باید اونها رو خریداری کرد.
• بسیاری معتقدند که فقط در ASP معنای حقیقی شئ گرایی گنجانده شده.
• در ASP میتوان علاوه بر VBSript از زبانهایی مثل C++, C#, Visual Basic.NET, Jscript.NET, Python, Perl, Java (J#), COBOL, Eiffel و Delphi نیز استفاده کرد.
• ASP بخشی از .NET هست و همین برای بسیاری از برنامه نویس ها کافیه.

و اما اینکه چرا کمپانی های بزرگ بیشتر از ASP استفاده میکنند تا زبان های دیگه.

1. مهمترین دلیل اینکه محصولات مایکروسافت رو میشه در سرتاسر دنیا و روی هر سیستمی پیدا کرد. استفاده از ASP باعث سازگاری با بسیاری از سیستم های کمپانی های دیگر خواهد شد.
2. شرکت های بزرگ معمولا از سالها پیش از محصولات مایکروسافت استفاده میکرده‌اند و کارمندان آنها نیز برای کار با این محصولات آموزش دیده اند. ASP هم دقیقا به همین دلیل طرفدار بیشتری میان کمپانی های بزرگ دارد. استفاده از ASP باعث صرفه جویی فراوانی خواهد شد چرا که لازم نیست دوباره افرادی را برای کار با سیستم جدید استخدام کرد و یا کارمندان را دوباره آموزش داد.
3. اگر یک کمپانی قصد خرید کمپانی دیگری را داشته باشد باید اطلاعات آن را با اطلاعات موجود در سرورهای خود ادغام کند و چون معمولا بقیه کمپانی ها نیز از ASP استفاده میکنند, شرکت مذکور نیز با داشتن ASP روی سرورهای خود عملیات ادغام را بسیار کم خرج تر و راحت تر میکند.

حالا نوبت به PHP میرسد.

PHP که مخفف Hypertext Preprocessor است ابتدا توسط Rasmus Lerdorf پایه گذاری شد و بعد ها اشخاص دیگری نیز به این پروژه پیوستند. PHP اکنون یکی از پرطرفدار ترین زبان های سمت سرور است که هر روز به محبوبیتش افزوده میشود. دلایل این افزایش محبوبیت میان کاربران را میتوان به صورت زیر عنوان کرد.

1. اول اینکه بر خلاف ASP که فقط روی IIS اجرا میشود که IIS نیز رایگان نیست, PHP در بسیاری از نرم افزارهای سرورها  و تقریبا در هر سیستم عاملی اجرا میشود. PHP به دلیل گسترش موارد استفاده به هیچ وجه به استفاده از یک سیستم خاص محدود نیست.
2. PHP از سینتاکس آشنای زبان C/C++ استفاده میکند و به همین دلیل بسیاری از افرادی که با زبان محبوب C آشنایی دارند به راحتی میتوانند کار با PHP را نیز شروع کنند. این سینتاکس به کوتاهی معروف بوده و عملیات کامپایل و تبدیل به زبان ماشین را سرعت بالایی میبخشد.
3. PHP از تعداد زیادی پایگاه داده پشتیبانی میکند. MySQl, PostgreSQL, Oracle و … . شما به هیچ وجه محکوم به استفاده از یک دیتابیس خاص نیستید.
4. PHP تقریبا برای هر کاری تابع آماده دارد.
5. هر چیزی که برای راه اندازی و استفاده PHP لازم باشد به صورت رایگان و قانونی قابل تهیه است. از نرم افزار سروری مثل Apache گرفته تا پایگاه داده‌ای مثل MySql… .

در نهایت انتخاب شما در استفاده از ASP و PHP به مورد کار و تجربه شما بر میگرده. هر دو زبان برتری ها و نقوص خودشون رو دارن و

مطالب مرتبط:

• راه اندازی سرور محلی PHP بر روی لینوکس از طریق LAMPP
• برگه های تقلب (Cheat Seet) برای برنامه نویس‌ها
• کدهای خود را آنلاین کامپایل کنید!
• ۱۵۰۰۰ Cheat Sheet برای توسعه دهندگان
• چرا طراحان وب نباید تنها کار کنند؟!

| مشاهده‌ 10 نظر دیگر

اما در این مطلب قصد دارم تا رابطه ریاضیات و طراحی وب را هر چند مختصر برای شما شرح دهم. اگر طراح وب هستید به شما توصیه میکنم ادامه مطلب را بخوانید. هرچقدر هم از ریاضی بدتان بیاید قول میدهم این مبحث شیرین خواهد بود.(حداقل برای من که بود!)

نسبت طلایی و مستطیل طلایی

نسبت طلایی یکی شگفتی های عالم ریاضیات است. این نسب که یک ثابت عددی با مقدار تقریبی 1.618033987 است خواص عجیب و شگفت انگیزی دارد. این نسبت را در بسیاری از پدیدهای طبیعی میتوان یافت. در بسیاری از فراکتال های طبیعی این نسب به وفور یافت میشود. مقدار دقیق این نسب اینگونه به دست می‌آید. دو مقدار را در نظر بگیرید. اگر نسبت مجموع دو مقدار به مقدار بزرگتر برابر با نسبت مقدار بزرگتر به مقدار کوچک تر باشد, آنگاه این دو مقدار با هم نسبت طلایی دارند. شکل زیر….

و اما مستطیل طلایی. مستطیلی که نسب اضلاع آن برابر با نسبت طلایی (تقریبا ۱.۶۱۸) باشد مستطیل طلایی نام دارد. هنرمندان معتقدند کامل ترین و زیباترین مستطیلی که وجود دارد مستطیل طلایی است. در ادامه چگونگی رسم یک مستطیل طلایی آورده شده است.

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

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

در تصویر زیر مستطیل های طلایی به وضوح مشخص شده‌است.

سری فیبوناتچی 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144...

این سری که تا بی نهایت ادامه دارد این گونه به وجود می‌آید. با شروع از دو عدد ۰ و ۱ هر جمله از این دنباله برابر با مجموع دو جمله پیش از خود است. نکته جالب در این دنباله اعداد این است که هرچه به جلو پیش میرویم نسبت اعداد به نسبت طلایی نزدیک تر میشود. و اما چگونه از این دنباله در طراحی های خود استفاده کنیم. با یک مثال توضیح میدهم.

طرح بالا را در نظر بگیرید. صفحه در میانه به سه قسمت تقسیم شده است. در این طرح اندازه پایه 90px در نظر گرفته شده است که عرض هرکدام از ستون حاصلضرب یکی از اعداد دنباله فیبوناتچی در 90px است. برای مثال ستون اول با عرض 180px حاصل 90×2 است. ستون دوم نیز عرضی برابر با 90×3=270px دارد و همچنین ستون سوم که عرض آن حاصل 90×8=720px است. حتی اندازه نوشته ها نیز از سری فیبوناتچی پیروی میکنند. عنوان صفحه با اندازه 55px, اندازه عنوان مطلب با 34px و اندازه متن مطلب اندازه 21px را دارد.

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

• Sacred Geometry
• Proportion
• Mathematics in Art and Architecture
• Create Awesome Geometrical Designs
• Typograph: Scale and Rhythm

منبع: Smashing Magazine

مطالب مرتبط:

• چرا طراحان وب نباید تنها کار کنند؟!
• PHP یا ASP؟ مسئله این است!
• ساختن تصاویر فضا پرکن به راحتی یک لینک دادن!
• کتاب هفته: راهنمای بهینه سازی سایت برای جستجوی گوگل
• بدانید کدام قسمت از صفحات شما شانس بیشتری برای دیده شدن دارد

پرتال NukeLearn که برپایه پرتال IranNuke و برگرفته از پرتال محبوب phpNuke تحت لیسانس OpenSource در اختیار عموم قرار گرفته شده است. ااز نظر ساختاری سعی در بهینه شدن هسته سیستم شده به صورتی که بسیاری از کدهای بی استفاده که به مرور زمان کارآیی خود را از دست داده بودند حذف شده و علاوه بر آن سعی بر این بوده تا پایگاه داده نیز مرتب و سبک گردد.

در سیستم جدید بسیاری از ماژول‌هایی که کاربرد عمومی نداشته از بسته اصلی حذف شده و به صورت پلاگین و جدا ارائه شده است. از این رو شاهد کاهش حجم کل بسته خواهیم بود. همچنین سعی شده در بخش مدیریت سیستم از تکنیک های نوین برنامه نویسی استفاده شود, به صورتیکه بسیاری از قسمتها به صورت آژاکسی در آمده است.

در سیستم قالب های این پرتال نیز تحولی بزرگ ایجاد شده به این صورت که با موتور جدید قالب پرتال, طراحی قالبهای پرتال از آن پروسه سخت و طولانی به کاری بسیار راحت تبدیل شده که بدون هیچ دانش برنامه نویسی و تنها با تکیه بر HTML و CSS میتوان زیباترین قالبها را برای این سیستم طراحی کرد.

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

مرجع پرتال Nukelearn

دانلود پرتال نیوک لرن USV نسخه ۱

مطالب مرتبط:

• قالب طراحی کنید, جایزه بگیرید!

اما این همه زحمت چرا؟! با سرویس Dummy Image به راحتی میتوان هر تصویری با هر اندازه‌ای را ساخت, به طوریکه ابعاد تصویر نیز به وضوح در خود تصویر درج شده باشد. تنها کار لازم استفاده از آدرس سایت و ابعاد تصویر مورد نظر در انتهای آدرس است.

برای مثال اگر ما یک تصویر نمونه با ابعاد120×400 بخواهیم کافیست از آدرس زیر استفاده کنیم.

http://dummyimage.com/400×120

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

مطالب مرتبط:

• چرا طراحان وب نباید تنها کار کنند؟!
• PHP یا ASP؟ مسئله این است!
• خلاصه‌ای از کاربرد ریاضیات در طراحی وب
• کتاب هفته: راهنمای بهینه سازی سایت برای جستجوی گوگل
• بدانید کدام قسمت از صفحات شما شانس بیشتری برای دیده شدن دارد

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

A List Apart

پایگاه A List Apart نه تنها مقالات بیشماری در زمینه تکنولوژی های وب مانند HTML, XTML, CSS, JavaScript, XML و … را داراست, بلکه این سایت در زمینه های متفاوت دیگری در زمینه طراحی وب شما را راهنمایی میکند. مانند روش انجام طراحی یک سایت و مدیریت انواع پروژه ها.

webmonkey

سایت webmonkey با یک سابقه طولانی که به سال ۱۹۹۶ باز میگردد در زمینه طراحی وب فعالیت داشته. این سایت که اکنون به صورت یک wiki در آمده نه تنها شامل آموزش انواع تکنیکها,  بلکه شامل انواع مقالات مرجع و همچنین کتابخانه کد (Code Library) است.

Dev Shed

Dev Shed در کنار مجموعه بزرگ مقالات آموزشی در زمینه تکنولوژی های وب مانند PHP, ASP, XML, JavaScript و … دارای انجمن های کمکی نیز میباشد که با شرکت در آن میتوانید با پرسش و پاسخ مشکلات خود را حل کنید.

Smashing Magazine

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

Developer Tutorials

اگر به دنبال یک منبع برای آموزشهای کاربردی و همچنین کدهای آماده میگردید Developer Tutorials مخصوص شماست. این سایت در هر زمینه‌ای آموزش دارد. از ترفندهای Photoshop گرفته تا آموزشهای مربوط به Java و CSS و … .

Ajaxian

من به شخصه علاقه خاصی به تکنیکهای Ajax دارم. تکنیکهایی که باعث نزدیکی هرچه بیشتر وب و برنامه های دسکتاپی شده است. اگر دوست دارید در مورد Ajax و DHTML و نحوه کار این اعجوبه‌های جدید وب بیشتر بدانید Ajxian که یک وبلاگ است را به شما پیشنهاد میکنم.

DZone

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

iDevCenter

اگر DZone حکم سایت Digg را داشت, iDevCenter همان بالاترین ما فارسی زبان هاست منتها مخصوص برنامه نویسها…!

مطالب مرتبط:

• ۱۵۰۰۰ Cheat Sheet برای توسعه دهندگان
• کتاب هفته: آموزش HTML
• راه اندازی سرور محلی PHP بر روی لینوکس از طریق LAMPP
• بهینه سازی کدهای HTML
• چرا طراحان وب نباید تنها کار کنند؟!

| مشاهده‌ 5 نظر دیگر

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

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

نام کتاب: Google’s Search Engine Optimization Starter Guide

ناشر: Google Webmaster Central

زبان: انگلیسی

مطالب مرتبط:

• بهینه سازی و افزایش سرعت سایت در شش مرحله
• بهینه سازی کدهای HTML
• چرا طراحان وب نباید تنها کار کنند؟!
• PHP یا ASP؟ مسئله این است!
• خلاصه‌ای از کاربرد ریاضیات در طراحی وب

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

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

اگر شما همیشه به طراحی وب علاقه داشته‌اید و همیشه میخواستید بدانید چگونه این صفحات جذاب و زیبا ایجاد میشوند اولین قدم برای رسیدن به دانش طراحی وب دانستن زبان پایه طراحی وب یعنی HTML است. در کتاب “آموزش HTML” با مفاهیم اولیه و پایه HTML و به صورت قدم به قدم با دستورات این زبان آشنا خواهید شد. برای دانلود روی تصویر زیر کلیک کنید.

مطالب مرتبط:

• ۹ مرجعی که توسعه دهندگان وب نباید از دست بدهند!
• کتاب هفته: رازهای ویندوز ۷
• کتاب هفته: راهنمای بهینه سازی سایت برای جستجوی گوگل
• آماده تحول وب باشید; HTML5 در راه است
• برگه های تقلب (Cheat Seet) برای برنامه نویس‌ها