ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش برنامه نویسی وب سایت پویا 180 صفحه doc
02-07-2018, 11:30 AM
ارسال: #1
آموزش برنامه نویسی وب سایت پویا 180 صفحه doc
چکيده
در اين پروژه که طراحي يک سايت سفارش محصول توسط کاربر که مربوط به شرکت ابزاربندي خراسان است. شامل امکاناتي نظيرايجاد کاربر توسط Admin، ارسال مطلب و برقراري ارتباط با Admin و پيگيري پيشرفت کار توسط کاربر مي باشد، سعي ما بر اين بوده است که بر پايه برنامه نويسي وب پويا با استفاده از زبان اسکريپتي PHP و زبان هاي کلاينت سايد JavaScript و CSS، سيستمي طراحي کنيم که کاربر از راه دور بتواند محصولي را سفارش و پيشرفت آن را پيگيري نمايد. با توجه به اين هدف، امکاناتي را براي مديريت سايت ايجاد نموديم تا Admin بتواند کاربري را ايجاد و اطلاعات آن را ويرايش نمايد.

در همين راستا از ابزارهايي نظير :
PHP V5.0.0, PHP MyAdmin 4, MySQL, Adobe Photo Shop CSII, DreamWeaver MX 2004, ImageReady

در امر طراحي و پياده سازي پروژه بهره جسته ايم.

مقدمه
در آغاز وب يك رسانه ايستا بود وشکل آن مثل يک کتاب الکترونيکي بود. سايت هاي وب وقتي که ساخته شدند به مدت چندين ماه تغيير نمي کردند. با رشد وب به قوت هاي آن نيز پي برده شد. به اين ترتيب وب از حالت يکنواخت وايستا درآمد بطوري که ظاهر و محتويات آن زودتر تغيير مي کرد ويک بازي يا يک پردازنده در وب در هر بار که استفاده مي شد تغيير مي کند.
در واقع ايجاد سايت هاي پويا براي کسانيکه از اينترنت استفاده مي کنند الزامي است در غير اين صورت سايت هاي او به عنوان يک شهر متروکه محسوب خواهد شد در گوشه اي از ديسک سخت فسيل شده.
بعضي از ويژگي هاي پويايي که مخاطبين اينترنت به آنها علاقمندند عبارتند از:
• حساسيت به زمان به جاي محتويات دائره المعارفي
• تغيير محتويات وسبک طراحي
• سازگاري با نسلهاي جديد سخت افزار نرم افزار واستاندارهاي تحويل اطلاعات
• پشتيباني از ارتباط با مخاطبين سايت
• مديريت موثر براي افزايش کيفيت اطلاعات
به هر حال سالانه هزاران سايت وب به دليل کهنه شدن از دور خارج مي شوند که براي همين سايت هايي که از دور خارج مي شوند هزينه هاي زيادي مصرف شده است.
در سال 1997 حدود هزار سايت وب از رده خارج شده و در سال 1998 تقريباً 2000 سايت از دور خارج گرديد.اصولا سايت هاي پوياي موفق در صف مقدم تحويل محاوره اي قراردارند .
اينترنت شبکه اي از شبکه هاي مرتبط به يکديگر بوده که بر روي آن سرويس هاي متعددي بمنظور ارائه خدمات فعال مي باشند. بدون شک سرويس وب يکي از مهمترين سرويس هاي موجود بر روي اينترنت است که بيشترين تاثير را در عموميت يافتن اينترنت در سطح جوامع بشري برعهده داشته است. وب در نگاه اول مانند يک سيستم اطلاعاتي توزيع شده است . در سيستم فوق اطلاعات ( با اشکال متفاوت ) بر اساس استانداردهاي مربوطه و با يک ساختار مشخص قرار گرفته و با استفاده از ارتباطات تعريف شده بين اطلاعات مي توان بسرعت و بسادگي از اطلاعات موجود استفاده کرد. ارائه دهندگان اطلاعات با پيروي از اصول موجود اطلاعات خود را در سيستم فوق قرار داده و جستجو کنندگان اطلاعات با استفاده از ابزارهائي خاص قادر به جستجو و دستيابي به اين اطلاعات خواهند شد. وب در سال 1991 توسط " تيم - برنرز لي " ابداع گرديد.

مراحل پردازش اطلاعات يك فرم HTML
* اطلاعات موجود در وب در حريم هاي اطلاعاتي با نام " صفحات وب " ذخيره مي گردند. اندازه ونوع محتويات اين نوع صفحات کاملا" متغير بوده و نمي بايست در اين راستا يک صفحه وب را با يک صفحه کتاب مقايسه کرد گرچه شباهت هاي اندکي نيز بين آنها وجود داشته باشد.
* محتويات يک صفحه وب مي تواند، متن گرافيک صدا تصوير انيميشن و ... باشد. گستردگي و تنوع نوع اطلاعاتي که مي توان در صفحات وب قرار داد يکي از مهمترين ويژگي هاي قابل توجه وب از ديدگاه ارائه دهندگان اطلاعات از يک طرف و استفاده کنندگان از اطلاعات از طرف ديگر مي باشد.
* صفحات وب از لحاظ فيزيکي فايل هايي هستند که توسط نرم افزارهاي مربوطه بوجود آمده و داراي انشعاب "htm" و يا "html" مي باشند. براي ايجاد اين نوع صفحات مي توان از تمام نرم افزارهائي که بنوعي قادر به ايجاد و ذخيره سازي يک فايل هستند استفاده کرد. ( Notepad نمونه اي از اين نوع نرم افزارها است ). امروزه نرم افزارهاي کاملا" حرفه اي براي ايجاد و مديريت صفحات وب توسط شرکت هاي نرم افزاري ايجاد شده است . FrontPage ,Hotmetal,... نمونه هائي در اين زمينه مي باشند.

* پس از ايجاد صفحات وب در صورت نياز و استفاده عموم ( داخلي ، خارجي ) مي بايست آنها را بر روي يک سايت ذخيره نمود. يک وب سايت مجموعه اي از صفحات وب را شامل مي گردد.
* ارائه دهندگان اطلاعات پس از آماده سازي صفحات وب و استقرار آنها بر روي يک وب سايت زمينه استفاده از اطلاعات فوق را براي استفاده کنندگان فراهم مي نمايند. استفاده کنندگان با استفاده از نرم افزارهائي موسوم به " مرورگر " قادر به دستيابي به يک وب سايت و درخواست اطلاعات مورد نياز خود مي باشند.
* تمام صفحات وب داراي مجموعه دستورالعمل هائي هستند که نحوه نمايش اطلاعات مورد نظر را مشخص خواهد کرد. رايج ترين مجموعه دستورالعمل هاي نمايش در صفحات وب تگ هاي Html مي باشند.

معماري عمومي وب:

براي تشريح بهتر برنامه هاي كاربردي تحت وب (Web based applications) مدرن و امروزي، معمولا آنها را به 4 لايه مستقل تقسيم مي كنند. لايه مشتري يا Client، لايه هاي مياني كه عبارتند از presentation و Business و در نهايت آخرين لايه كه عبارت است از لايه داده يا Database. معمولا لايه هاي مياني در يك لايه مجتمع شده و در نتيجه يك مدل ساده شده 3 لايه اي به دست مي دهند.
لايه مشتري يا Client بخشي از اين معماري است كه توسط كاربر وب مشاهده مي شود. بقيه لايه ها بر روي كامپيوترهايي قرار دارند كه ممكن است صدها كيلومتر از مشتري فاصله داشته باشند. لايه مشتري در اين مدل همان مرورگر وب است كه بر روي كامپيوتر كاربر صفحات وب را نمايش مي دهد. در اين لايه علاوه بر امكان نمايش اطلاعات، امكان ورود و برخي پردازشهاي اطلاعاتي نيز وجود دارد.
معمولا دو گونه پياده سازي از لايه مشتري وجود دارد. در روش اول از هوشمند بودن كامپيوتر كاربر و قابليتهاي پردازشي آن استفاده اي نمي شود. هنگامي كه كاربر اطلاعات يك فرم را تكميل مي كند و يا درخواست صفحه خاصي را دارد، كليه عملياتهاي پردازشي در لايه هاي مياني انجام مي گيرد و صفحه هاي جديدي كه حاوي نتايج اين پردازشها هستند براي او ارسال مي گردند. اين روش را اصطلاحاً Dump HTML Client مي نامند.
اما در روش دوم از هوشمندي كامپيوتر كاربر به خوبي استفاده مي شود. در اين روش برخي پردازشهاي خاص توسط كامپيوتر مشتري و مرورگر موجود بر روي آن صورت مي گيرد. در اين حالت كامپيوتر مشتري را Semi Intelligent Client مي نامند. براي انجام اين پردازشها معمولا از زبانهاي اسكريپت نويسي نظير vbscript و يا javascript استفاده مي شود. توانايي مرورگها در اينجا اهميت مي يابد.

معماري سه لايه برنامه هاي كاربردي تحت وب:
لايه presentation وظيفه ارائه محتويات ديناميك صفحات وب را بر عهده دارد. روشهاي پياده سازي اين عمليات بر روي كامپيوترها (web server) متنوع است. تكنولوژيهاي مختلف نظير CGI, PHP, ASP, JSP, Servlet, .... لايه presentation معمولا درون برنامه هاي وب سرور نظير Apache web server و يا Microsoft IISو ... پياده سازي مي شود. وب سرورها توانايي دريافت و اجراي چندين درخواست از سوي برنامه هاي كاربردي لايه هاي ديگر و همچنين كاربران را به طور همزمان دارند. اين نرم افزارها بر اساس يك پيكربندي اوليه مي دانند كه درخواستهاي كاربر را بايد به كدام برنامه كاربردي ارجاع دهند.
لايه Business بيشترين حجم عمليات يك سايت مدرن امروزي را انجام مي دهد. عملياتهاي نظير مديريت نشستها، مديريت دستيابي به بانكهاي اطلاعاتي و... از جمله اين عملياتها هستند. روشهاي گوناگوني براي پياده سازي اين لايه وجود دارد نظير استفاده از اشياي COM متعلق به شركت مايكروسافت و يا استفاده از متناظرهاي آن متعلق به شركت SUN. راه حلهاي قديمي نيز براي پياده سازي اين لايه وجود دارد نظير استفاده از CORBA Objects. برنامه هاي لايه Business معمولا درون برنامه هايي موسوم به Application Server پياده سازي مي شوند نظير Microsoft MTS, Oracle Application Server لايه Database يا لايه داده مسئول نگهداري اطلاعات است و مي تواند شامل مجموعه اي از اطلاعات به صورت بانكهاي اطلاعاتي مدرن يا فايلهاي ساده و ... باشد. تكنولوژيهاي مختلف طراحي اسناد وب در حالت كلي سايتهاي اينترنتي را مي توان به دوگروه ثابت (static) و پويا (dynamic) تقسيم كرد. براي طراحي هر كدام نيز ابزارهاي مختلفي وجود دارد.
مراحل پردازش درخواست سرويس گيرنده توسط سايت با ساختار ثابت در سايتهاي با ساختار ثابت همانگونه كه قبلا نيز گفتيم، محتويات به صورت يك سري صفحات وب HTML طراحي و روي سايت قرار مي گيرند. با هر درخواست براي يك صفحه مشخص، صفحه موردنظر براي سرويس گيرنده ارسال مي شود اما در سايتهاي با ساختار پويا با هر درخواست سرويس گيرنده بر روي سرويس دهنده پردازشي به منظور ساخت صفحه مورد نظر صورت مي گيرد و نتيجه پردازش به صورت يك صفحه حاوي كدهاي HTML براي سرويس گيرنده ارسال مي شود.
آنچه كه براي سرويس گيرنده ارسال مي شود چيزي جز صفحه حاوي تگهاي HTML نيست. در ميان تكنولوژيهاي مختلفي كه وجود دارد مهمترين ها و پراستفاده ترين تكنولوژيها به شرح زير هستند:

1)HTML

اين تكنولوژي ساده ترين فرم انتشار اسناد در وب است. در اين تكنولوژي صفحات يك وب سايت به صورت ايستا كدگذاري شده و سپس انتشار مي يابند. اين روشي است که در بسياري از وب سايت‌هاي شخصي که در ابتداي پيدايش وب ساخته شده اند بکار رفته است. در اينجا توليد کننده با دانستن html و يا با استفاده از ابزاري که چنين کدهايي را توليد مي کنند، صفحات خود را مي سازد. براي يک وب سايت ساده با تعداد محدودي از صفحات ايستا شايد اين يک روش قابل قبول باشداز مزاياي اين تكنولوژي مي توان به سادگي و عدم نياز به برنامه نويسي و آشنايي با زبان خاص كدنويسي اشاره كرد. علاوه بر اين پشتيباني گسترده اين روش توسط نرم افزارهايي كه قادر به توليد اينگونه صفحات از طريق تكنيكهاي Visual هستند نيز از ديگر مزيتهاي اين روش محسوب مي گردد. اسنادي كه به اين روش توليد مي گردند معمولا از سرعت بارگذاري خوبي برخوردار هستند (به دليل عدم نياز به انجام پردازش در سمت Server). اما عليرغم تمامي ويژگيهاي ذكر شده اين روش مشكلاتي نيز دارد.
نخست اينكه اين شيوه قادر به توليد صفحات ديناميك نيست. ديگر اينكه با تركيب محتوا (content) و قالب (Style) باعث بروز مشكل در ايجاد تغييرات در صفحات مي گردد. به بيان معادل، هزينه ايجاد و اعمال تغييرات در صفحات بالاست.
به همراه اين تكنولوژي ابزارهاي ديگري براي برنامه سازي Client-Side نيز وجود دارد. برخي از اين ابزارها كه بيشتر مورد استفاده قرار مي گيرند عبارتند از Java Script، VBScript. البته به كمك تلفيق اين تكنولوژي با زبانهاي اسكريپت نويسي مذكور و نيز استفاده از مفاهيم CSS مي توان صفحاتي طراحي كرد كه محتويات ديناميك داشته باشند ليكن اين قدرت به Client محدود مي گردد و علاوه بر آن مشكل تركيب محتوا و قالب همچنان پابرجاست.
2) تكنولوژي CGI (تكنولوژي مرتبط با طرف سرويس دهنده) يك برنامه CGI بوسيله سرويس دهنده وب در پاسخ به درخواست ايجاد شده توسط مرورگر وب، اجرا مي شود. سرويس دهنده وب به عنوان واسط ميان مرورگر و برنامه CGI، درخواست مرورگر را به برنامه و خروجي برنامه CGI را براي پردازش به مرورگر وب ارسال مي كند. براي مثال ممكن است برنامهاي نقطه نظرات كاربر را دريافت نموده و آن را به شكل يك پيام الكترونيكي براي مسئول سايت ارسال كند. تقريباً هرنوع زبان برنامه نويسي را مي توان براي نوشتن يك برنامه CGI بكار برد. CGI واسط تعريف شده مابين سرويس دهنده وب و برنامه خارجي است كه مايليد آن را بنويسيد.
حال سوال اين است كه يك برنامه CGI چه كاري نمي تواند انجام دهد. اين برنامه نمي تواند به طور مستقيم با كاربر ارتباط برقرار كند. همچنين نمي تواند اطلاعات را از خط اعلان، منوها يا ساير بخشهاي تعاملي دريافت يا نمايش دهد. اين برنامه ها تصاوير گرافيكي را نيز نمايش نمي دهند؛ اگر چه مي توانند داده هاي باينري ، كه در حقيقت تصوير هستند را توليد كنند، اما هيچ نوع واسط گرافيكي براي ارتباط با كاربر در اختيار برنامه ساز نمي گذارند.
يك برنامه CGI براي عملكرد صحيح و مناسب نيازمند شرايط زير است:

1- برنامه با وارد كردن نام آن در خط فرمان (Command Line) قابل اجرا باشد.

2- برنامه بايد يك سرآيند (Header) مناسب و معتبر از نوع محتويات (Content) توليد كند. محتويات خروجي يك برنامه CGI ميتواند كد HTML، تصاوير GIF، فايلهاي متني، مستندات مايكروسافت Word و يا فايلهاي صوتي باشد. سرآيند نوع محتويات كه توسط برنامه CGI توليد مي شود، نوع محتويات بازگشتي را مشخص مي كند و مرورگر مي تواند عمليات مناسب را بر اساس آن انجام دهد.
ماداميكه يك برنامه توسط سرويس دهنده وب قابل اجرا باشد و اين برنامه خروجي معتبري نيز توليد كند، كاربرد آن به عنوان يك برنامه CGI قابل قبول است.
3- تكنولوژيهاي مرتبط با طرف سرويس دهنده: ASP,PHP,JSP اين سه نمونه از معروفترين تكنولوژي هايي است كه در انتشار صفحات وب ديناميك در طرف سرويس دهنده به كار گرفته مي شوند. جداي از اختلاف هاي موجود ميان آنها، هر سه امكاناتي را براي اجراي يك برنامه در Server و توليد خروجي HTML به صورت ديناميك فراهم مي كنند. در اين تكنولوژيها كد برنامه و كدهاي HTML با هم تركيب مي شوند.
توليد ديناميك صفحات وب و برنامه نويسي به فرم Scripting از مزاياي اين تكنولوژيها به صورت عام مي باشند. اما در نهايت تركيب محتوا (Content)، قالب بندي (Format) و منطق برنامه(Logic) پيچيدگي بيشتري را نسبت به HTML سبب مي گردند.

الف) PHP

PHP مخفف Hypertext Preprocessor يك زبان Scripting و Server-Side مي باشد. يك Script به كدي از برنامه مي گويند كه بصورت ابتدايي Compile نمي شود و فقط در صورت فراخواني و يا درخواستي براي اجرا توسط مفسّر زبان مورد نظر ترجمه مي شود و به خروجي فرستاده مي شود. اين به اين معني ميباشد كه شما دقيقاً كد برنامه خود را در جاي مورد نياز به كار مي بريد و رابط اجرايي برنامه آنرا به مفسّر مورد نظر ارجاع مي دهد.
بعد از نصب مفسّر PHP شما قادر خواهيد بود كه از كدهاي PHP به همراه كدهاي HTML خود در صفحات Web استفاده كنيد و همچنين مي توانيد Script هاي صرفاً PHP خود را به عنوان ترمينالهاي تفسير كننده داده ها و رابطهاي ورودي و خروجي بر روي سرور خود قرار دهيد چگونگي پردازش درخواستهاي وب با/بدون PHP خطوط قرمز رنگ حالت استاتيك سايت و خطوط آبي رنگ پردازشهاي اضافي مورد نياز در حالت ديناميك را نشان مي دهند فكر اوليه PHP در پاييز سال 1994 توسط Rasmus Lerdorf ) (rasmus@php.net شكل گرفت. در ابتدا نگارشي از PHP در صفحه شخصي وي به كار گرفته شد ، تا اطلاعاتي از كساني كه روزانه وي را مي بينند ، نگاه داشته شود. اولين نگارش عمومي آن در اوايل سال 95 ارايه شد با نام ” Personal Home Page Tools “ معرفي گرديد . كه البته شامل پارسري بسيار ساده بود كه ماكروهاي خاصي را مي شناخت و نيز برخي كاربردهاي مشترك در صفحات شخصـي مانند شمـارنده يا Guestbook و برخـي ابزار هاي ديگر را شامل مي شد.
پارســر در نيمــه سال 95 بازنويســي شد و با نـــام “ PHP/FI نگارش 2 “ ارايه گرديد . FI نام بسـته نرم افزاري ديگري از Rasmus بود كه فرم هاي داده HTML را تفسير مي كرد. پس از آن بسياري از PHP در كــد هاي خود استفاده كردند. در ميانه سال 96 ميزان استــفاده كنندگان به حـــدود 15 هـزار سايت رسيد. اين ميــزان در نيمه سال 97 در حدود 50 هزار سايت مختلف بود. در هـمين زمان PHP از حالت يك پروژه شخصي درآمد و توســط تيمي توسـعه يافت. اين گروه نگارش جديدي از PHP را ارايه دادند و پارسر آن را بازنويسي نمودند. PHP3 به سرعت مورد استفاده قرار گرفـت. هم اكنـون نيز PHP4 آخرين نگارش اين محصول است كه در آن از موتور اسكريپت Zend براي بدست آوردن قابليت هاي بيشتر استفاده شده است .
امروزه ، PHP3 و PHP4 بر روي بسياري از محصولات تجاري مانند “ RedHat’s Stronghold web Server ” ارايه مي گردد. هم اكنون برآورد مي شود بيش 5.100.000 سايت از PHPدر طراحي استفاده كرده اند.
دلايل زيادي در محبوبيت و استفاده از اين زبان در حال حاضر وجو دارد برخي از اين دلايل عبارتند از: * سرعت : در مقايسه با تكنولوژي نظير ASP به دليل عدم استفاده PHP از Engine هاي مختلف و متفاوت كدهاي PHP از سرعت بالايي برخوردارند.
* نزديك بودن Syntax به ++C/C و Java :از آنجاﺋيكه اكثر برنامه نويسان از ++C/C استفاده كرده اند و بخاطر محبوب بودن بي حد Java معمولا با Syntax هاي اين دو زبان اكثرا آشنا هستند . PHP هم اكثر Syntax هاي خود را شبيه به اين زبانها انتخاب كرده است.

* OpenSource بودن PHP
* اجرا بر روي Platform هاي مختلف : به دليل آنكه توسط GNU C Compiler در همه Platform ها قابل Compile شدن است و از Engine هاي خاص هيچ سيستم عاملي براي اجراي كدها استفاده نمي كند قابليت اجرا بر روي تعداد زيادي از سيستم عامل ها را داراست كه اين يك مزيت براي توسعه دهندگان سيستم محسوب مي شود .

ب) Servlet :
يك كلاس در زبان جاوا است كه در سرويس دهنده اجرا مي شود. در اين كلاس از دستورات Printh براي توليد يك خروجي HTML استفاده مي شود. توليد ديناميك صفحات وب از مزيتهاي اين روش است اما پيچيدگي توليد كدهاي HTML به كمك دستورات Printh و در حقيقت تركيب محتوا قالب و منطق باز هم از معضلات اين روش محسوب مي گردد
امروزه نقطه تمركز بسياري از تلاشها جداسازي سه عنصر محتوا، قالب و منطق برنامه از يكديگر در طراحيهاي مبتني بر وب است. XML به عنوان يكي از اجزا بسياري از اين تكنولوژيها مطرح است.

ج) XML :
يک markup language است که در آن مي توان از متون و Tagها براي ارايه يک سند استفاده نمود. برخلاف html که داراي Tagهاي ثابت و استانداردي است، در xml مي توان Tagهاي دلخواه را استفاده نمود. همچنين در اينجا هر Tag بايستي با يک Tag متناظر بسته شود. به همين خاطر xml يک فرم خوش ساخت دارد.
امروزه استفاده از xml بسيار متداول و متنوع است. در هر حال بيشترين استفاده از آن در يکپارچه سازي سيستم ها و خصوصا در توليد سيستم هاي کاربردي مبتني بر وب است.

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

اهميت و کاربردها
مطمئناً محيط وب مکاني است که براحتي مي توان به آن دسترسي پيدا کرد و تعداد كاربراني كه هر روزه به اينترنت مي پيوندد در حال افزايش است پس طراحي اينگونه سايتها امري لازم و ضروري بنظر مي رسد .
يکي از معيارهاي برتري سيستم هاي کامپيوتري اين است که تا چه حدي user friendly هستند. سعي ما بر آن بوده است که در پروسه طراحي اين سيستم حتي الامکان کمترين اطلاعات از کاربر درخواست شود و سيستم تا جايي که مقدور است خود مسئوليت جمع آوري اطلاعات را بر عهده داشته باشد.
در چنين شرايطي مطمئناً هم کاربران براي استفاده از سيستم با سهولت و راحتي کار روبرو بوده و هم ميزان خطا تا حد قابل توجهي کاهش مي يابد. بعنوان مثال وقتي که يک كاربر به اين سيستم login مي کند براي بالا رفتن سرعت و به منظور جلوگيري از اتلاف وقت کاربر، از امکانات برنامه نويسي Client Side، براي چک کردن صحت نام کاربري و رمز عبور استفاده کرده، و سپس تست وجود چنين کاربري در پايگاه داده، قسمت سرور صورت مي گيرد. اين کار باعث افزايش سرعت و امنيت مي گردد.

اهداف پروژه
اهداف اين پروژه را مي توان در ابعاد زير دسته بندي کرد:
• تسهيل سلسله مراتب و پروسه انجام کار
• بکارگيري قدرت زبان برنامه نويسي پوياي PHP و پايگاه داده MySQL
• سهولت استفاده از امكانات اينترنتي



==================================================
طراحی وب سایت
پروژه های برنامه نویسی تجاری
دانلود پروژه های 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 واکنشگرا و ساده به همراه پایگاه داده
==================================================
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
02-07-2018, 11:33 AM
ارسال: #2
RE: آموزش برنامه نویسی وب سایت پویا 180 صفحه doc
نرم افزار Dreamweaver MX يکي از قوي ترين و ساده ترين و گسترده ترين نرم افزار هاي طراحي صفحات وب مي باشد که توسط شرکت Macromedia توليد شده که در سال 1997 اولين نگارش اين نرم افزار را با امکانات بسيار جزئي به بازار عرضه کرد و در سال 2002 نگارش ششم يا MX که آخرين نگارش موجود در ايران مي باشد را به بازار عرضه کرد.


منوي File:
اين منو شامل گزينه هايي براي ساختن، ذخيره، بازيابي، وارد کردن و خارج کردن يک فايل جديد مي باشد. از ديگر امکانات اين منو ارائه اطلاعاتي در مورد فايل باز شده فعلي، نمايش آن در مرورگرهاي خارجي و چاپ کردن کد برنامه مي باشد. در جلوي هر گزينه نيز دکمه ميانبر آن دستورالعمل مشاهده مي شود که در تمامي منوهاي ديگر نيز مشاهده خواهد شد.

منوي Edit:
در اين منو بخشهايي براي بازگرداندن تغييرات اعمال شده و دوباره انجام دادن آنها وجود دارد. امکاناتي براي کپي برداري و يا چسباندن متون و روشهاي مختلفي براي مشخص کردن کد برنامه و حتي جستجو در متن نيز در اين منو يافت مي شود. بخشي براي کنترل و اعمال تغيير در کليات برنامه، تغيير در کليدهاي ميانبر، تسهيلات لازم براي ايجاد کد و تغيير در آن و کتابخانه اي از برچسبهاي HTML و توانايي تغيير در آنها را نيز در منوي Edit داريم.

منوي View:
شامل بخشهايي براي جابجايي بين نمايشهاي " کد " و " طراحي ". در بخش " کد "، کد برنامه قابل مشاهده مي باشد و در بخش " طراحي " هم نوع ديده شدن کد در مرورگر و ويرايش گرافيکي آن.
امکاناتي براي فعال کردن و غير فعال کردن خط کش ها و تور ها و اعمال تغييرات در ابزارها و نصب و اجراي نرم افزارهاي اضافــه شونــده نيز در اين منو ديده مي شوند.

منوي Insert:
اين منو امکانات بسيار زيادي را براي شما مهيا مي کند که هر بخش آن بحثي مفصل مي باشد و از حوصلهء اين نوشته خارج است، پس به توضيح کلي و مختصري در اين باره اکتفا مي کنيم.
همانطور که از نام اين منو مشخص است، محلي است براي وارد کردن يا گذاشتن يک شي در صفحه. اشيايي مانند انواع برچسبها مانند برچسبهاي HTML، ASP، CFML، JSP، PHP و برچسبهاي جزيي و پر کاربرد HTML مانند فرمها و اجزاي داخلي آن، لايه ها، فريم ها، جداول، بخشهايي براي ايجاد Template، ايجاد انواع لينکها، اشيايي براي مديريت متون، برچسب هاي Header ( که قابل مشاهده نيستند ) و وارد کردن حروف ويژه مثل حروف " حق کپي " يا " آرم ثبت شده".
بخش جدول در اين منو شامل امکاناتي براي ساختن جدول، ايجاد ستون و سطر جديد و اينکه آن سطر اولين سطر جدول هست يا نه و آيا لازم است که متفاوت از سطور ديگر باشد؟ و شايد مهمترين بخش اين قسمت، بخشي براي وارد کردن اطلاعات يک جدول از داده هاي خارجي مثل فايلهاي متني مي باشد.
بخش فريم شامل يک سري پيش فرض ها براي ايجاد فريم که بيشتر استفاده خواهند شد مي باشد. بخش ديگري هم براي ايجاد فريم ها به صورت دستي دارد که قادر به ايجاد انواع فريم مي باشد.
قسمت فرم داراي تمامي اجزاي لازم براي ايجاد يک فرم مي باشد. به جز اين اجزا، گزينه هايي که تلفيقي از اجزاي فرم در HTML و JavaScript مي باشد نيز دارد که براي ايجاد امکانات مضاعف در صفحه شما قابل استفاده است.
بخش متن نيز شامل تمامي اجزاي ويرايش متن مي باشد که اکثر آنها از طريق محيط گرافيکي Dreamweaver قابل پياده سازي مي باشد.

منوي Modify:
در اين منو بخشهايي براي مشاهده خصوصيات صفحه و تغيير دادن در محتويات برچسبها و تعيين فريم هدف يک لينک و ايجاد تغييرات در اکثر مواردي که در منوي Insert داخل صفحه خود قرار داده بوديد.
يکي ديگر از مهم ترين بخشهاي اين منو، قسمتArrange و Align مي باشد که مسئوليت هم تراز کردن و جابجايي در محور z ها براي اشيا و لايه هاي داخل صفحه را دارند.

بخش convert هم بخشي براي تبديل جداول به لايه ها و بالعکس مي باشد که در کارهاي تخصصي و بزرگ بسيار مفيد مي باشد.
ديگر گزينه هاي اين منو يا به علت استاندارد نبودن يا اينکه از کدهاي JavaScript استفاده مي کنند، در اين مقاله توضيح داده نمي شوند!

منوي Text:
اين منو امکاناتي براي تغيير در متون تايپ شده در صفحه در اختيارتان قرار مي دهد و قابليت ساختن انواع ليست ها، صفحات آبشاري و تغيير رنگ و سايز فونت ها را داراست.

منوي Commands:
اين منو داراي امکانات بسيار جالب و مفيد در طراحي حرفه اي صفحات مي باشد. امکاناتي که کارهاي سنگين و طولاني مدت را براي شما ساده و سريع خواهد کرد.
از جمله اين امکانات مي توان به پاکسازي کننده صفحات HTML که مسئوليت سبک کردن و حذف برچسب هاي اضافي فايلهاي HTML را داراست و بخش پاکسازي فايلهاي HTML که از WORD خروجي داده شده اند و قسمتي براي ساختن کاملا اتوماتيک آلبوم عکس با HTML و ...

منوي Site:
اين بخش تسهيلاتي براي انتشار صفحه وب بر روي سايت اينترنتي در اختيار شما قرار مي دهد. ساختن " سايت " اين امکان را نيز مي دهد که در پروژه هاي بزرگ سر در گم نشده و سرعت انجام پروژه را به بيشترين حد برسانيد. از ديگر امکانات اين بخش، ساختن سايتهاي بدون مشکل، نداشتن


" لينک هاي گم شده "، گزارش گيري و پردازش هاي دسته اي بر روي تمامي فايل هاي يک سايت مي باشد.

منوي Window:
در اين منو، امکانات فعال و غير فعال کردن نمايش ابزارهايي که در " صفحه کار " ديده مي شوند را داريد. سري امکاناتي که در اين مقاله امکان صحبت کردن در مورد آنها نمي باشد مانند " رفتار " ها ( Behaviors ) که تلفيقي از HTML و JavaScript هستند، تسهيلاتي براي صفحات آبشاري، خصوصيات اجزاي مشخص شده روي صفحه، امکانات اضافي براي صفحات غير HTML، تسهيلاتي براي مديريت " سايت " ها و بسياري امکانات ديگر.
اين منو مانند تمامي منوهاي ويندوز، شامل گزينه هايي براي نحوه چيدمان صفحه و انتخاب صفحه فعال نيز مي باشد.

منوي Help:
اين منو شامل انواع بسيار متنوعي از کمک هايي که شرکت Macromedia براي شما مهيا کرده مي باشد.

HTML
راهي است براي افزودن قابليت هايي به يك فايل متن عادي كه براي نمايش در www آماده شود.


html اجازه تغيير دادن ظاهر يك فايل متني، افزودن تطاوير گرافيكي، افزودن تصاوير متحرك و صوت و نيز ايجاد صفات ديناميكي جهت برقراري ارتباط مستقيم با كار بران را مي دهد.
html بر اساس مفهومي به نام tag يا نشانه استوار شده است. اكثر نشانه هاي html داراي دو حالت باز و بسته مي باشند كه يك متن در بين آنها قرار مي گيرد.
براي نوشتن يك صفحه html (*.htm) ، شناختن اين تگها ضروري مي باشد.
براي طراحي يك صفحه html مي توان از هر نوع اديتور استفاده كرده وفايل مورد نظررا با پسوند htm ياhtml ذخيره و آنرا اجرا نمود.
طرح كلي يك صفحه html به صورت زير است.
کد:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
    <BODY>
</BODY>
</HTML>
تگ هاي html را براي اجرانمودن درون BODYقرار مي دهند. بايددقت شود كه هر يك از تگ هاي html head , title و body در مكان مورد نظر خودبسته شوند.
در نوشتن اين صفحات رعايت کردن كوچك و بزرگ بودن حروف مهم نيست.


تگ هاي HTML

براي نوشتن متن ساده درون صفحه و پاراگراف بندي آن مي توان از تگ <p > </p> استفاده كرد.
براي italic يا bold نمودن حروف بايد از <I> و <B> استفاده كرد.
مي توان توســـط <pre> </pre> هر آنـچه را درون صفـــحه مي نويسيم عيناً به صفحه اجرا منتقل كنيم.
براي رنگي نمودن زمينه درون تگ body از صفت Bgcolor استفاده و رنگ دلخواه را جلوي آن مي نويسيم، همچنين براي تغيير رنگ متن از كلمه text استفاده مي كنيم.
براي قرار دادن يك خط خالي در هر كجاي صفحه از تگ <BR> استفاده مي كنيم.
براي تنظيم نمودن فاصله اطراف متن از صفت Align بصورت زير استفاده مي شود.
با كلمه justify متن از دو طرف مرتب شده و با center هر خط متن در وسط صفحه قرار مي گيرد. اگر از right يا left استفاده كنيم خطوط متن فقط از يك طرف مرتب مي شوند.
اگر هر متني درون <blink></blink> گذاشته شود به صورت چشمك زن ديده مي شود.

ايجاد Image
براي قرار دادن تصاوير در صفحه از تگ فوق استفاده مي كنيم.<img >
نام فايل در تگ فوق شامل اسم و پسوند تصوير مورد نظر مي باشد كه پسوند مي تواند g if , png , bmp يا jpegباشد.

اگر فايل مورد نظر در همان مسير صفحه html باشد دادن نام و پسوند كافي است، در غير اين صورت آدرس فايل بايد بصورت كامل داده شود.
با استفاده از صفات Height و Width مي توان اندازه تصاوير را به ميزان دلخواه در صفحه تغيير داد. و همچنين براي قرار دادن يك توضيح روي اشكال مي توانيد از صفت ALT استفاده كنيد. با استفاده از Hspace مي توان در بالاي شكل به اندازه مورد نظر فضاي خالي ايجاد نمود. توسط تگ <center> </center> مي توان هر چيزي را در وسط خط يا صفحه قرار داد.

ايجاد Link
براي قرار دادن Link تگ فوق بايد استفاده شود.

<A Href = " link source"> متن يا تصوير </A>

اگر بخواهيم از روي متني به جايي link شود، متن مورد نظر را درون قسمت " متن يا تصوير " مي نويسيم و براي توليد Link از روي شكل در قسمت " متن يا تصوير " به صورت زير عمل مي كنيم.

<A href = " link source"> <img src=" تصوير مورد نظر"></A>

Link source همواره محلي است كه بايد به آنجا متصل شويم.
link ها معمولأ در صفحه به رنگ آبي نشان داده مي شوند كه با استفاده از برخي صفات مي توانيد رنگ آنها را به دلخواه تغيير دهيد.

اگر درون body از كلمه link استفاده كرده و جلوي آن رنگ خاصي را بنويسيم link هاي متني و كادر link هاي تصويري به آن رنگ تغيير خواهند كرد. اگر از alink استفاده كنيم وقتي ماوس روي


آن مي رود رنگ مورد نظر ديده مي شود و اگر از vlink استفاده شود link هاي مشاهده شده به آن رنگ تغيير مي كند.

ايجاد Table
با استفاده از تگ <table></table> مي توان در صفحه به راحتي جداول را ايجاد نمود. درون اين تگ با استفاده <tr> و <th> مي توانيد تعداد سطرها و ستونهاي مورد نظر خود را ايجاد كنيد.
مثال :
<table>
<tr>
<th>
<th>
<tr>
<th>
<th>
</table>


جدول فوق داراي دو سطر و ستون است كه محتواي هر سطر و ستون در جلوي آن نوشته مي شود.
با استفاده از تگ <caption> مي توان براي جدول header قرار داد . اگر از align استفاده كنيم همراه با كلمات botton يا top، , header در بالا يا پايين حدول قرار مي گيرد.

ايجاد List
ليست ها به دو صورت هستند. ليست هاي مرتب و ليست هاي نامرتب كه با تگ هاي <ul></ul> و <ol></ol> ايجاد مي شوند.
در ليست ها هم مي توان از تگ <a></a> براي ايجاد link استفاده كرد.

ايجاد FRAME

تگ <frameset></frameset> براي ايجاد فريم در صفحه به كار مي رود.

ايجاد FORM
براي قرار دادن و نوشتن فرم ها درون صفحه بايد از تگ <form></form> استفاده كرد . كه به صورت زير نوشته مي شوند.
<form>
<input type = name= >

در جلوي type نوع فــرم را مشخــص كــرده و در name مي توانيد به آن اسم بدهيد.

انواع فرم ها :

1- نوع Edit box كه type آن با text مشخص مي شود.
2- نوع check box كه type آن با check box مشخص مي شود.
3- نوع password كه type آن با password مشخص مي شود.
4- نوع radio button كه type آن با radio مشخص مي شود.
5- نوع submit query كه type آن با submit مشخص مي شود.
6- نوع reset كه type آن با reset مشخص مي شود.
7- نوع hidden كه type آن با hidden مشخص مي شود و بايد source آن توسط src مشخص شود.

CSS

مي‌توان گفت که امروزه CSS طراحي صفحات وب را در جهان متحول کرده است. اين فناوري به طراحان وب کمک مي‌کند که طراحي‌هاي خود را با بالاترين کيفيت و کاربر پسندترين شکل ارائه کنند. پيش از اين، انجام اين کار تنها با فايل‌هاي سنگين گرافيکي قابل انجام بود.
به جرات مي‌توان گفت که اگر شما بدانيد که با CSS چه کارهايي مي‌توانيد بکنيد، قطعا از آن استفاده خواهيد نمود. امروزه اکثر قريب به اتفاق سايت‌هاي حرفه‌اي از CSS بهره مي‌برند. بنابراين براي يک طراح صفحات وب يادگيري اين زبان بسيار مهم خواهد بود.
بسياري از طراحان وب در زمينه‌اي که در آن به فعاليت مشغول هستند (يعني طراحي) از اطلاعات ريشه‌اي و پايه‌اي برخوردار نيستند. اکثر آنها با خواندن يک کتاب در مورد HTML و يا JavaScript چيزهايي در مورد اين زبان‌ها مي‌دانند. همچنين بسياري از آنها به نرم‌افزارهايي مانند Photoshop و Flash مسلط هستند. اما تعداد بسيار کمي هستند که تحصيلات دانشگاهي در اين زمينه‌ها دارند. اما CSS براي هر دو گروه (چه آنهايي که تجربي و يا با خواندن يک کتاب طراحي را بلدند و چه آنهايي که به طور پايه‌اي به اين زبان‌ها مسلط هستند) مفيد و شايد لازم است. اما به راستي با CSS چه کاري مي‌شود کرد؟ به طور خلاصه مي‌توان گفت مهم‌ترين کار آن، راحت‌کردن شما از يک سري کد است که علاوه بر خسته‌کردن شما، باعث پايين‌آمدن سرعت لود صفحات شما مي‌شوند. CSS دست طراحان را به قدري باز گذاشته است که قطعا کسي با بهره‌گيري از CSS تمايلي به استفاده از جداول نخواهد داشت. CSS زماني کاربرد خود را نشان مي‌دهد که شما صفحه‌اي با حجم نسبتاً زيادي از متن و عکس داريد (مانند يک وبلاگ) و نياز است که صفحه زود لود شود. اگر شما از جداول استفاده کنيد، بيننده بايد منتظر شود تا زماني که کل جدول لود شده و به نمايش درآيد. اما با استفاده از CSS، هرچقدر اطلاعات لود شده باشد، در همان لحظه بر روي مانيتور بيننده درج خواهدشد.
اما چرا CSS مانع از خستگي شما در کدنويسي مي‌شود؟ شما با CSS مي‌توانيد ويژگي‌هاي يک بخش را فقط يک ‌بار تعريف کنيد و ديگر مجبور نباشيد اين کار را تکرار کنيد. مثلا شما دوست داريد که متون داخل کادري که در همه‌ي صفحات سايتتان وجود دارد، به رنگ قرمز باشد. براي اين کار بدون CSS شما لازم است هربار تگ font را نوشته و ويژگي color را ذکر کنيد. اما با CSS آن‌طور که بعدا خواهيد آموخت، تنها لازم است يک ‌بار اين کار را انجام دهيد.


==================================================
طراحی وب سایت
پروژه های برنامه نویسی تجاری
دانلود پروژه های 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 واکنشگرا و ساده به همراه پایگاه داده
==================================================
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
02-07-2018, 11:51 AM
ارسال: #3
RE: آموزش برنامه نویسی وب سایت پویا 180 صفحه doc
اما بهتر است بيشتر شما را هيجان‌زده و مشتاق نکنم و به سراغ شروع داستاني با نام آموزش CSS بروم. يادگيري CSS همانند HTML است؛ اما بايد بدانيد که براي يادگيري CSS لازم است که شما HTML را بلد باشيد. اگر به زبان HTML مسلط هستيد با من براي يادگيري CSS همراه باشيد.
به مثال زير توجه كنيد.
کد:
<style type =” text / css”>
   < ! —
          h1{ font-family : verdana
               }
   -->
<style>
يعني هرچه از اين به بعد درون تگ <h1></h1> قرار گيرد با فونت verdana نشان داده مي شود.

مثال :
کد:
h1 {
          font-family : verdana ;
          font-size : 24 px;
     }
p  {
         font-family : georgia ;
         font-size : 18 px ;
}

جهت مطالعه ادامه ، لطفا فایل ضمیمه را دانلود فرمائید. لطفا پس از دانلود و یا مطالعه این مطلب یک فاتحه رفتگان مرا میهمان نمایید . . .




فایل‌(های) پیوست شده
.doc  1.doc (اندازه: 46 KB / تعداد دفعات دریافت: 31)
.doc  chekide.doc (اندازه: 43 KB / تعداد دفعات دریافت: 26)
.doc  moghadame.doc (اندازه: 123.5 KB / تعداد دفعات دریافت: 26)
.doc  2.doc (اندازه: 868.5 KB / تعداد دفعات دریافت: 43)
.doc  3.doc (اندازه: 734 KB / تعداد دفعات دریافت: 30)
.doc  4.doc (اندازه: 248 KB / تعداد دفعات دریافت: 32)
.doc  manabeh.doc (اندازه: 46.5 KB / تعداد دفعات دریافت: 26)
.doc  natije.doc (اندازه: 45.5 KB / تعداد دفعات دریافت: 24)
.docx  picsite.docx (اندازه: 1.36 MB / تعداد دفعات دریافت: 26)
.doc  source.doc (اندازه: 142 KB / تعداد دفعات دریافت: 156)


==================================================
طراحی وب سایت
پروژه های برنامه نویسی تجاری
دانلود پروژه های 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 واکنشگرا و ساده به همراه پایگاه داده
==================================================
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


پرش به انجمن:


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