صفحه 1:
به نام خدا
طراحی وب
رشته مهندسی کامپیوتر و فناوری اطلاعات
صفحه 2:
نحوه نمره دهی
“ميان ترم 00م
#تمرینات کلاسی ۳
© حضور منظم و موثر در كلاس
*يروزه 3
#پایان ترم ۷
#غیبت غیر مجاز- حذف|
جمع ۲۱ نمره
صفحه 3:
نحوه نمره دهی
“ميان ترم 00م
#تمرینات کلاسی ۳
© حضور منظم و موثر در كلاس
*يروزه 3
#پایان ترم ۷
#غیبت غیر مجاز- حذف|
جمع ۲۱ نمره
صفحه 4:
اطلاعات تماس
محمد على آراسته
کارشناس ارشد فناوری اطلاعات
Ma.arasteh@gmail.com
موضوع ایمیل: 9۷۵01-۷60[
Www.arasteh.persiangig.com
جزوات و اسلایدهای درسی درون سایت قرار می گیرد
تماس بیرون کلاس فقط از طریق ایمیل
صفحه 5:
IIR
#نوع: پیاده سازی
#عنوا : ساختن صفحات شخصی
#آخرين مهلت تحويل: هفته آخر كلاس
ops? ارائه: حضوری و در کارگاه
هر گونه کپی برداری صرف و بدون تحقیق صفر تلقی
می شود.
نحوه ارائه حتما بایدحضوری بوده و از کدهای نوشته
شده سوال پرسیده می شود.
صفحه 6:
فصل اول
صفحه 7:
?Internet And Web
J&ex «<2 (International networking) cs =.!° )5
هزاران کامپیوتر که به یکدیگر متصل اند می باشد که با زبانی یکسان
وتحت پروتکل اینترنت با یکدیگر سخن میگویند.
وب با (۷۷60 ۷۷۱06 ۷۷۵۲۱۵) ۷۷۷۷۷۷ یکی از مهمترین سیستم
های ارتباطی و اطلاع رسانی است که یکی از مهمترین قسمت های
اینترنت نیز میباشد
گاینترنت مجموعه ای از شبکه های کامپیوتری مرتبط به هم است در حالی
که وب میتواند روی کامپیوتر جدا از شبکه هم اجرا شود
صفحه 8:
Web
Interactive .__.<. Web®
* ارسال اطلاعات توسط صفحات ایجاد شده و به کاربران ارسال می شود
ودریافت اطلاعات از طریق فرم ها و توسط برنامه هایی نظیر ات6
صورت می گیرد.
#صفحات وب شامل :۳۱۷06۲۱۱۳5 و ۲۱۷۵۵۲۲65 و
8 می باشد.
صفحه 9:
Client / Server
#مدل 5/) بر اساس کلاینت , سرور و شبکه می باشد.
#نرم افزار كلاينت نقش 067]366] یا رابط را بین سیستم کاربر و
سیستم سرور دارد , به نرم افزار ۷۷60 , Web Client
۲ ایا مرورگر وب گفته می شود.
La ۰ لمكم
Response
(Information)
صفحه 10:
Web Browser
یک مرورگر با کمک یک 60(165] درخواستی برای خواندن یک
صفحه از وب سرور میکند.
“اين 860165 با درخواست بر اساس استاندارد ارتباطی يا پروتوکل
۳ بوده و شامل آدرس صفحه مورد نظر میباشد.
Uniform) . #الابه آدرسصفحانوبگفته میشود
(Resource Location
http://www. apple.ir/student/lesson.html :Ju.®
ال آ د ما
pa LB pl آدرس سرويس دهنده بروتكل دستيابي
صفحه 11:
Static Wab Pages
© صفحات وب ایستا شامل کدهای |۲۱۲۲ بوده که قبل از اینکه هر نوع
درخواستی برای آن وجود داشته باشد به طور کامل محتویات آن
مشخص شده است.
شکل ظاهری همواره یکسان خواهد بود صرف نظر از اینکه چه کسی
در چه زمانی و با چگونه صفحه را مشاهده خواهد کرد.
© مزایا : طراحی آسان و به کارگیری سریع در شبکه
معایب : عدم امنیت و نداشتن صفحات سفارشی وب
صفحه 12:
>)
Static Wab Pages
WEB SERVER
3,Web server locates .html file
4, HTML stream (irom .htm| page)
retumed to browser
2. Client requests)
Web page
5. Browser processes HIML|
‘and displays page
CLIENT
4. Author writes HTML
صفحه 13:
Client-Side Dynamic Page
#صفحه پویا صفحه ای است که بر اساس نیاز ما تغییر کند
#تکنولوژی که پویایی صفحه از جایگاه سرویس گیرنده (16۳/)) تحقق
shh os
#ماژول هایی به مرورگر ملحق میشود که تمام عملیات ایجاد صفحات پویا
را انجام مى دهد.
JavaScript
TTT ا *
ActiveX Controls °
Java Applet °
flash °
صفحه 14:
Client-Side Dynamic Page
WEB SERVER
3.Web server locates HTML and instructions file
1. Author writes
instructions
4, HTML and instructions are
retumed to browser
5. A module in the browser processes
instructions and tums them into HTML
2, Client requests
web page
CUENT
6. Browser processes HTML
and displays page
صفحه 15:
Java Script
#زبان دستوری 3۷356101[ دارای امکانات متعدد جهت کنترل و
مدیریت رفتار و محتویات یک مرورگر میباشد.
#قدرت انجام عملیات بر روی فایل را ندارد.
زبانی 5605/11۷6 ۵56 است.
صفحه 16:
VB Script
1 فقط تن وسط مرورگر هایش رک هایکروساف قابلتسفسیر
هستند
حساس به حروف بزرگ و کوچک نیست.
©
صفحه 17:
ActiveX Controls
#به عنصری C++ , C#, Java Lig us بياده سازى شود.
#امکان استفاده 8۲۴) , ۲1۳06۲ تایید کاربر و یا دستیابی به بانک
اطلاعاتی را فراهم می آورد.
گاز طریق تگ <00[661> به صفحات وب اضافه شده.
#امکان عملیات روی فایل و رجیستری را دارد.
صفحه 18:
Java Applet
#یک زبان مستقل از ۱۵1۳0۳۲۳ است.
#هدف استفاده از جاوا برای ۸۵0016 ها میباشد که توسط تگ
<00۱6> به صفحه وب ملحق میشود.
۷ توسطمرورگر 00۷۷۲۱۱0۵0 شده وتوسط ماشیرمجایی
جاوا (8۷2/) موجود در مرورگر تسفسیر ميشود.
صفحه 19:
flash
فایلهایی هستند که اطلاعاتی را به صورت گرافیکی متحرک به ما نمایش
می دهند
صفحه 20:
Server-Side Dynamic Page
#تکنولوژی که پویایی صفحه از جایگاه سرویس دهنده (56۳۷6۲) تحقق
می یابد.
#سرویس دهنده وب نرم افزاری است که مدیریت صفحات وب رابر عهده
گرفته و آن ها را برای سرویس گیرندگان مجهز به مرورگر ها آماده
میکند. مانند :
۱5 ۶
Apache °
صفحه 21:
Server-Side Dynamic Page
WEB SERVER
3.Web server locates instructions file
1. Author writes
instructions
4. Web server processes instructions
to create HTML
5, HTML stream retumed to browser
== | 6. Browser processes HTML
.| _ and displays page
صفحه 22:
Server-Side Dynamic Page
* مزایا : کاربر صرفا شاهد کد های Gls gu oy dale HTML
صفحات وب مخفی نگهداری میشود
* معایب : با هر در خواست برای هر کاربر بایستی فایل |۳۱۲۱ مجددا
تولید شود.
CGI(Common Gateway Interface) *
ASP(Active Server Pages) °
PHP(Personal Home Page) °
JSP(Java Server Pages) °
ASP.NET °
صفحه 23:
Web Design
0۵۰ ۵
© 0
صفحه 24:
Web Development
© > ©
© ©
صفحه 25:
فصل دوم
صفحه 26:
Html
درا لچ تیلم ال و یالچتمل_خولنید
al ji, html (Hypertext Markup Language)®
به عنولنزبانعاهگناروباد میشود که با هدفلیجاد سهولستر
تنظیم محلقرار گرفترعناصر مختله ویلیجاد شدما
#یک فایل ۲1۲۱ فایلی از نوع 66166 میباشد که jets از
markup tag ها ميباشد.
#وظیفه اصلی تگ های اچتمل ( 1305 8۳۷۷0 ) بیان چگونگی
نمایش اطلاعات میباشد.
صفحه 27:
Html
at html yy htm Ce! sho 4b HTML ©#يك فايل
#به هيج کامپایلری احتیاج ندارد و در اکثر سیستم ها مورد استفاده قرار می
#ساختار زبان در قالب 30 تعریف ميشود.
#مرورگر با 8۲0۷۷56۲ از روی 99 ۲۱۵۲۲0 ها می فهمد که
چگونه باید صفحه را نمایش بدهد.
صفحه 28:
Html
#تعيين استاندارد هاى وب ربطى به شركتهاى مايكروسافت و يا نت
اسکیپ ندارد.
© لمانا 0050۳ ۷۷۵۵ ۷۷۱۵06 ۷۷۵۲۱۵ با م6 ۷3 تعییکنندم
لستانداردهایوبلست
۴ 2۳0 55 ,راا ]۳1 از مهمتریرستانداردهایت صویب
آخرین استاندارد ۲1۲0/1 استاندارد 1.0 206۳1۲01 میباشد .
صفحه 29:
Tag
۴ ۱( دستورلتا۱]۳۳]) به عنولنباگیاز عناصر که دارلیعولص
انمیباشند (تگهایلچتملم لاب صورووج ظاهر میشوند
به صورتویر تعریفصيشود :
<Tag name —Parameters>
Element content
8۴ ۴۳۱0۳۷: تگیکه تگپایانیندارد. ما 213162 138>
به محضرمشاهدم آنادلمه متردر جط بعد نوشته میشود.
This is first line <br> This is a second line
Result in ۶
صفحه 30:
Tag
#با كمى تك هاى اجتمل عناصر و يا zie acl. Elements
در زبان اچتمل حدود ۸۰ عنصر تعریف شده است.
تگ های اچتمل بوسیله دو نویسه (63۲.) > و < ساخته ميشوند.
fatal gh BE را میتوانید بوسیله حروف لاتین کوچک (10۷/6۲
6 و يا بزرگ (6856 case ; 1... (upper
<b> S 5. J cl, sey sensitive 5 <8 > معادل
هستند ولی شدیدا توصیه میشود که به خاطر سازگاری با -|/26۳/۲ از
حروف كوجك استفاده شود.
صفحه 31:
Tag Sample
<۳>:رسم خط افقی
<Hr>
<Hr Size=10>
<Hr Size=20 Width=300>
<Hr Size=20 Width=300 color="Blue”>
:H1/>Sample Text<<H1>®
<H1>
Header 1
<H1>
<H2> Header2 </h2>
<H6>_ test </h6>
صفحه 32:
Html
: نگ های اصلی صفحات وب
<body> <title> <head> <html>
<body/> stitle/> <head/> <html/>
u (Notepad,Wordpad) <+),,. html 1. seu! si®
نرم افزار ساخت صفحات وب ۳۲0۲۱۲۳396) يا
احتیاج داریم. ) Dreamweaver
#سند |۳۱۲۲۲۱ از دو بخش سر و بدنه تشکیل شده است.
صفحه 33:
Html
Html #سند
<html>
<head>
stitle>Title of page</title>
<head/>
<body>
<This is my first html page. <b>This text is bold</b
<body/>
<html>
صفحه 34:
>)
Tag Attributes
نگ ها میتوانند حاوی اطلاعات اضافی دیگر باشند. به این اطلاعات
شناسه يا 861181066 ميكويند و وظيفه آنها بيان دیگر اطلاعات یک
عنصر يا ۱6۲6/۱۲ tl.
# مثال: در مورد تگ <۵00> شناسه ای به نام 096010۲ وجود
دارد که رنگ زمینه متن (03610۲0۱10) را تعیین میکند برای نمونه
اگر میخواهید که رنگ زمینه صفحه اچتملتان سیاه باشد کافی است كه به
شكل زير عمل كنيد :
<"body bgcolor="black>
<body>
صفحه 35:
>)
Tag Attributes
#شناسه ها به صورت کلی "مقدارحنام " یا "۵۲۳6۵۷6" نوشته
میشوند و هميشه به نگ شروع یک عنصر يا 1610061۱ ] اضافه
میشوند.
#اكر در يك عنصر يا 2161796101 شناسه ها قید نشوند از مقادیر
قراردادی یا 0672۱01 آنها استفاده خواهد شد مثلا در تگ 000۷ اگر
bgcolor us نوشته نشود از رنگ سفید برای زمینه صفحه استفاده
خواهد شد.
#مقدار یک شناسه را میتوانید داخل نویسه های " و یا " بنویسید و اختیار
دست شما است فقط در مواردی که مقدار یک شناسه شامل نویسه " هم
میشنورد بایل از تویسه: استفادهدشود:
صفحه 36:
Tag Attributes
la Tag Attribute 5) 13° یک فضای خالی لازم است.
#ترتیب نوشتن geal Attribute ندارد.
#یک ]2۵۲۲10۱0 نباید دو بار مقدار دهی کرد.
قبل از اسم 739 نبایستی فضای خالی باشد.
صفحه 37:
Html
#توضیحات در |۲۱۲۲ (یادداشتهایی که مرورگر آنها را تفسیر نمی کند)
به صورت زير است.
<!- Comment -- >
: #مثال
First line <!-examplel -- > <br>
<!- example2 -- > Second Line
صفحه 38:
صفحه 39:
فصل سوم
صفحه 40:
Character Entities
#در اچ تی ام ال بعضی از نویسه ها دارای معنی خاصی بوده و برای نمایش آنها
در صفحاتتان باید از 6۳165 103۲3616۲ ها استفاده کنید.
ood a ji Character entities < ® تشکیل میشود:
ampersand (&) «5-1
2- نام 600136۷ يا نویسه #و سپس شماره عددی 69
3 - ونهايتا نويسه G semicolon
© براى نمايش نويسه > دو روش وجود دارد. باید از FIRE یا |
استفاده کنید. در اين مثال ]| نام 6۳۱۸362 و ٩۰ شماره عددی آز
۴ هابه کوچکو بزرگیحروف حساسهستند و در ولقع Case
st» Sensitive
صفحه 41:
Character Entities
صفحه 42:
Formatting
#وظیفه گروهی از تگ های اچتمل فرمت دهی و تعیین شکل نمایش متون (
مثلا ضخیم و 0010 بودن و یا مورب و ایتالیک بودن ) میباشد .
<0>:متن داخل به صورت پاراگراف در می آید.
<۲>: به محض مشاهده ادامه مطارب در خط بعد نوشته می شود.
۲۲<6>:متن را به صورت ۲0۳ ۲۱0۳05031۳9 نمایش می
دهد.
6<>: متنی که در آن نوشته شود پردازش نمی شود.
©<8> : متن رابه صورت ضخيم نمايش مى دهد.
© <1> : متن رابه صورت كج نمايش مى دهد.
صفحه 43:
Formatting
صفحه 44:
مم
<غمهع > : برا إل دقيق تر بر روى نحوه به نمايش در آمدن متن در وب از اين تك استفاده
مى شود كه داراى ويؤكى هاى زير ميباشد
Si, spin tel: Face Attribute © حدلکثر سه مقار میتولندبگیرد.
Font>
<"face="nazanin,Lotus,Arial
your text must type here! rh isl:Size Attribute °
</Font>
<Font size=N> <!- 1<=N
<=7
your text must type here!
</Font>
pial. isl.:Color Attribute ©
<Font color="Red”>
your text is Red!
</Font>
صفحه 45:
Formatting
#روش های مشخص کردن )5 در s Html
3. استفاده ازاسم رنگ.
0. استفاده ازفرمت 828 مبنای ۱۰: با تنظیم شدت (۱0]65[09) هر
یک از رنگ های قرمز, سبز و آبی .
”Color=“Rgb(Red Intensity , Grean Intensity , Blue Intensity)
©. استفاده از فرمت ste RGB 15
Color=#6HexDigit
صفحه 46:
Formatting
WebSafe) oss padi cle S, "
(Color
O%
7ع202
06000
0/6
90۸
(۳06
صفحه 47:
Formattiong
© <411011>: براى تراز بندى استفاده ميشود . سه مقدار زیر را می گیرد:
Right ©
left ©
Center *
Justify © ۲
<h1 align=center> Sample </h1>
#ترکیب تگ ها در |۲۱۲۲۷۱ به صورت تو در تو (65160) میباشد
یعنی اگر تگی در داخل تگ دیگری باز شود ابتدا بایستی بسته شود و حق
تقدم در تاژیر گذاری با تگ داخلی است.
<B> <B>
<i> <i>
<B> <i>
صفحه 48:
Exmaple
<Htmi>
<head>
<title>Sample Formattiong 1</title>
</head>
<body>
<p>hello word</p>
<p><i>hello word</i></p>
<p><b>hello word</b></p>
<p><b>
<i>
hello word
</i>
</b></p>
<body>
<html>
صفحه 49:
Exmaple 2
<Htmi>
<head>
<title>Sample Formattiong 2</title>
</head>
<body>
<font color="Yellow">
<br>Hello word With Yellow
</font>
<font color="rgb(255,0,127)">
<br> Hello word With Color
</font>
<br> <font color="rgb(100%,0%,50%)">
Hello word With Color
</font>
<font color=#FFOO7f>
<br> Hello word With Color
</font>
</body>
صفحه 50:
Exmaple 3
<Htmi>
<head>
<title>Sample Formattiong 3</title>
</head>
<body>
<font color="black">
This text has black color
<font color="Red" size=4>
<br>This text has red color and size is Four
<font size=7 font="nazanin">
<br>This Text write with nazanin font and 7 size ,What
about Color?
</font>
<font>
<br> Hello word!, what is color?
‘Unknowe,arial" color="rgb(100%,0%,50%)">
Hello word With Color
</font>
</body>
@ <item?
صفحه 51:
Exmaple 4
<Htmi>
<head>
<title>Sample Formattiong 4</title>
</head>
<body>
if (x=4) then
<br><strong>a<sub>2</sub></strong>=x<sup
>3</sup>-4;
</body>
</Htmi>
صفحه 52:
روش های ادرس دهی
(Absolute) jl: (2 5) .١
آدرس دهي روي کامپیوتر محلي (0681)
D:\Image\pic.bmp 5 5
File:///d:/Image/pic.bmp
آدرس دهي روي شبكه اينترنت Url)
http://www.apple.ir/Image/ (Relative) soe آدرس 4
pic.bmp
<htmi> ود
800 < = i
<"BackGround=“Picl.bmp BerkGround=: ../Image/Pic2.bmp
<Body/> “Spody/>
© <Htmi/> <Htmi/>
صفحه 53:
Image
© در زبان اجتمل تصاویر را با کمک تگ <1۳09> تعریف میکنند. تگ <۳79]> از نو
تگهای خللی است. بدین معنا که فقط دارای یک یا چند شناسه و عالطا برده رت آرای
oe </img> CAN تگ انتهائی
© مهمترين شناسه براى درج و تعریف یک تصویر 5۳6 یا 5001۲66 نام دارد و مقدار این
شناسه آدرسر | آخالا تصوير ميباشد
<“img src=“Address>
# شناسه های ۷۷۲06 و 0619۴ در تگ 1۳9
کاربرد شناسه های ]۷۷10 و 6190۴ تعيين عرض و ارتفاع نمایش تصویر است. اگر از
این شتامنه ها استفاده: نکنید, مزورگر ابعدا تضنزیر را لود کرده و سپس طول و عرضن آنرا
در نهایت نمایش میدهد.
ng src="http://www.google.com/images/logo.gif" width="276" height='
شناسه ۸۵1 با 6۷۳ ۵۱66۲۳۵۴6" یا متن جایگزین ©
# اگر مرورگر به هر دلیلی نتواند که یک تصویر را نمایش دهد
images/Unkonow.jpg" alt="Fake Pic>
o"™ src j =! 1
صفحه 54:
Image
#شتاسه های ۳۱5036 , ۷5036 تنظیم حاشیه افقی و عمودی را به
عهده دارند.
#اگر در یک صفحه اچتمل از ۱۰ تصویر استفاده شده باشد. مرورگر باید ۱۱ فایل
را لود کند.( خود صفحه به علاوه ۱۰ تصویر)
استفاده از تصاوی سرعت لود شدن صفحات را پایین می آورد.با احتیاط از
تصاویر استفاده کنید و به اندازه و حجم تصویر توجه داشته ب
#لود تصویری با حجم ۵۰ کیلوبایت برای کسی که از مودمی با سرعت
5 استفاده میکند حداقل ۱۵ ثانیه طول خواهد ک
#برای دیدن مشخصات تصاویر در وب کافی است که روی تصویر 9
>ا©1ا© کرذه و سپس در بخش 0۲0۳06۲1165 آدرس.ابعاد و ظرفیت تصویر
را ببینید.
صفحه 55:
HTML Links
اد صفحات اچتمل با کمک بیوندها به یکدیگر tite LINK) bom در
هبوت اجتملٍ
er) ) با کمک بوندها متوان متن به هر صفحه دیگر در وب متصل شد.این کار
Rn chor vA 7 ف an ent
و
wuts # ۵06ل: با کمک شناسه 03106 میتوانید پیوندها را نام گذاری کا
بوندهاى نامكذار:
امکان حرکت مین تسمتها Wes, فراهم میکنند. برت مثلا
أن یک مر ee يو ۳295 با th مهد we
jabel01">Text to be displayed</a> Label Guu,
! </a>
< Goto Label! </a>
‘#label01"> Goto Lab
‘default.aspx#label01"
صفحه 56:
HTML-Links
صفحه 57:
HTML Links
: Image Link®
: Email #ارسال
<a.>
<img .... Border=‘0’>
</a>
<p> Mailto:
<a href=“mailto:info@aviny.com?
cc=someoneelse@microsoft.com&
bcc=andsomeoneelse2”> MY
Mail</a>
<p>
صفحه 58:
Lists
(unordered list)—s pt sie,¢ .۱
2 تهائی هستند از یک یا چند قلم اطلاعات که معمولا با دایرهای کوچک و سیاه رنگ
cig aaah tee انوع PGE و
با نگ ae <li> مبکردد.
شرو لا> شروع شده و هر رقم
to 8
٩ داخل تگهای <أ]> میتوانید از پاراگرافهه تگهای ۰/0۲ تصاویر و حتی فهرستهای دیگر
استفاده کنید
صفحه 59:
Lists
(Ordered list) فهرستهاى مرتب ۲
اين نوع فهرست بسیار شبیه فهرستهای نامرتب بوده و فقط مرورگر به هنگام نمایش اقلام
اطلاعاتی از اعداد به جای دایره های کوچک سیاه رنگ استفاده میکند. یک فهرست از نوع
مرتب با تك <01> د شده و همانند فهرستهای نامرتب هر رقم اطلاعات با تگ
<h4>A nested List:</h4>
<ol start=3 type=i>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ol>
صفحه 60:
Lists
(Definition list) 4 5 se. ۳
فهرست تعریفی فهرستی است از اصطلاح ها و تشریح و توصیف آنها.
فهرستهای تعریفی با <0[1> شروع شده و هر ذوج اصطلاح و تعریف
مربوط به آن با تگهای <أل> و <00> تعریف میشوند.
صفحه 61:
فارسی نویسی در Html
#روش کدگزاری 8: 1۳
ترای تأیت ق.نمایش متزا
8- لا اسفاد ae
سی از استاندارد بونیکد و روش کدگزاری
كته مهم در نماي يش صحيح متون ثارسی تین
نوع کدگزاری یا 6160109 صفحات فارسی است که برای اینکار باید
از متانگ خاصی به نام ۱10-6010[۷] در بخش 1680] صفحات
اچتمل به شکل زیر استفاده شود:
صفحه 62:
Html فارسی نویسی در
Attribute dir®
جهن eb متو نلالتينبنه صور
رلست(]]) میباشددر مورد مت
شرفرضو ]الا ]06 از چیسه
جمات th ایدباک
جه شمیش یپ یثفرض را بسه "رلستسه چپ تسغییر دهید شناسه
<attribute L — نام 11۲ یا همن0 01۲61 لیرکار لنجام
میدهد
* این شناسه دارای دو مقدار ممکن میباشد :
dir="Itr" , Left-to-right text - چپ به راست
Right-to-left text , "11" >01. - راست به جب
صفحه 63:
فارسی نویسی در ۳۱۲۳۱
#مثلا برای نمایش جمله فارسی "سلام بر دنیای وب!" با کمک عناصر 0
يا 01۷ کافی است که به یکی از شکلهای زیر عمل شود:
©<1غ]" >0 م" > سلام بر دنياى وب </0>
<div/> أل" > سلام بر دنياى وب dir="rtl>@
#در بسيارى از عناصر و تك هاى اجتمل امكان استفاده از شناسه 01
ميسر بوده و به عنوان نمونه ميتوان از عناصر زير نام برد:
p>, <div>, <html>, <body>, <table> ,>®
<tr> , <td>, <hl...h6>, <input>, <pre>,
..,<<select> , <span
صفحه 64:
فصل چهارم
صفحه 65:
7 >)
Tables
& برای تعریف جداول از تگ <۵016> استفاده میشود. یک جدول از یک یا چند سطر که با
کمک تگ <tr> تعریف میشوند. تشکیل ميشود. هر ردیف يا ۲0۵۷۷ از یک یا چند سلول.
خانه یا |6) تشکیل گردیده که با کمک نگ <01]> ایجاد ميشوند. نام های 00 و 81 به
ترتیب خلاصه شده ۲0۷۷ 016اح] و att. table data
© محتوی یک سلول میتواند متن. تصویر فهرستها: جداول دیگر. پاراگرافها و ... باشد
ساده ترین جدول ممکن در اچتمل, جدولی است با یک سطر و یک ستون!
table border="1">
<"dir="rtl
<tr>
<۲/>ردیفا. سلول0<۱] >
wis </td> سلول۲< >
سلول0<۲ >
ayaa هه تاه راد سییر </tr>
ارف 2 سلول 3 | رديف 2, سلول 2 ردیف 2 سلول 2 <tr>
<td> Jue tis </td>
صفحه 66:
Tables
< "table border="1>
<teHeadings) Jolie 52 oe 1"
<th>A</th>
"" سرستونها در جداول با کمک تگ < 2 کوجطا>
<th>C</th> ee ee رستونها
<tr> میشوند
سر ستونها مانند سلولهای معمولى جة الع يض يفو دوعر
میشوند و فقط به جای 00 از 0 استفلدو عيدج ,تالجهع>
نمایش محتوای سر ستونها 0010 5/398 ۵<1,3:>
نمایش داده خواهند شد. 2
<td>2,1</td> a
<td>2,2</td> 0 6 ©
<td>2,3</td: oC ec
wae 10,6 ۱46 ۸۵
stbler مح ۱۵,6 ۸
صفحه 67:
Tables
ع 57 <HTML>
تغییر اندازه جدول <HEAD>
<1>/۲۱۲۱۶ ۲۱۲۱۶<۲۷۵۲۳۵۱۵ >
<HEAD/>
<BODY>
<TABLE WIDTH=50% BORDER=1>
<TR>
<TD>Cell Row1 Coll</TD>
<TD>Cell Row1 Col2</TD>
<TR/>
<TR>
<TD>Cell Row2 Coll</TD>
<TD>Cell Row2 Col2</TD>
<TR/>
<TABLE/>
<BODY/>
<HTML/>
صفحه 68:
Tables
Empty Cell®
<HTML>
<HEAD>
<TITLE>Example 4</TITLE>
</HEAD>a
<BODY>
<TABLE WIDTH=400 HEIGHT=100
BORDER=3>
<TR>
<TD WIDTI
<TD WIDTI
</TR>
<TR>
<TD> </TD>
<TD>BOTTOM RIGHT</TD>
</TR>
</TABLE>
</BODY>
</HTML>
140>TOP LEFT</TD>
260>;</TD>
صفحه 69:
Tables
Cell padding : You can specify two other important size®
parameters for a table. Cell padding is the space between cell borders and table
contents
<HTML>
<HEAD>
<TITLE>Example 5</TITLE>
</HEAD>
<BODY>
Cell padding effect : <BR><BR>
<TABLE BORDER=3 CELLPADDING=20>
<TR>
<TD>TOP LEFT</TD>
<TD>TOP RIGHT</TD>
</TR>
<TR>
<TD>BOTTOM LEFT</TD>
<TD>BOTTOM RIGHT</TD>
</TR>
</TABLE>
68۰00۲
</HTML>
صفحه 70:
Tables
Column Span & sometimes you need to join two cells in a row to®
each other. For example in a 2*3 table we may want to join two cells with each
other . In this way we will have two cells in first row and three cells in second
row
<HTML> -parameter COLSPAN=2 it means that it is
<HEAD> ‘equal to two cells. Therefore you must have
<TITLE>Example 6</TITLE> three calle
‘</HEAD> in next row (three <TR> tags) or you may
<BODY> use COLSPAN to create cells that when you
<TABLE BORDER=1> gad the,
<TR>
ie wl be equal to previous row or 3 in this > ارا
<TD>B</TD>
</TR>
<TR>
<TD>A</TD>
<TD>B</TD>
<TD>C</TD>
</TR>
</TABLE>
</BODY>
</HTML>
صفحه 71:
Tables
RowSpan ۶ ۲۳۰ time we want to join two cells in a column (from®
different rows). This is the same as previous section with the difference that we
will join cells from different rows rather than cells in different columns. This time
we must use ROWSPAN instead of COLSPAN
<HEAD> -Again you must be careful that when you
‘<TITLE>Example 7</TITLE> have for example a cell in first column
</HEAD> that you have joined two cells to create it
<BODY> using the option ROWSPAN=2 then your
<TABLE BORDER="1" WIDTH="200table must have two rows and you must
<TR> take this in mind in next parts of your
<TD ROWSPAI ">A</TD> table.
<TD>B</TD>
<TD>C</TD>
</TR>
<TR>
<TD>D</TD>
<TD>E</TD>
</TR>
</TABLE>
</BODY>
HTML ۳2
صفحه 72:
Tables
:Color®
<HTML>
<HEAD>
<TITLE>Example 8</TITLE>
<HEAD/>
<BODY>
<TABLE width="300" BORDER=1>
<TR BGCOLOR=black>
1 0%“ BGCOLOR=yellow>A</TD>
50%" >B</TD>
<TD width
<TR/>
<TR>
<TD width
<TD width:
<TR/>
<TABLE/>
<BODY/>
</HTML>
۱096۲" 0
'50%" BGCOLOR=red>D</TD>
صفحه 73:
Tables
Nested Tables®
'50%">2-</TD>
'50%">C
Prog.</TD>
</TR>
<TR>
<TD width="50%">3-</TD>
<TD
width="50%">/Script</TD>
</TR>
</TABLE>
</TD>
<TD
width="25%"> </TD>
</TR>
</TABLE>
</BODY>
HTML
<HTML>
<HEAD>
<TITLE>Example 9</TITLE>
</HEAD>
<BODY>
<TABLE border=
<TR>
<TD width="25%"> </TD>
idth="25%"> </TD>
"25%" >
" width="750">
"50%"'>1-</TD>
0%" >HTML </TD>
صفحه 74:
Flash animation, Movie,
Music
Mpeg,Avi au: si. : <IMG>®
“IMG dynsrc="mymovie.mpeg: Width="400" height="300
c+! eli! 6 flash, music, movie si. : <EMBED>®
اه
Gre
نت تنظيم عرض
0 تنظیم طول
boo تکرار اتوماتیک مدیا
وهی تعیین وضعیت کنترلهای
رتم شناخته نشدن فرمت مدیا
س ۸0#0) جهت نصب توسط
مرورگر
صفحه 75:
Flash animation, Movie,
Music
<EMBED src=“movie.mwv” width="300"> </EMBED>
فرمت های تصویری : Avi, Mwa, Asf, Mov,Mpeg
فرمت های صوتی : ۱۵ ,۷۷۲۸۸۵ ,۸۵۱ Mp3,
<EMBED src=“filel.fla” width="300"> </EMBED>
<EMBED src=“sound1.mid” loop=“-1"> </EMBED>
pe ayils (Sey Lu Streaming Audio And Video’ قابل پخش است. که اين
تکنولوزی علاوه بر توسط سرویس دهنده بایستی فراهم شده باشد.
صفحه 76:
Forms
از طریق استفاده از عنصر SS te 9 <FOFM> مرتبط 3
اطلاعات از بازدیدکنندگان صفحاتتان و یا تبادل اطلاعات بین
خواهید شد.
#تمامى تكهاى مربوط به فرمها بايد </form> <form> cS os
قرار ميكيرند.
© با كمك اين كروه از تك ها قادر به نمايش باكسهاى ورود اطلاعات متن
ctext fields) . چک باکسها (6۳6-00(65) . راديو باتونها
Games y etd... » (Fadio-buttons) امکان گذاشتن دکمه های ارسال
,(submit button) و یا حذف (۲656۵) را خواهید داشت.
© توجه داشته باشید كه برای پردازش اطلاعات دریافتی از کاربر باید با يکي از
زبانهای 9 از 1.3 ASP.NET. perl. PHP. CFM .JSP ,۵5
آشنانی داشته باشید.
صفحه 77:
Forms
* تگ 80016] :یه عنوان پر مصرف ترین نگ مربوط یه ورود اطلاعات باید از تگ <]ألا0]> نام برد. در این
تك شناسه اى به نام ©0لا6 به تعبين نوع اطلاعا
text , checkbox , radio , password , hidden , submit , reset , button , file ,
image
* وروديهاى 2 (Text Fields)
ررردی اختصاص دارد. مقادیر ممکن برای این شتاسه به قرار زیرند
اگر میخواهید که بازدیدکننده اطلاعاتى از قبيل متن؛ اعداد و ... را وارد كند از شناسه اى با مقدار 6606" استفاده ميشود.
<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="Lastname">
</form>
<form dir="rtl" >
—
{Ginput type="text"
لد name="Arstname">
<br>
Sasi:
Cinpat type="text"
name="lastname">
صفحه 78:
Forms
#ورودیهای 56۲۵۳5 ۳2010
#اكر میخواهید که بازدیدکننده گزینه ای را از بین چند
انتخاب كند, از مقدار "۲۵00" برای شناسه 906 استفاده كنيد
ای 6۱۵6103665 : اگر میخواهید كه بازديدكننده يك يا جند گزینه راز
بين جند كزينه محدود انتخاب كندء از متدار "6176160014" ببراى شناسه ©0 لإ استقاده
كنيد
Aa
صفحه 79:
Form's Ac
Attribute &
«isu, SUbmit Button
کاییر بسرویابدکمه ۰۹5690 لطلهانتدر یشم بسهفسالی
ng fe شد بسرلئ ةمير قصد apo ALN
j forms: شتا لیب نام 366308 لادم کید مقر
شسناسه 3681080 آدیسا الا فابلاستکتهبسه دباشتو سپ
پسردازشطاه دبای خولهدپسردلخت.
form name:
put" action="form_action.aspx“ metho:
<"autocomplete:
Username
ser" tabindex=1>
br>Password>
< Input type=password maxlength=? tabindexe2>
ext" name:
<input type:
clear" tabinde:
<form >|
“reset" value:
صفحه 80:
Forms
Sample®
<FORM METHOD="get"
ACTION=“http://www.apple.com/someplace.aspx">
Computer Experience:<br>
<SELECT NAME="choice" >
<OPTION VALU! Less 1">Less than 1 year. : Computer Experience
<OPTION VALU! 1-5.">1-5 years. Less thas d year:
<OPTION VALUE="More than 5">More than 5 years.
</SELECT> Nour ba 2
<br>
<textarea name="text1">Your Text</textarea>
<BR>
<INPUT TYPE="reset">
<INPUT TYPE="submit" NAME="submit" VALUE="
</FORM>
صفحه 81:
Frame
#با کمک فریمها قادر به نمایش همزمان بیش از یک صفحه وب در
پنجره مرورگر خواهید شد. هر صفحه یا دریچه. فريم (©1310])
نامیده شده و فریمها کاملا مستقل از هم میباشند.
محتوای هر فریم هم میتواند هر صفحه یا وب سايتي باشد. هر چند که
فریمها طراحی سایتهای کوچک و متوسط را بسیار آسان میکنند ولی
استفاده از آنها در کارهای حرفه ای توصیه نمیشود.(به جز در موارد
خاص)
#معایب استفاده از فریمها:
#موتورهای جستجو با صفحات طراحی شده با فریمها مشکل دارند.
#چاپ و ]0۲1۳ صفحاتی که از فریمها استفاده میکنند مشکل است.
صفحه 82:
Frame
<frameset> Ge 4 تعريف فريمها و تقسيم بندی پنجره مرورگر میپردازد.
gl epee <frameset> ve از رديفها يا ستونها را تعریف میکند.
#داخل هر فریم میتواند ۳3۲۳06561] دیگری قرار دهید.
# با کمک شناسه های ۲0۷۷5 و ۲015 ابعاد و نسبت هر فریم تعیین میگردد.
#تگ <۲۵۳06561]> درون تگهای <۱۲۳۱> و 200 قرار میگیرد.
(نیازی به قید تگ 000۷ هنگام معرفی یک (cd frameset
صفحه 83:
Frame
صفحه 84:
Frame
* اگر فریمهای طراحی شده
برای جلوگیری از ت
تک < ۲۵/6 > استفاده شود
اهید که فریمها |56۲0
مثال 1
<html>
<frameset cols="25%, 50%, 25%"
<frame src="frame_3.html">
<frame src="frame_2.html">
<frame src="frame_1.html">
</frameset>
</html>
ای قابل مشاهده دارند توسط کاربر قابل تغییر اندازه (۲65/26) خواهند
اندازه فریمها توسط کاربر باید از شناسه ای به نام 0065/26 در دا
فریمها توسط کاربر ی اخل
تگ 1۲۵۳06
صفحه توسط ماوس) پاید
منال 2
<html>
<frameset cols="*,200">
<frame src="frame_2.html">
<frame src="frame_1.html">
</frameset>
</html>
صفحه 85:
فصل سوم
صفحه 86:
GSS
se IE ly cH! 4, Cascading Style Sheet sist # 3
طراحی اجزای صفحه از قبیل متن» تصویر, زمینه صفحه. کادرها و هر
چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای ۳۱۲۷/1
از طریق ایر می توانیم از دوباره نویسی کدهای ۲۱۲۷/1 که
باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در
ایترنت می شود جلوگیری كنيم.
Se لوس ار تعدا تعيين كنيم و
ديكر مجبور نباشيم كد مربوط به فونت را در صفحه به كار
همچنین می توانیم از اين ابزار قدرتمند در مواردی به جای و اسكريت نيز
استفاده کنیم و چون مشکلات جاوا اسكريت مثلاً غير فعال بودن جاوا اسكريت
در مروركر را ندارد با خيالى آسوده تر مى توانيم از آن استفاده كنيم.
صفحه 87:
© 255 هم مانند جاوا اسکرپت این امکان را به ما می دهد که از یک فایل
استایل خارجی برای تعیین خواص بخشهای مختلف صفحه های یک
سایت استفاده کنیم.
# در این صورت می توانیم ظاهر همه صفحه ها را با ایجاد یک تغییر
کوچک در فایل استایل خارجی تغییر دهیم.
#مثلاً فرض کنید که رنگ متن همچنین نوع فونت متن صفحه هایمان را در
یک فایل استایل تعیین کرده ایم و از آن در طراحی چندین صفحه استفاده
کرده ایم. حالا اگر بخواهيم رنگ متن همه این صفحات را تغیبر دهیم تنها
کافی است تا رنگ متن را در همان فایل استایل تغییر دهیم و نیازی به تغییر
دادن صفحات نداریم.
صفحه 88:
GSS
sie Cascading Style Sheets (CSS)® های استیل
گذاشته شده آبشاری برای تعیین اینکه هر یک از HTML Ul چگوته
دیده شوند. یعنی با تغییر محتویات صفحه سرو کار داریم.
#باعث شده محتویات صفحه از روش ارائه محتویات صفحه جدا شود.
#جدید ترین نسخه آن 2 55/) است که توسط مرور گر ها پشتیبانی می
Sig
صفحه 89:
Style Sheets
در نسخه جدید اچتمل امکان جداسازی کامل فرمت دهی از ساختار صفحات اچتمل فراهم شده
نسخه توصیه میشود که تمامی اطلاعات مربوط به نمایش و ترازبندی به فایلهانی مجزا
منتقل شوند. بخشی از صقحات اچتمل که مربوط به نمایش. ترازبندی و فرمت دهی
است. استایل شیت با Sheet" 6 نامید شده و معمولا به صورت فایلی مجزا
<۱680]> صفحات اچتمل معرفی میگردند
است. در أ
© جكونكى استفاده از استايل شيتها:
مروركرها توسط استايل شيتها به فرمت دهى و نمايش اطلاعات درون صفحه اجتمل
ميبردازند. تعريف و استفاده از استايل ها در صفحات اجتمل به سه روش مختلف
ممكن ميباشد:
(0 استايل شيتهاى خارجى external style sheet
(2) استايل شيتهاى داخلى 566 56۷۱6 ۱۸۲۵۲8۵۱
(3) استایل شیتهای درجا Inline Styles
صفحه 90:
Inline Styles
* كاربرد : این روش در مواردی است که باید برای یک المان (يا گروهی)
خاص استایلی اعمال شود. در این حالت باید از شناسه ای به نام 50016 که
تقریبا در تمامی تگها قابل اعمال است استفاده شود.
jTag ... Style=“property1:value1; property2:value2>
{Property n:value n ...
<p styl lor! Féd; margin-left! 20px"S This is a paragraph</p>
<p align=“Left"><font color="red">This is a paragraph</font></p>
صفحه 91:
Internal Style Sheet
© كا به ادر حا! که صفحه نیازمند تعریف استایلی منحصر به فرد | بوده و استایل
طراعی 2 nS a 1 te ايلى قود مرا بوهم يي
ن تك هلي <ه التاق > ر <هالاأ5 > قرار كرفه
ls <isty Se See
در اين حال gl. یف استایل در
pt See
© مثال.
1
>
>
>
۱
صفحه 92:
Selector
pt :TAG b 1
margin-left: 20px
}
BAL
Color:Navy;
BackGround_Colo1
<Htmi>
<head> Selectoraijs «Class 2
<style>
-ClassName1 {
color: red
1
</style>
</head>
<Body>
<p> TEST1 </p>
<p Class=“ClassName1”> Colored Test
</p>
<A... Class=“ClassName1”> Colored
Link </A>
</Body>
صفحه 93:
پذیرد.
Stylel Style2> “7
01355 ترکیب تگ و +
<Htmi>
<head>
<style>
P.Stylec {
color: red
</style>
</head>
<Body>
<p> TEST1 </p>
<p Class=“StyleC”> Colored Test
StyleC“> Link </A>
صفحه 94:
<HtmI> 5616610۲ نام 0 به عنوان +
<head>
<style>
#StyleR {
color: red
</style>
</head>
<Body>
<p> TEST1 </p>
<p id=“StyleR”> Colored Test </p>
eas «. id=“StyleR“ > Colored Link Id ۳ & os 3
biel : Selector x برای ٩۷۱6 يك ©
#StyleR, P.Class1, A {
color: Navy
صفحه 95:
external style sheet
#در اين روش تمامی استیلها و تعاریف نمایشی درون فایلی جداگانه قرار گرفته .
کاربرد : استایلی به بیش از یک صفحه اچتمل اعمال شود.
روش سهولت در تغییر ظاهر صفحات یک وب سایت میباشد و
کلی در سایت کافی است که فایل استایل شیت کل سایت که
معمولا یک فایل واحد است تغییر داده شود.
# استایل شیتهای خارجی توسط تگ <>۱1۳۱> که درون بخش ۱۵۵0
صفحات اچتمل قرار میگیرد. معرفی ميشوند.
<head>
link rel="stylesheet" type="text/css">
<"href="mystyle.css
<head/>
صفحه 96:
GSS
صفحه 97:
صفحه 98:
جاوااسکرییت جیست؟
برای یادگیری جاوااسکریپت. نیاز به دانستن زبان 1۷/1 و درک کاملی
از طراحی و ساخت صفحات وب است. چون جاواسکرییت یک زبان
مجزا از اچ تی ام ال نیست و باید همراه با کدهای ۲۱۲۷/1 در یک
صفحه بکار رود تا کارآیی داشته باشد.
«#اچ تی ام ال به تنهایی جوابگوی نیاز بینندگان وب سایتها نمی باشد چون
آنها علاقه خاصی به جذابیتها و ارتباط متقابل میان خود و صفحات وب
دارند که اچ تی ام ال نمی تواند جذابیت قابل توجهی به یک صفحه بدهد
ویا با یک کاربر ارتباط برقرار کند.
© پس برای برطرف کردن این مشکلات. صفحات وب نیازمند یک زیان
قوی تر می باشد که به همین منظور زبان جاوااسکریپت خلق شد.
صفحه 99:
جاوااسکرییت جیست؟
جاواسکریپت توسط شرکت 656806 اختراع شد و به عنوان اولین
زبان اسکریپت نویسی در ور
#در حال حاضر پرکاربردترین و محبوب ترین زبان اسکریپت نویسی در
دنيا مى باشد که یکی از دلایل آن. پشتیبانی دو مرورگر معروف وب.
۲ ۱۱۲۵۲۳۱۵ و ۱۵۷۱9۵10۲ ۸656206 از اين
زبان می باشد.
٩ نا گفته نماند که شرکت مایکروسافت هم برای اینکه از نت اسکیپ در
این زمینه عقب نماند. نسخه مربوط به خود را بنام 56۲10[ تولید کرد.
توسعه یافت
صفحه 100:
تفاوت جاوااسکریپت با جاوا
#خيلى ها فکر می کنند که اين دو زبان(جاوااسکرییت و جاوا) با هم یکی
بوده یا حداقل اینکه جاوااسکریپت ساده شده زبان جاوا برای کاربرد در
وب مى باشد كه اصلاً اين - 1
#جاوااسکریپت متعلق به شركت نت اسكيب مى باشد اما زبان جاوا متعلق
به شركت ۷۱۱6۳۵5۱5۲6۲۲5 Sun !+«
#جاوااسکریپت در اصل یک زبان اسکریپت نویسی است نه یک زبان
برنامه نویسی کامپیوت شاید بتوان اسکریپتها را یک نوع زبان برنامه ,
نویسی خیلی سبک و ساده نامید اما جاوا یک زبان برنامه نویسی کاملا
پیچیده مانند زبان ن) است.
صفحه 101:
تفاوت جاوااسکریپت با جاوا
#تفاوت دیگر آنها اینست که جاوااسکریپت توسط یک برنامه مفسر یعنی
۲ در مرورگر تعریف و تفسیر شده تا قابل اجرا باشد و
حتماً هم اين کار در مرورگر انجام می شود اما برنامه های جاوا پاید توسط
یک Compiler tus كاميايل شده که کامپایل شدن یعنی جمع آوری
اطلاعات مورد نظر و ترجمه آن اطلاعات به زبان قابل فهم برای کامپیوتر و
تبدیل آن به یک برنامه کاربردی واحد و مستقل برای کاربر را گویند.
#به همین دلیل برنامه های جاوا را که اپلت. 20016 می نامند. مستقل اجرا
می شوند. البته اپلتهای جاوا را می توان در صفحات وب هم گنجاند.
#در یک جمله می توان گفت که جاوااسکریپت فقط در صفحات وب
تأثیر گذار است اما زبان جاوا برای خلق برنامه های پیچیده در کامپیوتر
ساخته شده است.
صفحه 102:
>)
قابلیتهای جاوااسکریپت
#جاوااسکریپت یک ابزار برای طراحان وب و نویسندگان کدهای HTML
می باشد.
#جاوااسکریپت دارای ترکیباتی ساده نسبت به زبانهای برنامه نویسی است
كه براحتی می توان آنها را داخل کدهای اچ تی ام ال یک صفحه قرار داد
و از آنها استفاده کرد.
گیکن از قابليتهاى ويزه جاوااسكريبت رايكان بودن آن است که اگر شما
زبان ۲/1 را بدانید می توانید با کمی دانستن جاوااسکریپت کدهای
آماده که بیش از ۲۰۰۰ نوع از آنها در وب وجود دارد را در صفحات خود
بكار كيريد.
صفحه 103:
قابلیتهای جاوااسکریپت
با استفاده از این زبان می توانید متنهای پویا و متحرک در صفحات و در
نقاط مختلف مرورگرها مانند نوار وضعیت آنها خلق کنید.
یکی دیگر از قابلیتهای این زبان عکس العمل نشان دادن به وقایع و
اتفاقات می باشد بطور مثال واکنش نسبت به کلیک یکی از دکمه های
موس يا فشردن یک کلید بر روی کیبورد و یا انجام عملی هنگام بسته
شدن صفحه مرورگر.
#جاواسکریپت حتی می تواند کدهای اچ تی ام ال را بخواند و یا تولید
کند که توسط این خاصیت می توانید در هر زمان خاص یک متنی را
تولید یا تغییر دهید و یا در زمانی مشخص عکسی را جایگزین عکسی
دیگر کنید.
صفحه 104:
>)
قابلیتهای جاوااسکریپت
یکی از بهترین ویژگیهای جاوااسکریپت. اعتبار بخشیدن به اطلاعات می
باشد
٩ مثلا شما یک فرمی برای ارتباط با کاربر خود ساخته اید و می خواهید قبل
از اينکه آن اطلاعات به سرور فرستاده شود بازبینی شده تا اگر مشکلی
وجود داشته باشد به کاربر اطلاع داده شود تا در صدد رفع آن برآید. چون
ay cI Client Side bos) oy Soil در سیستم کاربر اجرا
شده و مستقل از وب سرور است می تواند ترافیک روی سرور را کم کرده
که این موضوع یک امتیاز مثبت برای میزبانان وب محسوب می شود.
صفحه 105:
>)
تگ اسکریپت
# جاوااسکریپت. هم مانند زبان ]۳۱۲1 از یکسری دستور و گرامر حاص خود
پیروی می کند.
* البته اين زبان به سادگی اج تى ام ال نیست و بسیار هم حساس است
Se دراج تى ام ال فاصله بين تكها اهميتى ندارد و مروركر آنرا نلديده مى كيرد اما در
جاوااسکریپت فاصله باید متناسب باشد که اگر رعایت نشود با پیغام خطا روبرو خواهید
a
# کدهای جاوااسکریپت را باید در میان تگهای ۲1۲/1 قرار گیرد. به همین دلیل یک
تگدبرای آن در نظر گرفته شده است:
<script> ... </script>®
# که کلیه دستورات جاواسکریپت باید مابین آنها قرار گیرد. اين تگهای اچ تى ام ال
به مرورگر می فهمانند که در کجا این زبان آغاز شده تا مفسر جاوااسکریپت مرورگر
فعال شود و در کجا پایان می پذیرد که برنامه مفسر هم کار خود یا خلتمه دهد.
صفحه 106:
language
اما تگ 56۲101 مانند بقیه تگها دارای خصوصیاتی می باشد. یکی از آنها
6 اسست که مقدار آنرا باید برابر با 3۷35۲101[ قرار
دهیدء
script language="javascript">>®
<</script
#برای مقدار 3۷35۲101[ می توانید نسخه آن را هم بنویسید. اين زبان
هم مانند اچ تی ام ال دارای نسخه های مختلفی است که هر کدام آنها با
قابلیتهای جدیدی در وب توسعه یافتند. نسخه های این زبان عبارتند از
۰ ۳۵۵ و آخرين نسخه حال حاضر هم ١.5 مى باشد
صفحه 107:
type
تگ اسکرییت خصوصیت 906 هم دارد كه براى اين زبان بايد آنرا
برابر با 350۳101 6(1/[3۷] قرار دهید.
* نكته قابل توجه اینست که اگر این حصوصیت را به اين نگ اضافه کنید.
مرورگر اینترنت اکسپلورر نسخه ۱.۵ این زبان را نادیده می گیرد و کد را
اجرا مى كن
#د. شما مى توانيد با اجراى كد زير هم اولين اسكرييت خود را تجربه كنيد
type cps pet ety در ]1 امتحان کنید.
خب مانند زبان اچ تی ام ال می توانید از یک ویرایشگر متن مانند برنامه
0 استفاده کرده و کد زیر را در آن وارد کنید:
صفحه 108:
type
® <html>
<head>
<title> My JavaScript </title>
</head>
<body>
<script language="javascript1.5"
type="text/javascript">
document.write(" Hello my friends ")
</script>
</body>
</html>
صفحه 109:
>)
document.write(" Hello my
friends ")
© 00017611 يعنوهمان سند و فليل|18111 كه در آنليزعملياتبايد لنجام شود
و مرويكر به محضبرخورد بالميزع ماده موشود برل نجام كايىكه بعد
از یبکنقطه نوشته میشود.
طبق قرارداد باید هر چیزی که د
مایین دو علامت نقل قول یعنی
بیایند.
* 5611119 يعنىيكوشته كاراكتر كه مىتولندهم حرفباشد همعلد و هم عاصتو
خاصيت5611190 در لي رإستكه هرجيزىهابيزدو عاهت" " قرار گرفتیاً بايددر
spd aby nie
# در جاوااسکریپت به 006۱0۳06۳۴ یک 00[66 یعنی شی می گویند و هنگامی که
یک نقطه بعد از آن گذاشته می شود آن شی منتظر ۲61/00 خود می شود که در
اینجا همان ۷۷۲106۵ است. به عبارت ساده اين خط می گوید که آن شی را بردار و در آن
توسط متد نوشتن چیزی بنویس.
پرانتز هست را بنویسد و چون محتوای داخل پرانتز
قرار گرفته پس باید بصورت یک 5۲19 در
صفحه 110:
src
* تى 561106 يكد خصوصيت ديكر هم داید که 5۳6 است و برای آدرس دهی
است.
# کدهای جاواسکرییت. را هم مانند استایل شیت می توانید در یک فایل جداگانه
نوشته و با يسوند 15 ذخيره كنيد سپس با خصوصیت 5۳6 آدرس آن فایل را
توجه داشته باشید که در آن فایل نباید دیگر تگ 56۲10 را بنویسید.
#معمولاً در این حالت تگ اسکریپت در قسمت 7630 گنجانده می شود نا با شروع
صفحه فایل جاوااسکریپت فراخوانی شود.
© <html>
<head>
<script language="javascript" src
type="text/javascript">
</script>
</head>
files/name.js"
صفحه 111:
#جكونكى دريافت بيغام خطا
#يكى از مواردى كه در نوشتن كدهاى جاوااسكريبت ممكن است زياد با آن
برخورد کنید. دریافت پیغام های خطا هنكام اجراى كدها در مروركر مى
باشد
خطاهای جاوااسکریپت. را به دو صورت متوجه می شوید یکی ظاهر شدن
مثلثی زرد با یک علامت تعجب. در سمت چپ نوار وضعیت مرورگر مانند
B) done شکل زیر:
#در بعضی از مرورگرها اين نوار مشاسته نمی سود
آن به متوی ۷16۷ مرورگر رفته و روی گزینه cs Status Bar
کنیا
صفحه 112:
#حالت دیگر دیدن پیفامهای خطاء باز شدن یک پنجره در وسط مرورگر
است که در این حالت جزئیات خطای ایجاد شده را هم می توانید
مشاهده کنید. مانند شکل زیر:
om eg Send ety سس
an ac me
ema ۳
تنم رس سل تست بیدا 2
مع دح
5
4
0
5
صفحه 113:
توجه داشته باشید. در نسخه های جدید مرورگر اینترنت اکسپلورر این پنجره
مشاهده نمیشود و ابتدا آنرا باید فعال کنید.
برای فعال کردن آن به منوی ۲0015 مرورگر رفته و گزینه ۱۳6۲۳6۲
5 را انتخاب کنید. در پنجره باز شده به قسمت Advanced ,343
Display a notification about script error «3s ,1<
نیده سپس دکمه 21 را زده تا کار شما تأیید شود.
* بهتر است كه قبل از شروع کد نویسی جاوااسکرییت این عمل را انجام دهید تا
هنكام بروز خطا در صدد رفع آن برآييد كه به اين کار اشکال زدایی یا
2600199109 می گریند
* اگر هم اين كزينه را فعال نکردید. هنكام بروز خطا می توانید بر روی آن مثلث
زرد رنگ در نوار وضعیت رفته و دوبار کلیک کنید که همان پنجره اعلان خطا باز
خواهد شد.
صفحه 114:
انواع خطاها
#اساساً دو نوع خطا برای جاواسکریپت وجود دارد. خطاهای نحوی یا
5 5۷۲۱۵۶ و خطاهای زمان اجرا یا Run time
errors
* در خطاهای نحوی یک مشکلی در ترکیبات کدها بوجود آمده
٩ مثلاً یک غلط املائی در یک دستور یا جا اندا
در خطاهای زمان اجرا احتمالاً یک دستور بطور
نوشته شده است که د
یک حروف يا علامت و
باه جای یک دستور دیگر
هنگام اجرای کد» مفسر مرورگر نمی تواند این
دستور را تجزیه تحلیل کند وخطا را اعلام می کند.
صفحه 115:
کدهای جاوااسکریپت به سه دسته تقسیم میشوند. یک سری از آنها در
قسمت سر یعنی 1630] جای می گیرند و یک سری در قسمت بدنه
کدهای تی ام ال و دسته سوم هم در یک فایل جداگانه و خارج از
کدهای hens با پسوند 5[ قرار می گیرند
# در ادامه به توضیح هر دسته خواهیم پرداخت.
صفحه 116:
>)
نوشتن اسکریپت در قسمت head
کلیه کدهای جاوااسکریپت به محض باز شدن یک صفحه وب در
مرورگر اجرا می شوند اما گاهی اوقات ما نیاز داریم تا یک اسکریپت
زودتر از کدهای دیگر اجرا شده و یا آماده باشد تا در صورت لزوم
فراخوانى.شقة
#اينكونه كدها را بايد در قسمت سر و ما بين تك 2630 بنويسيم.
* بطور مثال شما نياز به اين داريد كه به محض ورود كاربر به صفحه در
همان ابتدا بيغامى ظاهر شود و تا كاربر آنرا تأييد نكرده است صفحه تكميل
# اسكرييتهاى قسمت سر هميشه آماده اجرا و يا آماده ياسخ به اتفاقى در
صفحه وب هستند. که در این مورد شما مطمئن هستید اسكرييت مورد
نظر قبل از هر چیزی در صفحه, اجرا خواهد شد.
صفحه 117:
نوشتن اسکریپت در قسمت head
برای نوشتن کدهای جاوااسکریپت بصورت زیر عمل می کنید:
© <html>
<head>
<title> ... </title>
<script language="javascript"
type="text/javascript">
wea javascript codes ......
</script>
</head>
صفحه 118:
نوشتن اسکرییت در قسمت بدنه
#هنگامیکه نیاز داشته باشيد تا کدهای جاوااسکریپت در بدنه فایل ۳0 اجرا
شود آنها را در قسمت. 000 صفحه وارد می کنید.
<html> ©
<head>
</head>
<body>
<script language="javascript"
type="text/javascript">
javascript codes ...... 55
</script>
</body>
</html>
صفحه 119:
#شما حتی می توانید توسط کدهای جاوااسکریپت قسمتی از یک صفحه را
بسازید یعنی با ترکیب جاوااسکرییت و تگهای اچ تی ام ال در 00019 یک
عنصر در صفحه وارد کنید. کدهای زیر را بنویسید و اجرا کنید:
© <html>
<head>
</head>
<body>
<script language="javascript" type="text/javascript">
document.write("<h1 align='center'> Hello my friends! </h1>");
</script>
</body>
</html>
توانید برای نظم داد ge Lat Sal Sh gS ®
در تسمت 2680 تعريف كنيد 0
و جلوگیری از شلوغی قسمت بدنه یک اسکرییت بصورت
قسمت بدنه آنرا فراخوانی کنید
صفحه 120:
فايل خارجى حاوااسکرییت
#مى توانيد برای حفظ نظم تگهای اچ تى ام ال در يك صفحه وب و يا
برای جلوگیری از تکرار یک اسکریپت در صفحات یک وب سایت.
کدهای جاواسکریپت را در یک فایل جداگانه نوشته و با يسوند 5[ آنها
را ذخيره كنيد سپس در هر قسمت و هر صفحه ای که لازم بود وارد
#خط زیر را در برنامه testjs wie lj! ses; Notepad ذخیره
کنید:
document.write(" JavaScript external file ")®
صفحه 121:
*حلا یک فال اج 2 og ام ال بسازید و تگهای زیر را در آن وارد کنید سپس با یک
اسم دلخواه آنرا در همان پوشه که فایل جاوااسکریپت. را ذخیره کرده اید قرار. دهید:
<html> ©
<head>
</head>
<body>
<script language="javascript" type="text/javascript" src="test js">
</script>
</body>
</html>
جمله زیر را در مرورگرتان مشاهده خواهید کرد. 6۱6۲۳1 JavaScript
file
دقت. کنید که اگر فایل جاوااسکریپت. را در پوشه ای جدا از فایل co JA AEM
دهید حتماً در خصوصیت. 576 آدرس
آنرا بنویسید.
صفحه 122:
#متغیرها یا ۷2۲130165 مانند یک ظرف و مخزن برای ذخیره سازی
اطلاعات هستند
* این اطلاعات می تواند یک کلمه یا جمله . عدد و یا حتی یک شیم باشد.
#متغيرهاء كد نويسى را راحت تر کرده و نظم خاصی به اسکریپت ما می
#بطور مثال ما یک متن را می خواهیم در چند نقطه از کد وارد کنیم که بجای
آن می توانیم از يك كلمه كوتاه كه اين متن در آن ذخیره شده استفاده کنیم تا
از تکرار جلوگیری کرده و اسکریپت هم شلوغ نشود.
صفحه 123:
#به مثال زیر توجه کنید تا وط
یک متغیر را ببینید:
<script language="javascript" type="text/javascript">
var strTest = "This is an example for variable."
document.write(txtTest)
</script>
اصطلاح ۲ از کلمه ۷۵۲۱۵016 می آید که نوشتن آن اختیاری می باشد.
یعنی می توانید یک متغیر را بدون نوشتن آن هم تعریف کنید ولی اگر می خواهید
کد شما خوانا تر باشد بهتر است که از ۷۵۲ استفاده کنید.
#قسمت بعدی یعنی 51۳1651 نامی است که شما برای آن متغیر انتخاب می کنید
و سپس علامت مساوی است که متغیر را برابر با یک مقدار قرار می دهد و در
آخر هم مقدار تعیین شده برای متفیر که در اینجا یک رشته متنی است يا یک
19 ۲6۲ میباشد که به همین دلیل باید آ
تا عیتاً محتویات آن:در مرورگر نوشته شود.
ن دو علامت " " قرار دهیم
صفحه 124:
انتخاب نام متغير
#براى انتخاب نام متغير بايد نكات زير را رعايت كنيد
#نام يك متغير مى تواند از مجموع حروف. اعداد و علامت ۱۱۱۵6۲1166
یا زیرین خط یعنی _ تشکیل شود که آغاز کننده نام نباید یک عدد باشد و
همچنین هیچگونه فاصله ای هم در آن نباید باشد.
در جاوااسکریپت حروف کوچک با بزرگ متفاوت می باشند یعنی
50۲۲651 با 561665 كاملاً تفاوت دارد كه اصطلاحاً مى كويند
جاوااسکریپت 560510۷6 6856 است.
صفحه 125:
#دو نوع متغیر وجود دارد که تفاوت این دو مدل در محل استفاده از آنها مى
باشد. :
#متغیرهای کلی و سراسری که به آنها ۵01003 گفته می شود.
این متفیرها در سراسر یک فایل اچ تی ام ال کاربرد دارند یعنی یکبار آنرا در ابتدای
اسکریپت تعریف و مقدار دهی می کنید ولی در هر کجا از کد که مورد نیاز باشد از
آنها بهره می گیرید.
es? دیگر آن متفیرهای محلی یا »۱0 هستند که فقط در یک قسمت از
اسکریپت کارآیی دارند که ممکن است در قسمت دیگری همان متغیر با یک
مقدار د
#معمولاً متغیر های محلی در توابع با b function 34,15 2
© يك متغيرمحلى در هر تابع مى تواند مقادير متفاوت داشته باشد بدون اينكه بيغام
خطايى توليد كند
صفحه 126:
string.length غيل نا رو 17
string.toLowerCase abcdefghijkimnopq
0 ABCDEFGHIJKLMNOP
7 9
oe ppsicese دس abedefghijkimnop
q
string.bold () |
abcdefghijklmnopq
abcdefghijkimnopq
abcdefghijkimnopq
string. italics ()
string.fontsize (3)
string.fontcolor oo cdef
(tred") : cdefgh
8 9 مس
string bigi() ”* bbcdefghijkimnopq
string.substring ieee era 2
117- )2,6(
abcdefghijkimnopq درم مسر )2,6( string.substr
۳ سس و
abedefghijkimnop مسقم string.replace
("a","b") 9
string.indexOf abcdefghijklmnopq )
__ ete abcdefghijkimnopq ——~
صفحه 127:
دستور ۲...۵156۵]] ۴...6156]
eif(t<=10 ){
document.write ("<b> Good morning </b>" )
}
else if(t>10&&t<13){
document.write ("<b> Hello friends </b>" )
}
else if(t >= 13 &&t<18){
document.write ("<b> Good afternoon </b>" )
}
else {
document.write ("<b> Good evening </b>" )
1
صفحه 128:
#مثلا اگر رنگ پس زمینه صفحه ماء سفید بود. بنویسد سفید:
if (document.bgColor == "#ffffff") ®
{
alertui") “)
i
صفحه 129:
switch
® <script language="javascript" type="text/javascript">
var d = new Date ()
var weekday = d.getDay ()
switch ( weekday )
{case 0: document.write ("Sunday“) break
case 1: document.write ("Monday“) break
case 2: document.write ("Tuesday“) break
case 3: document.write ("Wednesday“)
break
case 4: document.write ("Thursday“) break
case 5: document.write ("Friday“) break
default: document.write ("Saturday")
1
</script>
صفحه 130:
#میخواهيم برنامهای بسازیم که در هر روز از هفته. یک پیام دهد.
* اين برنامه؛ بسیار مهم و پرکاربرد است با آن میتوانید مثلا برای مود يك
تقویم بسازید که مناسبتهای هر روز را به شما نشان دهد؛ پا یک برنامه که
هر روز یک حدیث. شعر یا جملات زیبا را بنویسید.
© var Now = new Date()
var Week = Now.getDay()
switch (Week)
{
case 0: alert(“ «2:
break;
صفحه 131:
۶( "دیشنبه ")۵16۳1 : 1 56وع
break;
۶( سهضنه 16۳۲10۲ : 2 6ووع
break;
۶( "چهایشنبه ۵16۲10۳ : 3 8356©
break;
case 4: alert(" 2");
break;
case 5: alert("a.=");
break;
case 6: alert("«
break;
default : break;
۳
صفحه 132:
۲۵۲ حلقه
©» <script language="javascript" type="text/javascript">
for (i= 0;i <= 10; i++)
{
document.write (" Number " + i + "<br />")
1
</script>
© for (var x in object)
{
document.write ("<li>object." + x + "=" + object
Ix);
صفحه 133:
حلقه ۷/۱۲۱6
®vari=0
while (i <= 10)
1
document.write(" Number " + i + "<br />")
i++
}
®vara=0;
while (a < 10)
{
document.write ("..", a ,"<br>");
at++;
}
صفحه 134:
Do...while
® var i=0
do
{
document.write(" Number " + i + "<br />")
i=it+1
}
while (i <= 10)
صفحه 135:
ارايه
۰ ۷۱۵۲ ۷۷۵۵۱۵۵۷5 ع ۱۵۷ ۸۵۲۲۵۷)7(
weekdays[0] = "Shanbeh"
weekdays[1] = "Yekshanbeh"
weekdays[2] = "Doshanbeh"
weekdays[3] = "Seshanbeh"
weekdays[4] = "Chaharshanbeh"
weekdays[5] = "Panjshanbeh"
weekdays[6] = "Jomeh“
© var weekdays = new Array ("Shanbeh","Yekshanbeh".,...)
صفحه 136:
تابع
#تابع يا همان فانکشین JS te LL jl clas pene (Function)
است که در یک جا جمع شده و داراى نام شدهاند.
<Script> ®
function funAlert()
{
alert ("5")
</Script>
صفحه 137:
صدا کردن تابع
یکی از راههای صدا زدن توا
اگر میخواهید فلان کد. به هنگام باز شدن صفحه اجرا شود. از رویداد 0۳1030
استفاده کنید.
از رویدادهاست.
© اكر مى خواهيد با کلیک کردن بر روی چیزی, برنامهای اجرا شود از 0۳1161
استفاده کنید.
#مثال: میخواهم تابع +11 1انا که در مثال بالا درست کردهام, به هنگام باز شدن صفحه
اجرا شود. براى اين كار بايد به تك بدنه (لا800 - بادى) رفته و اين كد را بنويسم:
<Body onLoad="funAlert()" ©
#اگر خواستید با کلیک بر روی عکسی, پیامی نمایش داده شود؛ بايد كد زیر را در تگ عکس
قرار دهید. به این صورت:
>
© <img onClick="funAlert()"
نقطه چین, یعنی بقیه کدهای مربوط به عکس. #
صفحه 138:
أشنياء
*يكى از ويزكى هايى كه جاوااسكريبت دارد جمع آورى اطلاعات از سيستم
كاربر و نمايش انها در صفحات وب است.
© همانطور كه ميدانيد زبان اج تى ام ال به تنهايى قادر به انجام جنين كارى
نيست اما با كمك زبانهاى ديكر تحت وب مانند أ31/356©110[؛ مى
تواند تا حدودى اين مشكل را برطرف كند.
#شئ هليى در جاوااسكرييت وجود دارند كه توسط متدهاى مختلف.
اطلاعات مورد نياز را از سيستم كرفته و در اختيار كاربران قرار مى دهند.
#یکی از این 6 ©00[6 ها و شئ هاء 10366 می باشد که به کمک آن می
توانيم تاريخ و زمان سیستم را هنگام اجرای کد دریافت کنیم. سپس آنرا
نمایش دهیم و پا اینکه در یک متغیر ذخیره کنیم تا در صورت لزوم از آن
بهره گیره
صفحه 139:
اشیاء
این 00[6 بصورت زیر تعریف می شود:
new Date() »©
5b نوشتن آن دقت کنید که غیر از این باشد با پیفام خطا روبرو خواهید
شد
#چون جاوااسکریپت زبان حساسی است پس هر جا که حروف بزرگ است باید
بزرگ و هر جا کوچک است باید کوچک نوشته شود. در آخر هم پرانتز می
گذارید که در قسمتهای بعدی همین صفحه کارآیی آنها را درک خواهید کرد.
شی یک رشته متنی شامل روز ماه سال. ساعت. دقیقه. ثانیه و اختلاف
زمانی با نآلا را برمیگرداند. Coordinated Wiis. UTC
6 ۱۱۱۷6۲5۵۱ می باشد که به آن 1۳06 لاالا2 هم می گویند
و مطابق با استاندارد جهانی زمان است.
صفحه 140:
کد زير را در يك سند اج تى ام ال وارد كنيد و يس از ذخيره؛ آنرا اجرا
كنيد:
<script language="javascript" ®
type="text/javascript">
document.write ( new Date() )
</script>
صفحه 141:
متدهای شیم ۱3866
#بعد از ساختن شی جدید 0۵16] ۰ می توانید توسط متدهای مربوط به
1 ت دیگری از این شی دریافت کنید.
* اين شیم دارای هفت متد اصلی میباشد که بیشترین کاربرد را دارند. اين
متدها عبارتند از:
® getDate(), getDay(), getMonth(), getYear(),
getHours(), getMinutes(), getSeconds()
برای تعریف و استفاده از اين متدها باید ابتدا شیع را نوشته. سپس یک
نقطه بگذاریم و بعد از نقطه متد مورد نظر را بنویسیم.
صفحه 142:
شی. 0316
برای درک بهتر مطالب گفته شده یک تمرین را با هم انجام می دهیم. در یک
صفحه وب. می خواهیم زمان ورود یک کاربر به همان صفحه را اعلام کنیم. بطور
مثال:
#شما دقیقاً درساعت :۹:۳۳ وارد این صفحه شدید.
که اسکریپت آن برای برگرداندن زمان مورد نظر به صورت زیر می باشد:
<script language="javascript" ©
type="text/javascript">
var vorood = new Date()
document.write( vorood.getHours() + ":" +
vorood.getMinutes() + ":" +
vorood.getSeconds() )
</script>
صفحه 143:
(—) Object
#شی:همان طور که قبلا نیز گفته شد هر چیزی که در صفحه ما وجود
دارد. یک شی حساب میشود و میتوان از آن استفاده کرد و تغییرش داد.
#اولين شی موجود. خود صفحه و سند (006©10176176) استء كه قبلا با
آن آشنا شدهاید.
۴۴ (خصوصیاگ هر شی ی کم شخصانو خصوصیلتی
دارد که بسیانگر کمینتو کیفیلنست
#مثلا یک سند. داراى اين حصوصیات است: پس زمینه, عنوان (1116» نوار
وضعیت (5لا6]9) نوار پیمایش (/66۳0۱) متن (۲6)؛ لینک
(Link)
صفحه 144:
طریقه نوشته: ابندا نام شی را نوشته, و بعد از یک نقطه نام خصوصیت
مورد نظر را وارد کنید. گاهی اوقات؛ آن خصوصیت هم دارای چند
خحصوصیت دیگر است که باید بعد از یک نقطف نوشته شود.
COT adi
تن ae
تلبت با تن
document.bgColor
COL ee oe
document.linkColor
CTT eel lg
document.vlinkColor
صفحه 145:
۴ سرس«ته
کاری که اشیاء میتوانند انجام دهند. متد نامیده میشود؛ مانند باز کردن یا
بستن پنجره. شالوده و اصل یک زبان برنامه نویسیء متدهای آن
استء كه ما بايد آنها را به خوبى ياد كرفته و در جای مناسب استفاده
نماييم. متدهاء توسط سازندكان زبان برنامه نويسى؛ نوشته و تهیه میشود
و ممكن است در نسخههاى جديد آن زبان؛ تغییر داده شده اضافه و
تكميل شود.
مثال: متد بسته شدن صفحه:
® window.close()
صفحه 146:
۴ ررییداد)
گرویداه عملیاتی است که کارب در یک صفحه انجام میدهد. بعضی از
رویدادها مشترک و عمومی هستند و بعضی مخصوص یک شی. بعضی از
اين رويدادها را برای شما دسته بندی کردهام که تما ذخیره نموده و به
مرور آنرا کامل کنید.
#طريقه نوشتن: رويدادها را با كلمه 017 شروع مىكنند و به اين صورت
مى خوانند: 0110116016 - هنگام کلیک کردن.
صفحه 147:
صفحه كليد موس عمومى
onload ab onMouse 5 onKeydo eat
ae move o> wn 05
onMouse onKeypre x
onUnload = sah es ave افشردن كليد 0 ورود موس
onMouse ۳
بالا آمدن کلیک onkeyup خروج موس oti انصراف onAbort
کلیک . نرکوس, زوم ۰ 00۴06۱56
دوبار كليى سیر onBlur
كشيدن ۳ خحطا OnError
art
صفحه 148:
new Date ()
۳ Tue Dec 21 2010
toLocaleString 9 زمان کامل 13:42:47 GMT+0330
toLocaleDateString so lb فقط (Iran Standard
0 8 ,51 (11506اسقائاء, ميسمير
toLocaleTimeString 7 7 ب.ظ ۰۱:۵۲:۷ ۰
0 الثلاثاء, ديسمير ۲۱ ۲۰۱۰ جيعد
toGMTString() زمان بين a bees
9 زمان بين المللى Tue, 21 Dec 0
getYear() سال 10:12:47 GMT
getMonth() ملو ig
getDay() روز هنته ۲
getDate() روز ماه W
getHours() ماعت We
getMinutes() دقیقه ١
getSeconds() ثانیه
صفحه 149:
A
نمونه
<script> ©
function funFor()
{
document.writeln("<Table Border=1>");
for(a = 1; a <= 10; a++)
{
document.writeln("<TR>")
for(b = 1; b <= 10; b++)
if ((at+b) % 2)
{
صفحه 150:
AS aya
® document.writeln("<TD bgcolor=blue>"+ a* b+"
</TD>")
}
else {
document.writeln("<TD>"+ a*b+"
</TD>")
1
+
document.writeln("</TR>");
1
document.writeln("</Table>");
}
funFor();
</script>
صفحه 151:
3 نمونه کد۲: اسکرول صفحه (حرکت صفحه از بالا
به پایین)
©. يك تابع (1000۷۷۲]) برای پایین یفتن, و یک تابع Ye ste FUNUP)
آمدن. این توابع, به صورت مستقل, اجرا میشوند.
در قسمت بدنه, دو دکمه (یا چیزی شبیه آن) قرار میدهیم. یکی برای فعال کردن
تابع اول: و دیگری برای تابع دوم. به هنكام كليك بر روى دكمدهاء توابع, اجرا
مىشوند؛ يعنى بايد از رويداد »01100111 استفاده كنيم.
© <script>
function funDown() // تابعیکه صفحه را بسه طرفپییرمیپرد
{
for (a = 1; a <= 600; حلقهلیک» لفزلیش// (++ج
صفحه 152:
>)
نمونه کد ۲: اسكرول صفحه (حركت صفحه از بالا
به پایین)
متدلسکریلصفحه // :(۵ ,1) ۱۸/۱۴۵۵۷۷۰56۲۵۱ ۰
۷
1
function funUp() // >. u3 b |) تابعیکه صفحه
{
for (a = 600; a >= 1; a--) // sols حلقملىكه
1
window.scroll (600, a);
}
دارد
0
</script>
صفحه 153:
® function funTime()
{
var Time = new Date ();
var H = Time.getHours();
var M = Time.getMinutes();
var S = Time.getSeconds();
var Clock =H + ":"+M+":" +S;
Font.innerText = eL.: " + Clock;
setTimeout ("funTime()", 1000);// بالميزتليس
دوبارد خولنیمیبسود Hiss ppp bal
صفحه 154:
نمونه کد۳:
© 0۳6۲۲6 با این دستون متن یک تگ در قسمت بدنه - مانند
محتویات نگ پاراگراف - نمایش داده میشود؛ و میتوانیم آنرا تغییر داده و
Ales کنیم- ۲
ألاع 1 اع - ۱۳۱۳۵۲۳۱۲۳۱۱ - /0116۲۳۱۲۱: اين ۳ متد. شبیه
دستور قبلی است؛ البته با کمی تفاوت.
561۳۳6011 دستور تایمر و زمان شمار است. بعد از آن» یک جفت
پرانت قرار دارد که داخلش+ دو پارامتر نوشته میشود:
A) اسم 4
۲. زمانی که تایمر در آن فعال خواهد شد. واحد زمان, میلی ثائیه است. (۱۰۰۰
< یک ثانیه)
16۳۷۱ دستور تایمر و زمان شمار است. مانند دستور قبل. عمل
میکند.
ی است که قرار است اجرا شود؛ مانند یک تابع.
صفحه 155:
معرفی جند er (سایت) :
JavaScript o1,1¢ 8
سایتهای فارسی زبان که تخصصا درباره این زبان. فعالیت میکند. قسمتی از آن به آموزش,
و قسمتی به بیان مثال, میپردازد
استاد آنلاین: فارسی. علوم مختلف رایانهای را به شما آموزش میدهد که جاوا یکی از آنهاست.
60۲۳ |: لنگلیسی
#سایت ۰۷۷3560015 مرجع بسیار جامع و جالبی است
از امکانات جالب آن, ایجاد محیطی بای تمرین آنلا.
هیدرنی زا تفرین: جرا وابتجه آنرا ند
5۵ 8[ لنگلیسی
* یک مخزن عالی با مقادیر زیادی اسکریپت و مسألهای فراوان برای یادگیری جاوا اسکریپت.
® ۳896۲6 لنگلیسی
#هرآنچه را که برای طراحی وب. لازم است. در چند بخش, به شما آموزش میدهد.
ای بسیاری از علوم رایانهای. یکی
است. یعنی در همین سایت. میتوانید
صفحه 156:
#خود آموز جاوا اسکریپت در ۲۶ ساعت
Teach yourself Java Script in 24 hours
نویسنده: مایکل مانکر
مترجم: مهندس على ناصح
ناشر: موسسه فرهنگی هنری دیباگران تهران
نوبت : اول
قيمت: ۳۳۰۰ تومان
تلفن: ۲۰۹۰۰۰۱ الی ۵
پایگاه اینترنتی: ۰5۷۷۵۲۱6۱۵0۰60۲۲ ۱۲۵۰//۷۷۷۷۷۷
این سایت. دارای نکات آموزنده و جالب در علوم مختلف طراحی وب.
بالاخص جاوا اسکریپت میباشد. میتوانید مثالهای کتاب را در این آدرس با
آدرس دانلود کنید.
توضیح دیده و از اٍ
صفحه 157:
معرفی کتاب
#نام:خود آموز سریع جاوا اسکریپت
Java Script For The World Wide Web 2003
نویسندگان: تام نگرینو و دوری اسمیت
مترجم: مهندس حمید رضا ذوقی
انتشارات: ذوقی
نوبت چاپ: اول
قیمت: ۳۹۵۰ تومان
يايكاه اينترنتى: 0177© 0110.6 الاج ذا 31/35 [. الالاثالانا//: محا
در اين lb علاوه بر مثالهاى كتاب, يايكادهاى كمكى براى زبانهاى
وب. نيز معرفى شده است.مى توانيد مثالهاى كتاب را در اين آدرس با
ن آدرس دانلود كنيد.
صفحه 158:
