ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
دانلود مقاله word doc آموزش طراحی وب سایت های مجتمع های آموزشی
07-13-2020, 12:09 PM (آخرین ویرایش در این ارسال: 07-13-2020 12:12 PM، توسط ali.)
ارسال: #1
دانلود مقاله word doc آموزش طراحی وب سایت های مجتمع های آموزشی
طراحی سایت مجتمع عالی آموزشی و پژوهشی
1-1) تاریخچه ی سایت های اینترنتی : - 4 -
1-2) HTML - 5 -
ساختن یک فایل Html - 6 -
توضيح مثال بالا - 7 -
فايل htm يا html ؟ - 7 -
تگ هاي اچتمل (HTML Tags) - 8 -
عناصر اچتمل (HTML Elements) - 8 -
شناسه هاي يک تگ (Tag Attributes) - 9 -
سر تيترها (Headings) - 10 -
پاراگرافها (Paragraphs) - 10 -
سطر جديد (Line Breaks) - 11 -
کامنت ها در اچتمل (Comments) - 11 -
تگهاي اصلي - 11 -
شناسه target در پيوندها: - 13 -
شناسه Name : - 13 -
Target Attributes - 15 -
1-2-5 ) جداول ( Tables) - 15 -
جدولها و شناسه border و dir : - 16 -
خانه هاي خالي در جداول (Empty Cells) - 17 -
چند نکته اساسي در مورد جداول: - 17 -
تگهاي جداول - 18 -
1-2-6 ) فرمها (Forms) - 18 -
تگ Input - 19 -
* وروديهاي متن (Text Fields) - 19 -
* وروديهاي Radio Buttons - 20 -
* وروديهاي Checkboxes - 21 -
1-2-7 ) استایل شیتها ( Style Sheets ) - 23 -
* چگونگي استفاده از استايل شيتها: - 23 -
1)استايل شيتهاي خارجي (external style sheet) : - 23 -
2)استايل شيتهاي داخلي (Internal Style Sheet) : - 24 -
3)استايل شيتهاي درجا (Inline Styles) : - 24 -
تغييرات در نسخه جديد اچتمل (4/0) : - 25 -
1-3) Java Script - 26 -
1-3-1) اندکي در مورد تاريخچه JavaScript - 27 -
1-3-3) مفهوم JavaScript - 27 -
1-3-4) قابليت JavaScript - 28 -
1-3-5) تفاوت جاوا و جاوا اسکریپت : - 28 -
1-3-6) Methods - 29 -
1-3-7) Event - 30 -
1-3-8) عملگرها - 31 -
1-3-10) ابزارهاي مورد نياز - 32 -
و اما شروع ساده ای از جاوا اسکريپت : - 32 -
نکته ای در مورد سميکالون(Wink : - 32 -
1-4) ASP : - 33 -
1-4-1 ) ASP چیست؟ - 33 -
1-4-3 ) مقدمه اى بر ASP - 36 -
ASP چه كارى مى تواند انجام دهد؟ - 37 -
1-4-4) اجرای صفحات ASP - 37 -
چگونگی نصب و اجرای ASP بر روی کامپیوتر خانگی - 38 -
1-4-5) آشنايي با اشياء در ASP - 39 -
1-4-7) متغييرها در ASP - 45 -
ورودى كاربر - 46 -
تصديق فرم يا تست معتبر بودن (درست بودن) مقادير ورودى - 48 -
1-4-9) استفاده از بانک اطلاعاتی در ASP: - 49 -
) چرا Permission ها ضروری است ؟ - 53 -
2-2) توضیح ساختار پیاده سازی شده : - 54 -
فصل سوم : مستندات ( توضیحات قسمت های مختلف سایت ) - 56 -
3-1) : توضیح کلیات سایت - 56 -
3-2) : مواردی که در طراحی این سایت استفاده شده است - 57 -
3-4) : بخش مجوز های دسترسی و موارد مربوط به عضویت - 71 -
مجوز مشاهده ی صفحات : - 78 -
4-5) : بخش مدیریت سایت - 79 -
بخش های مختلف مدیریت سایت : - 83 -
معلق کردن یک عضو : - 83 -
ارسال ایمیل به تمامی اعضا : - 90 -
ارسال ایمیل به یک عضو : - 91 -
تغییر وضعیت کاربر - 91 -
تغییر مجوز های کاربران : - 91 -
ارسال ایمیل به تمامی کاربران : - 91 -
10) اعلام به روز سازی : - 93 -
11) نمایش تقویم دانشجویی : - 94 -
ارزیابی و نتیجه گیری - 97 -
پیشنهاد در مورد ادامه ی کار : - 98 -
منابع : - 99 -






مقدمه



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

اما نکته ای که در این میان خود نمایی می کند و بیش از پیش به چشم میآید لزوم حفظ مفهوم حفاظت اطلاعات در چهار چوب الکترونیکی جدید است و اینکه استفاده از امکاناتی که نهادی که سایتی را در اینترنت جهت استفاده ی عده ای خاص قرار می دهد ؛ فقط محدود به همان عده باشد . به عبارتی دیگر اجازه ی استفاده از آن امکانات را خود آن سایت برای کاربران تعیین کند .
در چنین شرایطی است که نیاز به مجوز ها تحت وب ( ( Web Permissionsاحساس می شود. به همین منظور بر آن شدم تا این مفهوم نسبتا تازه را در قالب مجتمع عالی آموزشی و پژوهشی خراسان پیاده سازی نمایم .

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








فصل اول : طراحی سایت ها






1-1) تاریخچه ی سایت های اینترنتی :
در اولين روزهاي تاسيس وب دستورات HTML بسيار ساده بود، ولي هنگامي که Web، شروع به پيشرفت نمود، طراحان خواستار کنترل بيشتري شده و در نتيجه مجموعه دستورات مورد نياز تهيه گرديد.سپس از آنجاييکه صفحات وب، بهتر است به صورت ديناميک و متحرک باشند، طراحان نيز خواستار ارتباط بين بينندگان سايت و صاحبان آن شدند، در نتيجه استفاده از دستورات HTML به تنهايي نياز آنها را برطرف نکرد و سپس شرکت Netscape براي ايجاد و کنترل ارتباط بين صاحبان سايت و بينندگان آن در صفحات Web از JavaScript کمک گرفت.
با به وجود آمدن جاوا سکریپت بسیاری از نیاز هایی که طراحان سایت به دنبا آن بودند بر طرف شد جاواسکریپت که امروزه به عنوان یکی از قدرتمند ترین زبان های Client side مورد استفاده قرار می گیرد در بسیاری از موارد کاربرد داشت و جوابگو بود اما نکته ای که در مورد این زبان و زبان های مشابه ای که به مرور زمان برای کاربرد های مختلفی به وجود آمدند ، همچون VBSCRIPT , DHTML , …این بود که به واسطه ی اینکه ای کامپایل این زبان ها در سمت کاربر انجام می شد از طرفی Source کامل برنامه در اختیار کاربر قرار می گرفت و از آن مهم تر اینکه برنامه هایی که در سمت کاربر کامپایل می شوند – Client Side - کاملا وابسته به سیستم کاربر می شوند و اکر خطایی در کامپیوتر کاربر وجود داشته باشد عملکرد سایت را تحت تاثیر قرار می دهد ( به عنوان مثال بسیاری از منو ها و پروگرام های جاوا در صورتی که Java Virtual Machine نصب نباشد قابل نمایش نمی باشند و ... ) این دلایل و مواردی از این دست طراحان را بر این امر واداشت که تا در پی آن باشند که برنامه هایی طراحی کنند که در سمت سرور اجرا شده و نتیجه ی آن به صورت کد های Generate شده Html برای کاربر ارسال گردد ( Server Side ) .

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






















1-2) HTML

1-2-1) مقدمه اي بر HTML

يک فايل HTML چيست؟
• HTML را "اچ تي ام ال" و يا اچتمل بخوانيد.
• HTML برگرفته از حروف اول Language Markup Text Hyper ميباشد.
• يک فايل HTML فايلي از نوع text ميباشد که متشکل از markup tag ها ميباشد.
• مرورگر يا Browser از روي markup tag ها مي فهمد که چگونه بايد صفحه را نمايش بدهد.
• يک فايل HTML بايد داراي انشعاب htm و يا html باشد.
• يک فايل HTML فايلي از نوع text ميباشد که با هر اديتور ساده اي قابل ايجاد است.
• وظيفه اصلي تگ هاي اچتمل ( markup tags ) بيان چگونگي نمايش اطلاعات ميباشد.
ساختن یک فایل Html
Notepad را باز کرده و متن زير را در آن تايپ میکنیم:
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first html page. <b>This text is bold</b>
</body>
</html>
سپس فايل را با نام مثلا test.html در درايو C:\ ذخيره می کنیم .
براي ديدن فايل اچتمل بالا در مرورگر يا Brower ( معمولا اينترنت اکسپلورر و يا نتسکيپ نويگيتور ) کافي است که از روي منوي File/Open file فايل بالا را از روي محل ذخيره شده باز کنیم . يکي از مهمترين وظايف مرورگرها نمايش صفحات اچتمل ميباشد، چه اين صفحات روي کامپيوتر ذخيره شده باشند و يا اينکه از اينترنت خوانده شوند. با کليک روي اين لينک فايلي شبيه فايل ذخيره شده از روي وب سرور توسط مرورگرتان خوانده شده و سپس نمايش داده خواهد شد
توضيح مثال بالا
اولين تگ مثال بالا تگ <html> ميباشد. از روي اين تگ، مرورگر نوع متن يعني اچتمل بودنش را يافته و از روي <html/> انتهاي متن اچتمل را ميبابد.
متن بين تگ <head> و تگ <head/> اطلاعات شناسنامه اي يا "Header information" متن اچتمل بوده و نمايش داده نخواهند شد. در اين مثال با کمک تگهاي <title> و <title/> تيتر و يا Title صفحه که در اين مثال عبارت "Title of page" ميباشد در بالاي مرورگر نمايش داده خواهد شد.
متن بين تگ <body> و انتهاي آن يعني تگ <body/> تنها اطلاعاتي است که توسط مرورگرنمايش داده خواهند شد.
متن بين تگ <b> و انتهاي آن يعني تگ <b/> بصورت Bold و يا توپر نمايش داده خواهند شد.
فايل htm يا html ؟
اغلب مرورگرها هر دو نوع انشعاب را به خوبي ميشناسند ولي ترجيحا به هنگام ذخيره فايلهاي اچتمل از html استفاده کنيد.( استفاده از انشعابهاي سه حرفي مانند htm مربوط به قديم و سيستم عاملهائي چون DOS بودند.)
1-2-2) عناصر ( Elements )
تگ هاي اچتمل (HTML Tags)
• با کمک تگ هاي اچتمل عناصر و يا Elements ساخته ميشوند.
• در زبان اچتمل حدود 80 عنصر تعريف شده است.
• تگ هاي اچتمل بوسيله دو نويسه (char) > و < ساخته ميشوند.
• تگ هاي اچتمل معمولا بصورت زوج ظاهر ميشوند، مانند <b>test</b>
• تگ اول در يک زوج تگ مثلا <b> تگ شروع و تگ دوم مثلا <b/> تگ پاياني نام دارد.
• متن بين تگ اول و تگ دوم در يک زوج تگ محتواي عنصر يا element content ناميده ميشود، مثلا "test"
• تگ هاي اچتمل را ميتوانيد بوسيله حروف لاتين کوچک (lower case) و يا بزرگ (upper case) نوشت و case sensitive نيستند. براي مثال دو تگ <b> و <B> معادل هم هستند ولي شديدا توصيه ميشود که به خاطر سازگاري با XHTML از حروف کوچک استفاده شود.

عناصر اچتمل (HTML Elements)
مثال بخش مقدمه را در نظر بگيريد:
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first html page. <b>This text is bold</b>
</body>
</html>
*** نمونه اي از يک عنصر اچتمل:
<b>This text is bold</b>
عنصر اچتمل بالا با تگ <b> شروع شده و با تگ <b/> پايان مي يابد. محتواي اين عنصر عبارت "This text is bold" است. لازم به ذکر است که کاربرد تگ <b> نمايش توپر يا bold متون است.
*** مثال دوم يک عنصر اچتمل
<body>
This is my first homepage. <b>This text is bold</b>
</body>
عنصر اچتمل بالا با تگ <body> شروع شده و با تگ <body/> پايان مي يابد. همانطور که مشاهده می شود گاهي يک عنصر حاوي يک يا چند تگ ديگر ميباشد.وظيفه تگ <body> تعيين بدنه اصلي يا body يک متن اچتمل است.لازم به يادآوري است که تنها اطلاعات بخش <body> يک فايل اچتمل در صفحه مرورگر نمايش داده خواهد شد.

شناسه هاي يک تگ (Tag Attributes)
تگ ها ميتوانند حاوي اطلاعات اضافي ديگر باشند، به اين اطلاعات شناسه يا Attribute ميگويند و وظيفه آنها بيان ديگر اطلاعات يک عنصر يا Element ميباشد. مثلا در مورد تگ <body> شناسه اي به نام bgcolor وجود دارد که رنگ زمينه متن (background) را تعيين ميکند براي نمونه اگر بخواهیم که رنگ زمينه صفحه Html سياه باشد کافي است که به شکل زير عمل کرد :
<body bgcolor="black">
در مثال زير تگ <body> داراي چهار شناسه مختلف با نامهاي width، height ، align و border و مقادير center، 60، 100 و 0 ميباشد.
<table border="0" width="100" height="60" align="center" >
......
</table>
شناسه ها به صورت کلي "مقدار=نام" يا "name=value" نوشته ميشوند و هميشه به تگ شروع يک عنصر يا Element اضافه ميشوند و نهايتا اگر در يک عنصر يا Element شناسه ها قيد نشوند از مقادير قراردادي يا default آنها استفاده خواهد شد مثلا در تگ body اگر شناسه bgcolor نوشته نشود از رنگ سفيد براي زمينه صفحه استفاده خواهد شد.
مقدار يک شناسه را ميتوانيد داخل نويسه هاي " و يا ' بنويسيد و اختيار دست شما است فقط در مواردي که مقدار يک شناسه شامل نويسه " هم ميشود بايد از نويسه ' استفاده شود.
1-2-3) تگ های اصلی ( Basic Tags )
سر تيترها (Headings)
سر تيترها با کمک تگ هاي <h1> تا <h6> تعيين ميشوند. <h1> معرف بزرگترين سر تيتر و <h6> معرف کوچکترين سر تيتر است. مرورگر به هنگام نمايش يک سر تيتر بصورت اتوماتيک يک سطر خالي قبل و بعد از هر سر تيتر اضافه خواهد کرد.

پاراگرافها (Paragraphs)
پاراگرافها با کمک تگ <p> معرفي ميشوند.مرورگر به هنگام نمايش يک پاراگراف بصورت اتوماتيک يک سطر خالي قبل و بعد از آن اضافه خواهد کرد.

سطر جديد (Line Breaks)
براي رفتن سر سطر جديد از تگ <br> استفاده ميشود.در اين حالت يک پاراگراف جديد ايجاد نميشود. تگ <br> از نوع تگ هاي خالي بوده و داراي تگ انتهائي (مثلا <br/> ) نميباشد.


کامنت ها در اچتمل (Comments)
براي نوشتن شرح و توضيحات در مورد کدهاي اچتمل بايد از تگ خاصي استفاده کنيد. براي اينکار بايد متن و شرحتان را درون علائم <-- و --!> قرار دهيد. مرور تگ هاي comment را در نظر نگرفته و محتوي آنها را نمايش نخواهد داد و فقط شرح و توضيحات براي برنامه نويس و ديگر افرادي که احتمالا در آينده با کد اچتمل کار خواهند کرد مفيد خواهد بود. (به محل نويسه "!" توجه کنيد! فقط يکي و آنهم در ابتدا)

تگهاي اصلي
در جدول زير عناصر معرفي شده در اين فصل به همراه لينکهاي مربوطه جهت مطالعه بيشتر آورده شده است. توجه داشته باشيد که براي هر عنصر فهرستي از شناسه ها يا Attributes موجود است و همچنين به شناسه هاي کنارگذاشته شده (Deprecated) در نسخه هاي آينده اچتمل توجه داشته باشيد و سعي کنيد که از آنها استفاده نکنيد.

:
Start Tag Purpose کاربرد


<html>
Defines a html document نشان شروع متن اچتمل


<body>
Defines the document's body تعيين بدنه و قسمت اصلي صفحه اچتمل


<h1>-<h6>
Defines heading 1 to heading 6 تعريف سر تيترهاي h1 تا h6


<p>
Defines a paragraph تعريف پاراگراف


<br>
Inserts a single line break رفتن سر خط جديد


<hr>
Defines a horizontal rule نمايش خط افقي


<!-->
Defines a comment in the HTML source code نوشتن شرح و comment



1-2-4) پيوندهای اچتمل ( HTML Links )
در محيط وب، صفحات اچتمل با کمک پيوندها به يکديگر متصل (Link) ميشوند. اصطلاح ابرمتن (Hyper Text) در مقابل متن خطي (Linear) قرار دارد. در يک متن معمولي خواندن به شکل خطي و از ابتدا به انتها ميباشد و در مقابل در يک متن مختلط (Hyper) با کمک پيوندها ميتوان از يک متن به هر صفحه ديگر در وب متصل شد.اين کار با کمک عنصري به نام A يا Anchor ميسر ميگردد.

تگ Anchor و شناسه href
براي ايجاد پيوند به صفحات ديگر از تگ <a> استفاده ميشود. پيوندها ميتوانند به بخش ديگري از همان صفحه، صفحات ديگر وب، تصاوير، فايلهاي صوتي يا حتي فيلم ها و ... اشاره کنند.
فرم کلي يک پيوند به قرار زير است:
<a href="url">Some Text</a>
در مثال بالا تگ <a> براي ايجاد پيوندي به صفحه اي ديگر که آدرس اينترنتي آن url ميباشد بکار رفته است. براي تعيين مقصد و يا آدرس صفحه جديد از شناسه اي به نام href که همان hyerlink reference ميباشد، استفاده ميشود و مقدار اين شناسه در واقع همان آدرس اينترنتي صفحه مقصد است. بخش قابل رويت پيوند و در واقع متــنــي (و يا تصويري ) که توسط مرورگر نمايش داده خواهد شد و بازديدکننده روي آن کليک خواهد کرد ميان تگهاي <a> و </a> قرار داده ميشود و هر چند که در مثال بالا اين بخش متن "Some Text" است ولي ميتواند حتي يک تصوير باشد.

شناسه target در پيوندها:
با کمک شناسه target امکان تعيين مقصد پيوند جديد فراهم ميشود. در مثال بالا پس از کليک روي پيوند، مرورگر سايت google.com را باز کرده و جايگزين سايت فعلي خواهد شد. اگر ميخواهيد که مرورگر پيوند را در صفحه اي جديد باز کند بايد از شناسه target و مقدار "_blank" براي آن استفاده کنيد

شناسه Name :
با کمک شناسه name ميتوانيد پيوندها را نام گذاري کنيد.پيوندهاي نامگذاري شده امکان حرکت ميان قسمتهاي مختلف يک صفحه يا page را فراهم ميکنند. در اينصورت مثلا براي رفتن به آخر يک متن ديگر نيازي به Scrool down کردن تمامي صفحه نيست و کافي است که بازديدکننده روي پيوندي که به آخر صفحه اشاره ميکند کليک کند.
استفاده از پيوندهاي نامگذاري شده شامل دو مرحله است:
1- ايجاد يک پيوند نامگذاري شده (اين قسمت به عنوان لنگر کار خواهد کرد.) :
فرم کلي يک پيوند نام گذاري شده به قرار زير است:
<a name="label">Text to be displayed</a>
وظيفه شناسه name تعيين نام براي پيوند است و مقدارآن همان نام پيوند ميباشد. نام پيوند هم هر نام لاتيني ميتواند باشد. در فرم کلي بالا، نام پيوند label و متني که بعنوان پيوند نمايش داده ميشود عبارت "Text to be displayed" خواهد بود. مثال زير به ايجاد يک پيوند نامگذاري شده با نام top ميپردازد:
<a name="top">Here is top of my page!</a>
2- ايجاد يک پيوند به پيوند نامگذاري شده ديگر:
براي دادن لينک به پيوندي نام گذاري شده، کافي است که پيوندي معمولي ايجاد کرده و در قسمت href آن ابتدا url مقصد و سپس نويسه # و در نهايت نام پيوند نامگذاري شده را درج کنيد. مثال زير ايجاد پيوندي است که به لينک نامگذاري شده اي به نام top اشاره ميکند:
<a href="http://www.******.com/index.asp#top"> Goto Top! </a>
در اثر کليک روي پيوند بالا مرورگر مستقيما به ابتداي بخش top صفحه http://www.*****.com/index.asps خواهد رفت.
اگر مقصد پيوند در همان صفحه قرار دارد نيازي به قيد url نيست و فقط نويسه # و سپس نام پيوند کافي است:
<a href="#top"> Goto Top! </a>
________________________________________

________________________________________
Start Tag Purpose کاربرد عنصر Anchor
<a>
Defines an anchor تعريف يک پيوند يا Anchor در يک صفحه اچتمل



Target Attributes کاربرد حالتهاي مختلف شناسه target


target="_blank" مرورگر پيوند را در يک پنجره جديد باز ميکند.


target="_self" مرورگر پيوند را همان پنجره باز ميکند. (حالت پيش فرض يا default)


target="_parent" مرورگر پيوند را فريم parent باز ميکند)


target="_top" مرورگر پيوند را در فريم مادر و اصلي باز ميکند



1-2-5 ) جداول ( Tables)
براي تعريف جداول از تگ <table> استفاده ميشود. يک جدول از يک يا چند سطر که با کمک تگ <tr> تعريف ميشوند، تشکيل ميشود. هر رديف يا row از يک يا چند سلول، خانه يا cell تشکيل گرديده که با کمک تگ <td> ايجاد ميشوند. نام هاي td و tr به ترتيب خلاصه شده row table و data table ميباشند.
محتوي يک سلول ميتواند متن، تصوير، فهرستها، جداول ديگر، پاراگرافها و ... باشد.
مثال زير جدولي است با دو سطر و سه ستون :

کد اچتمل جدولي با دو سطر و سه ستون نمايش جدول روبرو توسط مرورگر
<table border="1" dir="rtl">
<tr>
<td>رديف 1، سلول 1</td>
<td>رديف 1، سلول 2</td>
<td>رديف 1، سلول 3</td>
</tr>
<tr>
<td>رديف 2، سلول 1</td>
<td>رديف 2، سلول 2</td>
<td>رديف 2، سلول 3</td>
</tr>
</table>
رديف 1، سلول 1 رديف 1، سلول 2 رديف 1، سلول 3
رديف 2، سلول 1 رديف 2، سلول 2 رديف 2، سلول 3




جدولها و شناسه border و dir :
• در مثال بالا شناسه border مرز جدول را مشخص ميکند، مقدار 1 مرزي با ضخامت يک پيکسل را نمايش خواهد داد و مقدار صفر جدول را بدون مرز نمايش خواهد داد. توجه داشته باشيد که حالت پيش فرض يعني جدولي بدون شناسه border ، جداول بدون مرز را نمايش خواهد داد.
• در مثال بالا شناسه dir يا direction و مقدار rtl براي آن، سبب تعيين نمايش جهت متون از راست به چپ خواهد شد و چو ن در داخل تک table تعريف شده است به تمامي سلولهاي جدول اعمال خواهد شد.






خانه هاي خالي در جداول (Empty Cells)
اگر محتواي خانه اي از يک جدول خالي باشد چه چيزي بايد نمايش داده شود؟ بسته به مرورگري که استفاده ميکنيد نتيجه نمايش متفاوت است خانه خالي جدول بدون مرز نمايش داده خواهد شد در اينگونه موارد براي رفع مشکل کافي است که از non-breaking space (&nbspWink يا همان نويسه و کاراکتر قاصله و بلانک استفاده شود و در مورد مثال ذکر شده مرورگر جدول را به شکل زير نمايش خواهد داد:
کد اچتمل جدولي با دو سطر و دو ستون نمايش جدول روبرو توسط مرورگر
<table border="1" dir="rtl">
<tr>
<td>رديف 1، سلول 1</td>
<td>رديف 1، سلول 2</td>
</tr>
<tr>
<td>رديف 2، سلول 1</td>
<td>&nbsp;</td>
</tr>
</table>
رديف 1، سلول 1 رديف 1، سلول 2
رديف 2، سلول 1




چند نکته اساسي در مورد جداول:
• شناسه dir قابل استفاده در بسياري از تگها ( مثلا table ، tr ، td ، th ) ميباشد. با کمک شناسه dir و مقدار rtl براي آن، جهت نمايش متون فارسي از "راست به چپ" تعيين ميگردد. توجه شود که مقدار شناسه dir به صورت موروثي از table به tr و th و از tr و th به td خواهد رسيد.مثلا براي تعيين مقدار rtl براي تمامي خانه هاي يک جدول کافي است که فقط شناسه مزبور را در تگ table قيد کنيد و نيازي به قيد آن در تمامي خانه هاي جدول نيست. البته ميتوان که در مورد يک رديف خاص و يا يک خانه خاص شناسه dir را موردي تعيين کنيد.

تگهاي جداول
Start Tag Purpose کاربرد
<table>
Defines a table تعريف جدول


<th>
Defines a table header تعريف سرستون در جداول


<tr>
Defines a table row تعريف رديف ها در جداول


<td>
Defines a table cell تعريف سلول يا خانه هاي يک جدول


<caption>
Defines a table caption تعريف عنوان جدول



1-2-6 ) فرمها (Forms)
تمامي عناصر و تگهائي که تاکنون ذکر شد فقط به نمايش اطلاعات پرداخته اند و هيچکدام به گرفتن و اخذ اطلاعات از کاربر نپرداخته اند. فرمها که با تگ <form> معرفي ميشوند، طراح سايت را قادر به جمع آوري و اخذ اطلاعات از بازديدکننده سايت خواهند کرد. عنصر فرم و گروهي از عناصر و تگهاي درون آن به دريافت و ارسال اطلاعات به سمت وب سرور کمک خواهند کرد و لازم به ذکر است که تمامي تگهاي مربوط به فرمها بايد درون تگهاي <form> و <form/> قرار ميگيرند.
درون تگ فرم گروه زيادي از عناصر و تگهاي مختلف قابل استفاده هستند از قبيل عناصر ورود متن يک سطري(text fields)، عناصر ورود متنهاي چند سطري (Textarea)، منوهاي drop-down و radio buttons و ...


تگ Input
به عنوان پر مصرف ترين تگ مربوط به ورود اطلاعات بايد از تگ <input> نام برد. در اين تگ شناسه اي به نام type به تعيين نوع اطلاعات ورودي اختصاص دارد. مقادير ممکن براي اين شناسه به قرار زيرند:
text , checkbox , radio , password , hidden , submit , reset , button , file , image
در ادامه به شرح بعضي از type هاي کاربردي خواهيم پرداخت:
* وروديهاي متن (Text Fields)
اگر ميخواهيد که بازديدکننده اطلاعاتي از قبيل متن، اعداد و ... را وارد کند از شناسه اي با مقدار "text" استفاده ميشود.
کد اچتمل نمايش توسط مرورگر
<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
</form>
First name:
Last name:





<form dir="rtl" >
نـــــــــــــــام:
<input type="text" name="firstname">
<br>
نام خانوادگي:
<input type="text" name="lastname">
</form>
نـــــــــــــــام:
نام خانوادگي:





توجه شود که تگ <form> چيزي را به نمايش نخواهد گذاشت بلکه تگهاي درون آن توسط مرورگر نمايش داده خواهند شد. در مثال فارسي بالا به شناسه dir و مقدار rtl آن توجه شود .لازم به يادآوري است که اغلب مرورگرها در حالت پيش فرض براي وروديهاي متن اندازه 20 کاراکتر را در نظر ميگيرند و اگر ميخواهيد که اندازه پيش فرض وروديهاي متن را تغيير دهيد بايد از شناسه اي به نام size استفاده کنيد.
* وروديهاي Radio Buttons
اگر ميخواهيد که بازديدکننده گزينه اي را از بين چند گزينه محدود انتخاب کند، از مقدار "radio" براي شناسه type استفاده کنيد:
کد اچتمل نمايش توسط مرورگر
<form>
<input type="radio" name="sex" value="male"> Male
<br>
<input type="radio" name="sex" value="female"> Female
</form>
Male
Female




<form dir="rtl">
<input type="radio" name="sex" value="male"> مرد
<br>
<input type="radio" name="sex" value="female"> زن
</form>
مرد
زن





* وروديهاي Checkboxes
اگر بخواهیم که بازديدکننده يک يا چند گزينه را از بين چند گزينه محدود انتخاب کند، از مقدار "checkbox" براي شناسه type استفاده می کنیم :
کد اچتمل نمايش توسط مرورگر
<form>
<input type="checkbox" name="bike">
I have a bike
<br>
<input type="checkbox" name="car">
I have a car
</form>
I have a bike
I have a car




<form dir="rtl">
<input type="checkbox" name="bike">
دوچرخه دارم
<br>
<input type="checkbox" name="car">
ماشين دارم
</form>
دوچرخه دارم
ماشين دارم




________________________________________

* شناسه Action و دکمه Submit در فرمها ( Form's Action Attribute & Submit Button)
در فرمها براي ارسال اطلاعات کسب شده از دکمه اي به نام ارسال يا Submit Button استفاده ميشود و در اثر کليک کاربر بروي اين دکمه "Submit" ، اطلاعات درون فرم به فايلي ديگر ارسال خواهند شد. براي تعيين مقصد ارسال اطلاعات بايد درون تگ form از شناسه اي به نام action استفاده می کنیم . مقدار شناسه action آدرس يا url فايلي است که به دريافت و سپس پردازش اطلاعات دريافتي خواهد پرداخت. معمولا فايلهاي بخش action برنامه ها و اسکريپت هائي نوشته شده با ربانهاي cgi مانند ASP، Perl ، PHP و ... بوده و وظيفه آنها دريافت اطلاعات فرمها و سپس پردازش آنها ميباشد.
تعيين مقدار "submit" براي شناسه type سبب نمايش دکمه Submit يا ارسال خواهد گرديد.
کد اچتمل نمايش توسط مرورگر
<form name="input" action="form_action.asp">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form>
Username:




<form name="input" action="form_action.asp" dir="rtl">
نام کاربر
<input type="text" name="user">
<input type="submit" value="ارسال">
</form>
نام کاربر









1-2-7 ) استایل شیتها ( Style Sheets )
در نسخه جديد(4/0) اچتمل امکان جداسازي کامل فرمت دهي از ساختار صفحات اچتمل فراهم شده است. در اين نسخه توصيه ميشود که تمامي اطلاعات مربوط به نمايش و ترازبندي به فايلهائي مجزا از صفحه اچتمل منتقل شوند. بخشي از صفحات اچتمل که مربوط به نمايش، ترازبندي و فرمت دهي است، استايل شيت يا "Style Sheet" ناميد شده و معمولا به صورت فايلي مجزا درون بخش <head> صفحات اچتمل معرفي ميگردند.
* چگونگي استفاده از استايل شيتها:
مرورگرها از روي استيلهاي تعريف شده توسط استايل شيتها به فرمت دهي و نمايش اطلاعات درون صفحه اچتمل ميپردازند. تعريف و استفاده از استايل ها در صفحات اچتمل به سه روش مختلف ممکن ميباشد:
1)استايل شيتهاي خارجي (external style sheet) :
در اين روش تمامي استيلها و تعاريف نمايشي درون فايلي جداگانه قرار گرفته و بسيار مناسب حالتهائي است که قرار است که استايلي به بيش از يک صفحه اچتمل اعمال شود. مزيت اين روش سهولت در تغيير ظاهر صفحات يک وب سايت ميباشد و براي يک تغيير کلي در سايت کافي است که فايل استايل شيت کل سايت که معمولا يک فايل واحد است تغيير داده شود. (بايد توجه داشت که در اين حالت تمامي صفحات سايت بايد به يک فايل استايل شيت واحد لينک شده باشند.) استايل شيتهاي خارجي توسط تگ <link> که درون بخش head صفحات اچتمل قرار ميگيرد، معرفي ميشوند.
در مثال زير با کمک شناسه href از تگ link نام و در حالت کلي url فايل در برگيرنده استايلهاي تعريف شده تعيين ميگردد:


<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


2)استايل شيتهاي داخلي (Internal Style Sheet) :
کاربرد اين روش در حالتهائي است که صفحه اچتمل نيازمند تعريف استايلي منحصر به فرد و مجزا بوده و استايل طراحي شده فقط بدرد آن صفحه خواهد خورد. در اين حالت بايد کدهاي حاوي تعريف استايل درون تگ هاي <style> و <style/> قرار گرفته و معمولا نتيجه درون بخش head صفحه اچتمل گذاشته ميشود.مثال:


<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>


3)استايل شيتهاي درجا (Inline Styles) :
کاربرد اين روش در مواردي است که بايد براي يک المان (يا گروهي) خاص استايلي اعمال شود. در اين حالت بايد از شناسه اي به نام style که تقريبا در تمامي تگها قابل اعمال است استفاده شود. مثال:


<p style="color: red; margin-left: 20px">
This is a paragraph
</p>


تگ هاي استايل
Start Tag Purpose کاربرد
<style>
Defines a style in a document تعريف استيلها درون يک سند


<link>
Defines the relationship between two linked documents تعيين و تعريف فايل استايل شيت خارجي


<font> Deprecated. Use styles instead کنار گذاشته شده.از استايل شيتها استفاده شود.


<basefont> Deprecated. Use styles instead کنار گذاشته شده.از استايل شيتها استفاده شود.


<center> Deprecated. Use styles instead کنار گذاشته شده.از استايل شيتها استفاده شود.


تغييرات در نسخه جديد اچتمل (4/0) :
هدف اوليه از طراحي زبان اچتمل ايجاد زباني براي تعريف اطلاعات محض بدون در برداشتن جزئيات مربوط به فرمت و نمايش بود ولي با ايجاد نسخه 3/2 زبان اچتمل و اضافه شدن تگهاي فرمت دهي مانند <font> و يا شناسه هائي مانند color و Align محتوا و نمايش در صفحات اچتمل ادغام گرديده و همين امر سبب بروز مشکلات عديده اي براي طراحان و برنامه نويسان وب گرديد. براي رفع اين مشکل در نسخه 4/0 اچتمل توصيه بر جداسازي کامل اين دو گروه از اطلاعات بوده و در نسخه هاي آينده اچتمل اين جداسازي اجباري خواهد گرديد و توصيه مدرسه وب نيز استفاده از استايل شيتها براي هر نوع تعريف فرمت و ترازبندي ميباشد.





1-3) Java Script
جاوا اسکریپت یک زبان اسکریپت نویسی زبان برنامه نویسی شی گرا است. جاوا اسکریپت عموماً برای وب سایت ها استفاده می شود.این زبان توسط Brendan Eich از شرکت Netscape Communications با نام Mocha و سپس LiveScript و در آخر JavaScript ایجاد شده است.این زبان دارای Syntax شبیه به Sun Microsystems’ Java است.جاوا اسکریپت برای اولین بار در سالهای بین 1997-1999 توسط ECMA و تحت نام ECMAScript استاندارد سازی شد.این استاندارد با نام ECMA-262 ویرایش سوم برای JavaScript نسخه ی 1.5 بود.استاندارد ISO فعلی نیز همین استاندارد است.
جاوا اسكريپت يك زبان اسكريپت می باشد . زبان اسكريپت يك زبان برنامه نويسي كم حجم است.
هر خط جاوا اسكريپت قابل اجرا می باشد.این زبان توسط اكثر Browser ها پشتيباني ميشود ، مانند Internet Explore , Netscape
برنامه نویسی با زبان جاوا این قابلیت را دارد که می توان کدهای جاوا اسکریپت را در میان کدهای HTML نیز قرار داد .
این زبان ساختاری شبیه زبان C دارد و بیشتر برای ایجاد افکت بر روی کامپیوتر کاربر استفاده میشود (Client-side) .احتمالا تا کنون سایت هایی را دیده اید که در آن کلمه خاصی دنبال موس میدود . یا هنگام وارد شدن به آن سایت مرورگر شما در صفحه ویندوزتان میلرزد . این قبیل کد ها که فقط روی سیستم کاربر اجرا میشوند و نیازی به پردازش توسط سرور ندارند را کد های سمت کاربر (کلاینت ساید) میگویند در JavaScript اگر دستوری که با حروف کوچک است با حروف بزرگ بنویسید با Error در صفحات مواجه میشود .

1-3-1) اندکي در مورد تاريخچه JavaScript
در صورتيکه JavaScript با نام Java تناسبي ندارد، پس چرا در نام خود شباهت دارند؟ پاسخ به اين سئوال را در استفاده از معروفيت نام موجود در بازار خواهيد يافت. بعد از اضافه نمودن قابليتهاي اسکريپت نويسي Netscape که اساسا زبان برنامه نويسي Livescript ناميده شده در همين موقع زبان gava معروفيت خاصي پيدا کرد و شرکت Netscape بعنوان اولين شرکت از آن در browserهاي خود استفاده کرد و نام آنرا به JavaScript تغيير اين زبان برنامه نويسي گسترش چشمگيري بدنبال داشت.
1-3-2) مزايای جاوا اسکريپت :
· جاوا اسکريپت بر خلاف vbscript در همه browser ها قابل استفاده و خوانده شدن است.
· جاوا اسکريپت قابليت برنامه نويسی را به صفحات HTML ميدهد.
· جاوا اسکريپت صفحات HTML را پويا ميکند.
· جاوا اسکريپت به رويدادها پاسخ ميدهد ( مثل کليک موس،load شدن صفحه و ...)
· جاوا اسکريپت قابليت ارزيابی و تغيير روی اطلاعات را دارد.
· جاوا اسکريپت قابليتهای زيادی در کنترل browser بيننده دارد.
· جاوا اسکريپت ميتواند cookie بسازد و استفاده کند

1-3-3) مفهوم JavaScript
JavaScript دقيقا يک زبان برنامه نويسي ميباشد که به وسيله آن ميتوان بين کاربر و سايت ارتباط برقرار نمود. توجه داشته باشيد که استفاده از JavaScript در صفحات Web نيازي به نوشتن اسکريپتها نداشته و ميتوانيد اسکريپتهاي موجود در شبکه اينترنت را کپي و در مکان مورد نظر با ايجاد تغييرات مورد نياز استفاده کنيد، اما در صورتيکه يک برنامه نويس باشيد با استفاده از اين سايت خواهيد توانست اسکريپتهاي مورد نظرتان را بنويسيد.
1-3-4) قابليت JavaScript
به وسيله جاوا اسکريپت ميتوان قابليتهاي بيشماري از قبيل ايجاد ارتباط بين کاربر و سايت به صفحه Web اضافه نمود. مثلا سايتهايي را مشاهده نموديد که با قرار گرفتن نشانگر موس بر روي دکمه مورد نظر بصورتي متفاوت (برجسته، تغيير محتويات درون دکمه) نمايش داده ميشود، اين عمل توسط JavaScript انجام شده و به اين تکنيک rollover گفته ميشود.
به وسيله rollover ميتوان حالتي ايجاد نمود تا اطلاعات وارد شده توسط کاربر درون فرمها بطور صحيح باشند و در نتيجه در زمان و هزينه مربوط بتوان صرفه جويي نمود. ميتوان محاسبات لازم و مورد نياز عددي را بدين وسيله در دستگاه کاربر و بدون نياز به هيچ گونه فرايندي در serverها انجام داد تفاوت بين برنامهاي server-side و client-side بدين گونه است که در برنامه server-side برنامه توسط CGI در خود serverها اجرا ميشود مانند: برنامه ASP ولي در برنامه هاي client-side برنامه در دستگاه کاربر اجرا خواهد شد.
از ديگر فرمت ها و قابليتهاي JavaScript ميتوان، صفحات HTML را بر اساس عمل کارير نمايش داد. فرض کنيد که يک سايت آژانس مسافرتي را باز کرده و مقصد خود را هاوايي انتخاب کنيد، بوسيله اسکريپت ميتوان آخرين اطلاعات مسافرتي مورد نياز براي هاوايي را در صفحه اي جديد مشاهده نماييد.
به وسيله اين برنامه ميتوان بر browser کنترل انجام داد و پنجره هاي جديدي را باز نمود، جعبه هاي پيغام را به کاربر اعلام نمود و بر روي قسمت status bar پنجره browser پيغام مخصوصي را نمايش داد.
همچنين بخاطر وجود قابليتهاي ويژه اي که در اين نوع برنامه نويسي وجود دارد ميتوان ساعت، تقويم و هر برنامه زماني ديگري نيز تهيه کرد.
1-3-5) تفاوت جاوا و جاوا اسکریپت :

برخلاف شباهت اسمي موجود برنامه Java و JavaScript، هيچگونه شباهتي بين اين دو برنامه وجود ندارد Java يک زبان برنامه نويسي بسيار کامل پيشرفته اي است که توسط شرکت sun microsystem تهيه شده و با استفاده از آن که نسل بعدي برنامه هاي c و ++c ميباشد، ميتوان تمامي برنامه مورد نياز را نوشته و در ضمن قطعات الکترونيکي استفاده کننده را نيز کنترل نمود. از خاصيتهاي ديگر Java اجراي برنامه نوشته شده توسط آن در تمامي مکانها با هرگونه سيستم عامل از قبيل Windows، Unix، Mac os ميباشد.
اساس Java در برنامه هاي client-side براي ايجاد appletها ميباشد، اين برنامه هاي کوچک توسط شبکه اينترنت دريافت شده و درون خود browserها اجرا ميشوند بطوريکه بعلت وجود قابليت همه گير Java، اين برنامه در تمامي browserهايي که قابليت اجراي Java را دارند، کار ميکنند.
ميتوانيد بااستفاده از تگ <APPLET> در سند HTML فرامين Java را بکار بگيريد و سپس هنگامي که browser تگ <APPLET> را مشاهده کرد، applet مورد نظر از server وارد دستگاه شده و در جاي تعبيه شده درون سند HTML اجرا ميشود.
برخلاف شباهت اسمي موجود برنامه Java و JavaScript، هيچگونه شباهتي بين اين دو برنامه وجود ندارد. Java يک زبان برنامه نويسي بسيار کامل و پيشرفته اي است که توسط شرکت sun microsystem تهيه شده و جاوا اسکریپت توسط شرکت netscape.( اساس Java در برنامه هاي client-side براي ايجاد appletها ميباشد، اين برنامه هاي کوچک توسط شبکه اينترنت دريافت شده و درون خود browserها اجرا ميشوند بطوريکه بعلت وجود قابليت همه گير Java، اين برنامه در تمامي browserهايي که قابليت اجراي Java را دارند، کار ميکنند
زبان ترکيبي:
زبان JavaScript يک زبان برنامه نويسي "شي گرا" ميباشد. در اين قسمت مفهوم شي گرايي يک برنامه را با توجه به مفاهيم object مشخصات و اعمال، آنها را توضيح ميدهيم.
1-3-6) Methods
کاري که اشياء ميتوانند انجام دهند، Methods ناميده ميشود، که مثلا خرخر گربه، خرابي کامپيوتر، و چرخش دوچرخه را ميتوان عنوان نمود. اشياء زبان JavaScript نيز داراي methodsهايي ميباشد مثلا عمل کليک براي دکمه ، بازکردن پنجره و انتخاب متن مورد نظر را بدنبال دارد. همانطور که توجه ميکنيد پرانتزها نمايانگر وجود method ميباشند.
کنترل وقايع (handling events)
events عملياتي بوده که کاربر در هنگام مشاهده صحنه طراحي شده انجام ميدهد.
پذيرش (Submitting) يک فرم و تغيير مکان نشانگر ماوس برروي يک تصوير، دو نمونه از حالات و وقايع اتفاق افتاده ميباشند.
توسط دستورات بنام event handlers، اين برنامه وقايع مورد نظر را کنترل ميکند. متداولترين کنترل کننده هاي وقايع در جدول فوق آورده شده اند :

1-3-7) Event
onAbort کاربر با اشياء کاري ندارد.
onBlur کابر شي را تغيير ميدهد.
OnError اسکريپت با اشتباه مواجه ميشود.
onChange کاربر برروي شي کليک ميکند.
onFocuse کاربر يک شي را فعال ميکند.
onLoad بارگزاري شي اتمام ميشود.
onMouseover نشانگر ماوس بر روي شي ميرود.
onMouseout نشانگر ماوس از روي شي کنار ميرود.
onSubmit کاربر يک فرم را پذيرش ميکند.
onUnload کاربر به پنجره کاري ندارد.
onSelect کاربر محتويات شي را انتخاب ميکند


نکات مورد توجه
• زبان JavaScript به حروف بزرگ و کوچک حساس ميباشد.
• نام متغيرها با اعداد شروع نميشود. و در آنها فضاي خالي يا نقطه گذاري وجود ندارد. همچنين نبايد اسمي مشابه با کلمات از قبل رزرو شده و مخصوص JavaScript استفاده کرد.

1-3-8) عملگرها
عملگر، علاماتي بوده که براي کار با متغييرها استفاده ميشوند. مطمئنا با عملگرهاي ساده رياضي مثل جمع، تفريق آشنا هستيد. براي اطلاع بيشتر به ديگر عملگرها به جدول فوق توجه کنيد.
X+Y (عددي) دو عدد X و Y را با يکديگر جمع ميکند.
X+Y (حرفي) عبارت داخلي Y و X را در کنار هم قرار ميدهد.
X-Y Y را از X کم ميکند.
X*Y Y و X را هم ضرب ميکند.
X/Y X را بر Y تقسيم ميکند.
X%Y خارج قسمت X بر Y را نشان ميدهد.
X++ ، ++X به X يک عدد اضافه ميکند. (X=X+1)
X-- ، --X از X يک عدد کم ميکند. (X=X-1)
-X علامت X را عوض ميکند

معادله ها
X=Y مقدار X برابر Y قرار داده ميشود.
X+=Y مانند معادله X=X+Y است.
X-=Y مانند معادله X=X-Y است.
X*=Y مانند معادله X=X*Y است.
X/=Y مانند معادله X=X/Y است.
X%=Y مانند معادله X=X%Y است.

نامعادله ها

X==Y در صورتيکه X،Y مساوي باشند مفهوم، true را بر ميگرداند.
X!=Y در صورتيکه X،Y نامساوي باشند مفهوم، true را بر ميگرداند.
X>Y در صورتيکه X از Y بزرگتر باشد مفهوم، true را بر ميگرداند.
X>=Y در صورتيکه X از Y بزرگتر يا برابر باشد مفهوم، true را بر ميگرداند.
X<Y در صورتيکه Y از X بزرگتر باشد مفهوم، true را بر ميگرداند.
X<=Y در صورتيکه Y از X بزرگتر يا برابر باشد مفهوم، true را بر ميگرداند.
X&&Y در صورتيکه هم X و هم Y صحيح باشد مفهوم، true را بر ميگرداند.
X\\Y در صورتيکه يا X يا Y صحيح باشند مفهوم، true را بر ميگرداند.
X! در صورتيکه مقدار X غير صحيح باشد مفهوم، true را بر ميگرداند.


1-3-10) ابزارهاي مورد نياز

از آنجا که JavaScript يک متن ساده ميباشد، در نتيجه ميتوان از هر ويرايشگر متن کمک گرفت، همچنين ميتوان از يک پردازشکر متن مثل word که فايل را نهايت بصورت text only ذخيره شود، استفاده کرد ولي کلا بهتر است از برنامه اي که حالت plain text که بصورت فرمت استاندارد آن است استفاده نماييد. در سيستم ويندوز اغلب کاربران از برنامه notepad استفاده ميکنند.
و اما شروع ساده ای از جاوا اسکريپت :

برای وارد کردن اسکريپت در خطوط کد HTML از تگ <script> استفاده ميکنيم و سپس در قسمت Type نوع اسکريپت را مشخص ميکنيم :
<script type="text/JavaScript">
و سپس کد مورد نظر را وارد ميکنيم :
Document.write("It's Java Script")
و در انتها بايد تگ اسکريپت را ببنديم :
</script>
نکته ای در مورد سميکالون(Wink :
هنگامی که شما کدهای جاوا يا C را مينويسيد در انتهای هر خط کد از سميکالون استفاده ميکنيد، اما اين امر در جاوا اسکريپت کاملا اختياری است ، البته برای زمانی که شما چند کد را در يک خط قرار ميدهيد استفاده از سميکالون اجباری است.


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




1-4) ASP :
1-4-1 ) ASP چیست؟
یك فایل استاندارد HTML است كه با گروهی از تركیبات افزوده دیگر گسترش یافته است .
همانند فایل استاندارد HTML ، یك ASP می تواند شامل برچسب های HTML كه توسط مرورگر وب نمایش داده می شود باشد .
هر چیزی مثل اپلت ها جاوا ، متن چشمك زن ، اسكریپت ها و كنترل های اكتیواكس روی سرویس گیرنده ، كه بتواند در یك فایل HTML جای دهید ، در یك ASP نیز جای می گیرد .
ASP چند ویژگی دارد كه برخی از آنها را بر می شماریم :
ASP می تواند اسكریپت های سمت سرویس دهنده را در بر داشته باشد .
با به كارگیری اسكریپت های روی سرویس دهنده ASP ، می توان صفحات وبی با اجزای پویا ساخت . اسكریپت های ASP می تواند توسط جاوا اسكریپت و VB اسكریپت ایجاد شود .
ASP شماری از اشیای تعبیه شده را فراهم كرده است.
با به كارگیری اشیای تعبیه شده دسترسی پذیر در یك ASP می توان اسكریپت ها را بسیار نیرومندتر كرد ، در میان اشیای دیگر ، این شیی ها به ما اجازه دریافت و ارسال اطلاعات به مرورگر را می دهد .
برای نمونه با استفاده از شیی Request می توان اطلاعاتی را كه یك كاربر با فرم HTML فرستاده است ، دریافت و به آن اطلاعات توسط یك اسكریپت پاسخ داد .
یك ASP می تواند توسط اجزای افزوده گسترش یابد .
ASP با شماری از اجزای اكتیواكس ، روی سرویس دهنده استاندارد دسته بندی شده است . این اجزا به ما اجازه انجام كارهایی مانند تصمیم گیری در مورد توانایی های مرور گرهای گوناگون یا گنجاندن یك شماره صفحه ، در صفحه وب را می دهد . این بدان معناست كه هیچ مرزی در چگونگی گسترشASP ها وجود ندارد .
یك ASP می تواند اطلاعاتی را با پایگاه داده هایی مانند AQL Sarver یا Ms Access تبادل كند .
با استفاده از مجموعه ویژه ای از اشیا كه اشیا داده ای اكتیواكس نامیده می شوند ، میتوان بسیار ی از پایگاه داده ها را در ASP به كار گرفت .
به كارگیری اكتیوایكس ها شكل توانمندی از ASP ها است . با ASP هایی كه می توانند با یك پایگاه داده ای داد و ستد كنند ، سایت های وب بسیار پیشرفته ای ایجاد خواهند شد .
پس به طور كلی ، ASP یك صفحه استاندارد HTML است كه با اسكریپت های روی سرویس دهنده اشیا و اجزای گسترش داده شده باشد و توسط ASP می توان سایت های وبی را با اجزای پویا و اثرپذیر ساخت .
آنچه با ASP می توان انجام داد :
به طور كلی ASP توانایی های زیر را ایجاد می كند :
اطلاعات را از فرم ها دریافت و در یك پایگاه داده ذخیره كند .
ساخت یك صفحه وب شخصی از مشخصات متناوب كاربران را در بر داشته باشد .
ساخت یك شمارنده صفحه وب .
با توجه به ویژگی های مرورگرهای گوناگون ، صفحات وب گوناگون را نمایش دهد .
صفحات گوناگون را به هم پیوند دهد .

1-4-2 ) ● ASP چگونه كار می كند ؟
شركت میكروسافت ، ASP را با سومین نسخه llS معرفی كرد . با این كار ، سرویس دهنده ای با محتوای ثابت و ایستا به یك سرویس دهنده با محتوای پویا و تأثیر پذیر تبدیل شد .
مهمترین كار llS ، سرویس دادن به صفحات HTML استاندارد است .
هنگامی كه كسی نیاز به یك صفحه وب داشته باشد ، از سرویس دهنده llS استفاده می كند و آن فایل ثابت HTML را از حافظه به دست می آورد و به مرورگر مشخص می فرستد .
llS از دیگر سرویس دهنده های وب جدا است . مهم ترین هدف سرویس دهنده وب ، سرویس دهی به فایل HTML های است .
سرویس دادن به فایل های HTML با گام های زیر پیموده می شود :
۱ ـ یك كاربر ، نشانی اینترنتی فایل HTML ی كه می خواهد را درون خط نشانی می نویسد و با فشردن كلید Enter این درخواست را می فرستد .
۲ ـ مرورگر این درخواست را برای یك سرویس دهده وب مانند llS می فرستد .
۳ ـ سرویس دهنده وب در خواست را دریافت می كند و تشخیص میدهد كه یك فایل HTML درخواست شده است ، زیر پسوند HTM یا HTML دارد .
۴ ـ سرویس دهنده وب آن فایل را از دیسك یا حافظه دریافت كرده ، برای مرورگر می فرستد .
۵ ـ فایل HTML توسط مرورگر شخصی ترجمه و تعبیر می شود و نتیجه در پنجره مرورگر نمایش داده می شود .
البته این فرایند ها اندكی پیچیده تر هستند ، اما این گام ها كاركرد بخش به بخش یك سرویس دهنده وب را نشان می دهند . یك سرویس دهنده ، درخواست را از فایل های ویژه می گیرد و با به دست آوردن آن فایل از یك سخت افزار یا حافظه و فرستادن آن فایل ، پاسخ می دهد .
ASP دگرگونی هایی بسیار را از پی آورد و افزون بر اینكه llS می تواند بر سرویس HTML ایستا به كار می رود ، انجام خدمات HTML پویا و تأثیر پذیر به همان خوبی گذشته نیز بر می آید . با به كارگیری ASP می توان صفحای با محتوای تازه برای پاسخگویی به درخواست های كاربر پدید آورد .
یك ASP با یك فایل HTML عادی تفاوتی بسیار دارد . یك فایل HTML عادی بدون پردازش به مرور گر فرستاده می شود . در یك فایل HTML ، نخست باید همه دستورها اجرا شوند تا یك صفحه HTML را به وجود آید . ASP در بیشتر موارد به صورت كامل مانند یك HTML معمولی كار می كند ، تنها فرقی كه دارد این است كه پسوند آن به جای htm به asp دگرگون شده است.
هنگامی كه درخواستی برای بدست آوردن یك ASP به وجود می آید ، مرور گر یك صفحه HTML عادی دریافت می كند و همین امر موجب سازگاری ASP با تمام مرورگر ها می شود.

1-4-3 ) مقدمه اى بر ASP
يك فايل ASP مى تواند حاوى متون، Tagهاى HTML و اسكريپت ها باشد. اسكريپت ها در يك فايل ASP بر روى سرور اجرا مى شوند.
فرق ASP با HTML چيست؟


فایل‌(های) پیوست شده
.doc  Website_Designing_www.a00b.com.doc (اندازه: 1.25 MB / تعداد دفعات دریافت: 27)


==================================================
طراحی وب سایت
پروژه های برنامه نویسی تجاری
دانلود پروژه های ASP.NET وب سایتهای آماده به همراه توضیحات
دانلود پروژه های سی شارپ و پایگاه داده SQL Server همراه توضیحات و مستندات
دانلود پروژه های UML نمودار Usecase نمودار class نمودرا activity نمودار state chart نمودار DFD و . . .
دانلود پروژه های حرفه ای پایگاه داده SQL Server به همراه مستندات و توضیحات
پروژه های حرفه ای پایگاه داده Microsoft access به همراه مستندات و توضیحات
دانلود پروژه های کارآفرینی
دانلود گزارشهای کارآموزی کارورزی تمامی رشته های دانشگاهی
قالب تمپلیت های آماده وب سایت ASP.NET به همراه Master page و دیتابیس
برنامه های ایجاد گالری عکس آنلاین با ASP.NET و JQuery و اسلایدشو به همراه کد و دیتابیس SQL کاملا Open Source واکنشگرا و ساده به همراه پایگاه داده
==================================================
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


پیام‌های داخل این موضوع
دانلود مقاله word doc آموزش طراحی وب سایت های مجتمع های آموزشی - ali - 07-13-2020 12:09 PM

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان