مقدمه ای بر HTMAL و طراحی صفحات وب

موضوع : مقدمه ای بر HTMAL و طراحی صفحات وب

توضیح: این فایل به صورت ورد و آماده چاپ می باشد

مقدمه
هر كسي مي‌تواند سايت web متعلق به خود ايجاد نموده و سپس به عموم مردم دنيا توسط اينترنت معرفي نمايد. بعضي از صفحات web  متعلق به تجارت و بازرگاني كه همراه با سرويسهاي متعدد فروشي است و بعضي ديگر براي در دسترس قرار دادن اطلاعات فردي خود مي‌باشد. ما بايد تصميم بگيريم كه صفحة web مورد نظرمان چگونه و مانند چه نوع صفحه‌اي باشد.
تمام صفحات وب با HTML نوشته مي‌شوند. HTML به شما توانايي تعيين فرمت متن و اضافه كردن گرافيك – صدا- تصوير ويدئويي همراه باقابليت ضبط بصورت متني با فيلهاي اسكي كه هر كامپيوتري مي‌تواند آنرا بخواند مي‌دهد البته براي ارجاي صدا يا تصاوير ويدئويي كامپيوتر بايد داراي سخت افزارهاي لازم را دارا باشد. كليدهاي مربوط به برنامه‌نويسي توسط HTML تك گفته مي‌شود اين تگها دورن دو علامت كوچكتر (<) و بزرگتر(>) قرار مي‌گيرند.
از آنجائيكه برنامه‌هاي نرم‌افزاري متعددي براي ساختن كدهاي HTML وجود دارد بنابر اين فراگيري HTML بمعناي اين است كه شما هرگز به نوع برنامه‌اي محدود نخواهيد شد. در واقع شما قادر خواهيد بود كه هر آنچه مورد نياز شماست بدون تلاش در يك نر‌م‌افزار گيج كننده بدست آوريد بطوريكه نيازي به روز درآوردن نرم‌افزار نخواهيد
داشت.
اينترنت HTML,WEB
بطور بسيار ساده اينترنت مجموعه‌اي از كامپيوترها ي جهاني مي‌باشد كه تمام آنها به يكديگر متصل هستند بطور نمونه بعضي از مردم در دانشگاهها و شركتهاي بزرگ هستند كه 24 ساعته به اينترنت متصل هستند. در صورتيكه ديگران با استفاده از يك مودم كامپيوتر خانگي خود را در مدت زماني مخصوص در روز به اين شبكه متصل مي‌كنند بدون توجه به اتصال هنگاميكه شما متصل مي‌باشيد شما و كامپيوترتان يك جزئي از اينترنت شده و با ديگر كامپيوترهايي كه در آن لحظه متصل مي‌‌باشند ارتباط برقرار كرده‌ايد.
World wide web در جاي خود بسيار لطيف‌تر و زيباتر است بطوريكه شامل مجموعه‌اي از صدها ميليون سند كه هميشه بطور سريع قابل تغيير مي‌باشند است كه همه آنها در محلي از اينترنت بصورت HTML قرار گرفته‌اند.
HTML خود داراي دو مشخصه اساسي است يك فوق متن و ديگري عموميت آن. در فوق متن مي‌توان پيوندي در صفحة web ايجاد كرد كه اين پيوند بيننده را به هر صفحة ديگر و يا بطور كلي به هر جاي ديگر راهنمايي كند. بدين صورت كه به اطلاعات درون web مي‌توان از جهتهاي بسيار متفاوت دسترسي پيدا كرد. و اما عموميت بدين معناست كه چون سندهاي HTML بصورت كدهاي ASCII و يا فايلهاي فقط متني ضبط و ذخيره مي‌شود بنابراين بايد هر كامپيوتر مي‌تواند صفحة web را بخواند اصلاَ مهم نيست كه بينندگان صفحات وب از مكينتاش استفاده مي‌كنند يا از ماشينهاي با سيستم عامل windows و يا در يك جعبه unix پس web برروي همه باز است.
ظاهر مختلف Browser ها
به هر حال با وجود اينكه HTML براي همه قابل دسترسي مي‌باشد ولي قابليت دسترسي همگاني لزومي به نمايش همگون و يكساني بين افراد نمي‌باشد. بدين معنا كه در Browser هاي مختلف ممكن است يك صفحة HTML بصورتهاي متفاوتي مشاهده گردد ولي در هر صورت توسط يك سري دستور در HTML نوشته شده‌اند.
عملاَ هر كامپيوتر قابليت توانايي نمايش صفحات WEB را دارد ولي در واقع شكل و شمايل اين صفحات به نوع كامپيوتر، مونيتور، سرعت انتقال خط به اينترنت و نهايتاَ نرم‌افزار بكارگرفته شده براي نمايش اين صفحات بستگي دارد.
اما هميشه بايد در نظر داشت كه كنترل و مراقبت براي يكسان سازي نمايش در Browser هاي مختلف محدود مي‌باشد.
نوشتنHTML : 
برا ي نوشتن يك سند HTML از هر برنامة پردازشگر word يا تصحيح كننده متن مي‌توان استفاده كرد.
تكهاي HTML :
تكها دستوراتي هستند كه بين دو علامت كوچكتر وبزرگتر نوشته مي‌شوند بدين وسيله Browser متن مربوط به دستورات را نشان مي‌دهد.
ايحاد صفحات Web :
طراحي سايت مورد نظر
اگر چه مي‌توان از اين مرحله عبور كرد  شروع به نوشتن صفحه web با استفاده از HTML نمود اما بهتر است كه ابتدا طراحي سايت مورد نظرمان را تجزيه و تحليل كنيم با اين روش بهترين نوع مسير طراحي را پيدا نموده و از سازماندهي مجدد سايت در آينده جلوگيري مي‌كنيم.
براي اينكه سايتمان را طراحي كنيم :
1-    ابتدا بايد بدانيم كه به چه منظوري مي‌خواهيم سايت را طراحي كنيم و هدف ما انتقال چه نوع اطلاعاتي به شبكه اينترنت مي‌باشد.
2-    به مخاطبين خود فكر مي‌كنيم كه چگونه مي‌توانند محتواي سايت ما به آنها انتقال يابد؟ بعنوان مثال بايد از تصاوير گرافيك زياد استفاده كرد يا اينكه اهميت دسترسي سريع به صفحات را مد نظر قرار دهيم.
3-    به چند صفحه نياز داريم؟ ترتيب ساختار سايت چگونه بايد باشد؟ آيا مي‌خواهيم بينندگان سايت ما در جهت مخصوصي پيش بروند و يا مي‌خواهيم براي راحتي كار امكان دستيابي به تمام قسمتهاي سايت را بطور مستقيم برقرار كنيم؟
4-     سايت مورد نظر خود را روي كاغذ بطور خلاصه تشريح كنيم.
5-     يك نمونه صفحه براي خود ابتدا ايجاد كنيم و سپس نامگذاري سازگاري را براي صفحات تصاوير و ديگر فايلهاي خارجي خود در دنيا در نظر بگيريم.
هيچگاه در فاز طراحي سايت افراط‌گونه عمل نكنيد ابتدا بطور كامل تجريه و تحليل و سپس عمل كنيد.
اگر با web خيلي آشنا نيستيد ابتدا جستجويي در شبكة اينترنت انجام مي‌دهيم. تا بتوانيم از امكانات و راه‌حلهاي مختلف براي طراحي در سايت خود بهره بگيريم.
سازماندهي فايلها:
بهتر است قبل از شروع به ايجاد فايلهاي مورد نظر در مودر محل قرارگذاري آنها كمي
فكر كنيم.
براي اينكه فايلها را سازماندهي كنيم:
1-    ابتدا يك پروندة مركزي براي نگهداري تمام مواردي كه براي سايت خود طراحي و ايجاد مي‌كنيم درست مي‌كنيم.
2-    پوشة اصلي را بگونه‌اي تقسيم‌بندي مي‌كنيم كه منعكس كنندة سازماندهي سايت web مورد نظرمان باشد. مثلاَ يك پوشه براي سندهي HTML يكي براي تصاوير و يكي براي فايلهاي خارجي در نظر بگيريم. ولي در صورتيكه سايت ما بزرگ باشد كه در نتيجه داراي صفحات زيادي خواهد بود بهتر است آنرا به بخشها و دسته‌هاي بيشتر تقسيم‌بندي كرده و تصاوير را در پوشه‌اي جداگانه قرار دهيم.
براي اينكه يك صفحة web جديد باز كنيم.
1-    يك برنامة word را باز مي‌كنيم.
2-    ابتدا File را براي ايجاد يك فايل جديد انتخاب مي‌كنيم.
3-    بااستفاده از تگهاي HTML برنامة مورد نظر خود را مي‌نويسيم.
4-    فايل خود را با پسوند » .htm « ذخيره مي‌كنيم.
فهرست مطالب
مقدمهاي بر HTML و طراحي صفحات وب
مقدمه    1
اينترنت HTML,WEB    2
ظاهر مختلف Browser ها    3
نوشتنHTML :    4
تكهاي HTML :    4
ايحاد صفحات Web :    4
طراحي سايت مورد نظر    4
براي اينكه سايتمان را طراحي كنيم :    5
سازماندهي فايلها:    6
دستور شروع كردن صفحة web :    7
براي شروع كدن صفحة web :    7
استفاده از تگهاي پايه‌اي > HEAO < و > Body <    7
براي ايجاد قسمت سر(HEAD )    8
براي ايجاد قسمت بدنه(Body )    8
تماشاي صفحة وب در Browser :    8
محيط و ابزارهاي Visual studio  توضيحي براي پروژه    9
( بانك اطلاعات)    10
( فيلدها)    11
برنامه در Asp.net چگونه كار مي‌كند؟    11
( پسوند فايلهاي برنامه)    12
( ويژگي‌هاي آداپتور داده)    12
( چگونگي DataGrid  در برنامه)    13
استفاده از كنترل(Data Grid ) براي نمايش و تغيير در ركوردها    14
ارتباط با جداول پايگاه داده:    15
دستورات up date,Fill,clear,D1clear    16
مجموعه كلاسهاي Frame work.net    17
مفهوم ميدان اسامي    19
معرفي كنترلهاي ASP.NET    22
فوايد كنترلهاي ASP.NET    22
يك مدل از شيء دروني:    24
سازگاري با مرورگر    24
كنترلهاي ASP.NET    25
كنترلهاي HTML اي:    25
كنترلهاي وبي:    26
افزودن منطق برنامه‌اي به صفحات ASP.NET    27
دايركتورها    28
بلوكهاي اعلان كد:    29
كنترلهاي ASP.NET :    29
بلوكهاي پردازش كد:    30
توضيحات طرف سرور:    30
دايركتورهاي include :    31
نوشته‌هاي ساده و HTML :    31
عمليات معمول در بانكهاي اطلاعاتي    33
اتصال به بانك اطلاعات:    33
بازيابي ركوردها از جداول بانك اطلاعات:    34
ركورد اضافه كردن بانك به اطلاعات:    35
اصلاح ركورد:    36
استفاده از كنترلهاي Data List و DataGrid    37
مروري بر كنترلهاي Data list و Data Grid :    37
مفهوم انتقال ايونت:    37
استفاده از الگوها:    38
استفاده از كلكسيون Datakays :    41
استفاده از كليد كنترلData List    41
نمايش داده‌ها با Data list :    42
نمايش داده‌ها بصورت چند ستوني با Data List    42
استفاده از كنترل Data Grid    43
تعريف ستون در Data Grid :    43
افزودن ستوني از نوع Bound Colum به Data Grid :    44
افزودن ستوني از نوع Hyper Link Colum به Data Grid :    44
افزودن ستوني از نوع Template colum به Data Grid:    45
خصوصيات مورد حمايت Template colum عبارتند از:    46
صفحه‌بندي ركوردها در Data Grid :    47
استفاده از كنترل Data set:    48
آشنايي با Data set :    48
اضافه‌كردن جدول به Data set:    52
استفاده از Dataset  در صفحاتASP.NET :    53
ذخيره و نگهداري Dataset :    53
ساخت برنامه‌هاي كاربردي ASP.NET    54
مروري بر برنامه‌هاي كاربردي ASP.NET :    54
ASP كلاسيك:    56
استفاده از Application state :    57
مفاهيم state برنامه و هماهنگ سازي:    58
استفاده از فايل Global . asax :    59
مفهوم context و استفاده از آن در فايل Global. Asax    60
استفاده از فايل web.config:    61
ساخت فرمهاي هوشمند و بانك اطلاعاتي sqlserver    63
ساخت فرم‌هاي هوشمند:    63
استفاده از كنترل Lable:    63
كنترل Text Box:    64
كنترلهاي دكمه‌اي:    65
كنترلهاي راديويي:    66
كنترل Radio Buttom:    66
كنترل Radio Buttom- List :    67
كنترل check Box List :    68
كنترل List Box :    68
پايگاه داده چيست؟    69
اشياء پايگاه داده‌اي رابطه‌اي:    69
طراحي پايگاه داده‌اي رابطه‌اي:    71
نرمال‌سازي داده‌ها:    73
ايجاد يك پايگاه داده:    73
جمع‌آوري اطلاعات پايگاه داده:    74
تغيير اندازه پايگاه داده:    75
جداول:    75
ستونها:    75
بسط پايگاه داده:    76