خروجی جاوا اسکریپت|آموزش جاوا اسکریپت|طراحی سایت

آموزش جاوا اسکریپ قسمت 3

خروجی جاوا اسکریپت :

جاوا اسکریپت می تواند داده ها را در روش های مختلف نمایش می دهد :

نمایش خروجی در یک کادر هشدار با استفاده از () window.alert
نمایش خروجی در سند html با استفاده از () document.write
نمایش خروجی در یک عنصر html با استفاده از () innerHTML
نمایش خروجی در کنسول مرورگر با استفاده از () console.log


خروجی با استفاده از () window.alert :

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

مثال :

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

خروجی :

خروجی با استفاده از ()document.write :

برای تست کردن وب سایت راحت ترین روش استفاده از  ()document.write می باشد .

مثال :

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

خروجی :

استفاده از ()document.write بعد از لود شدن کامل صفحه وب سبب پاک شدن کل سند html صفحه شما می شود

مثال :

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>

خروجی : پس از کلیک بر روی button کل صفحه html پاک شده و 11 در خروجی نمایش داده می شود

نکته : از روش ()document.write باید تنها برای تست وب سایت استفاده شود

خروجی با استفاده ازinnerHTML :

برای دسترسی به یک عنصر HTML در جاوا اسکریپت می توانیدازکد (document.getElementById(id

استفاده کنید.

مثال :

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>

</html>

خروجی :

خروجی با استفاده از   ()console.log :

شما می توانید از روش ()console.log برای نمایش داده ها در مرورگر شما ، استفاده کنید.

مثال :

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

پایان قسمت سوم

منابع : http://www.w3schools.com/js/js_output.asp

کانون تبلیغاتی افراگرافیک

آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056 66562677 66120698 09122246022

http://afragraphic.ir

info@afragraphic.ir

https://telegram.me/afragraphic_ir

http://instagram.com/afragraphic1390

http://facebook.com/AfraGraphic

http://plus.google.com/104048725792771050756

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

http://twitter.com/afragraphic

http://ir.linkedin.com/in/afragraphic

http://aparat.com/afragraphic

http://Telegram.me/afragraphic_ir

http://cloob.com/name/afragraphic

خروجی جاوا اسکریپت آموزش جاوا اس

افرا گرافیک یکشنبه 23 خرداد 1395 ساعت 12:29

0 نظر

محل قرار گیری کد اسکریپت|آموزش جاوا اسکریپت|آموزش وب سایت

محل قرار گیری کد اسکریپت قسمت دوم

تگ <script> :

در html کد های جاوا اسکریپت بین تگ <script> قرار داده شوند

مثال :

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>

توابع (Functions) و رویدادها (Events) در جاوا اسکریپت :

یک تابع (Functions) در جاوا اسکریپت یک بلوک از کد جاوا اسکریپت است که می تواند فراخوانی شود
برای مثال ، یک تابع زمانی که یک رویداد رخ می دهد اجرا می شود، مانند زمانی که کاربر یک دکمه را کلیک می کند
در فصل های بعدی بیشتر به توابع و رویداد ها می پردازیم

شما می توانید هر تعداد از اسکریپت ها در یک سند HTML قرار دهید

اسکریپت ها می توانند در بخش <body> یا <head> یک صفحه html یا هر دو قرار گیرد

جاوا اسکریپت در بخش <head> :

اسکریپت هایی که می خواهیم در هنگام بروز یک رویداد در صفحه وب سایت ، مثل کلیک بر روی یک دکمه خاص و ... اجرا شوند . به عبارت دیگر می خواهیم اجرای آنها کنترل شده باشد . در این حالت دستورات اسکریپت را در قسمت < head > صفحه و یا در یک فایل خارجی تعریف کرد .

کد زیر زمانی فراخوانی می شود که برروی دکمه Try it کلیک شود

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>

<body>

<p id="demo">A Paragraph</p>

</body>
</html>

جاوا اسکریپت در بخش <body> :

اسکریپت های که می خواهیم به محض لود شدن صفحه ، اجرا شده و اثر خود را نمایش دهند . در این حالت باید اسکریپت ها را در قسمت < body > صفحه قرار داد

<!DOCTYPE html>
<html>
<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>

</body>
</html>

فایل جاوا اسکریپت خارجی :

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

مثال :

myScript.js

function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

یک فایل اسکریپت خارجی را می توان هم در بخش < body > و هم در بخش < head > قرار داد.
کد اسکریپت خارجی را نباید درون تگ <script> قرار داد

پایان بخش دوم

منابع : http://www.w3schools.com/js/js_whereto.asp

کانون تبلیغاتی افراگرافیک

آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056 66562677 66120698 09122246022

http://afragraphic.ir

info@afragraphic.ir

https://telegram.me/afragraphic_ir

http://instagram.com/afragraphic1390

http://facebook.com/AfraGraphic

http://plus.google.com/104048725792771050756

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

http://twitter.com/afragraphic

http://ir.linkedin.com/in/afragraphic

http://aparat.com/afragraphic

http://Telegram.me/afragraphic_ir

http://cloob.com/name/afragraphic

محل قرار گیری کد اسکریپت آموزش ج

افرا گرافیک چهارشنبه 19 خرداد 1395 ساعت 15:53

0 نظر

مقدمه-آموزش ساده جاوا اسکریپت|آموزش جاوا

آموزش JavaScript بخش 1

مقدمه :

این آموزش درباره چگونگی کار کردن جاوا اسکریپت در طراحی وب سایت با html و css است

پیشنهاد نویسنده :

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

جاوا اسکریپت زبان برنامه نویسی HTML و طراحی وب است

جاوا اسکریپت محبوب ترین زبان برنامه نویسی در جهان است

این مقاله زبان برنامه نویسی جاوا اسکریپت را به شما از پایه تا پیشرفته آموزش می دهد

.جاوا اسکریپت یکی از 3 زبانی است که همه توسعه دهندگان وب باید یاد بگیرند

    1.  HTML برای تعریف محتوای صفحات وب

    2.  CSS برای مشخص کردن طرح صفحات وب

    3.  جاوا اسکریپت برای مشخص کردن رفتار صفحات وب

1. جاوا اسکریپت می تواند محتوای HTML را تغییر دهد :

یکی از روش های دسترسی به المان های داخل html گرفتن id با استفاده از متد () getElementById می باشد.

این مثال از این روش برای پیدا کردن یک عنصر html با "id="demo استفاده کرده و محتوای درون عنصر را به Hello JavaScript تغییر می دهد.

document.getElementById("demo").innerHTML = "Hello JavaScript";

مثال :

<body>

<form id="form1" runat="server">

<h1>What Can JavaScript Do?</h1>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button"

onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">

Click Me!</button>

</form>

</body>

2. جاوا اسکریپت می تواند ویژگی های HTML را تغییر دهید

این مثال با استفاده از جاوا اسکریپت ، خصوصیت src از تگ <img > یک تصویر HTML  را تغییر می دهد .

<body>

<form id="form1" runat="server">

<img src="pic_bulboff.gif" onclick="changeimg()" width="100" height="150" id="myImage" />

<script>

function changeimg() {

var image = document.getElementById('myImage');

if (image.src.match("bulbon")) {

image.src = "pic_bulboff.gif";

}

else { image.src = "pic_bulbon.gif" }

}

</script>

</form>

</body>

اجرا :

قبل از کلیک

بعد از کلیک

3. جاوا اسکریپت می تواند سبک ها یا استایل های (CSS) ، HTML را تغییر دهید

در مثا ل زیر با استفاده از جاوا اسکریپت ،سبک یک عنصر html را تغییر می دهیم

document.getElementById("demo").style.fontSize = "25px";

مثال :

<body>

<form id="form1" runat="server">

<p id="demo">JavaScript can change the style of an HTML element.</p>

<button type="button" onclick="myFunction()">Click Me!</button>

<script>

function myFunction()

{

var x = document.getElementById('demo');

x.style.fontSize = "25px";

x.style.color = "red";

}

</script>

</form>

</body>

4. جاوا اسکریپت می تواند داده ها را اعتبارسنجی (Validate ) کند

جاوا اسکریپت اغلب برای اعتبار سنجی ورودی ها استفاده می شود

مثال :

<body>

<form id="form1" runat="server">

<input id="numb" />

<button type="button" onclick="myFunction()">Submit</button>

<p id="demo"></p>

<script>

function myFunction() {

var x, text;

x = document.getElementById('numb').value;

if(isNaN(x) || x<1 || x>10)

{

text = "Input not valid";

}

else

{

text = "Input OK";

}

document.getElementById('demo').innerHTML = text;

}

</script>

</form>

</body>

اجرا :

پایان قسمت اول

منابع : http://www.w3schools.com/js/default.asp

کانون تبلیغاتی افراگرافیک

آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056 66562677 66120698 09122246022

http://afragraphic.ir

info@afragraphic.ir

https://telegram.me/afragraphic_ir

http://instagram.com/afragraphic1390

http://facebook.com/AfraGraphic

http://plus.google.com/104048725792771050756

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

http://twitter.com/afragraphic

http://ir.linkedin.com/in/afragraphic

http://aparat.com/afragraphic

http://Telegram.me/afragraphic_ir

http://cloob.com/name/afragraphic

JavaScriptآموزش طراحی سایت جاوااسکریپت بهینه سازی سایت

افرا گرافیک چهارشنبه 19 خرداد 1395 ساعت 15:05

0 نظر

هزینه ی طراحی سایت | قیمت طراحی سایت | هزینه ساخت وب سایت

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

نکات مهم در تعرفه ها:

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

نکاتی در مورد هزینه ها :
به دلیل کلی بودن جدول تعرفه ها و بنا به درخواست مشتریان ، در این بخش اطلاعات جزئی تری از امکانات وب سایت در اختیار شما کاربران عزیز قرار میگیرد.

انتخاب طرح ظاهری + درخواست تغییر در طرح اولیه

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

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

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

گرافیک ( ظاهر سایت)
درجه آ : گرافیک خوب + امکان تغییر در رنگ بندی سایت + طراحی هدر+طراحی فوتر+طراحی اسلاید شو
پنل حرفه ای: گرافیک عالی + امکان تغییر در رنگ بندی سایت + طراحی هدر + طراحی گرافیکی برای 2 الی 3 بخش از سایت+طراحی فوتر+طراحی اسلاید شو
پنل ویژه : گرافیک حرفه ای + امکان تغییر در رنگ بندی های سایت + طراحی هدر + طراحی گرافیکی برای تمامی بخش های سایت+طراحی فوتر+طراحی اسلاید شو

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

امکانات سفارشی
درجه آ : داری 3-4 بخش اختصاصی
پنل حرفه ای : دارای 4-6 بخش اختصاصی
پنل ویژه : تمامی بخش ها میتوانند به صورت اختصاصی طراحی شوند.

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

نکاتی در مورد هزینه های وبسایت :

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

- پشتیبانی برای تمام درجه های طراحی برای یک سال به رایگان انجام می گردد . اما برای پنل های ویژه و حرفه ای پشتیبانی ویژه انجام خواهد شد . برای اطلاع از خدمات پشتیبانی با مسئول پشتیبانی تماس بگیرید .
- هاست و دامنه (دویست مگابایت هاست و یک دامنه .ir ) برای تمام درجه ها غیر از درجه A برای یک سال به رایگان هدیه داده می شود و در صورتی که به آن نیاز نداشته باشید هزینه ای کسر نمی گردد.
- امکانات و طرح ظاهری مهمترین ملاکهای تعیین قیمت دقیق می باشند و تا این موارد به طور دقیق مشخص نگردد امکان تعیین هزینه های دقیق وجود ندارد . به همین دلیل هزینه ها در جدول تعرفه های بالا به صورت تقریبی درج شده اند .
- در بخش گرافیک و ظاهر سایت معمولا هرچقدر طرح ظاهری سایت دارای موقعیت های (پازیشن) بیشتر , افکتهای بیشتر , طراحی استاندارد و مدیریت قالب حرفه ای , استفاده از اصول رنگشناسی , اسلایدر و اسلایدشو ها و در نهایت زیبایی و کارایی و کاربر پسندی بیشتر باشد سطح گرافیک به سمت سطح حرفه ای و در نتیجه هزینه بالاتر نزدیک تر میشود.
- در بخش امکانات مورد نیاز هر چقدر امکانات دارای ارتباط بیشتر با کاربر , پیچیدگی ساخت و مدیریت , زمان بر بودن ساخت و در نهایت هر چقدر اختصاصی تر و سفارشی تر باشد به سمت وب سایت حرفه ای و هزینه بالاتر نزدیکتر خواهد شد .

هزینه ساخت سایت قیمت طراحی وب سایت تعرفه های ساخت وب هزینه طراحی وب سایت هاست و دامنه وب سایت حرفه ای وب سایت تخصصی

افرا گرافیک جمعه 23 بهمن 1394 ساعت 07:18

0 نظر

قیمت و نمونه سررسید 95

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

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

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

کانون تبلیغاتی افرا گرافیک در جهت تولید سررسیدهای اختصاصی و توزیع سالنامه و انواع تقویم های رومیزی و دیواری و زیردستی فعالیت دارد.جهت سفارش سررسید و یا ارسال نمونه های سررسید با شماره های 66912056 - 66120698 تماس حاصل نمایید. ویا از طریق ایمیلinfo@afragraphic.ir سفارشات خود را ارسال نمایید.

نگاهی نو به ایام شما داریم.

چاپسررسیداختصاصی طراحی و چاپ سررسید 95 فروش انواع سررسید انواع سالنامه مدیریتی انواع سررسید مدیریتی چاپ افست

افرا گرافیک دوشنبه 19 بهمن 1394 ساعت 18:43

0 نظر

افرا گرافیک

ابر برجسب

جدیدترین یادداشت‌ها

نویسندگان

بایگانی

جستجو

خروجی جاوا اسکریپت|آموزش جاوا اسکریپت|طراحی سایت

محل قرار گیری کد اسکریپت|آموزش جاوا اسکریپت|آموزش وب سایت

تگ <script> :

در html کد های جاوا اسکریپت بین تگ <script> قرار داده شوند

مثال :

<script> document.getElementById("demo").innerHTML = "My First JavaScript";</script>

توابع (Functions) و رویدادها (Events) در جاوا اسکریپت :

myScript.js

مقدمه-آموزش ساده جاوا اسکریپت|آموزش جاوا

آموزش JavaScript بخش 1

پیشنهاد نویسنده :

قبل از کلیک

بعد از کلیک

4. جاوا اسکریپت می تواند داده ها را اعتبارسنجی (Validate ) کند

اجرا :

هزینه ی طراحی سایت | قیمت طراحی سایت | هزینه ساخت وب سایت

هزینه ی طراحی سایت | قیمت طراحی سایت | هزینه ساخت وب سایت

قیمت و نمونه سررسید 95

قیمت و نمونه سررسید 95

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>