صفحه 1:
صفحه 2:
ی
ات
دانشگاه آزاد اسلامی واحد رشت
| موضوع: زبان برنامه HTML (ogi
/ استاد: خانم زینت مهدی دوست جلالی
| تهیه و تنظیم: مانیا فرید خمامی
رشته: مهندسی کامپیوتر
درس کارگاه کامپیوتر
صفحه 3:
به نام خدا
ديك سایت اينترنتي (سي)
صفحه 4:
زیرشاخههای ul -در یک نگاه کلی- شاخهای از علم شبکههای کامپیوتری هستند. در
به مباحث سطح بالا و کاربردی شبکههای کأمپیوتری بپردازیم. اینترنت و
آن از اولویت بالایی برخوردارند.
زا که جهتگیری اکثر دولتها به سوی بیشتر و زودتر دانستن است, به چرأت میتوان
ى اطلاعات و أبزار قدرتمند أن يعنى اينترنت در مبزان ببشرقت علمى و فنى بك ملت
we دارد.»
ت یادگیری و بکارگیری اینترنت در زندگی عادی مرور مختصری را روی آن خواهیم
كك ماهوارهی مصنوعی را در سال 1957 به فضا پرتاب کرد؛ به دليل
مسج و شوروی, ادارهی دفاع آمریکا به دستور آیزنهاور (رئیسجمهور
که جشیکیل آژانس تحقیقاتی پروژههای پیشرفته (آریا) نمود. به دنبال
زب و یرای دهاش و رل يم بر روك ساب موش oe , پنتاگون بود هی را برای
اهی در مورد ساختن یک شبکهی | 1
این تحقبقات بعدها آرپایت نامیده pee ضرف 4 کامپیوتر در آمرلا را
کرد أريانت به سرعت كسترش یافت و با طراحی و
65و فمكارى دانشكاه يركلى در فراهم OOS رانط بزمآفرآری مناست يه
یونیکس این دانشگاه, اينترنت متولد شد.
صفحه 5:
pe
نترنت را با اهمیت جلوه میدهد, دیدگاه ارتباطات و اطلاعات است. یا اين
اینتر میدهد, دب ار و اين
نوات و9 بزار قدرتمند برای گسترش فرهنگ. علم و فناوری نگریست.
اوری اطلاعات و ارتباطات تا حدی است که کلانترین بودجههای دولتهای پیشرفته و در
را یه خود اختصاص داده است.
سوی آموزش الکترونیکی, دولت الکترونیکی, تجارت الکترونیکی و بسیاری از محصولات و
ی ۱۲ از سوی کشورهای مختلف, چیزی نیست که بتوان به سادگی از کتار آن گذشت.
تمامی این موارد نیازمند داشتن درکی مناسب از اینترنت و در واقع تکنولوژی تور جهان
. به اين منظور مروری خواهیم داشت بر روی مقأهیم اولیهی اینترنت.
صفحه 6:
هی ۱۷6/۷۵۲۷ ۱۲۵۲ است. بزرگترین شبکهی دنیا که از به هم پیوستن تعداد زیادی کامبیوتر
ت. اين تصور که اینترنت بر روی چند کامپیوتر
نیا سوار شده به کلی غلط است. در واقع هر کامپیوتری که به طریقی به اینترنت متصل
ل از ایتترنت محسوب میشود:
وتکل در لغت به معتای قرارداد است و از دیدگاه علم اینترنت, به قوانینی گفته میشود که 2 با
برای ارتباط (رد و بدل کردن اطلاعات) با یکدیگر رعایت میکنند. به عنوان مثال هنگامی که
ور حال صحبت کردن است.
Be حال گوش دادن درمیآید و ضمناً میان صحبت کامپیوتر 1 صحبت نمیکند.
ee نت, 70۳/1۴ است. که قسمت ۱۳ آن وظیقهی حمل بستههای اطلاعات از طریق کابلها
رت و قسمت ۲0۳ هم عهدهدار تعیین صحت داده و رساندن آن به سطح قابل استفاده برای
يك سطقٌ بالاتر و برای دسترسی به سایتهای اینترتتی از پروتکل ۱۲۲۴ یا همان مجموعه
اطلاعاتی شامل متن, صوت. تصویر و ... (در قالب ۲!۲۲) از تور جهان گستر استفاده
صفحه 7:
/ سرویسگیرنده : (( 6۱۱۴۸۷۲ / 568۷68
Seed ine اس بو
|
هنگامیکه ما در نوار آدرس مرورگر وب خود آدرس
گر در نقش مشتری» درخواستی را به سروری که صفحهی ۲۱ ۱۷/۷۷۱۱
اخشپار دارد میفرستد. پس از آن سرور در پاسخ به این درخواست. صفحهی گوگل را برای
میکند و مرورگر پس از دریافت. آنرا به ما نمايش مىدهد. لازم به ذكر است كه اين درخواست
رد ۲/۲۲ مشهور است- از طریق پروتکل 86500056 و 860651 و پاسخ كه به
صفحه 8:
: (Web Browser]
ت که میتواند صفحات L, HTML به ما نمایش دهد. برای استفاده از تور جهان گستر,
مرورگر وب تقريباً اجتناب تابذير است, چرا که یک مرورگر وب علاوه بر آشنایی و توان
ات 111/1]ء میتواتد به واسطهی پروتکل ۲۷۲۲۳ صفحات وب را از سرور دریافت کند.
له به خواندن صفحات وب میپردازند؟
وركر با کمک یک 860656 درخواستی برای خواندن یک صفحه از وب سرور میکند.
با درخواست بر اساس استاندارد ارتباطی با پروتوکل HTTP بوده و شامل آدرس صفحه
يك صفحه http:// Giusy .cuw! http://www.khaterat.com/fag.html aud s jaz oy نوع
و یا استاندارد ارتباطی را تعبین میکند. ۷/۷/۷۷:۲۱۵۲6۲۵۲.۲0۳ نام دومین یا 007028 است و
تام صفحه ای است که باید خوانده شود.
صفحات وب را نمایش میدهند؟
تمایپش یک صفحه وب بصورت مستتر در آن وجود دارد.
از وی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمایش صفحات میپردازند.
های اچتمل ( ۲295 ۲۱۲۲۱ ) بیان چگونگی نمایش اطلاعات میباشد.
ری شبیه <0> این تگ پاراگراف است! </2> است.
صفحه 9:
ندارد هاف وب ری یه زکنهای اوقت وبا یب آبتطیب دازم
م05 ۱۷۷۵۵ ۷/۱۵۵ ۱۷۷۵۲۱۵ با ۷/3 متولیت_عییناستانداردهاعوباست
4 55 ,141801 از مهمتریناستانداردهایت صویبشده ویمیباشند.
استاندارد ۲۱۲۲۱ استاندارد 1.0 XHTML ميباشد .
صفحه 10:
أق صفحات وب در دنیا توسط مرورگر (80۱0۲۵۲ ۱۳۵۵۲۳6۸) ۱۴ بازدید
0۷5 عام ترین سیستم عامل مورد استفاده در جهان است که
رض ۱8 را داراست. بعد از عا, پرطرفدارترین مرورگر ۸۱۵/56206
| نام دارد. مرورگرهای دیگری نیز وجود دارند از جمله ,0062,۳1۲6۴۵۷
۵ 6 © © ©
صفحه 11:
نویسی که فقط در صفحات وب به کار میرود, چرا که برخی از امکانات معمول
رنامهنویسی مانند ۲ را ندارد؛ در واقع 2۷3567100[ برای استفاده در وب طراحی
همین دلیل زبان سطح بالایی است, به طوری که میتوان با نوشتن یک خط کد در
Cancel) Jlgu so - 01) باز کرد و از کاربر پرسش کرد. از آنجایی HTML a
امل 139هايى براى نمایش صفحات وب است, برای کنترل ساختارهای دیگر یک
وب و یا استفاده از الگوریتمهای برنامهنویسی و یا حتی ساختن صفحات پویاکه باید
رورگر وب اجرا شوند. به 3۷356۲106[ نیاز داریم. در واقع 3۷۵56710[ زبانی است که
وب مترجم و اجرا کنندهی آن است. همچنین یادآوری میکنيم که 3۷356710[ زبانی
شّامل بسیاری از ملزومات زبانهای برنامهنویسی, نظیر حلقهها, شرطهاء توایع:
ها و حتی رویدادها.
: HTML
مخفف Text Markup Language) ۳۷۵6۲ ) که نوعی زبان توصیف کننده (کاملاً
و/بسیار آسانتر از زبانهای متداول ول ام سازی نع نظیر C و ا۳256) است که برای
إل ول صفحات وب به کار میرود. دریافتی ما از اینترنت به اين
اتتوواند ومروركزهاى وب معتتوائند أن زيان زانية ها مایش دهند:
2 در دانشگاه مینه سوتا سيستمى به نام 60 به وجود آمد که دارای دو
صفحه 12:
Graphic,
(ف قط کلیککردنو در سایسحرکنکردن)
سیستم توسط برنامه ای به نام HTML ساخته شد.
صفحه 13:
از حقیقت زبانی برای مارک کردن w text slab یکدیگر می باشد که آن را با 786
ورت <tag Name> می نویسند.
رندهی یک کد ا/۲۱۲۱را, نگ میگویند. در واقع نگها کلماتی کلیدی هستند که 52 HTML obj
یک مرورگر وب با دیدن هر کدام از این کلمات, متون و يا تصاویر موجود در صفحه را به نوعی
أبم عنوان مثال تکه کد ۲۱۲۸۸ زیر متن «سلام» را یه کمک نگ <8>, تور نمایش میدهد.
<8>سلام </8>
۲۱ چبست؟
فته از حروف اول» وهناوجها ۱۸۵۲۲۷۴ 186 ۲۱۵۷۵۵۲ میباشد.
۹ فایلی از نوع 8698 میباشد که متشکل از و8۵ ۱0۵۳۹۵۵ ها میباشد.
4 از روی 8۵9 0۵۳۷۵8 ها می فهمد که چگونه باید صفحه را نمايش بدهد.
1 باید دارای انشعاب 9800 و با 96۴0۱ باشد.
/فایلی از نوع ۴۵9۴ میباشد که با هر ادیتور ساده ای قابل ایجاد است.
گ هی اچتمل ( ۶295 ۳0۵۳۷۵۲ ) بیان چگونگی نمایش اطلاعات میباشد.
صفحه 14:
: (HTML Tags)
اچتمل عناصر و یا ۴۱6۲۲60/5 ساخته ميشوند.
حدود عنصر 0 تعریف شده است.
بوسیله دو نویسه (60۵۲) > و < ساخته میشوند.
معمولا بصورت زوج ظاهر ميشوند. مانند </>]وع]<0>
يك زوج نگ Si <b> Mio شروع و تك دوم مثلا <6/> تك يايانى نام دارد
اول و نگ دوم در یک زوج نگ محتوای عنصر یا ۵00060۲ 6۱600601 نامیده میشود,
اچتمل را میتوانید بوسیله حروف لاتين کوچک (256) ۱۵۷6۲) و یا )5 (upper case)
و 5605111۷ ۵56 نیسنند مثال دو نگ <9> و <9> معادل هم هستند ولی
ضيه ميشود كه به خاطر اه با ۷۸۱۲/۱ از حروف کوچک استفاده شود
صفحه 15:
مثال 1 نشان میدهد, تمامی کد ۲۷۲۸/۱ بين دو نگ <۱/۲۱۸> و <HTML/>
فته پیداست که <7۸6> نشانگر یک تگ آغازین و </1۸0> یک تگ پایانی
ی 1860 هر کدام از نگهای رزرو Ly HTML soa قرار دهید.) شما میتوانید مثال
خالی نوشته و پسوند آنرا ۷:۷ (و یا (htm بگذارید. سپس آنرا بهوسیلهی
yul کار یک صفحهی ۲۱۲۸/۱ خالی را خواهید دید.
وشته و پس از آن از منوی ۴6, با انتخاب ۸5 5۵۷6 فایل را به نام دلخواه سل
0) ذخیره کنید.آکنون آن ausleMy Computer 59 |, Juld 9 )59 آن دوبار کلیک
ار 9
صفحه 16:
هده میکنید در اين مثال از نگهای 71۲1۶ ,۲۱6۸۵ و 800۷ استفاده کردیم. برای
را در 16 باز كريم و نتيجه به صورت زیر بود :
:مینوان حدس زد هرکدام از نگها چه وظیفهای دارند
141881: ما بايد بيزلينتكقرار كيرد Solas.
۱۱۴۸۵۵: و یا عنوانصفحه و سایر تتنظیمها در لینا/۲۲۲۲ اطلاعاتمربوط به کد
قسمتقرار مگیرند
TITLE: Pe Sop kab ر شکلمشاهده مرکنید که متتوکه
.ظاهر شده استع| بر روعنوار عنوان
800۷: در داخلا/۲۲۲ قسمتیاز POS HEADS ole نمطید. بايد BODY.
گگوشته شود. عیناً در صفحهی ما جا مگیرد 8010۷ هر متتوکه در قسمت
صفحه 17:
(pine on Status Bats d 2 S502)
و ملس tol Lael aay a شده
ات فا" توسط اين برجسب انجام مى تشود.
we sho در زمان معبين:
در ان حالت بای ود کردنآذرس ۵ خودمان به مونورهاى جستجو در 3ع مثل 3068/ز) و 999912 و...) از.11278 استفاده مى كنيم.
“<META name="keyword( {sglel content="Hedayat, students zahiriyaghoubschoolnet")>
‘=META name="descripton’ssls }} content="This is Hedayat high schoot">
“<META name="vall { olsls} http equiv=“refresh* content="ail tue plas">
(refresh) lig as 1 Ja خواهد شد.
> به صوزت زیر عمل کنیم صفحه 6۵ بد از 60 تهب wow Schoolnet خواهد رقت!
content=" 60; URL=
صفحه 18:
امیدا آدرس دهی از صفحات ۱۷۵0 می باشد.
<"آدرس-۱۳6 ع8۸5>
<BASE href="http://www.schoolnet.ir/~zahiri/index.htm">
نامه نویسی HTML برچسب ها به دو صورت با پایان و بی پایان نوشته می شوند.
,<۸6> .با بایان
se teow." فينه دررصفحة
ses ۳
اج
Vink = “color” (visited link) >
۲/۲ و در نوشتن تگها بزرگ و یا کوچک نوشتن حروف هیچ تاثیری ندارد.
صفحه 19:
آقرار گرفته و آنرا ۵0۱6 میکند.
<B> text ... </B>
3 گنرفنه و آنرا هلا موكند
<i> text... <>
أنظر قرار كرفته و آنرا 00611156لا موكند.
<U> text. <u>
مشخصانمتنرابنه دلخولم خوددرآوريم و فنرمت رآنیب» ضویتویر ست.
FONT on. /FONT>
6۴ را با قونت نازنين و با انذازه 0011031 و رنگ آبی بنویسیم.
<HTML>
<HEAD>
“</HEAD>
‘BODY>
“FONT size =" 3" color
</BODY>
۲۲
blue "> Schoolnet </FONT>
Se 2 coat سری نگ برای نمایش دادن یک صفحه. حال یک مثال جالبتر را نیم
صفحه 20:
Bk Gare ere ares ۱۱۳۹۱۵ TT
صفحه 21:
2 ۱۱6 است. اين نگ خط
ذأ همواره به صورت لها -و نه
&
,کند و به خط .. نکته:
pore یدای قاطا میتی زر عم فرش
صفت (و یا مشخصه) داشتباشد. صفتها در ۱۱۲1 به صورت
تگ میتواند تعداد:
رزرو شدهاند و میتوان هنگام نوشتن نگ آنها را مقداردهی کرد
للستند که برای
ان به جر
th
. اي قرار دادن یک تصویر در ۷۵ از اين نگ استفاده
به چند دلیل نباید از تگ ۱۳۱۵96 زیاد استفاده کر می کنیم
اعلت زیاد شدن تعداد عکسها صفحه دير 1038 می شود.
OE Ech Engine. »> J&ise 3 8 و
ابل استفاده بودن برای همه(عدم سرعت کافی, هزینه دار بودن برای we 9 USEF
#دادن عكس :
*آدریسة ایلعکسرا در لب 2 بيم"<ع]5 16>
align="leffmiddie/righ toposes" 0
قسمت بنویتسیم قبل از 020اشدن یا بعچ از کامل شدن صفحه اگر
abbas Sad le oo ob زرد “(Sy
صفحه 22:
*ض خامتجدولدور عکسرا بر حسه_یکسلن شانمی دهد *0۳4672ظ
Lee اصله عمود عدور شويرب رخسي يكسل” 2ه دوم
<< فاضلة اقفر زور تصوير بر حسسي يكسل"
border="3} /Zahiriferail/zahiri.jng” width ود > :مثال
align="center" hscape="10" vscape: his is Zahi
برای لینک کردن یک عکس چه کاری را باید انجام دهیم؟
226 "آدرسلینک" ۱۳۵/2 ۸>
<۵/><" آدرسعکس
صفحه 23:
نك ae GOP on clan توانيم يك متن يا عكس را به صفحه ای Hyper) piss aisu S19
در اين نگ. م
ان تگ به صورت زیر است.
<a href = "URL'> text / image </a >
texiS Sul index.html gw ol « L zahiri aalS click here to go to zahiri home page
<BODY>
p> >
click here to go to
Pe 7
Fh Sik oy طسبم Tob tp
dem ۵ ۵۰ سدم © 8 ها © عق
00 تس س0 ils”
>800۷/<
tk hereto yo to seule’ home page
8
|27 ry 7
صفحه 24:
در صفحههای اینترنت شنیدهاید؟ ليتکها یا بهتر ls Hyper Link pus اشیایی (اعم از
[( ...) هستند که با کلیک ماوس بر روی آنها میتوانند ما را از صفحهای به صفحهی دیگر بیرند.
.با مقدار دهی (۸06۳0۲ مخفف) ۸ نگ ,۲۱۷۵6۲۱۱0۷ مهمترین نگ برای ایجاد یک
وان صفحهی مقصد را (که در صور, کردن روی لینک به آن 0۲6۲ به صفت
.میرویم) تعیین کرد
صفحه 25:
42 موی در 8ه فا - ©
هس م8 سس کته عمجم ۱6
GoTo page a
gle
2
۸۸ computer
صفچهی جدید در 5۵1۴ هم استفادههای بسیار منتوعی دارد. اگر آنرا 1۵۳961 صفت
“ply bak #جرهای که صفحهی اصلی قرار داشت, باز میشود؛ و در صورتی که
قرار دهیم, هنگام کلیک روی لینک. صفحهی مقصد (Laud y> exO4.html) باز
ی که در آين مثال هم تصویر و هم متن, به صورت لینک میباشند. با بردن ماوس
رد. به محض 110 1001 بر روی تصوير پنگوئن, ماوس به حالت دست در میآید و
۸ )کیک بر روى عكس: صفحدى مثال 4 بر روى صفحدى اول باز مى.شود
صفحه 26:
من را غرم ببدق مي Feed
ان عط نولت شو ياك باراكزاف ابجاد مى شود كه در صورت بوجود مدن باراكراف در زير خط اول عم ابا
أنكهايى است كه بابان ندارد و أن را هر كجا كه قرار دهيم كلمه بعدى را در يك خط باتين تر ولى با كمتر مى نويسد.
أد4010848: اكز تحوافيم در آخر خط شكستكى ناشت باشيم بين دو تخشى كه شکسته می شود iS co eli Si
Jlue: <hOBR=22~/NOBR
8 را فركز ار هم جدا تمركتد
آلاست چین و چپ جين وزيا ونسط جين au pL ua که بزی فمال کرد آن از رش زیر استفادهمی کم
staat 042 align="center"> vali ita <
لا اففى سه بعدى ابجاد مى كند و داراى ay wlntribute مى باشد.
Gh we gs Lak que ple”
2 acres se ah Sly با
صفحه 27:
لیزی را که بین نگ <PRE>
ادهد.
<۳8/> به هر صورتی که بنویسیم با همان شکل در صفحه
PRE> Vali>
Ali
Reza a b cd
<</PRE
Pon ؟ امسمعنها العمممعااة
fh Sik io Favatos صر tp
SO» O AAG Pan Porome @ Ge
01
صفحه 28:
مثال : استفاده از تگ های متنوع :
صفحه 29:
ايش دهيم: با فرض اینکه سه فایل تصویری ؟[9.] (پسزمینهی صفحه), 9۰209 و 1۱:89
أباشند. چیزی شبیه شکل زیر را خواهیم داشت:
Por بو ۵ ۵
| es [5 coonsvets and Sree PARA Deep VL DOCH ed
I'm an italic centered heading type 1!
My Color is "green", my font is "Arial"
ای معادل آن توجه کنید. آیا میتوانید وظیفهی تگهای جدید و صفتهای آنها را
بیابید؟
صفحه 30:
که صفت چیست. background برای نگ 00۷ظ, تک صفت است. go از نها بدون صفت کارابی خاصی ندارتد؛ نه عنوان
3 است بد متطلور Ee) Baad Oss cua 009 .لوال 0 :5.61/0 رثا مبرود و بدون صعت +5 5 Aa
كاربردى تدارد. همانطور كه عن ينيد 1006 يق نك تتهاست و نى بأبالى ندارد (مانند 88).
ایب 1000 هم ردير ماكر نايذه كرتن بك تكو متن در كدرد sar Ja i هما طور كه رع وله
۲ مت مامتان و سدع ريك ره واه رنه مرو كلك روم سم
إصفتها را در داخل ده ls متلا در تك Color cae (24 Lao) HR را THR color=tred ply 8 te اي
لي توص ميت 7 tind SEIU Sol ste sade Za ciel AEST د حال ase ol Sees Sth استفاده ار
talks A aby caf Hottaantal Rule alas <HR> Saat sts آقنت در ندره ودرگ See ESL
background cates ool تصویر پسزمینه و با امتفاده از نگ 01 (مخفق direction 9 به معتى جهت). جهن نمایش دادن کل
oll Sse ST Tie 15 11901 way es به کار مود گر خواهيم در 601 دو با هر لك تبغر فارسى بلوسيم
ght ety فا دق
يكرد بك باراكراف يبه كار میرون نهای ۱۶2 با 6م هركدام نوعب نتم (۵۵۵/[۵) را مشخصي مي كند. صفت «لوالق ينم نگ ۸2 ری
تعن مي كند. جتدمان مبتواتز راست جين 100111 HOLL oa MGS Signs sal (CGN) cre bg Leth eee
مس میک مرتونت بای آفرس مویدد م۳004 در بطق تا زرا قرار ده
ترسح
ی ٩
با با بهجل جیزی در مورد ۵01100 شندواد؟ 7 0 متتی است که برای کمک به كارير در محيطهاي
Sas se tat ei ay, Late te al Windows 2s كس Tia ۳
۵/۵ ۳ کاری که صفث 6 در بستاری از گهای ۱6۳۷/۲ از جمله نگ ۱۸۲۵ انجام میدهد. تمس 1۵
صفحه 31:
اشکل مثال 4, با نگه دا اشارهگر ما .. 118 1001 آن ظاهر میشود. هنگامی که
soa ae anes eae ns ey)
در غير اير رت در انداژهی طبیعی خود نمايش داده میشود. علاوه بر اينها میتوان به ت
211111111111139 tl
14 مورد استفاده فرار گرفته, ۷۱۴ است و به منظور کشیدن خط افقی بهکار میرود. وظیفهی صفت 60107
خط 14 تا 17 کد قرار دارد. از نگ ۴0۸۲۲ برای مشخص کردن رنگ و اندازه استفاده کردیم.
Just) alll الا ااا
wiley sly Este شما ۷۵۵۳۵96 نگ های :
S vob JL AVI 59,» Webpage:
" آدررس فش ابلمورد نطر(۱۷8۱) ۵۷۱9۲62۲ <IMG
<"تعداد دفعانتکرار "مهو ۲
web page: بر روی یک ۵۵619۲000۵ قرار دادن موسیقی
<bgsound src=" " loop="sa6/infinite” >
صفحه 32:
متحرک بر روی : web page
<MARQUEE align="top/middle/bottom"
"ینگضوار"-960۱07ظ1
width
heigh
hspae
behavior="seroll/slide/altermate"
.خروج ننوشته و ورود آنیه صوینک ارکتر به کارکتر است!|5۲0
۶۱۱ .خروح نوشته و ورود آزب» صورتاپدیدشدنو پدیدار شدنتاگهانیاست
35111۵16: .به دو طرفنوار يرخورد كردم و نوسانمیکند
dire ۱۵/1/۲19۳ مترباید به سمنچیها راسنحرگنکند
۱۵۵۴2۳ تعداد دفعات
scrollamount:
scrolidela
5 مقدار حركتهر
مقدار تاخير ير" < this is web page </MARQUEE>
صفحه 33:
صفحه 34:
تموته: اخزا نقده کذ LVL
رت
Toole Help
Persons 6 نسدهر | 40 ها ها
(@\ciADocuments and Settings\PaRSAIDesktopinTML Doc\ | [EYo__ Links
۳
ay
سا
File Edt View Favortes
9
صفحه 35:
كل st نوسيم leo Sela» )دول فرر مگ
ls oo Sal جدول جيرى تنأشد ولى ديدة شود: بايد ازيك فاصله (06586:) استقادة كنم.
<tal عباینند از:
ROLE
صفحه 36:
=width
eight
bgcolor
ackground
=border
nowrap
=rowspan
=colspan
انپاخلسلولهمه دریکخط نوشنه میشود و دیگر سلولشکسته شده و به خط بعدین مییود.
<TD rowspan="2"
تعداد سلولهایی را که re خواهیم در هم ادغام كنيم را بنويسيم.
راد که سلول در هم ادغام می کنیم باید از پائین سلولهای اضافی را حذف کنیم.
صفحه 37:
"Content-Language” content="fa">
"Content-Type" content="text/html; charset=utf-8">
ی کمتا.[عوباز جدولها<111> >/1171<
</HEAD>
<BODY dir="rtI*><font face="Tahoma">
>< > ل_یست: مرأتد لنش مو زان کک لاس ت خیلمج۱ :>/۱<>/۶<
<TABLE border="3" width="100%" background="pix/paper1.gif">
‘<TR>
<TD align="center'>pLs</TD>
>10 1190-6016" نام خانواد كيج >/10<
<TD align="center'aJaae</TD>
</TR>
<TR>
<TDzale</TD>
>10 <10/>علوى<
<1D>18.5</TD>
</TR>
<TR>
>10 <10/>لحمد<
>10 <10/>احمدى<
>10<17.6>/10<
</TR>
<TR>
> <۲0/>محسرد9
>10 <10/>محسنو
218<19>/10<
</TR>
</TABLE> </FONT>
</BODY>
</HTML>
صفحه 38:
آا که در خطهای سوم و چهارم مورد استفاده قرار گرفته, صرفاً اطلاعانی (از قبیل زبان متن و
آن) را در اختبار مرورگر قرار میدهد. تگهای 70 و 18 فقط داخل ۲۸8۱۶ کاربرد دارند. 78
عه و ۲۵ تسابانگز یک سنلول آن ردیف است: ایس هم صفحهی تولید فده توسط ۱
وب به این صورت دیده خواهد شد
File Edit View Favorites Tools Help
ss |@) C:\lame ا
دان شآموزان يك كلاس تخيلى:
نام خانوادگی
My Computer إن
صفحه 39:
“<TR>
25 0۵00-۰27 ام و سام خانوادگید*0
<1D><input type="text” Value='pL yg" wldth="24"></TD>
<i>
<TR>
>70 <19)>:يمز عبور<
-<TD><INPUT type="password” value="123
width="20"></TD>
</i>
‘CTEXTAREA cols="25" rows="5"3.0
ج78
رت
<م اهمو
2
2290
اد
صفحه 40:
مرورگر وب دیگر به نام 1۲1/۱ و اين هم شکل
Firefo:
۱-1-۳ [0 secsteneamentnenersarcarseioo? ¥ G6
نام و نام انوادگی: ون تم
رمز عبورة تست |
> 6مرد ©رن
مایل به همکاری هستم ۲
Foe su سوایق کارک:
\
پهنی صْفت) فرار درد و ضخامت خطوط جدول (1881۶) شاید متوجه شده باشید که كل صفحدى بالا در يك جدول
فقرض صفر است. همچنین به جعبهی متتی مقابل نام و نام خانوادگی فرار دارد. مقدار پیشفرض «بدون نام!» (جدول
ais خیلی خلاصه اینکه TD در نگ 0وااهن و به جعیمی متن رمز عبور هم «12345» را نسبت داهيم. در ادامه صفتٌ
از نجایی که متن «سوایق کاری» به صورت پیشفرض روی خط تفارن (فرضی) افقی ۷۵۲21 محفف لا
آنرا به متتهاالبه بالابی سلول خودش در جدول منتقل کنیم. برای اینکه بتوانيد 1818888 جعیمی بزرگ
oul 92 صفت "1*-۱0:86 بالا صفت 18812 داشته باشيد. بهتر است اولا به ۷۵۱/90 و ۵190 درک بهتری از
top. middle. bottom sum> cat و left. right. center مقادیر مختلف align » valign), بعنی) تراز کنده
صفحه 41:
أ]] باد كرفت ايد. جند مستلدى مهم ديكر در مورد 47001] باقى است كه از سطح اين جزوه بالائر است. مىتوانيد بر
وم ین se wl 3
FRAME ۵ ۳۲۸۱۸۵۵۵۲ و
FORM tag and action:
DIV & SPAN tags & Lay;
APPLET & SCRIPT
ascading Style Sheets (CSS)
sub <BR> ans 3 Jes be چه سود
در متن ۸۱7141 میخورند, رندر میشوند؟ 5866های اضافه چطور؟ این مطلب را با استفاده از نگ <88> هم امتحان کنید
Re SU RRE IS Sl SE Sas Shee 2k Sy weePhine Jabs Per
ا حساس به مئن (بزرگی و کوچکی حروف انگلیسی) است؟ صفتهای آنها چطور؟
ا يك نك غلط بى معنا بنويسيم. جه مىشود؟ اكر براى يك تك با معناء صقتهاى غلط بنويسيم جه خواهد شد؟ اگربه صفتها
ليت fer a
دا م8 8۵۵0 از نگ 5180۲۳ و درون آن هم 0۳7101۷ استفاده کید حاصل بايذ چیزی شبیه شکل زیر al
Sao Gurls HTML وبا ۵ را در یک صفحهی < <u
صفحه 42:
) بویا
ريش يعن 4, استاندارد نشد! بكداريد كمي به عقب بركرديم؛ از حدود سال 1993
4 01300138866 10615966 ب) همان تالا داد. بازار داع مروركرها در دست جند شرك
abel 5 9, (Netscape | كه استاندارد معش برأ 1 وجود cathe شرفت هلس
داشتند. خودشان برای هرد
Be وت عت أن تن لما ال 4 cs ta امل “Slo ای در
سافت است و وأمائد أل بازار مره را سیستم تام جای * خود به
ندا اق 1203310 راجت ععيل دوان اس Bae ery Cee Se
a ۲۱ 33 وب
ly ly Netscape! رورگر ود ابداع کرد که پس JavaScript a wire jl شرت
آن هم اين بود که ae نامه نويسى شى كرأ و نأ حدى هم دستور زبان ۷3 بوک
Pal as ot i Sap oases Ce ANS تأجار بودنم براي فرع نرمافزار
o NN s کنند. به مرور بازار مرورگرهای وب
كار ets a كروسافت قرار كردت HI 2808
| د كامل تداتشعوى أن كربت ولك ووس افك بود ا زبان خا
ور weer ee نی سا فا هس دم تفای هل
ور اه
گرها ۵۷36۲12۶/ را به خویی پشتیبانی
۳1 nats ls jovestrit 1 Sloseet athe sas Bert call دار oes noe
obs ۳ هر کدی که به 3۷250710۲[ نوشته شده باشد, با مرورگرهای
8 هم قابل
صفحه 43:
توسعوى صفحات بوياى وب موجود است, استفده از کنولوژی جاو راخ
است. جاوا لت اج توسعه صفحات وب بو وان جاواست
وا يعني شير کر 0 شدهاست و تقریباً قدمتی به اندازهی
يت استفاده آرّ abd | كد خود رأ به زيان جاوا فى لوتيد و
eo هفرس تال ی از طرف تاه Mee PLS
لب چاو نع امکانات زبان جاوا ( 0 ابلت قرا we yl go
ات ام بر ای هه ae st سا Gilg LI با ات
i أن ام رد cores با a ea تور
رذ كه ايا 9[ بریروی کامپیوتری که صفحهی وب حاوی اپلت را مرور می"
الب گفتهشد رسد که در حال حا اه ممکن برای ساختن صفحات
ات أ 835010[ انیت 2 صر هرن ب* ست
4حال وازدى 811141 | شنیده با یک نگاه کلی میتوان گفت,
لو للفيقى از HTML ار جات د وار ليده شید در یک كاه على موتوان
DHTML = HTML + CSS + JavaScript
صفحه 44:
<HTML>
SHEAD>
“<META http-equiv=“Content-Langua
META http-equlv="Contentype" content="textihtm|; charset=utf-*>
STITLE> Recursive Factorial Using Javascript/TITLE>
</HEAD>
250۳
function Factorlal(num) {
TW(isWaN(num) || num == 0) return 1;
return num * Factorial(num -2);
»
function showValue(inputTextBiox, outputText
WlisNah(inputTextBox.value) [| inputfextBox.
اولعدد وارد کستا*) اد auer 2 lala");
1
5ه ذ!)]
ZLiscnipr>
Sm
Sahomaront ¢
font fam
>
ريع
26007 جيم واه جإومج هوه اد" ودماء
22000
SEE, sae «Lab: <INPUT type="text® name="input num” size="3~
سوه
<INPUT class="TahomaFont- type="button* value=iliygSLs ja ==>"
‘onclick=-showValue(this.form.input num,
this-form factorial result)"> ۲
<INPUT class="TahomaFont- type="text” value=nwa eo”
10" readonly="yes">
صفحه 45:
نمونه اجرا شده ى كد بالا :
7
0
لطفاً یک عدد وارد کنید: ][_ مقدار خکوریل aia)
sch خوب! در اين مال از نگ به سرت CSS yx JavaScript
ى استفاده شدد به علاوه لولين
5 مایت که هم
ايم در فسعت اول lp aS pene Sets JavaScript © | <SCRIPT> 5229 op CSS: J <STYLE> توشتن
اول:محنبی فکتوریلعددی است که به ). SCRIPT). cx 9 (function) 5. ws, 0 Factoriall) 65, showValue(). نک
نت یا متناظر دو جعيدى مقدار .(7810/50) ابن تبع سس از محاسبدى مقدار فاكتوريل (به صورت باركشتي). زو برمگردند .)فده میشود
! مقدار موجود در جعبدى اول رأ تعيين صحت مى كندو 7 مقدار بتاع فاكتوريل: خروجى تابع را در جعيهى حاصل قرار
كه اكثر زرا ىتوفيد عودفان با اجرا كردن برنافه هر مروركرتان و تغييرات ركد هريابيد خر ينج صرف به توضيح فريازدي صفت.
بسن م ىكنيم 0011616 و 1395
فل فوق يك 58666 ©الإ]5 مىتوند تعدادى كلاس در خود داشته باشد که هرکدم این کلاسها, هتعادی از سفتهای 5816611 50/16 هر
لين كرديم. اكنون مىتوانيم اين كلا كدام از تكهاى .1001-1866 عرش از صفت :18100038001 كلاس به نام
gaa Lea ll le تکهای 1955 براى نمايش دادن محتويانش استقاده كند اين كار رابا استقاده إز صفت 181001903 نسبت دهيم تا در آن تك از فلم
میبشند 613595 جز موارد جزئی-ترای صفت
506 که بای سدا دنتبع ۳/4 است. این سفت مش كننددى يك رويداد است مااز 00611616 صفت ديكرى که نرب توشیج داد صفت
لكريم هنكامي كه دكمه فشرده شود مرورك يه تك دكمه كاه ميكند كه أي رويناد فشردمشدن كليف ثبت شده أبن حال مرو كز تلق
«نسبت داده شده باشد (تبت شده بلشد) را اجرا مىكند ONCLICK
لست 055 ويا صفتها و کلاهای 81356110[ جزقيات بيشترى
صفحه 46:
<HTML>
<HEAD>
“<META http-equiv="Content-Language” content="fa">
‘<META http-equiv="Content-Type" content="text/htm
<TITLE>A Nice JavaScript Example</TITLE>
</HEAD>
=SCRIPT>
function response(test form) {
iM{isNaN (test form.age-value) || test form.age.value.size
:("أدر جعيدى سن عدد وأرد كنيد")168ه
return;
{ar person = test form-full name.valu
Var years = eval(test form-age.value) * 2;
document.open();// open a new html document
document-writein("<HTML> <BODY dire"
document-writein("gila "+ person + "I<BR>
306000000601661) سالك محشسوید" + 6805لا + " بمشكويث سا لويكر شم
document-writeln("</B0DY> </HTML>
document close();
مور
<BODY dir="rtt">
<FONT face="Tahoma">
“<FORM action="
Lal: <INPUT type="text” name="full_name"> <P> نام حو را وأرد كنيد
Supls dls np <INPUT type="text" namen"age” size="9"> <P>
“INPUT fype="button” ValuestragSuue-y"onclick="response(this.form)">
</FORM>
</font>
400
>
صفحه 47:
اجرا کردن این کد در ۱۴, صفحهای شبیه اين را خواهیم داشت:
Blooaneratramercouse erase ¥ Eco
الطفاً نام خود را وارد كنيد: ]ا
چند سال دارید؟
pli «علی» و در قسمت سن, 21 را وارد کنیم. با فشرد و رها کردن دکممی «پیشگویی».
:صفحهای شییه صفحهی زیر را خواهیم دید
صفحه 48:
Ran " ل یر
فق اسع سید دنت ما
oat gt des
vo
هه هید یر
يت ۱
ادر حال تريس بر كليه Te Ee st nso
وخ و
ین رح رین ترس تا
ی
| ۳۳۳ ی ی ری
| وه رت یت
van
oa
Wa Sie Offi Joma
صفحه 49:
با مراحل ایجاد یک سایت اینجرنتی آشنا هویم"
تجربه نشان داد است که اکاهی داستن کارفرماین از راحل ایجاد یک سایت ایترنتی می نواند
نقش بسزایی در کارایی و سرعت مراحل طراحی و ره ادازی سایت داشته باشد, همچنین می توائد.
ادر ايجاد رابطه اى بهتر بين كارفرما و تيم اجرايى. که نتیجه آن ایجاد راهکاری مناسب تر خواهد.
بود. موثرباشد. در این بخش سمی می شود مراحل كلى طراحی و ایجاد یک سايت ايتترنتي صرف
تغلر از وع آن به اختصار توضیح داده شود.
انتخاب هدف و طراحی سیستم.
طراحی کرافیکی: متن صفحات و قرم ها و ..می باپست تماما در راستای سپاست هاى تجارت شما
پاشتد. رای رسنیدن به ان هدف اولی قدم در رد
در این موحله شما در اتباط مستقیم با مدیر پرژه ایجاد سا
و متتقل می کنید. ان فریند یکی از حساس ترین و برکارتر
یتترنتی است که مولقیت مراحل بعدی به انجام صحيح و كامل اين مرحله يستكتى دارد. مدير ويا
اتيم مديريت يروذه يس از يروسى نيازهاى تجارت متبوعتان. يخش هاى سایت و صفحات گوناگون
امکانات, طراحی کرافیکی و کلبه ویژکی های آنها را تمیین کرده و به تیم تکنیکی اجرانی تحویل
فى دهف
حمكارى کارفرمای پروژه در بسیاری از موارد تا يايان أخوين مراحل يروزه با مدير و يا تيم مديريت
پروژهالزامی می باشد. یکی از کارهاتی که معمولا در ان مرحله آغاز می شود و نا مراحل يايائى
پروژه ادامه می پابد جمح آوری اطلاغات و محنویات صفحات سایت مى باشد. این کار نز با
همکاری نزدیک شما و مشاوران تمابازار انجام مى شود,
tine عام SLY
انتخاب نام مناسب برای سایت اینتنتی كد به أن ۱۷۵/۲6 000۳0۵18 نز کفته می شود یکی از
مهمترين مراحل اوليه ايجاد یک سابت اینترنی می باشد. نام سايت اينثرنتى شما در حافيقث
چیزی است که مشتریانتان را به هویت شما آگاه می سازد و تنها راد یافتن تجارتتان در دنیای.
صفحه 50:
الكترونيكى اسث و أز لجانیکه بسا تبت نام سایت Tas Ms gal ot Ss
سایت شما را داشته باشد. لذا مى توان كفت نام سایت اینترنتی انتخایی به نوعی علامت و نشان
تجارتتان در دنیایالکترونیکی می شود,
آنچه می بایست در انتخاب نام سایت اینترنتی بداتید!
نتینه نها آدرس تجارت شما در دنياى الكترونيكى است بلكه نامى است كد
نتان تجارتتان را بدان نام مى شناسند. همچنین بخشی از پست الکترونیکی (6-10۵) شما
خواهد بود. لنا تخاب نام سایت اینترنتی فرتر از انتخاب نامی ساده بای تجارت است. در انتخاب
نام سایت اینتنتی نات زیر را به خاطر بسپارید.
نامي را التخاب كنيد که براحتى هر ذهن بمائد. ثامى مانند 0801863286 راحت تر از 051108
در ذهن می ماند.
انام انتخابى شما مى بايست نوع تجارت نشما را شرح دهد. سعى كنيد نام انتخابى شما بدون
پیچبدگی و براحتی توصیفی از Persianflora.com J lye 3h Shs op :5<
فروشگاه كل ايرائى را تداعى مى كند. اكر سايت اينترنتيتان در رابطه با تجارت موجود شما است
سعى كنيد نام سايت اينترنتى انتخابى متداسب با نام تجارتتان باشد.
gal كنيد نام انتخابى كوتاه و ساده باشد. بهترين نام سايت اينترقتى نامى است که مشتریان آن
سایت فقط با یک بار دیدن و پا شنیدن به خاطر بسپارند و بتوانند به درستی آن را در مرورگر
(۳01/567) خود بنویسند
در بسیاری موارد ثبت نام های مشابه نا نتخابی می تواند این اطمینان را ایجاد کند که مشتریانی
صفحه 51:
مراحل طراحی و توسعه سای
پس از طراحی سیستم و انتخاب تام متناسب وارد مرحله تکتیکی ایجاد سایت می شویم, یه کلیه
مراحل تکنیکی که منجر به ایجاد سایت اینترنتی می شود اصطللاحا طراحی و توسمه می گویند.
در زیر مراحل کلی که تقريبا در تمامی پروزه های ایجاد سايت اینترنتی در مرحله طلراحی و توسمه
یوت وه رمتی دی
۳. طراحی گراقیکی و ظاهر سایت
اكر مرحله اول ايجاد سایت اینترنتی (تعیین اهداف و طراحی سیستم) به درستی نجام گبرد. تيم
كرافيكى نمابازار با داشتن سابقه طولانی در طراحی: بهترین طرح گرافیکی صفحات ظاهری را
متناسب با احداف مخاطیان تجارتتان ارانه خواهد داد ولیکن با توجه به ایتکه نظاز کارفرمای سایت:
در تأیید طرح نهایی گرافیکی برای صفحات ظاهری ازامی می باشد نات کلی زیر در مورد طرح
كرافيكى مناسب سايت اینترنتی و نمای ظاهری سایت یه اختصار می آید.
استفاده از کنولوزی های پیشرفته و بروز كه كمك بسزائى در كارائى بيشتر سایت شما و جذب
ماظيان سايت مى كد
با توجه به اینکه سابت اینترنتی شما در حقبقت تمای ظاهری تجارتتان در دنیای الکترونبکی
است. نمایش نام شرکت. آرم شرکت. علامت و نان و يا شعارهائى كه به نوعى نشان تحارتنن می
یت اس بت
8 سفحات سایت باید به گونه ای علراحی شوند که کاربانبرای مرور در بین صفحات گوناگون
سایت دچار مشکل نشوند و براحتی بتوانند اطلاعات مور نیاز را از سایتتان بدست آورند. تعداد ۴ تا
۶ کلیک برای رسیدن به یک هدف معین پس از وارد شدن در سایت تعدادی مناسب برای یک
سایت می باشد. لینک های مهم می بایست به نوعی در تمامی صفحات تکرار شود. تکرار لینک ها
ادر يائين صفحات بلند نيز مى توائد شید باشد.
صفحه 52:
#قاطراحی سایت می بایست در عین زیبابی ساده باشد. استفاده از عکس ها و تصاوير متحرك زياد و
رنك هاى متغاوت مى تواند كار شما را غير حرفه ای تشان دهد. از رگهانی در طراحی سایت
ايخترنتى مى يايست استفادد كرد که تجارت موردنظلر خر دیگر ارتباطات شود استفاده مي کند.مقلا
رنک آرم با سربرک های شرکت. در انتخاب عکس ها و رک های سایت می بایست ذقت فراان
شود تخاب رنگ مناسب برای نوشته ها و زمینه ها نیز مهم ااست. خواندن نوشته های یه رنگ
غنوه بر ووى وسينه روشئ مناسب:است وليكن خوائدن يك نوشته دارنجی بر روی زمیده صورتی.
جسم را Was an
اقلا حجم صفحاث و نماى ظاعرى سايت مى بايست تا حد امكان كم باشد. از تجائيكه صفحات سایت
ااينتونتيتان از طريق اینترنت برای مشتویانقابل دستیابی است و با توجه به ایکه بسیاری از
كاريران بويزه در ايران هنوز از اتصال های کم سرعت برای اتصال به اینترنت استفاده می کنند.
حجم زياد صفحات سایت می تواند دستیابی به سایت را خسته کننده و در برخی موارد غیر ممکن
سازد. به طور کلی محدودیت سرعت خطوط اینترنتی یکی از مسائل مهم است که می بایست در
یس از علراحی گرافیکی سایت صفحات سایت یاید با فرمتی ایجاد شوند که در مرورگرهای استاندارد
شده قابل مشاهده باشند. توجه به کارتی صفحات در کلیه مرورگرهای استاندارد و استفاده از تمامی.
HTML ahs در ایجاد این صفحات می تواند در ایجاد ظاهری حرفه ای برای سایت بسیار موتر
باشد. استفاده از 00۳۲۲7۷ و زبان های اسکرییتی که باعث ایجاد نوعی پویانی در صقحات می
شوند نیز بسیار اهمیت داود.
استاتیک یا دینامیک (ایستا با پویا)
شايد با اسطلاح صفحات پویا و ایستا آشنا باشید. مروزه سایت های اینترنتی فقط صفحات ساده
متبی یا تصویری نیستند. بسیاری از سایت های اینترنتی دارای بخش هائی هستند که اطلاعات را
از کابران دریافت کرده و در پایگاههای داده ذخیره می کنند و یا مناسب با هر بازدیدکننده سایت
اطلاعات خاصی را تمایش مى دهند.
صفحه 53:
صفحات ساده -/۲۹۲۴برای ایجاد چتین امکاناتی کافی نیستند. رای ایجاد چتین امکانانی می
بایست از آق) و با زبلن های برنامه لویسی اسکربیتی سمت سرویسن دهنده ( 5186 56۳/۵۲
20۳/055 استفاده شود. به صفحاتی که در ساخت آنها از تکنولوژی های CGT 5 يا ( Server
ag gs antes t Side Script به كليل اينكة دارای معتوایی پویا هستند صفسات دینامیک و یا
وبا می گویند و در عوض به صفحاتی که در ساخت آنها فقط از -/۳۲۳۱ استفاده شده است
صفحات ایستا یا استاتیک گفته می شود در برشی موارد متلانمایش کانالوگ های اجناس امکان
پیده سازی صفحات در دو حالت استاتیک و دینامیک وجود دارد. در حالت استاتیک به مقدار
محصولات می بایست صفحه ۲۳۲۴/1 ایجاد شود. ولیکن در حالت دینامیک فقط با یجاد یک
صفحه دینامیک که در حقبقت یک برنامه 66 و یا 56۲۱۳8 5106 66۳۷۵۳ است می تواند یه
عنوان تمامی آن صفحات استاتیک عمل کرده و در هر بر با استخراح اطلاعات اجناس که از یک
پلگاه دنب صفحه وبود عر محصول رایماک
حوچنین حالاعی که مر بسیاری از بش ای یک پرووح تمکی ااست وجود لدم ول سدلد مور
اتكرار جنين صفحاتى مى تواند شاخصی برای تصمیم گبری در مورد استاتیک و ها ديناميك بودن
صفحات باشد.
ه کتترل کیفیت و تست قست قست 1
يس از این مراحل مختلف ایجاد پروزه یک تیم مجزا می بایست به کنترل کیفیت و تست بخش
های مختلف سایت پپردازد. این قدم از ضروری ترین و در برخی موارد وقت گبرترین بخش های
انجام كار تکنیکی پروژه می باشد. نجام دقیق و كامل اين بخش تأثير يسزائى در موفقيت أتى
ساب واه دافت. هو كنترل #وفيت نه تنها مى بايست سايت المنترنتى از J ee
شود پنکه مستوای سفحات نيز عى بلهست #ورسين انود
صفحه 54:
پایان
Q