Redirect to main page

موضوعات

آرشیو ماهانه

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

نکته : باید توجه داشت که جاوا اسکرپت یک زبان طرف کاربر (Client Side) است توسط کامپیوتر شخصی کاربر تفسیر می شود. کدهای مربوط به جاوا اسکرپت توسط کاربر نهایی قابل مشاهده هستند پس توصیه می شود از آن برای مقاصد مهم نظیر اتصال به دیتابیس استفاده نشود.

می توان کدهای جاوا اسکرپت را به صورت تعبیه شده در صفحات HTML استفاده کرد و یا کدهای جاوا اسکرپت را در یک فایل جداگانه با پسوند js. ذخیره کرد ولی در هر صورت یان فایلها هم باید توسط یک صفحه HTML فراخوانی شده و نتیجه آنها در صفحات HTML نمایان خواهد شد.

بهتر است قبل از شروع به یادگیری جاوا اسکرپت با HTML و CSS آشنایی داشته باشد تا بتوانید به خوبی از قابلیتهای جاوا اسکرپت استفاده کنید.

برای آزمایش کردن اسکرپتهایی که می نویسید باید از مرورگری استفاده کنید که از جاوا اسکرپت پشتیبانی می کند. قابل ذکر است که تقریباً همه مرورگرهای جدید از جاوا اسکرپت پشتیبانی می کنند از جمله این مرورگرها می توان به اینترنت اکسپلورر (IE) که در ویندوز به صورت پیش فرض نصب می شود، فایر فوکس (Firefox) و اپرا (Opera) اشاره کرد. به خاطر داشته باشید که نسخه های قبل از نسخه 4.0 اینترنت اکسپلورر و Netscape از جاوا اسکرپت پشتیبانی نمی کنند.

موضوع: جاوا اسکریپت

مرتبط با:

دیدگاه ها : نظرات

نویسنده : تحت تعقیب

مقدمه آموزش HTML

آنچه که قبل از یادگیری HTML لازم است بدانید:

برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:

شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.
نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter.
شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.
بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.
شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.
برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید.

موضوع:

مرتبط با:

دیدگاه ها : نظرات

نویسنده : تحت تعقیب

مقدمه آموزش CSS

CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در اینترنت می شود جلوگیری کنیم. برای مثال می توانیم یک بار نوع فونت مورد استفاده در یک صفحه را تعیین کنیم و دیگر مجبور نباشیم کد مربوط به فونت را در صفحه به کار ببریم. همچنین می توانیم از این ابزار قدرتمند در مواردی به جای جاوا اسکرپت نیز استفاده کنیم و چون مشکلات جاوا اسکرپت مثلاً غیر فعال بودن جاوا اسکرپت در مرورگر را ندارد با خیالی آسوده تر می توانیم از آن استفاده کنیم.

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

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

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

موضوع:

مرتبط با:

دیدگاه ها : نظرات

نویسنده : تحت تعقیب

ساخت رنگین کمان در فوتوشاپ

۱. برای شروع عکسی را برای اعمال جلوه‌ی رنگین کمان در نرم افزار فتوشاپ باز می‌کنیم.(تصویر شماره ۱)
۲.لایه‌ای جدید با نام Rainbow در بالای لایه عکس ایجاد نمایید: Shift + Ctrl + N
۳. از داخل جعبه ابزار، ابزار گرادینت Gradient Tool را فعال نموده و در بالای صفحه روی Gradient Editor کلیک کرده تا وارد محیط ویرایش شوید.(شکل ۲)
۴. در محیط ویرایش گرادینت می‌بایست یک گرادینت جدید مانند شکل شماره ۳ ایجاد نمایید. ( پس از تنظیم رنگ و محل لغزاننده‌ها، در قسمت Name یک نام به آن اختصاص داده و روی New کلیک می‌کنیم.
۵. حال لایه‌ی Rainbow را فعال کرده و ابزار گرادینت را در حالت Radial قرار داده و از پایین صفحه و سمت راست به سمت بالای صفحه و سمت چپ خطی رسم می‌کنیم، اگر نتیجه مطلوب نبود با کلید Ctrl + Z یک مرحله به عقب برگشته و این کار را دوباره انجام می‌دهیم.
۶. حال میزان شفافیت لایه رنگین کمان را از طریق پلت لایه‌ها به ۳۰ درصد کاهش می‌دهیم، Opacity : 30% .
۷. در مرحله‌ی آخر با استفاده از ابزار پاک کن قسمت‌های اضافی رنگین کمان را پاک می‌کنیم، اکنون می‌توانید نتیجه‌ی کار را مشاهده نمایید. ( شکل ۴)

موضوع: آموزش فوتوشاپ

مرتبط با:

دیدگاه ها : نظرات

نویسنده : تحت تعقیب

چگونه وبلاگ داری کنیم؟

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

ادامه مطلب

موضوع: آموزش های متفرقه

مرتبط با:

دیدگاه ها : نظرات

نویسنده : تحت تعقیب

آموزش Xhtml

زبان XHTML که مخفف EXtensible HyperText Markup Language در تاریخ 26 ژانویه سال 2000 منتشر شد و به قول بعضیها همان HTML 5 میباشد که در واقع اینچنین نیست. این زبان نسل جدید زبان وب میباشد که دارای یکسری اصول و قوانین خاص است تا کمبودهایHTML را در مورد دستگاههای کوچک الکترونیکی که به وب هم متصل میشوند مانند تلفنهای همراه، را جبران کند.

ادامه مطلب

موضوع: آموزش HTML

مرتبط با:

دیدگاه ها : نظرات

نویسنده : تحت تعقیب

رنگهای استاندارد در طراحی وب

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

Black="#000000"	Maroon = "#800000"	Green = "#008000"	Navy = "#000080"
Silver="#C0C0C0"	Red = "#FF0000"	Lime = "#00FF00"	Blue = "#0000FF"
Gray="#808080"	Purple = "#800080"	Olive = "#808000"	Teal = "#008080"
White="#FFFFFF"	Fuchsia = "#FF00FF"	Yellow = "#FFFF00"	Aqua = "#00FFFF"

اما نوع دیگر مقداردهی، استفاده از کد هگز رنگها است. این کد تشکیل شده از 6 کاراکتر که هر کدام از آنها می تواند یکی از مقادیر زیر باشد:

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F

که این شش کاراکتر بهمراه علامت # می آیند، بدین شکل: #FF0099

این مقدار نمایانگر سه رنگ قرمز (Red) سبز (Green) و آبی (Blue) می باشد که اصطلاحاً به آنها RGB می گویند. اگر هگز یک رنگ را FF0099 در نظر بگیریم، FF مقدار ترکیبی رنگ قرمز، 00 مقدار ترکیبی رنگ سبز و 99 مقدار رنگ آبی را نشان می دهد که 00 کمرنگ ترین و FF پر رنگ ترین حالت را نمایش می دهند. بطور مثال FF0000 کاملاً رنگ قرمز را نشان می دهد.

از ترکیب این 6 کاراکتر می توانید 16.7 میلیون رنگ بسازید. اما فقط 256 رنگ هست که سازگار با کلیه سیستمهای عامل و مرورگرها است یعنی رنگهای غیر از آنها در سیستمهای مختلف با هم فرق دارند. به جدول زیر دقت کنید فقط رنگهای سازگار از ترکیب 00,33,66,99,CC,FF تشکیل شده اند که به آنها palette-safe colors می گویند.

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

موضوع: آموزش HTML

مرتبط با:

دیدگاه ها : نظرات

نویسنده : تحت تعقیب

تغییر رنگ زمینه صفحه وب و فونتهای داخل آن بصورت دستی

//**************************************
// Name: Background/foreground color changer
// Description:This is a little javascript that allows you to change the color of the background and the foreground colors on a webpage. It can be used in different ways. I hope you all like it.
// By: masterp
//
//
// Inputs:None
//
// Returns:None
//
//Assumes:None
//
//Side Effects:None
//This code is copyrighted and has limited warranties.
//Please see http://www.extreme.orq.ir
//for details.
//**************************************

<html>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
redValue = 255;
blueValue = 255;
greenValue = 255;
redForeValue = 0;
blueForeValue = 0;
greenForeValue = 0;
maxValue = 255;
hexValues = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
i = 0;
function toHex(integer) 


    {
    hexDigit1 = Math.floor(integer / 16);
    hexDigit2 = (integer % 16);
    return hexValues[hexDigit1] + hexValues[hexDigit2];
}
function shiftFG() 


    {
    redFGHex = toHex(redForeValue);
    blueFGHex = toHex(blueForeValue);
    greenFGHex = toHex(greenForeValue);
    bigFGHex = redFGHex + greenFGHex + blueFGHex;
    document.fgColor = bigFGHex;
    document.Interface.fgHex.value = bigFGHex;
    document.Interface.redFG.value = redForeValue;
    document.Interface.blueFG.value = blueForeValue;
    document.Interface.greenFG.value = greenForeValue;
}
function shiftBG() 


    {
    redHex = toHex(redValue);
    blueHex = toHex(blueValue);
    greenHex = toHex(greenValue);
    bigHex = redHex + greenHex + blueHex;
    document.bgColor = bigHex;
    document.Interface.bgHex.value = bigHex;
    document.Interface.red.value = redValue;
    document.Interface.blue.value = blueValue;
    document.Interface.green.value = greenValue;
}
function incrementRed(isBackground) 


    {
    if (isBackground == true )


        {
        redValue = redValue + 8;
        if (redValue > maxValue)


            { 
            redValue = 0;
        }
        shiftBG();
    }
    if (isBackground == false)


        { 
        redForeValue = redForeValue + 8;
        if (redForeValue > maxValue) 


            {
            redForeValue = 0;
        }
        shiftFG();
    }
}
function decrementRed(isBackground) 


    {
    if (isBackground == true) 


        {
        redValue = redValue - 8;
        if (redValue < 0 ) 


            {
            redValue = 255;
        }
        shiftBG();
    }
    else


        {
        redForeValue = redForeValue - 8;
        if (redForeValue < 0) 


            {
            redForeValue = 255;
        }
        shiftFG();
    }
}
function setRed(value, isBackground)


    {
    if(value > -1 && value < 256) 


        {
        if( isBackground == true ) 


            {
            redValue = value;
            shiftBG();
        }
        else 


            {
            redForeValue = value;
            shiftFG();
        }
    }
}
function incrementBlue(isBackground) 


    {
    if ( isBackground == true ) 


        {
        blueValue = blueValue + 8;
        if (blueValue > maxValue) 


            {
            blueValue = 0;
        }			
        shiftBG();
    }
    else 


        { 
        blueForeValue = blueForeValue + 8;
        if ( blueForeValue > maxValue ) 


            {
            blueForeValue = 0;
        }
        shiftFG();
    }
}
function decrementBlue(isBackground)


    {
    if (isBackground == true) 


        {
        blueValue = blueValue - 8;
        if (blueValue < 0)


            {
            blueValue = 255;
        }
        shiftBG();
    }
    else


        {
        blueForeValue = blueForeValue - 8;
        if (blueForeValue < 0) 


            {
            blueForeValue = 255;
        }
        shiftFG();
    }
}
function setBlue(value, isBackground) 


    {
    if (value > -1 && value < 256) 


        {
        if ( isBackground == true ) 


            {
            blueValue = value;
            shiftBG();
        }
        else 


            {
            blueForeValue = value;
            shiftFG();
        }
    }
}
function incrementGreen(isBackground) 


    {
    if (isBackground == true) 


        {
        greenValue = greenValue + 8;
        if (greenValue > maxValue) 


            {
            greenValue = 0;
        }
        shiftBG();
    }
    else


        {
        greenForeValue = greenForeValue + 8;
        if (greenForeValue > maxValue) 


            {
            greenForeValue = 0;
        }
        shiftFG();
    }
}
function decrementGreen(isBackground) 


    {
    if (isBackground == true) 


        {
        greenValue = greenValue - 8;
        if (greenValue < 0 )


            {
            greenValue = 255;
        }
        shiftBG();
    }
    else


        {
        greenForeValue = greenForeValue - 8;
        if (greenForeValue < 0) 


            {
            greenForeValue = 255;
        }
        shiftFG();
    }
}
function setGreen(value, isBackground) 


    {
    if ( value > -1 && value < 256 )


        {
        if ( isBackground == true ) 


            {
            greenValue = value;
            shiftBG();
        }
        else


            {
            greenForeValue = value;
            shiftFG();
        }
    }
}
function unHex(string, fgbg) 


    {
    hex = string.toUpperCase();
    counter = 0;
    while (hex.charAt(0) != hexValues[counter])


        {
        counter++;
    }
    r = 16 * counter;
    counter = 0;
    while (hex.charAt(1) != hexValues[counter])


        {
        counter++;
    }
    r = r + counter;
    counter = 0;
    while (hex.charAt(2) != hexValues[counter])


        {
        counter++;
    }
    g = 16 * counter;
    counter = 0;
    while (hex.charAt(3) != hexValues[counter])


        {
        counter++;
    }
    g = g + counter;
    counter = 0;
    while (hex.charAt(4) != hexValues[counter])


        {
        counter++;
    }
    b = 16 * counter;
    counter = 0;
    while (hex.charAt(5) != hexValues[counter])


        {
        counter++;
    }
    b = b + counter;
    if (fgbg == "bg") 


        {
        redValue = r;
        blueValue = b;
        greenValue = g;
        document.Interface.red.value = redValue;
        document.Interface.blue.value = blueValue;
        document.Interface.green.value = greenValue;
    }
    if (fgbg == "fg") 


        {
        redForeValue = r;
        blueForeValue = b;
        greenForeValue = g;
        document.Interface.redFG.value = redForeValue;
        document.Interface.blueFG.value = blueForeValue;
        document.Interface.greenFG.value = greenForeValue;
    }
}	
function validChar(char) 


    {
    for (j = 0; j < hexValues.length; j++) 


        {
        if (char == hexValues[j]) 


            {
            return true;
        }
    }
    return false;
}
function isHex(string)


    {
    if (string.length != 6) 


        { 
        return false;
    }
    for (k = 0; k < 6; k++) 


        {
        if (! validChar(string.charAt(k))) 


            {
            return false;
        }
    }
    return true;
}
function setBGHex(value) 


    {
    if (isHex(value.toUpperCase())) 


        {
        document.bgColor = value;
        unHex(value, "bg");
    }
}
function setFGHex(value) 


    {
    if (isHex(value.toUpperCase()))


        {
        document.fgColor = value;
        unHex(value, "fg");
    }
}
// End -->
</script>
<style>
input


    { 
    font-family: Arial, Verdana, sans serif;
    font-size: 15px; 
    border: 1px inset black
}
.button


    { 
    font-family: MS sans serif;
    font-size: 15px; 
    border: 1px inset black; 
    background: #000099; 
    color: #FFFFFF; 
    font-weight: bold
}
</style>
</HEAD>
<BODY bgcolor=ffffff topmargin=12 leftmargin=2 rightmargin=2>
<center>
<form name=Interface>
<table border=1 cellspacing=0 cellpadding=5 bordercolordark="ffffff" bordercolorlight="000000" bgcolor="cccccc">
<tr>
<td colspan=3 align=center>Background</td>
<td><input type=text name=bgHex onKeyup="setBGHex(this.value)"></td>
<td colspan=2 align=center>Foreground</td>
<td><input type=text name=fgHex onKeyup="setFGHex(this.value)"></td>
</tr>
<tr>
<td>Red</td>
<td><input type=button value=" + " onClick="incrementRed(true)"></td>
<td><input type=button value=" - " onClick="decrementRed(true)"></td>
<td><input type=text name="red" onKeyup="setRed(this.value, true)"></td>
<td><input type=button value=" + " onClick="incrementRed(false)"></td>
<td><input type=button value=" - " onClick="decrementRed(false)"></td>
<td><input type=text name=redFG onKeyup="setRed(this.value, false)"></td>
</tr>
<tr>
<td>Green</td>
<td><input type=button value=" + " onClick="incrementGreen(true)"></td>
<td><input type=button value=" - " onClick="decrementGreen(true)"></td>
<td><input type=text name="green" onKeyup="setGreen(this.value, true)"></td>
<td><input type=button value=" + " onClick="incrementGreen(false)"></td>
<td><input type=button value=" - " onClick="decrementGreen(false)"></td>
<td><input type=text name=greenFG onKeyup="setGreen(this.value, false)"></td>
</tr>
<tr>
<td>Blue</td>
<td><input type=button value=" + " onClick="incrementBlue(true)"></td>
<td><input type=button value=" - " onClick="decrementBlue(true)"></td>
<td><input type=text name="blue" onKeyup="setBlue(this.value, true)"></td>
<td><input type=button value=" + " onClick="incrementBlue(false)"></td>
<td><input type=button value=" - " onClick="decrementBlue(false)"></td>
<td><input type=text name=blueFG onKeyup="setBlue(this.value, false)"></td>
</tr>
</table>
</form>
</center>
</body>
</head>

موضوع: جاوا اسکریپت

مرتبط با:

دیدگاه ها : نظرات

نویسنده : تحت تعقیب

گذشته در یک نگاه

صفحات سایت

1 2 3 4 5 6 7 ...

جستوجو