دسته بندي ها

جستجو

لينک هاي روزانه

جعبه پیام




امکانات


آرشيو

خبرنامه

آمار

آنلاین : 1
بازدید امروز : 4
بازدید دیروز : 14
بازدید هفته گذشته : 80
بازدید ماه گذشته : 189
بازدید سال گذشته : 2629
کل بازدید : 10333

لينک دوستان


از اواخر سال 1995 ، شركت مايكروسافت طراحی وب توجهي خاص و قابل توجه نسبت به اينترنت نمود .
هدف مايكروسافت در اين زمينه پيوند بين پلات فرم ويندوز و اينترنت بود. ماحصل تلاش مايكروسافت در اين زمينه ارائه
 مدل برنامه نويسيWindiws DNA ، بود . در اين راستا مجموعه اي از ابزارها و تكنولوژي هاي مبتني بر اينترنت ، طراحي
 و ارائه گرديد . ASP ، از اولين تلاش هاي مايكروسافت در اين زمينه است . عملا در اين زمينه ( مطرح شدن
 اسكريپت ها ي مفسري ) يك برگشت به عقب نسبت به پياده سازي ساختيافته و شي گراء را شاهد بوده ايم .
 طراحي ، اشكال زدائي و نگهداري چنين كدهاي غير ساختيافته اي مسائل خاص خود را خواهد داشت . ساير
 زبانها نظير ويژوال بيسيك بصورت موفقيت آميز در رابطه با برنامه نويسي بر روي اينترنت و پلات فرم مايكروسافت
 استفاده مي گرديد
 ولي اغلب از آن به منظور ايجاد عناصري كه از طريق ASP ، به خدمت گرفته مي شدند ، استفاده مي گرديد .در اين 
رابطه تلاش هاي اندكي نيز در جهت ايجاد يك
Interface مبتني بر وب بر روي زبان هاي سنتي نظير webclasses در VB ، نيز انجام شد ولي هيچكدام از تلاش هاي
 فوق ، در سطح گسترده اي مورد استقبال و پذيرش قرار نگرفت . مايكروسافت در صدد حل آشفتگي هاي همراه برنامه 
هاي ويندوز DNA بود . ويندوز DNA ، تصويري مناسب از يك معماري Three-Tire و مبتني بر COM بود كه تكنولوژي ASP
 در لايه Presentation ، اشياء Bussiness در لايه مياني و يك Engine بانك اطلاعاتي رابطه اي در لايه Data ، قرار مي گرفت 
. مفاهيم همراه DNA ،كامل و بي عيب بود اما در زمان استفاده عملياتي چالش هاي خاص خود را بدنبال داشت .
 پياده سازي عناصر COM ، مستلزم يك سطح مناسب از دانش و مهارت است و مي بايست زمان زيادي در اين رابطه
 صرف گردد . بكارگيري نرم افزارهاي DNA ، نيز مسائل خاص خود را داشت ( مسائل مربوط به ورژن ، نصب عناصر و 
عناصري كه با آن مرتبط مي باشند ) .
به موازات تلاش ساير شركت ها در رابطه با ارائه راهكارهائي خاص بمنظور پياده سازي برنامه ها ي وب ، شركت
 مايكروسافت در صدد برطرف نمودن محدوديت هاي مدل برنامه نويسي DNA گرديد.
تولد دات نت
در اوايل سال 1998 ، گروهي از پياده كنندگان نرم افزار در مايكروسافت ، كار طراحی وب خود را بر روي نسخه اي جديد از IIS ( نسخه چهار) ، به اتمام رساندند كه داراي چندين ويژگي جديد در رابطه با ASP بود .در اين راستا ، قابليت هاي جديدي بمنظور پياده سازي برنامه هاي وب در ويندوزNT ، فراهم گرديد.گروه پياده كننده داراي ايده هاي متعددي براي اعمال اصلاحات جديد بودند . گروه فوق ، كار خود را بر روي يك معماري جديد براي پياده سازي ايده هاي مطرح شده ، آغاز نمود . اين پروژه ، NGWS)Next Generation Window Services) ، ناميده گرديد. پس از ارائه ويژوال استوديو شش ، در اواخر سال 1998 ، تلاش براي ايجاد نسخه اي جديد از ويژوال استوديو در دستور NGWS ، قرار گرفت . گروه COM+/MTS در مدل پيشنهادي خود از يك Runtime ، عمومي براي تمامي زبانهاي استفاده شده در ويژوال استوديو ، استفاده نمودند . تلاش افراد درگير در پروژه NGWS ادامه يافت تا در نهايـت، شركت مايكروسافت در كنفرانس پياده كنندگان حرفه اي (PDC) ، دات نت را معرفي نمود.
مروري بر فريمورك دات نت :
فريمورك دات نت ، تمامي لايه هاي پياده سازي نرم افزار را از سطح سيستم عامل به بالا ، تحت پوشش قرار
مي دهد. فريمورك فوق، سطحي مناسب وقدرتمند از ارتباط و همبستگي بين تكنولوژي Presentation ، تكنولوژي هاي 
Component و تكنولوژي هاي Data را ارائه مي نمايد ( نظير اين ارتباط و همبستگي تاكنون در پلات فرم ويندوز مشاهده 
نشده است) . معماري فوق ، امكان طراحي و پياده سازي برنامه هاي مبتني بر اينترنت و محيط هاي 
Desktop ، را به سادگي فراهم و نيازهاي هر گروه از نرم افزارهاي فوق را بخوبي جواب مي دهد.
فريمورك دات نت از لايه پائين با عملياتي نظير مديريت حافظه آغاز و به سمت بالا به منظور ارائه اينترفيس هاي برنامه ها و كاربران، دنبال مي شود . در بين لايه ها ، لايه هاي سيستمي ديگر كه هر يك داراي پتانسيل هاي خاصي براي پياده كنندگان مي باشند ، وجود دارد.
CLR) Common Language Runtime)، بمنزله قلب فريمورك دات نت محسوب و Engine لازم بمنظور ارائه قابليت هاي كليدي را ارائه مي نمايد . CLR ، شامل عناصر اساسي ديگري نظير: (Common Type System (CTS ، است. علاوه بر مديريت حافظه ، CLR ، مراجعات به اشياء و عمليات Garbage Collection را نيز انجام مي دهد .
در لايه مياني ، ما شاهد نسل جديدي از سرويس هاي استاندارد نظير ADO.NET و XML مي باشيم .سرويس هاي فوق ، تحت كنترل فريمورك بوده و امكان به كارگيري آنها بصورت جامع و استاندارد در بين تمامي زبانها ، فراهم مي گردد . بالاترين لايه ، شامل اينترفيس هاي برنامه و كاربر است . فرم هاي ويندوز ، روشي جديد به منظور ايجاد برنامه هاي Desktop مبتني بر win32 مي باشند. فرم هاي وب ، يك رابط كاربر مناسب براي برنامه هاي مبتني بر وب را ارائه مي نمايند. سرويس هاي وب ، مكانيزمي بمنظور ارتباط برنامه ها از طريق اينترنت و با استفاده از SOAP ، مي باشد. سرويس هاي وب ، قابل مقايسه با عناصر COM و DCOM بوده با اين تفاوت مهم كه در اين راستا از تكنولوژي هاي متعدد اينترنت ، استفاده مي گردد. فرم هاي وب و سرويس هاي وب ، اينترفيس اينترنت دات نت را تشكيل و پياد ه سازي آنان از طريق بخش ديگري در فريمورك دات نت كه ASP.NET ، ناميده مي شود ، محقق مي گردد .
پتانسيل هاي موجود در هر لايه فريمورك دات نت ، توسط هر يك از زبان هاي سازگار با دات نت ، قابل استفاده خواهد بود. در پايان لازم است به اين نكته اشاره گردد كه در اين رابطه ( فريمورك دات نت ) مي توان از اينترفيس هاي مبتني بر متن ( كاراكتري) نيز استفاده كرد . اين نوع برنامه ها اصطلاحا" Console Application ، ناميده مي شوند .
فريم ورک چيست و دلايل استفاده از آن در قالب هاي جوملا
Share
فريم ورکيکي از مزيت‌هاي جوملا نسبت به سيستم‌هاي مديريت محتواي متن باز ديگر، قالب‌هاي آن بوده است. شايد 
بتوانيم يکي از مهمترين نقاط قوت جوملا را سيستم قالب‌هاي آن بيان کنيم. شايد پلتفرم قالبهاي جوملا در نگاه اول
پيچيده باشد اما به مراتب نسبت به سيستم‌هاي متن باز ديگر قدرتمندتر و ساده‌تر مي‌باشد. ويرايش قالب‌هاي جوملا، 
عملي ساده است و در کمتر از ?? دقيقه امکان تغيير هر قالبي وجود دارد. شايد براي هر طراح وبي اين مزيت کافي باشد!

نبايد فراموش کنيم هرکسي که بخواهد با حوزه وب سر و کار داشته باشد بايد html و css را بداند. چه وبمستر و چه طراح
 وب براي اينکه بتوانند فرد موفقي باشند بايد بتوانند از کامپيو‌تر در حد عالي استفاده کنند، دانش کافي داشته باشند و 
همچنين بتوانند با html و css خروجي مد نظر خود را تهيه کنند! اما اين موارد هم کافي نيست و بايد همواره بروز باشند. علم 
هميشه در حال پيشرفت هست و طراحي وب نيز يک علم است که در قالب صنعت و هنر مي‌باشد. فراموش نکنيد شما
 اگر طراح وب هستيد تنها يک طراح نيستيد و بايد علم هم داشته باشيد؛ خلاقيت نيز عضو جدا نشدني شماست.

از اين پس سعي مي‌کنيم قالب‌هايي که بصورت رايگان و همچنين امکانات جالبي هستند و البته قابليت فارسي بودن 
را دارند را معرفي کنيم. لازم به ذکر است سعي مي‌کنيم قالب‌هايي که از فريم ورک‌هاي مختلف استفاده مي‌کنند را بيشتر 
مورد توجه قرار دهيم، چرا که بهتر است قالب‌هايي را معرفي کنيم که شما بتوانيد ساده‌تر ويرايش کنيد.

در ارسال‌هاي آينده سعي مي‌کنيم قالب‌هاي مختلف را معرفي کنيم، اما تا آن زمان بهتر است با فريم ورک آشنا شويم. در 
ادامه سعي مي‌کنيم شما را با اين تکنولوژي آشنا کنيم.

فريم ورک چيست و اين واژه به چه معناست؟ اصلاً چرا بايد يا نبايد از فريم ورک استفاده کرد؟! آيا مهم است که از چه فريم 
ورکي استفاده کنيم؟ آيا استفاده نکردن از فريم ورک مي‌تواند ناتواني ما تلقي شود؟ و.... جوملا خود يک فريم ورک هست 
؟! در ادامه به اين سوالات پاسخ خواهيم داد.

فريم ورک چيست؟

هر کتابخانه‌اي که تهيه و تنظيم شده باشد تا از تکرار در برنامه نويسي جلوگيري کند و کار برنامه نويس را ساده کند فريم ورک
 ناميده مي‌شود. اما فريم ورک چيزي بيش از يک کتابخانه است. به عنوان مثال يک شرکت مانند سوني را در نظر بگيريد؛ آيا
 سوني هربار براي ساخت يک تلويزيون به تکنولوژي مشابه همه کيت‌ها و مدار‌ها را دوباره طراحي مي‌کند!؟ آيا از نظر زمان
 و هزينه اقتصادي باعث ضرر اين شرکت نخواهد شد؟ طبيعتاً سوني همه اطلاعات را در جايي نگه داشته و تنها تغييراتي
 در آن اعمال مي‌کند و خروجي يک محصول جديد را در نتيجه خواهد داشت.

فريم ورک‌ها بر اساس ساختار برنامه نويسي شي گرايي تحت عنوان
Model، View، Controller به اختصار MVC ساخته مي‌شوند. اما نمي‌توان گفت کتابخانه‌هايي که بر اساس شي گرايي 
ساخته نشده‌اند فريم ورک نيستند. عموما پرتال‌ها و سيستم‌هاي مديريت محتوا مثل جوملا، مامبو، دروپال، وردپرس و … در ‌‌نهايت تبديل به يک کتابخانه يا فريم ورک مي‌شوند. لازم به ذکر هست که خود اين فريم ورک‌ها مي‌توانند فريم ورک‌هاي ديگر را نيز ميزباني کنند. مانند جوملا که فريم ورک Gantry براي قالب‌هاي جوملا، کار طراحي و مديريت قالب را سهل و آسان مي‌کند و بسياري از قالب‌هاي جوملا امروزه از فريم ورک‌ها استفاده مي‌کنند. فريم ورک گانتري براي سيستم مديريت محتواي وردپرس نيز قابل استفاده هست.



چرا از فريم ورک استفاده مي‌کنيم؟

هيچ اجباري براي استفاده از فريم ورک نيست. اما اگر مزيت‌هاي فريم ورک‌ها را بدانيم شايد حاضر نباشيم به هيچ وجه
 بدون فريم ورک کاري کنيم! (فراموش نکنيد جوملا قبل از سيستم مديريت محتوا يک فريم ورک است و در واقع يک CMF 
مي‌باشد) هرچند هيچ اجباري براي استفاده از فريم ورک‌ها نيست. هيچ کسي نمي‌تواند شما را به خاطر استفاده 
نکردن از فريم ورک‌ها سرزنش کند. اما به شما پيشنهاد مي‌کنم که سعي کنيد هميشه از فريم ورک‌ها استفاده کنيد. حتي 
خودتان مي‌توانيد فريم ورکي را تهيه کنيد تا کار‌هايتان ساده‌تر شود. اما فريم ورک‌هايي هستند که شايد نياز نباشد شما
وقت بگذاريد و فريم ورک جديدي را تهيه کنيد! يا اصلاً تنها کافي باشد با تغييرات کمي به احتياج خود برسيد. يکي از 
مزيت‌هاي فريم ورک‌ها اين است که اگر يک اشکالي در منبع (Source) شما باشد مي‌توانيد با يک تغيير همه قالب‌هايي
 (برنامه‌ها) که از اين فريم ورک استفاده مي‌کنند را اصلاح کنيد!

کدام فريم ورک را انتخاب کنيم؟

فريم ورک‌هاي زيادي براي جوملا و قالب‌هاي جوملا تهيه شده است که هر کدام امکانات خاصي را دارند.
مثلاً T3 (جوملارت) يا Gantry (راکت تم) از معروف‌ترين اين فريم ورک‌ها هستند که هر قالبي را با اين فريم ورک‌ها تهيه کنيم 
مي‌توانيم مطمئن باشيم که قالب ما امکانات ويژه‌اي دارد و همچنين قابليت راست به چپ يا اصطاحاً فارسي را داراست. 
اما تنها اين فريم ورک‌ها نيستند که براي قالب‌هاي جوملا تهيه شده‌اند. فريم ورک‌هايي نظير YT Framework 
، Warp ، Gavern ، Zen Grid 
، Helix ، Construct Template
 
Development ، Morph ، JV و موارد ديگري که شايد به اندازه کافي معروف نشده‌اند که بتوان در اين مقاله معرفي کرد! 
اما براي نمونه و يا شايد برايتان جالب باشد که هم اکنون فريم ورکي در حال تهيه هست با نام JYAML که توضيحات خاص 
و امکانات ويژه خود را دارد و در اينباره تحقيق کنيد تا بيشتر بدانيد! اين به اين معناست که شما به همين فريم ورک‌هايي 
که بيان شد نيز محدود نيستيد! شايد دوست داشته باشيد خودتان فريم ورکي را تهيه کنيد! کسي شما را منع نمي‌کن
د و يا حتي شايد روزي جوملا فارسي فريم ورکي را براي خود ارائه کند. کسي نمي‌داند در آينده چه چيزي در انتظار 
شما و ما هست.

عموماً کاربران ايراني و طراحان وب ايراني کمتر از اين فريم ورک‌ها استفاده مي‌کنند. اما ما سعي مي‌کنيم تعداد
 اين افراد که در بين ايراني‌ها متأسفانه کمتر از انگشتان دست هست را بيشتر کنيم. به همين منظور تا جايي که به ما 
اين مجال داده شود آموزش‌هايي در اين باره را منتشر خواهيم کرد. اما تا آن زمان مي‌توانيد html و css را مسلط شويد تا 
بهتر مقالات آموزشي ما را در اين باره درک کنيد.

پي نوشت نويسنده: در بين فريم ورک‌هاي بالا من گانتري را از همه بر‌تر مي‌دانم. اين يک نظر شخصي هست. شايد نظر
شما با من متفاوت باشد. اما دلايل من مشخص هست! چرا که امکانات قدرتمندتري دارد و براي زبان فارسي نيز سازگاري 
بهتري را داراست اما شايد گاهي اوقات هم از T3 استفاده کنم! پس باز هم بسته به نياز خود انتخاب خواهم کرد. شما هم
 سعي کنيد با يک فريم ورک تکراري کار نکنيد!

آيا فريم ورک به سرعت ضربه مي‌زند؟

فريم ورک‌ها عموماً حامل کدهاي اضافه هم هستند که شايد در يک قالب (برنامه) استفاده نشوند. اما احتمالاً اصلاً محسوس
نباشند! شايد ما در يک پروژه از يکسري دستور استفاده کنيم و در پروژه بعدي نيازي نداشته باشيم؛ اما در فريم ورک ما 
اين دستورات هست و در قالب (برنامه) ما بارگذاري خواهد شد و بر روي کامپيوتر کاربر بارگيري مي‌شود. اما اين موضوع 
نيز قابل کنترل است و شما مي‌توانيد براي فريم ورک خود ويژگي‌هايي (آپشن‌هايي) را قرار دهيد تا بتوانيد موارد اضافه را 
در زماني که نياز نيست، حذف کنيد. پس باز هم اينکه سنگين شود يا نه به شما بر مي‌گردد. گاهي 
Cache و فشرده کردن فايل‌هاي جاوا و css کمک بسياري خواهد کرد. سعي خواهيم کرد راه‌هايي را به اين منظور در آينده
 ارائه کنيم.
نوشته شده در دوشنبه 25 آذر 1392 ساعت 12:55 توسط : hamed | دسته : | 113 بازدید
  • []

  • Home طراحی وب سایت  » ASP.NET • ابزارهاي ASP.NET » قرار دادن captcha در login خود ASP.NET
    قرار دادن captcha در login خود ASP.NET نوشته شده توسط مصطفيASP.NET, ابزارهاي ASP.NET ?? مرداد 

    بعد از راه اندازي سيستم احراز هويت که تو پست قبلي مراحل اون رو توضيح دادم نوبت به استفاده از ابزارهاي
    اون مي رسه که خوب کار با ابزار لاگين  بسيار ساده است شما با همون نام کاربري و رمز عبوري که براي کاربر
     تعريف کرديد مي تونيد بدون کدنويسي لاگين بشيد اما شايد بخوايد ابزارهاي ديگه اي هم به اين لاگين اضافه 
    کنيد مثل کپچا براي اين کار از رويداد Authenticate ابزار لاگين استفاده مي کنيم .

    من اينجا براي کپچا از MSCaptcha استفاده مي کنم که در انتهاي پست مي تونيد اون رو دانلود کنيد .

    بعد از اضافه کردن mscaptcha به پروژه خودتون به جدول مربوط به لاگين يک سطر اضافه کنيد و کپچا رو داخل
    اون قرار بديد  و يک textbox هم قرار بديد تا کاربر کد کپچا رو داخل اون وارد کنه 
    protected void Login1_Authenticate(object sender, AuthenticateEventArgs e)
    {

    string loginUsername = Login1.UserName;
    string loginPassword = Login1.Password;

    MSCaptcha
    .CaptchaControl loginCAPTCHA = (MSCaptcha.CaptchaControl)Login1.FindControl("CaptchaControl2");
    TextBox txtcode = (TextBox)Login1.FindControl("txtcode");
    loginCAPTCHA.ValidateCaptcha(txtcode.Text);

    if (!loginCAPTCHA.UserValidated)
    {

    Login1.FailureText = "کد امنيتي اشتباه است !";
    e.Authenticated = false;
    }
    else
    {

    if (Membership.ValidateUser(loginUsername, loginPassword))
    {
    MembershipUser userInfo = Membership.GetUser(loginUsername);
    e.Authenticated = true;
    }
    else
    {
    e.Authenticated = false;
    Login1.FailureText = "نام کاربري يا رمز عبور شما اشتباه است !";
    }
    }
    }


    دقت کنيد که نام textbox خودتون رو در اين خط وارد کنيد :


    1
    TextBox txtcode = (TextBox)Login1.FindControl("txtcode");
    يک نکته اي رو من اضافه کنم که براي راه اندازي کپچا در web.config اين کد رو قرار بديد :


    1
    2
    3
    <httpHandlers>
    <add verb="GET" path="CaptchaImage.axd" type="MSCaptcha.captchaImageHandler, MSCaptcha"/>
    </httpHandlers>
    Home » #C • ASP.NET » کوکي ها در ASP.NET
    کوکي ها در ASP.NET نوشته شده توسط مصطفي#C, ASP.NET ?? بهمن ????
    معرفي کوکي ها :

    کوکي ها با نام هاي بسياري شناخته مي شوند از جمله : HTTP Cookie,
     Web Cookie, Browser Cookie, Session Cookie و غيره . کوکي ها يکي از راه هاي مختلف براي ذخيره سازي 
    اطلاعات مختلف درباره بازديدکنندگان وب سايت در طول زماني که وب سرور و مرورگر به هم متصل نيستند است 
    . کاربرد عمومي کوکي ها براي به خاطر داشتن اطلاعات کاربران ميان بازديدهايي که داشته به کار مي رود . 
    عملا کوکي يک فايل متني کوچک است که توسط وب سرور ارسال مي شود و توسط مرورگر بر روي سيستم
     کاربر ذخيره مي شود .

    کاربردهاي کوکي :

    کوکي ها ممکن است براي تاييد هويت ، شناسايي طراحی وب سایت جلسه کاربر ( session ) ، تنظيمات 
    دلخواه کاربر ، محتويات سبد خريد و يا هرچيز ديگري که مي تواند از طريق داده هاي متني ذخيره شود به کار روند 
    . کوکي ها همچنين مي توانند براي انتقال اطلاعات از يک صفحه به صفحه ديگر کاربرد داشته باشند  .

    آيا کوکي ها امن هستند ؟

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

    نحوه استفاده از کوکي

    Response.Cookies["StudentCookies"]["RollNumber"] = TextBox1.Text;
    Response.Cookies["StudentCookies"]["FirstName"] = "Abhimanyu";
    Response.Cookies["StudentCookies"]["MiddleName"] = "Kumar";
    Response.Cookies["StudentCookies"]["LastName"] = "Vatsa";
    Response.Cookies["StudentCookies"]["TotalMarks"] = "499";
    Response.Cookies["StudentCookies"].Expires = DateTime.Now.AddDays(1);
    خواندن محتويات کوکي

    در کدهاي بالا ما کوکي رو ايجاد کرديم و اطلاعاتي رو داخل اون نوشتيم اما براي خوندن اين اطلاعات بايد به صورت 
    زير عمل کنيم :

    براي دو روش اول :

    string roll = Request.Cookies["StudentCookies"].Value;
    و براي روش سوم :
    string roll;
    roll = Request.Cookies["StudentCookies"]["RollNumber"];
    roll = roll + " " + Request.Cookies["StudentCookies"]["FirstName"];
    roll = roll + " " + Request.Cookies["StudentCookies"]["MiddleName"];
    roll = roll + " " + Request.Cookies["StudentCookies"]["LastName"];
    roll = roll + " " + Request.Cookies["StudentCookies"]["TotalMarks"];
    Label1.Text = roll;
    حذف کوکي

    کد مربوط به حذف کوکي :

    if (Request.Cookies["StudentCookies"] != null)
    {
    Response.Cookies["StudentCookies"].Expires = DateTime.Now.AddDays(-1);
    Response.Redirect("Result.aspx");
    }


    کلاس HttpCookies مشتق شده از فضاي نام ( system.web ) است که البته به صورت پيش فرض وجود دارد :


    1
    using System.We


    توضيح تعدادي از مهمترين خواص کلاس HttpCookie :

    به دست آوردن و يا تنظيم دامنه مرتبط با کوکي Domain
    تنظيم زمان انقضاي کوکي Expires
    نشان مي دهد که آيا يک کوکي زير کليد است HasKeys
    دسترسي به نام کوکي Name
    به دست آوردن و يا تنظيم مسير مجازي براي انتقال با کوکي هاي موجود Path
    نشان مي دهد که آيا کوکي در يک اتصال امن منتقل مي شود ( https ) Secure
    مقدار کوکي Value


    محدوديت هاي کوکي :

    سايز کوکي نبايد بيشتر از ???? بايت باشد .
    تنها ?? تا کوکي توسط يک وب سايت مي توانند مورد استفاده قرار گيرند ، اگر در يک وب سايت تعداد کوکي ها از اين 
    حد بيشتر شود مرورگر کوکي هاي قديمي را حذف مي کند .
    کاربر نهايي مي تواند پذيرش کوکي توسط مرورگر را متوفق کند ، بنابراين توصيه مي شود وضعيت کاربر را چک کنيد و 
    در صورت لزوم هشدار مناسب براي فعال کردن کوکي توسط کاربر را بدهيد .
    گاهي اوقات کاربر نهايي قابليت دريافت کوکي توسط مرورگر رو غير فعال مي کند و گاهي اوقات مرورگر چنين امکاناتي
     براي پذيرش کوکي ها ندارد . در چنين مواردي شما مي توانيد وضعيت مرورگر کاربر را در صفحه اصلي وب سايت چک
     کنيد و پيغام مناسب را نمايش دهيد و يا کاربر را به صفحه اي مناسب با پيامي مشابه ( اول کوکي را 
    فعال کنيد بعد ادامه دهيد ) انتقال دهيد .کد زير بررسي مي کند که آيا مرورگر کاربران از کوکي پشتيباني مي کند
     يا نه هم چنين اگر غير فعال باشد تشخيص مي دهد .


    protected void Page_Load(object sender, EventArgs e)
    {
    if (Request.Browser.Cookies)
    {
    //supports the cookies
    }
    else
    {
    //not supports the cookies
    //redirect user on specific page
    //for this or show messages
    }
    }
    هميشه توصيه مي شود که اطلاعات حساس را در کوکي ذخيره نکنيد .

    نوشته شده در سه شنبه 16 مهر 1392 ساعت 12:54 توسط : hamed | دسته : | 135 بازدید
  • []

  • گزينشگرهاي تو در تو , گزينشگرهاي گروهي در CSS
    استفاده مناسب از کدهاي css براي خلاصه نويسي و کنترل موثر بر روي عناصر به وسيله گزينشگرهاي
    تو در تو ( CSS Nesting Selector ) و گروهي ( CSS Grouping Selectors )
    امير سروري? ديدگاهCSS , اصول طراحي وب سايتجمعه, ?م ارديبهشت , ????3176 بازديد
    گزينشگرهاي گروهي ( CSS Grouping Selectors )
    بساري از عناصر در يک سند CSS ، داراي style هاي يکساني مي باشند ، تکرار اين گونه از خصوصيت ها ميتواند
     حجم سند CSS را افزايش دهد و هچنين طراحی وب سایت راحتي کنترل و کار با سندهاي CSS را تحت تاثير قرار دهد .

    براي بهينه نمودن کدهاي CSS از تکنيک گزينشگرهاي گروهي ( CSS Grouping Selectors ) براي افزايش کنترل ،
    کاهش حجم کدها و سند CSS استفاده ميشود .

    h1 {
    Color:#cccccc;
    }
    h2{
    Color:#cccccc;
    }
    p{
    Color:#cccccc;
    }
    هر يک از گزينشگرها را با استفاده از کاما ( , ) از يکديگر جدا مي کنيم و خصوصيت يا style مشترک را براي آنها
     تعيين مينمائيم. به طور مثال در زير از گزينشگرهاي بالا ( h1,h2,p ) با style هاي يکسان يک گروه از گزينشگرها 
    را مي سازيم .


    h1,h2,p {
    Color:#cccccc;
    }

    <h1>Hello World!</h1>
    <h2>Smaller heading!</h2>
    <p>This is a paragraph.</p>
    گزينشگرهاي تو در تو ( CSS Nesting Selector )
    با استفاده از اين خاصيت ميتوان گزينش هاي تو در تويي را انجام داد . به طور مثال در نمونه زير يک style خاص
     براي تمامي عناصر p در نظر گرفته شده است . با استفاده از اين خاصيت ميتوان با اضافه نمودن يک class به 
    يک عنصر p خاص يک style خاص ديگر را نيز به اين عنصر p اضافه طراحی سایت  نمود.قابل توجه است که اين عنصر p از خصوصيت
     تمامي عناصر p نيز پيروي خواهد کرد.

    p {
    Color:green;
    Text-align:center;

    }

    .market {
    Background-color:green;
    }

    .market p {
    Color:white;

    <p>This is a blue, center-aligned paragraph.</p>
    <div class="marked">
    <p>This p element should not be blue.</p>
    </div>
    <p>p elements inside a "marked" classed element keeps the alignment style,
    but has a different text color.</p>
    اين نوع از گزينش ميتواند به صورت زير نيز در نمونه هاي ديگر انجام گيرد

    p {
    Color:green;
    }
    p span {
    color:red;
    }
    1
    <p> this is a <span> example </span> text </p>
    آشنايي با مفهوم Margin , Padding , Border در CSS
    مفهوم يک Box در CSS نشان دهنده محيط اطراف يک عنصر HTML است که داراي خصوصياتMargin , Padding Border و
     محتوا يا Content است
    امير سروري?? ديدگاهCSS , اصول طراحي وب سايتشنبه, ??م فروردين , ????6275 بازديد
    تمامي عناصر HTML را ميتوان به صورت يک چهار ضلعي يا جعبه ( Box ) در نظر گرفت . براي ايجاد ساختار مناسب
    در طراحي يک وب سايت اين Box ها در کنار يکديگر قرار خواهند گرفت . مفهوم Box Model در CSS به بررسي خصوصيات 
    و توانايي هاي اين اجزاء ( Box ) مي پردازد .

    مفهوم يک Box در CSS نشان دهنده محيط اطراف يک عنصر HTML است که داراي خصوصيات Margin , Padding ,Border و
    محتوا يا Content است .
    مفهوم Box Model اين توانايي را به ما ميدهد تا فاصله محتويات ( Content ) تا خط محيطي ( Border ) را تعيين
     کنيم ( Padding ) ، ضخامت خط مرز ( Border ) را تعيين کنيم و يا فاصله خارجي يک عنصر HTML را با ديگر عناصر 
    تعيين کنيم ( Margin ) ميتوانيد در طرح زير طراحی وب سایت اين مفهوم را دقيقتر درک کنيد .


    آموزش Css , padding , margin , border
    Margin
    فضاي خالي در خارج از محيط Box و مرز Border ، که ميتوان اندازه آن را براي ضلع هاي مختلف
    ( Top , Right , Bottom ,Left ) به صورت کلي و يا جزء به جزء تعيين نمود . اين فضا داراي رنگ پس زمينه 
    نيست وبه صورت يک فضا با پس زمينه شفاف يا Transparent در فضاي اطراف Box قرار ميگيرد .
    div {
    margin:10px;
    }

    div {
    margin-left:10px;
    margin-top:10px;
    margin-right:5px;
    margin-bottom:3px;
    }
    Border
    مشخص کننده مرز خارجي Box خارج از محتوا ( Content ) و ( Padding ) که ميتوان ميزان ضخامت و رنگ و
     نوع آن را تعيين نمود .به صورت پيش فرض رنگ آن از رنگ زمينه Box پيروي ميکند .

    div {
    border:1px solid #888;

    div {
    border-bottom:2px solid #070;
    border-left:2px double #070;
    border-top:2px dashed #070;
    border-right:2px dotted #070;
    }
    Padding
    فضاي خالي مابين محتوا و مرز ( Border ) داخلي Box ، که ميتوان اندازه آن را براي ضلع هاي مختلف
    ( Top , Right , Bottom ,Left ) به صورت کلي و يا جزء به جزء تعيين نمود . رنگ پس زمينه اين فضا از رنگ 
    پس زمينه Box پيروي ميکند .


    div {
    padding:15px;
    }

    div {
    padding-left:5px;
    padding-top:20px;
    padding-right:8px;
    padding-bottom:7px;
    }
    Content
    محتويات داخاي يک Box ، که ميتواند شامل متن ، تصوير ، ليست و يا جدول و … باشد .

    نحوه محاسبه اندازه يک Box
    براي طراحي و چينش دقيق اجزاء در طراحي يک صفحه وب ، تمامي اجزاء جزء به جزء با دقت ?px محاسب
    ميشوند و با توجه به اين موضوع نحوه محاسبه اندازه ( Width , Height ) در يک Box بسيار مهم است . 
    با استفاده از خصوصيات width , height اندازه اجزاء ( Box ) تعيين ميگردند ، اما به اين نکته توجه کنيد که ،
    در صورت وجود ( Border , Margin , Padding ) فضايي که Box اشغال خواهد کرد با اندازه اي که توسط خصوصيات
     Width و height تعيين شده است متفاوت خواهد بود . در واقع با استفاده از width و height تنها اندازه محتوا 
    ( Content ) تعيين شده است و براي محاسبه اندازه واقعي Box ، اندازه ( Padding , Margin , Border ) نيز بايد
     به اين اندازه اضافه شوند . 
    اين نکته مهم را به ياد داشته باشيد که ، Padding و Border در اندازه يک Box – Width or Height تاثير گزار 
    هستند ، اين اندازه با استفاده از فرمول زير محاسبه مي شود
    نوشته شده در سه شنبه 2 مهر 1392 ساعت 13:52 توسط : hamed | دسته : | 118 بازدید
  • []


  • براي تغيير اين متن به نوشته طراحی وب سایت دلخواه کد زير رو در فايل functions.php قالبتون قرار بديد :

    1
    function change_footer_admin () {
    2
    echo 'طراحي و اجرا <a href="http;//phpro.ir">PHPro.ir</a>';
    3
    }
    4

    5
    add_filter('admin_footer_text', 'change_footer_admin');
    نتيجه :



    حذف ويرايشگر پوسته

    بازهم کد زير رو در فايل functions.php قرار بديد :

    1
    function remove_editor_menu() {
    2
    remove_action('admin_menu', '_add_themes_utility_last', 101);
    3
    }
    4

    5
    add_action('_admin_menu', 'remove_editor_menu', 1);
    غيرفعال کردن ابزارک هاي استاندارد

    1
    function remove_some_wp_widgets(){
    2
    unregister_widget('WP_Widget_Calendar');
    3
    unregister_widget('WP_Widget_Search');
    4
    unregister_widget('WP_Widget_Recent_Comments');
    5
    }
    6

    7
    add_action('widgets_init',remove_some_wp_widgets', 1);
    خب فکر ميکنم تا اينجا کافيه.به اميد خدا سعي ميکنم آموزشهاي مفيدي پيرامون وردپرس قرار بدم.


    استفاده از توابع PHP در جاوااسکريپت
    Posted on ??/??/?? | PHP
    شايد شما در برنامه نويسي PHP تجريبايتي داشته باشيد اما ممکنه با جاوااسکريپت تجريبه چنداني
    نداشته باشيد.جاوااسکريپت يک زبان
    طراحی وب سایت  
    برنامه نويسي سمت کلاينت محسوب ميشه که بسيار گسترده 
    است.اما به عنوان طراح وب بايد با اين زبان و توابعش اشنا باشيد.

    بعد از اين مقدمه چيني چيزي رو که ميخواستم بهش برسم اينه که : چه خوب ميشد اگر ميتونستيم از
     توابع PHP داخل جاوااسکريپت استفاده کنيم.

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

    براي اين کار بايد دستورات PHP رو با استفاده از جاوااسکريپت پياده سازي کنيم.يکي ديگه از مزاياي اين کار اينه 
    که ديگه نيازي نيست توابع جاوااسکريپت رو  آموزش ديد.

    يک گروه از برنامه نويسان دور هم جمع شدن و تعدادي از توابع PHP در زبان برنامه نويسي JavaScript پياده سازي کردند 
    . . . !!!

    خب اين يعني چي؟

    مثال زير رو ببينيد :

    1
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    2
    <html>
    3
    <head>
    4
    <title>PHP in JS</title>
    5
    <meta http-equiv="content-language" content="en">
    6
    <meta name="author" content="Teddy Cyber">
    7
    <meta name="author-url" content="http://www.webdevstuff.com">
    8
    <meta name="description" content="PHP.JS Test File">
    9
    <meta name="keywords" content="php, javascript">
    10
    <meta name="creation-date" content="06/18/2009">
    11
    <script type="text/javascript" src="../js/php.default.min.js"></script>
    12
    </head>
    13
    <body>
    14
    <script type="text/javascript">
    15
    echo(‘Hello World!’);
    16
    </script>
    17
    </body>
    18
    </html>
    چيزي که بعد از اجراي اين کد در مرور گر مشاهده خواهيد کرد عبارت Hello World! خواهد بود!!

    ميبينيد که تابع echo در جاوااسکريپت پياده سازي شده.

    اين کتابخانه به نام PHP.js معرفي شده و تعداد زيادي از توابع PHP رو در خودش جاي داده. تقريبا تمام
    توابع مربوط به آرايه ها در PHP رو  ميتونيد داخل اين کتابخانه پيدا کنيد.

    در اين لينک هم ميتونيد پکيج هاي مورد نظرتون رو دانلود و ازش استفاده کنيد.

    با اينکه اين کتابخانه هنوز کامل نشده و ممکنه نقص هايي هم داشته باشه اما ميشه اميدوار بود در 
    آينده اي نزديک ديگه نيازي به يادگيري توابع جاوااسکريپت نداشته باشيم.
    نوشته شده در دوشنبه 18 شهريور 1392 ساعت 11:51 توسط : hamed | دسته : | 145 بازدید
  • [ادامه مطلب] []



  • موضوع سلامت بدن فقط در مورد انجام فعاليت هاي فيزيکي در زندگي شما نيست… شما فقط ?? دقيقه فعاليت بدني در روز داريد؟ خب ???? ساعت ديگر را براي حفظ سلامت خود چه کاري انجام مي دهيد؟

    دکتر پيتر تي کاتزمارزيک

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

    با تغييرطرز فکر خود شغلتان را حفظ نماييد



    6 اشتباه روزانه که سلامتي و حتي شغل شما را تهديد مي کند - webtarget.ir

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

    ?- استرس را از خود دور کنيد



    6 اشتباه روزانه که سلامتي و حتي شغل شما را تهديد مي کند - webtarget.ir

    بيايد اين بار با انصاف وعادلانه فکر کنيم ،آيا واقعا شيوه زندگي خود را به اندازه کافي فعال و سالم ميدانيد آن هم با نشستن در تمام طول روز وکليک بر روي موس و يا تايپ به وسيله کيبورد ؟

    اميدوارم که جوابتان همانند من منفي باشد چون در غير اينصورت نياز به حضور درکلاس هاي آمادگي جسماني، يا دويدن درخيابان و پارک را احساس نمي کنيد.

    حتي اگر شما ازعدم تناسب اندام درزندگي خود کاملا آگاه باشيد، هيچ چيز به خودي خود تغيير نخواهد کرد.شما تنها کسي هستيد که مي تواند هرگونه تغيير را در زندگي خود ايجاد کند.

    زمانيکه به جاي ” عمل” کردن و برداشتن اولين قدم براي حفظ سلامتي تنها به “فکر” بالا بردن سطح آمادگي جسمي و فعاليتهاي روزمره در زندگي خود باشيد ،چيزي به عنوان استرس وافسردگي را به زندگي خود وارد نموده ايد و زمانيکه استرس , افسردگي و حتي بيشتر از آن ,در زندگيتان باشد, درنهايت با يک سري از مشکلات سلامتي، مانند بيماري هاي قلبي، زخم معده، اضطراب،و غيره روبرو خواهيد شد.

    فقط يک گام براي آرام و سرشار از انرژي بودن نياز است

    براي درک اولين گام به شما پيشنهاد مي کنم که ورزش کنيد اما لطفا به ياد داشته باشيد که ورزش به تنهائي براي حفظ سلامتي کافي نيست.

    منظوراز ورزش کردن انجام دو ماراتن و يا شروع يک برنامه آموزشي درالمپيک نيست, آن هم پس از گذراندن سالهاي بدون ورزش و تمرين. ورزش را با انجام فعاليت هايي مانند پياده روي،آهسته دويدن ، انجام يوگا يادوچرخه سواري آغاز کرده و به سوي دو سرعت و کوهنوردي گسترش دهيد. ورزش کردن باعث مي شود استرس، افسردگي واضطراب فرسنگها از شما دور شود.

    ?-رفتار مناسب با ساعد و بازوان خود داشته باشيد


    6 اشتباه روزانه که سلامتي و حتي شغل شما را تهديد مي کند - webtarget.ir

    آيا تا به حال در مورد سندرم تونل مچ دست (Carpal Tunnel Syndrome) چيزي شنيده ايد؟ اين موضوع بسيار ناراحت کننده است، اما بهتر است با شما صادق بود. اين سندرم بر روي همه ازجمله کارمندان وطراحان وتوسعه دهندگان وب تاثيرمي گذارد.

    علائمي از جمله:درد، سوزش، بي حسي و خارش در ناحيه مچ دست که عمدتا با تايپ بيش ازحدايجاد مي شود از جمله عوامل مبتلا شدن به سندرم تونل مچ دست خواهند بود

    پيشگيري از آن سخت نيست

    سعي کنيد هميشه مچ دست خود را کمي خميده و پايين تر ازصفحه کليد نگه داريد. بديهي است که در هنگام کار به آرامش نيازمنديد، اما درصندلي خود خميده ننشينيد، و پاهاي خود را صاف بر روي زمين بگذاريد.

    دقيقا مثل بدن شما که به ورزش وکشش در طول روز نياز دارد، مطمئن شويد که انگشتان، مچ دست ودست هاي خود را نيز در طول روز ورزش و نرمش مي دهيد.

    يکي ديگر از نکاتي که مي توان يادآور شد اين است که در هنگام کار مي توانيد آرنج ها را کنار پهلوي خود نگه داريد. با انجام اين کار انگشتانتان با پلتفرم سازگارتري کار مي کنند و مچ دستتان هرگز در هنگام کار پيچ نمي خورد.

    ?-مانند يک نوزاد بخوابيد


    6 اشتباه روزانه که سلامتي و حتي شغل شما را تهديد مي کند - webtarget.ir

    يک شمع را بر روي ميز کار خود تصور کنيد . هنگامي که اين شمع را روشن مي کنيد قطعا زيبا به نظر ميرسد. اما ، تنها پس ازچند ساعت همه شمع برروي ميز آب خواهد شد.

    اين مثال معناي واقعي کلمه سوزاندن را شرح مي دهد در صورتي که يک خواب با کيفيت و کافي را از خود دور کنيد شما هم مانند اين شمع آب مي شويد و از بين مي رويد. اين به اين معنا است که خواب کافي و با کيفيت از با اهميت ترين موارد براي حفظ سلامتي است زيرا در صورت نداشتن خواب کافي و با کيفيت شما انواع درد ها و بيماري ها را تجربه خواهيد کرد

    آيا تا به حال از خستگي سر خود را بر روي صفحه کليد گذاشته ايد؟ شايد هم در اين بين چرت کوچکي زده باشيد .پس مطمئنا لذت چرت زدن را به ياد مي آوريد و با آن خاطره داريد.

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

    اگر خوب استراحت نکنيم، به طور مداوم در طول روز باحملات خواب مانند بي حالي و کسلي مواجه خواهيم شد.

    هر فرد بالغ، به حدودهفت تا هشت ساعت خواب خوب و با کيفيت در طول شبانه روز نياز دارد.

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

    ?-آسيب ديدن بينايي بسيار نا راحت کننده است



    6 اشتباه روزانه که سلامتي و حتي شغل شما را تهديد مي کند - webtarget.ir

    آسيب رسيدن به بينايي، يکي از مشکلات جدي است و در بسياري از موارد مي تواند مشکلات پيچيده تري با خود به همراه داشته باشد.

    يکي از رايج ترين مشکلاتي که در شرايط نشستن روبروي کامپيوتر با آن روبه رو مي شويد، درد چشم است که اغلب فشار چشم (Asthenopia) ناميده مي شود. اين وضعيت ممکن است به خودي خود مسائل قابل توجهي را در بر نداشته باشد، اما ميتواند با خودعلائم ديگر مانند خستگي و درد داخل و يا اطراف چشم، تاري ديد، سردرد وگاهي دوبيني را به همراه بياورد .

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

    بدون چشم، طراحي و برنامه نويسي وب سايتي وجود نخواهد داشت. ازآنها خوب مراقبت نماييد.

    در خصوص مراقبت از چشمانتان به اين راهنمايي ها توجه کنيد:

    اولين نکته، مراجعه به مراکز معاينه چشم است. يک برنامه روتين براي معاينه چشم هايتان در نظر بگيريد.داشتن معاينات چشم به پيشگيري و حتي درمان مشکلات بينايي کمک فراواني مي کند. توصيه پزشکان اين است: حداقل يک بار در سال معاينه چشم داشته باشيد.

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

    پلک زدن مي تواند در اين زمينه بسيار کمک کند ،و براي جلوگيري از خشکي و سوزش چشم هم مفيد است.

    و آخرين نکته، استفاده از نور مناسب است.

    ?-کوچکترين درد در ناحيه کمر و پشت گردن را جدي بگيريد



    6 اشتباه روزانه که سلامتي و حتي شغل شما را تهديد مي کند - webtarget.ir

    هم اکنون مي خواهم از شما بپرسم امروز چند ساعت را بر روي صندلي به ظاهر راحت محل کار خود نشسته ايد؟

    مطمئن باشيد ، کمر شما هرگز شما را به خاطر نشستن طولاني مدت در يک صندلي در تمام طول روز نخواهد بخشيد. اولين چيزي که شما را متوجه مبتلا شدن به درد کمر مي کند درد گردن و جدي تر از آن مشکلات ستون فقرات خواهد بود.

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

    براي جلوگيري ازکمر درد، ازصندلي خود به درستي
    طراحی وب سایت 
    استفاده کنيد

    در صورت امکان، هميشه ارتفاع ميزرا با خود تنظيم کنيد. شايد جابه جا کردن ميز کار دشواري باشد. پس حداقل، به دنبال راهکاري براي تنظيم صندلي خود با ميز مورد نظر باشيد.

    تا حد امکان به ميزخود نزديک شويد ، قسمت بالاي بازوها را موازي ستون فقرات نگه داشته و آرنج خود را در زاويه??درجه با آن بر روي ميز بگذاريد واجازه دهيد مچ دست بر روي صفحه کليد به آرامي قرار گيرد.

    صندلي بهتر است کوسن داشته باشد ،تافشار وارده از صندلي به بدن را کمتر کند و قوس کمر را در هنگام نشستن کمتر کند.

    نحوه صحيح نشستن پشت ميز کامپيوتر

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

    ?-کامپيوتر مي تواند يک عامل مهم سردرد باشد



    6 اشتباه روزانه که سلامتي و حتي شغل شما را تهديد مي کند - webtarget.ir

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

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

    با سردرد خود مبارزه کنيد

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

    مثلا با فکر کردن به اتفاقات خوب اخيري که برايتان اتفاق افتاده است ميتوانيد به آرامش برسيد. و يا بالعکس سعي نماييد نفس عميقي بکشيد و همزمان مغز خود را از اتفاقات خالي نماييد و به هيچ چيز فکر نکنيد .

    قرار گرفتن بدن در موقعيت بد نيز عامل ديگري براي سردرد شديد است. بنابراين به آرامي حرکات کششي مناسب را بر روي گردن انجام دهيد تا با گذشت زمان دچار مشکل نشويد .

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

    نتيجه گيري…



    6 اشتباه روزانه که سلامتي و حتي شغل شما را تهديد مي کند - webtarget.ir


    در اين روزها، زماني که تقريبا براي انجام هر کاري نيازبه کامپيوتر احساس مي شود، نمي توان فقط به جهت حفظ سلامتي خود استفاده از آن را ناديده بگيريم و از طرفي بسيار از افراد هستند که تمام وقت خود را روبه روي کامپيوتر سپري مي کنند که اين مي تواند به از بين رفتن سلامتي آنها تمام شود

    بدن انسان براي بي حرکت ماندن در ساعات طولاني طراحي نشده است.


    نوشته شده در چهارشنبه 23 مرداد 1392 ساعت 13:25 توسط : hamed | دسته : | 172 بازدید
  • [ادامه مطلب] []

  • براي ساختن يک سايت با استفاده از وردپرس، بايد به نکات فراواني توجه داشت. به نظر بنده تا زماني که درباره کار خود توجيه نشده ايد، دست به هيچ کاري نزنيد، چون به غير از ضرر چيز ديگري نصيب شما نخواهد شد. بايد دانست که ساخت سايت با استفاده از وردپرس به اين مراحلي که در اين مقاله اشاره خواهند شد ختم نمي شود و اصول زيادي است که شما بايد آنها را در نظر بگيريد. ولي مراحل ساخت سايت با استفاده از وردپرس به صورت کلي در اينجا آورده شده است.


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

    در زير مراحل ساخت سايت با وردپرس را ذکر کرده ام، اما لزوماً اين مراحل براي تمامي افراد صدق نمي کند، نه اينجا بلکه در همه جا. شما بايد با توجه به هدف خود مراحل راه را تشخيص دهيد، ولي در کل اين مراحل به صورت عمومي لازم براي راه اندازي سايت با وردپرس است.

    ?- تعيين هدف

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

    ?- تامين نام دامنه و فضاي ميزباني

    اين موارد از ملزومات راه اندازي سايت با وردپرس هستند. در تمامي موارد شما بايد يک دامنه و هاست (Host) داشته باشيد. اما بسته به هدف، کيفيت آن مي تواند متفاوت باشد. مثلا براي يک سايتي که از منابع سرويس دهنده (Server) به طور سنگين استفاده مي کند، بايد يک فضاي ميزباني (Host) قوي تر تهيه کنيد. ولي اگر سايت شما داراي بازديد آنچناني نيست، از فضاهاي اشتراکي که هر شرکت ثبت دامنه ارائه مي دهد مي توانيد بهره ببريد. براي ثبت دامنه هم مي توان از همان محلي که فضا را خريداري کرديد، در کنارش دامنه يا آدرس سايتتان را هم بخريد.


    مراحل کار ساخت سايت با وردپرس
    دقت کنيد که فضايي را که مي خريد، حتما بايد مشخصات لازم براي نصب وردپرس را داشته باشد. در غير اين صورت شما قادر به راه اندازي سايت با استفاده را وردپرس نخواهيد بود. قبل از خريداري اين موارد حتماً پرس و جوي لازم را داشته باشيد.

    ?- نصب وردپرس

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

    نکته اي که بايد در مورد قالب ها ذکر گردد اين است که، حتماً به اين موضوع توجه داشته باشيد که نوع قالب در موفقيت سايت شما بسيار تاثيرگذار است. هم از لحاظ زيبايي و کاربرپسند بودن، و هم از نقطه نظرات فني مانند بهينه بودن براي موتورهاي جست و جو.

    ?- تنظيم پيوند يکتا

    يد.

    ?- وبلاگ نويسي را شروع کنيد.

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

    اين مراحلي که در بالا به آنها اشاره شد، براي ساخت يک سايت يا وبلاگ با استفاده از وردپرس لازم و ضروري بود. در نوشته هاي ديگر درباره جزئيات هر بخش مقالات کاملتري را ارائه خواهم کرد که شما را در اين امر اندکي هم که شده ياري کنم. پس اگر فکر مي کنيد مقدمات کار را از قبل فراهم کرده ايد، معطل نکنيد و زمان را غنيمت بشماريد.
    نوشته شده در شنبه 22 تير 1392 ساعت 12:34 توسط : hamed | دسته : | 123 بازدید
  • [ادامه مطلب] []

  • براي ساختن يک سايت با استفاده از وردپرس، بايد به نکات فراواني توجه داشت. به نظر بنده تا زماني که درباره کار خود توجيه نشده ايد، دست به هيچ کاري نزنيد، چون به غير از ضرر چيز ديگري نصيب شما نخواهد شد. بايد دانست که ساخت سايت با استفاده از وردپرس به اين مراحلي که در اين مقاله اشاره خواهند شد ختم نمي شود و اصول زيادي است که شما بايد آنها را در نظر بگيريد. ولي مراحل ساخت سايت با استفاده از وردپرس به صورت کلي در اينجا آورده شده است.


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

    در زير مراحل ساخت سايت با وردپرس را ذکر کرده ام، اما لزوماً اين مراحل براي تمامي افراد صدق نمي کند، نه اينجا بلکه در همه جا. شما بايد با توجه به هدف خود مراحل راه را تشخيص دهيد، ولي در کل اين مراحل به صورت عمومي لازم براي راه اندازي سايت با وردپرس است.

    ?- تعيين هدف

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

    ?- تامين نام دامنه و فضاي ميزباني

    اين موارد از ملزومات راه اندازي سايت با وردپرس هستند. در تمامي موارد شما بايد يک دامنه و هاست (Host) داشته باشيد. اما بسته به هدف، کيفيت آن مي تواند متفاوت باشد. مثلا براي يک سايتي که از منابع سرويس دهنده (Server) به طور سنگين استفاده مي کند، بايد يک فضاي ميزباني (Host) قوي تر تهيه کنيد. ولي اگر سايت شما داراي بازديد آنچناني نيست، از فضاهاي اشتراکي که هر شرکت ثبت دامنه ارائه مي دهد مي توانيد بهره ببريد. براي ثبت دامنه هم مي توان از همان محلي که فضا را خريداري کرديد، در کنارش دامنه يا آدرس سايتتان را هم بخريد.


    مراحل کار ساخت سايت با وردپرس
    دقت کنيد که فضايي را که مي خريد، حتما بايد مشخصات لازم براي نصب وردپرس را داشته باشد. در غير اين صورت شما قادر به راه اندازي سايت با استفاده را وردپرس نخواهيد بود. قبل از خريداري اين موارد حتماً پرس و جوي لازم را داشته باشيد.

    ?- نصب وردپرس

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

    نکته اي که بايد در مورد قالب ها ذکر گردد اين است که، حتماً به اين موضوع توجه داشته باشيد که نوع قالب در موفقيت سايت شما بسيار تاثيرگذار است. هم از لحاظ زيبايي و کاربرپسند بودن، و هم از نقطه نظرات فني مانند بهينه بودن براي موتورهاي جست و جو.

    ?- تنظيم پيوند يکتا

    يد.

    ?- وبلاگ نويسي را شروع کنيد.

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

    اين مراحلي که در بالا به آنها اشاره شد، براي ساخت يک سايت يا وبلاگ با استفاده از وردپرس لازم و ضروري بود. در نوشته هاي ديگر درباره جزئيات هر بخش مقالات کاملتري را ارائه خواهم کرد که شما را در اين امر اندکي هم که شده ياري کنم. پس اگر فکر مي کنيد مقدمات کار را از قبل فراهم کرده ايد، معطل نکنيد و زمان را غنيمت بشماريد.
    نوشته شده در شنبه 22 تير 1392 ساعت 12:34 توسط : hamed | دسته : | 81 بازدید
  • [ادامه مطلب] []

  • استفاده از ليست هاي HTML در صفحه
    دو نمونه از پر استفاده ترين ليستها در HTML ليستهاي مرتب و ليستهاي نامرتب هستند. در ليستهاي مرتب ترتيب بخشهاي مختلف ليست مشخص مي شود ولي در ليستهاي نامرتب اين ترتيب مشخص نمي شود.
    عناصر ليست از شماره و عدد يا حروف الفبا استفاده نمي شود. عناصر اين معمولاً با يک دايره تو پر مشخص مي شوند. تگ ابتداي آن <ul> است و تگ پاياني آن <ul/> است. براي جدا کردن هر بخش ليست در ابتداي آن از تگ <li> استفاده مي شود. بهتر است هر تگ <li> که باز مي شود با <li/> بسته شود. در زير يک مثال براي اين نوع ليست آورده شده است:
    طراحی وب سایت

     


    <ul>
    <li>بخش اول ليست</li>
    <li>بخش دوم ليست</li>
    <li>بخش سوم ليست</li>
    </ul>
    مثال بالا يک ليست بولت دار با سه بخش را به ما مي دهد:

    خش اول ليست
    بخش دوم ليست
    بخش سوم ليست
    به اين نکته هم توجه کنيد که <li> نيازي به تگ پاياني ندارد ولي بهتر است از تگ پاياني آن يعني <li/> استفاده شود.. فاصله متن ليست شده از ابتداي خط هم مقداري از بقيه متن بيشتر مي شود. شما مي توانيد اين فاصله را با افزودن تگ <ul> بيشتر کنيد فقط به خاطر داشته باشيد تگهايي را که باز کرده ايد در آخر ليست ببنديد.در زير يک مثال براي اين نمونه ليست آورده شده است:
    طراحی وب سایت 
    <ul>
    <ul>
    <ul>
    <li>خط اول ليست</li>
    <li>خط دوم ليست</li>
    <li>خط سوم ليست</li>
    </ul>
    </ul>
    </ul>
    نتيجه اين فرمان به شکل زير خواهد بود:

    خط اول ليست
    خط دوم ليست
    خط سوم ليست
    از شناسه type مي توان در تگ <ul> استفاده کرد و ظاهر ليست را تغيير داد.

    شناسه type
    از اين شناسه در ليستهاي نا مرتب براي مشخص کردن شکل علامت مشخص کننده هر بخش استفاده مي شود. اين شناسه مي تواند مقادير زير را داشته باشد:

    circle
    با قرار دادن اين مقدار براي ليست علامت ابتدايي هر بخش به شکل يک دايره تو خالي در مي آيد.
    disc
    اين مقدار شکل علامت ابتداي هر قسمت از ليست را به يک دايره تو پر تغيير مي دهد.
    square
    اين مقدار شکل علامت ليست را به صورت يک مربع تو پر در مي آورد.
    به ياد داشته باشيد که از شناسه type هم مي توان در تگ <ul> استفاده کرد و هم در تگ <li>. در صورتي که براي تگ <ul> از اين شناسه استفاده شود علامت مربوط به همه قسمتهاي ليست تغيير مي کند اما اگر براي تگ <li> از اين شناسه استفاده شود فقط علامت مربوط به همان بخش از ليست تغيير مي کند.

    در مثال زير مي توانيد نحوه نمايش ليست با استفاده از شناسه type را در حالات مختلف مشاهده کنيد. ما از کد زير براي ساختن اين ليست آزمايشي استفاده مي کنيم:

    <ul>
    <li type="circle">قسمت اول ليست</li>
    <li type="disk">قسمت دوم ليست</li>
    <li type="square">قسمت سوم ليست</li>
    </ul>
    مي توانيد ليست به دست آمده را در اينجا مشاهده کنيد. به خاطر داشته باشيد که در مرورگرهاي مختلف ممکن است نحوه نمايش ليستها متفاوت باشد.

    قسمت اول ليست
    قسمت دوم ليست
    قسمت سوم ليست
    اگر مي خواهيد از تگ <center> براي ليست خود استفاده کنيد در اين کار دقت کنيد. چون ممکن است تمام سطرهاي متن شما به يک اندازه نباشند. در اين صورت به جاي اينکه ليستي در يک خط و مستقيم داشته باشيد ممکن است ليستي در هم ريخته و شلوغ به وجود آيد. مانند زير:

    <center>
    <ul>
    <li>بخش اول ليست که بلندتر از بقيه سطرهاي ليست است</li>
    <li>بخش دوم ليست</li>
     
    طراحی وب سایت 

    ليست نهايي به اين صورت در صفحه ديده مي شود.

    بخش اول ليست که بلندتر از بقيه سطرهاي ليست است
    بخش دوم ليست
    بخش سوم ليست در سطر آخر
    اگر شما در يک صفحه بيشتر به ليستها نياز داريد مي توانيد از روش بالا استفاده کنيد اما بايد بدانيد که ممکن است ظاهر ليست در اندازه هاي مختلف پنجره مرورگر به هم بخورد. راه ديگري که براي جلوگيري از اين به هم خوردگي وجود دارد استفاده از يک Table است که بعداً در مورد آن توضيح خواهيم داد.
    نوشته شده در سه شنبه 18 تير 1392 ساعت 15:33 توسط : hamed | دسته : | 96 بازدید
  • [ادامه مطلب] []

  • به کار گيري html و css در طراحي صفحات وب

    2011/09/20آموزش css, آموزش html, آموزش طراحي سايتديدگاه ها
    در آنلاينر، شما سرفصل هاي آموزش html و آموزش css را به عنوان دو بخش اساسي در سلسله مقاله هاي آموزشي طراحي سايت، مشاهده خواهيد کرد.

    در اين مقاله ي آموزشي نقش html و css را در طراحي صفحات وب توضيح خواهيم داد.

    نقش html در طراحي سايت؛ مشخص کردن اجزاي صفحات وب
    اين يک اشتباه رايج است که گفته مي شود با html، صفحات سايت طراحي مي شوند! اما چرا اين جمله اشتباه است؟ به خاطر اينکه استفاده از html به تنهايي نمي توان صفحه اي را ايجاد نمود که در نظر کاربر، يک صفحه ي سايت مناسب باشد. بلکه تا هنگامي که کدهاي ايجاد شده به وسيله ي html، حداقل با css سبک دهي نشوند، نمي توان صفحات وب با کيفيت و کارآيي مناسب را ايجاد کرد. در حقيقت html به طراحي صفحات وب کمک مي کند.

    نقش کليدي html، نشانه گذاري (mark up)، عناصر مختلف صفحات وب مي باشد. مانند تعيين بخش هدر (header)، تيترها، منوها، نظرات، ديدگاه ها، سايدبار (sidebar)، فوتر (footer) و …

    نکته:

    html با محتواي صفحات وب سروکار دارد.

    نقش css در طراحي سايت؛ سبک دهي و استايل دهي به اجزاي صفحات وب
    بخش هاي مختلف که توسط html، نشانه گذاري شده اند، توسط css سبک دهي مي شوند. مثلا براي هر کدام از عناصر نشانه گذاري شده توسط اچ تي ام ال، css تعيين مي کند: چه رنگي داشته باشد، تصوير پس زمينه و يا رنگ پس زمينه ي آن چه باشد، چه عرضي داشته باشد، چه ارتفاعي داشته باشد، در چه موقعيتي قرار بگيرد و …

    نکته:

    css با ظاهر و چيدمان صفحات وب سروکار دارد.

    استفاده از html، به صورت معناگرا
    يکي از اصولي که در طراحي حرفه اي صفحات وب به طور جدي بايد مورد توجه قرار بگيرد، استفاده ي مفهومي از اچ تي ام ال است. يعني بايد هر عنصر را طوري ايجاد کرد که:

    نحوه ي نشانه گذاري هر عنصر، نشان دهنده ي محتواي آن باشد.
    نحوه ي نشانه گذاري هر عنصر، بر اساس سبک دهي آن نباشد (نشانه گذاري ها، presentational نباشند.)
    براي درک دقيق آنچه گفته شد، به مثال زير توجه کنيد:


    طراحی وب سایت

    <div id="header"></div>
    <div id="content"></div>
    <div id="sidebar"></div>
    <div id="footer"></div>
    در مثال فوق، با استفاده از صفت هاي id، نام هر بخش به صورت معناگرا مشخص شده است: header, sidebar, footer, content بنابر اين کاربرد کدهاي html بصورت معناگرا کاملا در مثال فوق مشاهده مي شود.

    حالا به مثال زير توجه کنيد:

    1
    2
    3
    4
    <div id="ali-logo"></div>
    <div id="left"></div>
    <div id="right"></div>
    <div id="red-box"></div>
    در کدهاي بالا، اسامي انتخاب شده به دلايل زير اشتباه و نامناسب هستند:

    نام ali-logo به اين دليل مناسب نيست که اسم يک شخص است و بر اساس محتواي آن (که قرار است هدر باشد) نامگذاري نشده است.
    نام هاي right و left بهيچ وجه مناسب نيستند. چرا که چپ و يا راست بودن عناصر با css تنظيم مي شوند. حالا فرض کنيد پس از گذشت مدتي بخواهيم جاي عناصري که با نام هاي right و left مشخص کرده ايم را جابجا کنيم. چه اتفاقي مي افتد؟ عنصري که نام آن left است، در سمت راست قرار ميگيرد و عنصري که نام آن right است در سمت چپ قرار ميگيرد!
    نام red-box هم مناسب نيست؛ چرا که مانند نام هاي right و left بر اساس سبکدهي (presentational) نامگذاري شده است. در حالي که ممکن است بخواهيم بعدا رنگ آن را به آبي، زرد و يا … تغيير بدهيم. واضح است که جالب نيست نام قسمتي قرمز باشد، در حالي که رنگ آن سبز است!
    بنابراين هميشه توجه داشته باشيد که هنگام استفاده از کدهاي html، نامگذاري ها را به صورت معناگرا انجام بدهيد.

    برچسب ها :
    نوشته شده در يکشنبه 16 تير 1392 ساعت 14:58 توسط : hamed | دسته : | 96 بازدید
  • [ادامه مطلب] []

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

     
    خروجي اين کد چيزي شبيه زير ميشه :
     
     
    همونطور که مي بينيد در ظاهري زيبا و با تفکيک رنگ و ظاهر فايل ها و فولدر ها ، ليست فايل ها  طراحی وب سایت  نمايش داده ميشه .
     
    اين کد کاربردي رو مي تونيد به شکل زير داشته باشيد :
     
    view sourceprint?
    1
    <html>
    2
    <head>
    3
        <title>7Learn.com > List Of Files In a folder</title>
    4
        <style type="text/css">
    5
            body, table {
    6
                font-family: tahoma;
    7
                font-size: 14px;
    8
            }
    9
     
    10
            ul {
    11
                list-style: none;
    12
                line-height: 22px;
    13
            }
    14
     
    15
            li.file {
    16
                color: #2f6d13;
    17
                background: transparent url("image/file.png") no-repeat left 3px;
    18
                padding-left: 24px;
    19
            }
    20
     
    21
            li.folder {
    22
                color: #e6981c;
    23
                background: transparent url("image/folder.png") no-repeat left 3px;
    24
                padding-left: 24px;
    25
            }
    26
     
    27
        </style>
    28
    </head>
    29
    <body>
    30
    <!------
    31
    Code By : Loghman Avand
    32
    Url : www.7Learn.com
    33
    ------->
    34
    <?php
    35
    function getFileList($folderName, $fileType = "")
    36
    {
    37
        if (substr($folderName, strlen($folderName) - 1) != "/") {
    38
            $folderName .= '/';
    39
        }
    40
     
    41
        echo '<h3>List of ' . $fileType . ' files in folder : <span style="color:brown">' . $folderName . '</span></h3>';
    42
        echo '<ul>';
    43
        foreach (glob($folderName . '*' . $fileType) as $filename) {
    44
            if (is_dir($filename)) {
    45
                $type = 'folder';
    46
            } else {
    47
                $type = 'file';
    48
            }
    49
            echo '<li class="' . $type . '">' . str_replace($folderName, '', $filename) . '</li>';
    50
        }
    51
        echo '</ul>';
    52
    }
    53
     
    54
    // call the function
    55
    getFileList('files'); // list all files
    56
    getFileList('files','.png'); // list only png files
    57
     
    58
    ?>
    59
     
    60
    </body>
    61
    </html>
    در کد فوق من کل فايل html رو براتون گذاشتم که مي تونيد اونو در يک فايل با فرمت php ذخيره و اجرا کنيد . البته پيشنهاد مي دم کد کامل به همراه فايل هاي مورد نياز رو از انتهاي همين مطلب  طراحی وب سایت دانلود کنيد .
    در کد فوق تابع getFileList تعريف شده که دو تا پارامتر ميگيره . اولي نام و يا آدرس فولدري که مي خوايد فايل هاي درونش ليست شن و با دومي هم فرمت فايل هاي ليست شده رو مي تونيد انتخاب کنيد .
     
    مثلا اگر مي خوايد کل فايل هاي درون فولدر files نمايش داده بشن تابع رو به اين صورت صدا ميزنيد :
     
    1
    getFileList('files');
    و اگه بخوايد فقط فايل هاي با فرمت jpg  طراحی وب سایت ليست شن به اين شکل صدا ميزنيد :
     
    1
    getFileList('files','.jpg');
    به اين شکل ميتونيد تعين کنيد که فقط فايل هايي با فرمت خاص ليست بشن .
    نوشته شده در سه شنبه 28 خرداد 1392 ساعت 11:48 توسط : hamed | دسته : | 118 بازدید
  • []


  • صفحه قبل 1 2 صفحه بعد
    سفارش تبليغات
    فرش کاشان | آژانس هواپیمایی | اجاره منزل مبله در شیراز | آموزش بازاریابی | میز کانتر | گیت کنترل تردد | اجاره سوئیت در شیراز | نوبت دهی پزشکان شیراز | پاپ آپ نمایشگاهی | دکتر نوروزیان | منزل مبله شیراز | طلایاب | ثبت شرکت | منزل مبله | محمد دبیری
    X
    تبليغات