کارگاه آموزشی توسعه وب

صفحه 1:
تا وب 7 بحش اول 1:۲ ارائه: عباس نادری انجمن علمی دانشجویی میندسی کامپیوتر دانشگاه شهید بیشتی 

صفحه 2:
- پروتکل های دیگر وب \ * ب0/"چیست ۲ 

صفحه 3:


صفحه 4:
00 tice تور كسترده جهلنى ‎Ac gare (Dordd Orde Deb)‏ ابرمتن_های متصلبه هم از طریق اینترنت است. اسناد وب (ابرمتن) توسط کاوشگر وب (ججسه) ع0) قابل مطالعه هستند. استانداردترین سند وب. ۲" يا جمجا مه موما (زبان مشخص ابرمتنی) تقریبا تمام وب را تشکیل داده است. وب در سال ۱۹۸۰ ابداع شد. اسناد وب از طریق ‎Wyperiicts) Jail ol‏ به یکدیگر متصل هستند. ‘etercet 5 Oorld Orde Deb Orwortiee (DOO) ‏استانداردهای وب از طرف‎ ‏مسب وضع می شوند.‎ Task Porce (ETP) مایکروسافت در عرصه وب از استانداردها پیروی نمی کند و استانداردهای خود را وضع نموده است. 

صفحه 5:
Web 2. خاصیت اصلی وب استاندارد بودن شکل ظاهری و سادگی دسترسی به آن بود. به دلیل کمبودها و عدم پویایی وب. وب ۲ در سال ۲۰۰۴ شکل گرفت. "وب ۲ انقلابی تجاری درصنعت کامپیوتر است که به وسیله اتکا به اینترنت به عنوان سکوی تجارت شکل گرفته است * در ولقع تکنولوژٍی وب ۲ تفایتی-با وب ندارد. بلکه وب ۲ بسین معناست که نرم افزارها و کاربردهای مختلف همگی بر روی وب اتکا کنند و به وسیله وب توسعه یابند. با توسعه وب ۲ استفاده از تکنولوژی های خاص با هدف پوبا سازی صفحات رونق گرفت و دریچه جدیدی به روی وب باز شد. در وب ۲. شرکتها خدمات و محصولات خود را بر روی وب و برای وب ارائه می دهند. وب ۲ تا جایی پیش رفت که سیستم عامل های تحت وب پدید آمدند. 

صفحه 6:
پروتکل اصلی وب پروتکل ۳۳6 یا م6 و۷ رو مر است. ‎PDP‏ یک روتکلسقاضا پا سخول ‎Request Respro‏ لستدر لینیروتکل کسلاینت که و خولسبسه سرور فرستاده و سرور درخولستویرا پساسخ می‌گسوید. پسساز لیتسواک نش تصا [هابینم رفیهنقطع می‌گسردد. ‎DDE‏ ی کپ روتکل دون‌وضع یت ط3۳) لست ب دینمعنی‌که سرور از ‏وضعینف علیک الینتخبریندارد و تسنها تسقاضایویرا دوبافتمی‌کند ‏تقاضا انواع مختلفی داراست. معمول ترین انوع تقاضاء ۳0۳) و 600/۳ است. ‏پاسخ سروربه تقاضا عی تولند اطلاعات. "ما1" فلیل های تکمیلی (مانند تصاویر) و ‏یا انواع دیگر داده باشد. ‏در صورتی که پاسخ سرور ۳0" باشد. یک صفحه وب برای کاربر فرستاده می ‏شود. 

صفحه 7:
‎Browser b) G9 Kagll‏ عع()) نرم افزاریست که می تواند تحت پروتکل های وب با اینترنت کار کند. ‏کاوشگر وب خواسته کاربر را در قللب درخواستهای 1۳6۴ برای سرور ارسال می کند و نتایج سرور را نمایش می دهد. ‏کاوشگر وب علاوه بر قابلیت قالب بندی و نملیش اسناد ‎DDO‏ توانلیی دریافت تمام فایلهای تکمیلی که در سند :("ا استفاده شده اند را به صورت خود کار داراست. کاوشگرهای امروزه وب علاوه بر توانلیی های اصلی بالاء قابلیت های بیشمار دیگری نیز دارا هستند. ‏کاوشگرهای معروف را می توان اسف مایکروسافت که از نیمی از استانداردهای وب تبعیت نمی کند. /۳۵) موزیلا که قدر تمندترین کاوشگر حرفه ای دانسته می شود و اخیرا !0 ط»۳) که برای اهداف وب ۲ طراحی شده ‏است. دانست. 

صفحه 8:
پروتکل 1/۳6۴ به صورت تمام متن و مستقیم کار میکند. از اين رو احتیاجات امنیتی را برآورده نمی سازد. برای مثال تعاملات بانکی که با استفاده از ‎WDD‏ ‏انجام شوند. کاملا قابل دید برای همگان خواهند بود. برای جبران لین کمبودهاء پروتکل ۲۲۳۳ ایا 1/۲۷۳۴" سوح9) ابداع شد. این پروتکل با استفاده از پروتکل امنیتی ( رورا حصاب0 عمحوق ) را66 و یا ‎YOLITLG ( Traceport Lever Gerry)‏ سرور و کلاینت را لمن می سازد. از این پروتکل در تمامی وب هایی که به امنیت احتیاج است استفاده می گردد. برای کارکرد درست 1/7۳6 لازم است که سرور خود را با یک گواهینامه دیجیتال (عط) امف1(۳)) اهراز هويت كند. برای تهیه یک گواهینامه دیجیتال. لازم است اجه مراکز اعطای گواهی هزینه ای معادل ۱۰۰ هزار تومان برای هر سال پرداخت. به دلیل هزینه بالا و قدیمی بودن اکثر پیاده سازی های 1۳۳6۳6" این پروتکل نقاط امنیتی بسیاری را برای وب باز گذارده است. 

صفحه 9:
000 با اسوه۳ ۷ 2 یکلستاندارد نسبتا قدیمیستکه بسولی تسباسل فیدر وبلستفاده می‌شود. لمروزد فلیل را می‌تسولن‌سالستفاده از 11۲۲۳۵ ‎patie PPP Solin ay‏ در ولقع ۳۲6۴ راه دیگری دسترسیبه داده های موجود بر روی سرورهای وب است. که معمولا در دو کاربرد استفاده می شود: - دریافت فایلهای بسیار بزرگ از اینترنت - قراردادن فایلها و اسناد بر روی وب توسط نگهدارنده یا سازنده آن از آنجلیی که ۳ فقط برای تعامل فلیل ایجاد شده است. هیچ سند دارای نمود ظاهری ‎ol WOOL ssl)‏ ۳۲۳6۴ ندارد. 

صفحه 10:
ری ار راز پروتکل های فراوان دیگری در وب وجود دارند که تعداد بسیار زیادی از آنها برای تبادل داده های صوتی و تصویریبه کار می روند. برای کاررکردبا هر پروتکل. نرم افزار مخصوص آن پروتکل احتیاج است. * با روی کار آمدن وب ۲ و تکنولویی های جدید آن. نیازبه پروتکل های دیگر تقریبا مرتفع شده است.به همین دلیل آنها تقریبا کاربردهای متعدد خود را از دست داده و فراموش شده اند. 

صفحه 11:


صفحه 12:
زبان استاندارد صفحات وب. لین زبان در ولقع یک قللب ارلئه اطلاعات است و برنامه نویسی خاصی در آن وجود ندارد. ‎POD 059 01‏ تقریبا توانایی نمایش هرگونه داده ای با هر قالبی را داراست. می توان آنراییک فرمت خیلی ساده دانست که مانند ۳00۴) و 2 تصویر. متن و داده های دیگر را در کنار یکدیگر نمایش می دهد. ا(10* یکزبان‌سر چسیی(به) لست‌از لینرو مسا مطله() دلنسته می برچسب های با(۳6 را محدودند و ه رکدام نمایانگر داده خاصی هستند. عنوان شروع برچسب در داخل علامت بزرگتر و کوچکتر قرار می گیرد. و پایان برچسب همانند شروع آن. فقط با تفاوت یک | است: <ta(QDawe>tadde here, we wusk we pou wat </e(Dawe> 

صفحه 13:
چسب چ, تمام اطلاعات یک سند برچسبی, در داخل برچسب ها قرار می گیرد. هر برچسب ۲ بخش دارد: - عنوان برچسب (معین کننده نوع آن) - صفات برچسب (معین کننده ویژگیها و رفتار آن) - داده برچسب (معین کننده داده ای که برچسب ارائه می دهد) برچسب هاحی توانند درییک ساختار درختی در داخل یکدیگر قرار گییند. بدین معنی که داده یک برچسب می تواند خود شامل برچسبهای دیگر باشد. مثال برای برچسب تو در تو به همراه صفات و مقدار صفات برچسب: < ماهس را *< کات "انس ات2 )وا بو > حو الجمم|> <ل و الصو المحاصه> مدا عمجمو حرو لصم > <ايم> همانطور كه در مثال مشخص است. برجسبى كه داده نداشته باشد. در داخل خود بسته می شود. 

صفحه 14:
برجس 2 * همانكونه كه يك فايل )لبا برجسب هاى خود يك ساختار درختى عى سازد كه تنها يك ريشه دارد (برچسب ریشه). ريشه فایلهای 6" هم برچسب <۱> است. تمام محتویات صفحه وب در داخل این برچسب قرار می گیرد. *_ نکته: همانند فایلهای 260 می توانید یک نوع و فضای نام برای فایلهای 1 تعریف کنيد. لین کار اخیرابه یک استاندارد تبدیل شده و بهتر است رعلیت شود. نوع در خط اول فلیل قرار می گیرد. انواع قابل استفاده: WPOL F.0d Grict ‏(غیر ارلثه‌لع)‎ <S!IDOOTYPE WHOL POBLIC "/OOCHOTO WHOL &.Od/EO" ‏بد سسمس/ :جا"‎ ore PR lbicAP strict." > WTOL P.O0 Treacetiocd <SOOCTYPE WPOL POCLIC “NMSCHOTO WPOL €.0d Proceiirral/(EO" "hip: ‏ا‎ bie? loose td" WTOL P.01 Praweset <IDOOTYRE WPOL = POCLIO "MDSC/OTO WPOL 0 Proveset EO" "hip: uaa ory DR iicokP Procpeset.dtd"> 

صفحه 15:
ii a <DOCTVPE hel POOLMIC "MOBCIOTO XAUPOL ۵ ۳ "hips | haw ‏زو‎ PR lah D tok ‏"ليل يضوم‎ < XVPOL 1.0 Trexetiond هه ‎—"“/OBCIONOD XWPOL‏ هه بر ‎<DOCTYPE‏ ‏۵ ی او "0200 محص 1 <"ليل تور XUPOL 1.0 ‏اسمس‎ <DOCTYPE bel POBMIC — "“/OBCIONOD XWPOL ‏ها‎ ‏ی ستاو "000 سس‎ ۵۵0۵ ‏وه‎ XLPOL 4.4 (ort) <DOCTYRE bok ‏مره‎ "MMDECHOPO XUPOL d.alieeo" ۱ PR lahcc AIUD D cht ch"> XDTOL 4.0 Grr 

صفحه 16:
سرصفحة و ّنه * هر سند باب از دو قسمت اصلی تشکیل شده است. سرصفحه (لمصاا) و بدنه (به)). اطلاعات مربوط به صفحه که نمایش ظاهری ندارند. در سرصفحه قرار گرفته و اطلاعات نمایشی صفحه در قسمت بدنه جای می گيرند. به عنوان مثال: Sew LL Sample Webpage ‏ا‎ ‎> ‏ملاع‎ there this is a paragraph ‘sale 6 ‏طالسلةا جك وات طتجج‎ again ansther paragraph with bold test! </head> <body> <p> kelly there this is o parnpuph </p> <p> helo agaia caver paragraph wits <b> bold </b> text! </p> </body> ‏<اموهال>‎ 

صفحه 17:
‎eb‏ مت ‎ ‎ ‎POD 4S os‏ یک فلیل متنی است. دانستن نکلتی در مورد فلیل متنی سودمند به نظر می رسد: فایل های متنی سه نوع ذخیره می گردند: ‎١‏ کاراکتر بندی 068011): در لين مدل هر کاراکتر ۱ بلیت می گیرد و ۲۵۶ حللت دارد. این نوع کاراکتر بندی فاقد توانایی نمایش زبانهای غیر انگلیسی است. ‏۲ کاراکتر بندی ویندوز : در لین مدل هر کاراکتر در فلیل متنی ۲ بلیت ی گیرد و بر اساس استاندارد ویندوز به شکل خاصی تبدیل می شود. ‏۳ کاراکتر بندی عسه(: در لین مدل. هر کاراکتر ۲ بلیت حی گیرد و توانای نملیش‌به اکثر زبانها وجود دارد. یونیکد خودبه استانداردهای متفاوتی تقسیم می گردد که زبان فارسی در استاندارد اصلی آن. ۳-6() پشتیبانی شده است. ‏. کاراکتر انتههای خط در ویندوز و لینوکس تفاوت می کند. در ویندوز ییک کاراکتر ۱۳ (طه()) ویک کاراکتر کمکیبا شماره ۱۰ معین کننده پایان خط ‎(alg Coal‏ در لینوکس کاراکتر ۱۰ وجود ندارد. ازلین رو فایلهای متنی لینوکس در ویندوز. یکسره و بدون خط بندی به نظر می رسند. 

صفحه 18:
تمامی فضاهای خالی (ععحطانب) پیوسته. در خروجی یک عحهم2) می شوند. از آنجلیی که علامت های < > »6 برای معین کردن برچسب ها کاربرد دارند. برای وارد کردن آنها در متن باید تبدیل زیر انجام شود: 16 :< ‏د‎ ‎۳۹ 5 joo: & ۳ برای تولید اسناد ,1/۲0" می توانید از نرم افزارهای بسیاری بهره جویید. نرم افزارهای زیر از معروفترین آنها هستند: ] 0 Oxbby Orewwweaer © و 0 1216۲ 

صفحه 19:


صفحه 20:
يرجسب هاى مجا را(0'آكماك دايلىهدود 4 برجسسمجاز للمروزه) و حدود ‎٠٠١‏ بسر جسبمعموللستهر كلام از مينر جسسها. کسایبرد خاصي‌دایند و لطاهاتخاصیرا ارلّه می‌دهند در بمخش بسعدوتسعدادواز معمول‌تسریییرسرچسها را بسروسی‌خولهیم کسرد. حدود ۲۵ برچسب ,با گذر زمان منقرض شده لند (استفاده از آنها غیر استاندارد شده است) بیشتر آنها برچسب های قللب بندی هستند کهبا به وجود آمدن 088 استفاده از آنها ناصحيح دانسته می شود. ‎TOL‏ ملنند هر زبان بسرنامه نهیسی‌و لسکریپتینگدیگری از تسوضیحات ‎Oper)‏ شتیبلنی‌سی‌کسند لما متاسفلنه قل لبآن‌ک می‌مشوار لست ‎a power! —>‏ ها | > در بل(۵/ا1 از توضیحات استفاده نمی شود مگر در موارد بسیار محدود. زبرا حجم صفحات بسیار مهم است و تا جای ممکن باید آنرا کمینه نمود. 

صفحه 21:
* ,1/۲0 ببه بسزیگیو کسوچکی‌حروفدر نام برچسها حساس‌نیست نام برچسب: ,۲۵" وظيفه: مشخص كردن يك سند 1/۳6" بدون محتوى: خير صفات استاندارد: * اختیاری - 40۳ مشخ ‌کننده جهتسند(چیسه رلستیا بسلاکس) مقادیر مجاز ۲۷" و "ما" مقدار پیش فرض: ۳۸ - هب مشخصکننده زبانس ند لب رلساسمخفف؟ حرفی‌زباق ‎"ea Ly "Pat ile‏ 

صفحه 22:
ماقم تا موه <مطاحيمما راصق امول ‎<heud></hewd>‏ <body> سلام روز شما به خیر <بهمد> Helle, Wore! 

صفحه 23:
<head> w+, وظیفه: مشخص کردن محدوده اطلاعات راجع به یک سند بدون محتوی: خیر صفات استاندارد: ندارد محل قراركيرى: داخل اسأر * نكته: تمام برچسب هلیی که در لس قرار می گییند. می توانند در بط و یا جای دیگر نیز استفاده شوند. ولی استاندارد آن است که داخل لح استفاده شوند. 

صفحه 24:
نام برجسب: 210007 وظيفه: مشخص كردن عنوان صفحه بدون محتوی: خیر صفات استاندارد: ندارد محل قرارگیری: داخل ما" ۰ عنوان صفحه در بالای پنجره کاوشگر نمایش داده می شود. 

صفحه 25:
۱ ‘File Edit View History Bookmarks Tool: 522 ‏يد ام‎ ‏نس نس‎ EP CX ‏ان هم‎ > <لم> <body> | [ ‏عنوان صفحه‎ x 0۳ ۱ ‏نا‎ 1 سلام روز شما به خیر سلام روز شما به خیر 

صفحه 26:
نام برچسب: 4 وظیفه: تعریف پاراگراف بدون محتوی: خیر صفات استاندارد: — 46 مرتبکردنمترجاخلبارلگولف مقادير مجلز: ‎(As le *‏ ‎aR ۰‏ راست * 0 به مرکز * #سل هم‌تراز دقت کنید که برای سند های ,6/۷ جای چپ و راست در این مرتب کردن جابجا می گردد. محل قرا ركيرى: داخل 090947 و غيره 

صفحه 27:
——— نام برجسب: 2007 وظيفه: مشخص كردن انتهاى خط (رفتن به خط بعدى) بدون محتوى: بله صفات استاندارد: ندارد محل قرارگیری: همه جا 

صفحه 28:
نام برچسب: 714 وظیفه: تعریف تصویر بدون محتوی: پله صفات استاندارد: - ص آدیس ف لیلت‌صویری - 489 مترجليكزيراتا هنكاموكه تصوير بار شود. بالمكر نشود.لميرمترهر جایآننملیش‌دادد می‌شود) — 4 مقادیر قلبلاستنادد ۷ , 9 ,۵ ,متا را - 1 , ۳7( لبعاد تصویر در صویتی‌که ذکر ن‌شود نداد خود تصویر ‎(Pooh So Sclaialyie Mie —‏ - 0# كايبرد حرفه اجيف خصيصىي كسقشه منطقه بندويه تصوير) لازم به ذکر است که تقریبا تعام برچسب های :1,۳6 از صفت ۲" پشتیبانی میکنند. از این رو از تکرار آن می پرهيزيم. محل قرارگیری: داخل ۳۷) و غیره 

صفحه 29:
aoe x | Pe saat ‏یل‎ GLAL ‏ان‎ <htcol> <heud> <صة|>ع بان صفح <صاه> حيمج > ‎<body>‏ ‏<امط> ساح روز شمابه خير. لين لكلفاو اس حم> اتسوينهتهاهارد "0000 ح لامب جز بيصم حصو بج <م| >< /عالله خمواه <مأكليزهم بلكرلفدوم<م> ‎with="COO"‏ عم لومم حصو > </ 00وی ‎</body>‏ ‎</htcol>‏ اين هر باراكراف دوم 

صفحه 30:
نام برچسب: () وظیفه: تعریف لنگرگاه. اتصال به صفحات دیگر یا قسمتی از صفحه جاری بدون محتوی: خیر, محتوی عنوان اتصال است صفات استاندارد: ‎dow -‏ آدیس(:1))068تصللبالنگرگامد - سح؛ تعریففام لنگرگاه بولوایجاع - #چسه"! صفحه جديد در كجا باز شود: ‎darko chock *‏ جديد (ينجره جدید باز می شود) * _يصصم: در داخل صفحه اى كه صفحه جارى را باز كرده است * _#د: (بيشفرض) در همين صفحه * نام قريم: براى صفحات فریم بندی شده محل قرارگیری: داخل /00094) و غيره اين برجسب مى تولند اتصالى به يك صفحه ديكر برقرار كند. يا یک لنكركاه در اين (لنكركاه جيست؟) 

صفحه 31:
<htcol> <body> <p> Dis ts a sexople paragrapk. Olok ‏تماما وک‎ <pode.cow'>Were</a> A Wp vied Boodle website. <br/> <a heeP='hip://kachersite.cow/kack. ber! tihe="Click coe to de!'>S/akoo! </a> <br/><br/> su hreP='hip://sowesie cowl sowepace-heolftrackor'> Stoy ‏ووم حصو‎ |< ‘Tisie asarpleporenonh, ick to vet Googe watt </a> <I> </kteol> 

صفحه 32:
بدون محتوی: خیر صفات استاندارد: ندارد محل قرارگیری: داخل 60۳ و غیره برچسب های دیگری مانند !و با و لیب و ... کاربرد آنها با جع« جایگزین شده است. نيز برای قللب بندی متنبه کار می روند که 

صفحه 33:
بدون محتوی: خیر صفات استاندارد: ندارد محل قرارگیری: داخل 60۳ و غیره برچسب های دیگری مانند !و بت و لد کاربرد آنها با جع« جایگزین شده است. نيز برای قللب بندی متنبه کار می روند که 

صفحه 34:
نام برچسب: 1۲ وظیفه: تعریف خط جدا کننده افقی (دبا مسا بدون محتوی: بله صفات استاندارد: ندارد محل قرارگیری: داخل 60۳ و غیره به مانند برچسب سا که بیک خط را تمام می کند وبه ابتدای خط بعدی می رود. سا نیز خطی خالی کرده. در خط بعدی‌بیک خط نازک افقی کلمل رسم‌عی کند و به ابتدای خط بعدی می رود. 

صفحه 35:
<sub>,<sup> Jl Gower text wi veers am te ^super ‘Some text with *°* tea. text ‘Somme rrore text vith eu txt <hr/> Gowe wore text wits _sub </body> > 

صفحه 36:
نام برچسب: با,ر60 وظیفه: تعریف لیست ‎Ordered List) 5 ps‏ و لیست نامرتب را لس( بدون محتوی: خیر صفات استاندارد: ندارد محل قرارگیری: داخل ‎60۳٩7‏ و غیره لین دو برچسب محدوده بیک لیست عددی و یا گلوله ای را مشخص می کنند. سپس با استفاده از برچسب 8 می توان در داخل لیست. عنصر افزود. نکته: در صورتی که در داخل برچسب های محدوده لیست. از برچسب های دیگر استفاده كنيد (خارج از . اکثر کاوشگرها آنراابه درستی نملیش خواهند داد هلی از استاندارد خارج شده اید. 

صفحه 37:
نام برچسب: را وظیفه: تعریف عنصر لیست (۲0 اطابا) بدون محتوی: خیر صفات استاندارد: ندارد محل قرارگیری: داخل 62 و ‎OL‏ هر عنصر لیست در لیستهای مرتب یک شماره می گیرد و در لیست های گلهله ای یک گلوله در ابتدای آن قرار می گیرد. لیست ها می توانند تو در تو استفاده شوند. 

صفحه 38:


صفحه 39:
برجسب هاى ناحيه بندى Gp, Diy ome yy ali ‏وظیفه: تعریف یک ناحیه در سند‎ محل قراركيرى: + همه جا برچسب های احیه بندی برای جدا کردن ناحیه های با" استفاده می شوند. اين برچسب ها بسیار پرکاربرد بوده و در اسناد با(" به تعداد استفاده می شوند. يه بندى قسمتى از متن استفاده می شود و تفاوتی در ظاهر سند برچسب ,و( برای ناحیه بندی قسمتی از سند استفاده می شود و می تواند انواع برچسب های دیگر (حتی ب0) را در خود نگه دارد. - دربخش 066 راجع به اين برچسب ها بحث خواهد شد. 

صفحه 40:


صفحه 41:
*_جدول ها از مهمترین وپرکاربردترین برچسب های 1/۳6" هستند. آنها کاربردهای زیادی دارند از جمله: - ارائه اطلاعات قالب بندی شده - قالب بندی صفحات - قالب بندی تصاویر *_ یک جدول کامل با یک برچسب عاط" شروع و پایان می یابد. * هر جدول عی تولندییک قسمت باللیی (مطحجبا).یک قسمت میلنی (/224) و یک قسمت تحتانی (جم۳) داشته باشد. * سطر ها و ستون ها در هر ناحیه جداگانه مشخص می شوند. 

صفحه 42:
<Table> ‏برچسب‎ وظیفه: تعریف یک جدول کامل بدون محتوی: خیر صفات استاندارد: - لطعم 8)لمندايه كادر خلنه هاوجدو ل يكعدد صحيح - بماد 0 فاصله ميازديوايه خلنه هاوجدولو داهم درم نآنها - بصححطاءد0) فاصله ميازدو خلنه جدول - >4 عرضجدولبه عدد يا ديصدلديصداز ندايه ك[صفحه) محل قرارگیری: داخل 0۳4 

صفحه 43:
نام برجسب: 210 وظیفه: تعریف یک سطر جدول ‎(Doble )٩(‏ بدون محتوی: خیر صفات استاندارد: - 08 جهنگبریمحتولی_کغانه ۴۵ حللع - 620 جنگ بری»مودی حتوا ی کفانه: ‎Vor‏ محل قرارگیری: داخل ۹۱۹/۳۲۷ ‎Dable‏ 

صفحه 44:
وظیفه: تعریف یک خانه داده در یک سطر جدول ‎(Doble Drotary‏ بدون محتوی: خیر صفات استاندارد: ‎hye —‏ جنگ یریحتولی ب کخانه۴ حللثی — 0۷ جهنگیری»مودیحتولی ی کخانه 7 وه :لین‌خلنه چند ردیفوا در بسر بسگیرد لادقام ستونی‌خانه ها - موم لینخلنه چند ستونا در بسر بسگیردلادغام ردیفی‌خلنه هه محل قرارگیری: داخل ,۱۳ 

صفحه 45:
Cell 12 Cell 22 Cell 12 Cell 22 Cell 11 Cell 21 Cell 11 Cell 21 > <b> <table border ="('> <> <d>Ord (</i> <nPOrd (</> <e><e> <nPOrd Cdsid> <nPOrl CC<id> <le></robbe> <tel> <table border ="('> <> > ‏امن <اس> 40 0۷)< 0 عمموسه‎ 006/0 <nP Ord (C</d> <e><e> <= Ord 20 verted > <nPOrl CO<id> <le></robbe> <li> > 

صفحه 46:
<Thody> ‏برچسب‎ نام 9 ‎Doody sumer‏ وظیفه: تعریف ناحیه بدنه جدول ‎(Doble Body)‏ بدون محتوی: خیر صفات استاندارد: ‎Gale Fraley clings Saye 0۷0 7‏ — 0009 جهن یریعمودی حتولی ی کخانه محل قرارگیری: داخل 9 

صفحه 47:
<Thead> ‏برچسب‎ صفات استاندارد: - 28 جهنگیریمحتولیکخانه ۴ حللثی — 0009 جهن یریعمودی حتولی ی کخانه محل قرارگیری: داخل 9 

صفحه 48:
PP ont sauce yp pl (Doble )۴77۲( ‏وظیفه: تعریف ناحیه تحتانی جدول‎ بدون محتوی: خیر صفات استاندارد: ‎0٩ -‏ جهنگ یریم حتولی ی کغانه (۴ حللن ‎Oke —‏ جهنگیری»مودیحتولی ی کخانه محل قرارگیری: داخل 9 

صفحه 49:
نام برچسب: ۳ وظیفه: تعریف یک خانه داده در سطر ناحیه فوقانی جدول ( 0) لصا" عطله۳) بدون محتوی: خیر صفات استاندارد: — 9: جهنگیریمحتولی کغانه ۴ حللنع - 000( جهنگیریعمودی حتولی ی کغانه محل قرارگیری: داخل ۲۳۳۰۰۷۶/۲ 

صفحه 50:
<theud><e> >> ‏تست‎ Month |Pays <hr> <li> <ban><r> January |$100 ‏الو ا <لوا>بمسدول<ل>‎ ‏وه‎ hie February |$80 <ly><y> <id>Prbrvorys/id> Sum #180 <> $OO</id> > ‏ارس > دلوا > حو‎ >< > ‏کی )<ل‎ ><50600> ۶ <he></Pour> </table> ‏حراما>‎ ‏<اووال>‎ 

صفحه 51:
جدول هاى قالب بندى * هنگامی که از جداول برای قالب بندی صفحه استفاده مى شود. جل2) آنها صفر قرار می گیرد تا مشخص نباشند. *_ با استفاده از 26568 می توان به جدول ها نمود بسیار خوب و مطلوبی داد. * قالب بندی با جداول باعث استاندارد شدن شیوه نمایش صفحه می شود. *_ جدول ها بر اساس نوع سند (000/۳۳۳6۳)) به انواع مختلفی تفسیر می شوند. *_برای مثال سایت «سه,طحمط با استفاده از جداول قالب بندی شده است: 

صفحه 52:
501 

صفحه 53:


صفحه 54:


صفحه 55:
فرم هاى 7111111 همانطوری که اشاره شد. پروتکل 1170" بر مبنای تقاضا/پاسخ کار عی کند. برای ارسال یک تقاضای پویا از صفحات وب به یک سرور. از فرمهای :1/۳60" استفاده می شود. فرم و اجزای آّن نیز برچسب های با(" هستند.به هنگام ارسال (28) یک فرم. کاوشگر به صورت اتوماتیک محتوای درخواست فرم را به سرور ارسال می نماید. با استفاده از اتصالات. مى توان درخواست های ‎Bot‏ ایستا ایجاد کرد. درخواست ها دو نوع معمول دارند: 224 و ‎Post‏ - در نوع ‎Bet‏ پارامترهای درخواست در انتهای بل068) اضافه می شهند و قلبل دیدن هستند. به همین دلیل محدودیت اندازه دارند (۱ کیلوبایت) - در نوع ۳۳9) پارامترهای درخواست غیرقابل دیدبه سرور فرستاده می شوند و محدودیت کمتری دارند (۶۴ مگابایت) مزایا و معایب ۳9) و 224) در چیست؟ 07 )رح 909996 .امس امه عمجم نا بارامترهاى (8 , ع) 67 جداكننده بارامترها از درس aX, = ‏جداکننده‎ ‎< 

صفحه 56:
<for 111 * یک فرم 1/0 داخل میک برچسب ۳) قرار می گیرد. هر فرم می تواند (در حللت معمول) یک کلید ارسال (9سیان9)) داشته باشد. که‌با کلیک شدن آن يا فشرده شدن کلید 696۳۲ در هر جای فرم. کاوشگر به طور خودکار محتوای فرم را ارسال کرده و صفحه را بارگزاری مجدد می کند. یک فرم دو پارامتر اصلی داراست: ‎Ovtod —‏ شیود ایسل انا سعین‌سیکندلهوو) لو)) - 9( مقصدیکه لطلاعاتبه آنارسل [می‌شوند را مشخص‌می‌سازد. برای مثال به فرم زیر توجه کنید: ‎<Porw></Por>‏ ‏<ر>< بيس اللو ايت 7 <مسوة >< اي حلصادم أمحم حاوس | :مها حمسه مو(> 

صفحه 57:
* معمول ترین فیلدهلیی که در یک فرم مورد استفاده قرار می گیرند. فیلدهای ورود مستقیم اطلاعات (د کمه پا جعبه متن) هستند. انواع مختلف لین فیلدها توسط صفت با مشخص می شوند: - دف8» يكمكمه معميلى بيلىكاربرههاولسكريبت4 - »مط !0 يكمربع سفيد كوجكقابليكخورمن - ۳ بکشیلدانتخابف یلاب ولیآپلود) - 1۸8 يكفيلد متنوفير قلب له يد ,ددا رلىكايبردهاوف راولق - لو ی کید متنی‌که محتولی‌خود را بسه ش کلیس تلود ن‌شان‌می‌دهد ‎Rado —‏ بکهلیره کوچکاز سکمجموعه 2() تسنها سکی‌می‌تولندلنتخابشود - 7۳9 فیلد متنی‌معمولی Pp dy! doce Gubwt — ‎SL; das Reve —‏ ردنمحتولیتسمام فيلدهاوفرم 

صفحه 58:
رو >> <Porw webod='ye'> <tapul ype='chechbox'> Voce u checkbox! <br/> Tl lama checkbox! <toput ype="Pile'> <br/> ‎ype 'password! voke='sh'> <br/> ou‏ نجه ‎<toput type="rerdo'> (Redo buttral <br/> © Radio button! <toput type tend! vake="Dorevdll’> <br/> Noire ‏0 < و > | حالما نو > ‎</Por>‏ ‎<Iboxt)> <I> 

صفحه 59:
* تقریبا اکثر فیلدهای ییک فرم با استفاده از برچسب لح تامین می شهند! صفات معمول يك ادبم به شرح زيرند: — ایا در صويتىكه صفح ؟) با «وط !0 استفاهه شود. مىتولند تيكخورهسن با نخورهنآنرا مشخ صكند : واه ‎Obovhed='Ohevhed’ pr‏ - لاطت 0» هر وروصىكه غيرفعل|[شود. خاكسترىشده و غير قلبلتعاملخلهد شد 7 رای( بسيلووح بال «سدصم حداكثر تعداد كارلكتر قلبلتلبيلست — »ولو فیلدهایه یالوج آنها را غیرقلبلغییر می‌کند - 69 ندازه ظاهروفیاد را مشخص‌میک ند لبر حسبتسعداد کایلکتر) ‎Ore —‏ بولیدکمه ها مترروی‌آنها را مشخص‌می‌سازد. بسولی‌ملبقی محتولی‌سقداییرا مشخم‌میک ند دکسه فسقط در فسیلد هایمتنی‌قابلم‌شاهده لسب لینمحتوا پساز ایسلل فرم بسه سرور ایسللهی‌شود. ‎Dawe —‏ نامیسکه سرور لطاهان‌هر فیلد را با آن‌تسمیز می‌دهد 

صفحه 60:
مثال دوم ‎<input>‏ :عارثى را ورد كيد ثادر كوك جمخص شود <بلما><امو> اس لاس سيد ‎wow! searck'>‏ ۱ </۳>:عبارتی را وارد کنید تا در گوگل جستجو شود ‎<topul text’ vokue="Gearck Grier’ />‏ <br/> <topul ype='subcoi! value="Grarch'> <br/> </Porwn> </body> </hseok> 

صفحه 61:
* برجسب <حجوه> جهت تعریف یک محیط ورود متن (چند خطی) استفاده می شود. از اين برچسب هنگامی که لازم است متن بزرگی وارد شود. استفاده می کنند. صفت بط برای این برچسب معتبر است. صفات جح و عابه ترتیب تعداد سطرها و ستون های یک محوطه متنی را بر حسب کاراکتر مشخص می کنند. *_ دقت کنید هنگامی که می خواهیدییک فضای متن خالی ایجاد کنید. بین شروع و پایان برچسب. خط یا فاصله وجود نداشته باشد. زیرا هرچیزی که مابین دو برچسب سوه باشد. محتوی آن محسوب می گردد: طاصلا/< '000 وان "0 تور موویی> ‎Vhere<hextarea>‏ ‏همانطور که مشاهده می کنید. متحوای هط از اصول ‎There‏ ‏ب( 1 پسیروون میک ند(عدملحتیاج بسه <عوا>) 

صفحه 62:
> برچسب ‎Gelert‏ .5 و00 ‎LS ge oly! Oro‏ یعنی لیستی که تنها یک عنصر لن مشخص است وبا کلیک بر روی لّن. مابقیبه صورت کرکره ای قابل انتخاب می گردند. در صورتى كه صفت عاد( از یک «و9) تنظیم شود. دیگر کرکره ای نبوده و به مانندیک لیست معمولی با قابلیت انتخاب چندین مورد خواهد بود. محتویات لیستهای اینگونه در قالب یک آرایه برای سرور ارسال می شوند. موارد یک لیست ‎Gelert‏ توسط برچسب های مطاع) مشخص می گردند. هر 0۳ ای که صفت لاه آن تنظیم شده باشد. در لیست‌به صورت انتخاب شده خواهد بود. هر مطاع() لگر صفت عاه() تنظیم شده داشته باشد. در صورت انتخاب. 0-44 آن به سرور ارسال می شود و در غیر اینصورت محتوای متنی آن. 

صفحه 63:
<selevi> <option vokue="Dpod'2.52</optica> > ‏<مصامو )| کته ر< مسا کسام‎ > ‏هکس نگد عمط سا‎ <وجاوو|> </body> </htcol> 

صفحه 64:
<label>, <fieldset> برای تنظیم راهنما و متن معرف یک فیلد درییک فرم. بهتر است بجای متن عادی از برچسب اصهبا استفاده کنیم. اینکار توانایی قالب بندی صفحات را بیشتر می کند. تنها صفت یک ‎Col babel. Por‏ که نام یک فیلد دیگر را دریافت می کند. کج و 2 < ورن بو( ا> ‎I > Enter yournems‏ = سا برای گروه بندی منطقی دسته ای از فیلدهای‌ییک فرم. از بر چسب بعطط۲ استفاده می شود. اینکار مخصوصا در هنگام استفاده از عط() های متعدد لازم است: <وطاصط> | < و مور ‎‘rado’><taput‏ مورا > </Pekbet><Picklet> | <hoput ype? 'reado'><taput ‏<وولام ]>< حقو عمجب‎ 

صفحه 65:


صفحه 66:
۰ شش صفت وجود دارند که برای تمامی برچسب های بل(" معتبر هستند: - صفتهای هسته ای: ‎DLS Okww *‏ کپسرچسیا مشخص‌می‌سازد لب پلواستفادد در 668 * 44 يكلسم بيلئبر جسبعشخصرميكد در يسكسك ر(10/,ا لسم‌هیج دو بسرچسبینباید يكساناشد درلمسكريبتو ©0086 مىئتلن امس بره نيكس جسسسه آزمسترسئيافت * و8 وضعيتظاهرىيكبرجسسوا مشخصمىكند 2توصيه موشود به جاوآزاز 060 لمستفاده شود) * «؛ متريلهنماىك مكبر جسيا مشخصمىك دلب ا نسگه دلشتوهاوس‌نسمایانمی‌شود) - صفت زبانی: * 0 جهشتن6/ایا 6۳ - صفت دستیابی: * «ط+ط/ ترتيبمسترسئبه بكبرجسسوا برل وإستفاده كنندكازاز كييبود مشخصرمى سازد. در صويتيكه بر روىكيبورد كليد 1808 را فشار دهيد به ترتيط 1 روى ‎poke‏ جلبجا خولهيد شد 

صفحه 67:
*_ برچسب های زیر نیز در با(6/" وجود دایند که در دوره های دیگری مطرح خواهند شد: ‎Gye‏ یسکس ند 006300 در دروزالینسرچسبتسعریفمی‌شود 801 مسكريبتهاى/# هل د رورلینسر چسنسوشته می‌شوند ‎Orta‏ بسولیتسعریفمتاداده در 1/4" سکس ند بسرچسهایستا در ولقع می‌تسولنند مکمل پارلمترهای(1۳ 17 بساشند * صفت 2۳۳۳۷ برای مشخص کردن محتوای سل * صفت مها برای مشخص کردن خود جلحسماه * صفت سم( برای مشخص کردن نام متا داده + 49 رلبطه منبع باس ‎ree *‏ آديسمتيع ‎ees Te *‏ <| "مودو ]ميو "حورب ‎tok re "shorioul cou" hreP="/Potcva.ioo"‏ 

صفحه 68:


صفحه 69:
یک سند 1/16 بسازید که توسط آن بتوانید جستجوی تصاویر گوگل را انجام دهید. نی (مانند 9696268 بسازید و آنرا با مطللب دلخواه پر کنید. سپس آنرا بر روی کاوشگرهای مختلف (حداقل ۳۸) و 18) تست کنید و تفاوتها را بیان کنید. سعی كنيد سند را طورى اصلاح كنيد كه در همه كاوشكرها يكجور ديده شود. .يك وبلاك دستى بسازيد. وبلاك شما بليد جندين مطلب داشته باشد. همجنين در وبلاك بايد جند فايل براى دانلود وجود داشته باشد. يك سايت معتبر (مانند ۳/۹7۲ را باز کنید. سعی کنید همانند آنرا بسازید (از نظر ظاهر عینا برابر باشد). تمام لینکهلیی که در آن سایت وجود دارد رابه همان مقصد پیوند بزنید. به طوری که اگر کسی سند شما را دید. نتواند تفاوت آنرل با سایت اصلی تشخیص دهد. یک فرم زیبا و قالب بندی شده برای دریافت اطلاعات کامل یک کاربر طراحی کنید. با مراجعه به اینترنت و مطالعه بیشتر رلجع یه برچسب 1668؛ یک تصویر ایجاد كنيد كه با کلیک بر روی هر قسمتی از آن. یک سایت مجزا باز شود. (قسمتها لزوما مربعی نباشند) یک صفحه سه