آموزش طراحي صفحات وب (پيشرفته)
سلام به تمامي دوستان عزيز !
قبل از اينكه شروع به نگارش آموزش طراحي صفحات وب قسمت دوم(پيشرفته) كنم لازم مي دانم خاطر نشان بشم براي اينكه به صورت پيشرفته و پروفشنال شروع به كار كنيد حتما مي بايست قسمت هاي قبلي كه طراحي صفحات وب و آشنائي با برنامه اكسس بود رو خونده باشيد.( منظور از خواندن فقط خواندن تنها نيست بلكه به صورت عملي هم كار كرده باشيد)
اميدوارم كه اين سلسله دروس به شما كمك كنه تا يك طراح صفحات وب حرفه اي شويد.
هرگز از تلاش باز نايست ، زيرا تنها از قعر دره است كه قله بلند به نظر مي رسد
موفق باشيد - نيما احدي
:)
آموزش مباحث پيشرفته در طراحي صفحات وبjavascript - SQL - ADO
فصل اول-java script
مقدمه
بنام یگانه ی هستی
جاوا اسكريپت يك زبان اسكريپت می باشد . زبان اسكريپت يك زبان برنامه نويسي كم حجم است.
هر خط جاوا اسكريپت قابل اجرا می باشد.این زبان توسط اكثر Browser ها پشتيباني ميشود ، مانند Internet Explore , Netscape
برنامه نویسی با زبان جاوا این قابلیت را دارد که می توان کدهای جاوا اسکریپت را در میان کدهای HTML نیز قرار داد .
برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم با دوره های زیر آشنایی داشته باشند :
- HTML
- مبانی برنامه نویسی
- آشنایی با مبانی Database و یک برنامه مانند Access
جهت کد نویسی و طراحی صفحات وب نیاز به یک Text Editor ساده مانند Notepad که در تمامی ویندوزها قابل دسترسی می باشد و نیاز به نصب Text Editor جدید نیست .
ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :
- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد
چگونه كدهاي جاوا اسكريپت را در Html وارد كنيم
براي نوشتن توضيحات : (در HTML )
// توضيحات
/* توضيحات */
كدهاي Java Script در كدام قسمت HTML داخل ميشود؟
هم در قسمت HEAD :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اگر كدهاي Java Script در قسمت Head وارد شوند ، مطمئن خواهید بود كه در هنگام بارگذاري صفحه برنامه شما در حافظه Load ميشود قبل از اينكه كسي از صفحه استفاده كند.
هم در قسمت Body :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اگر كدها در قسمت Body باشند اين كد معمولا قسمتهاي ديگر صفحه را ايجاد ميكند.
مثال :
وقتي كه كد در قسمت Body باشد :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در اين مثال وقتي صفحه بارگذاري ميشود يك پيغام HELLO USER براي شما نمايش داده ميشود.
چگونه يك كد Java script خارجي را در HTML اجرا ميكنيم ؟
عملگر ها-تعريف عملگرهاي محاسباتي
جمع +
تفريق -
ضرب *
تقسيم /
باقيمانده %
افزايش يک واحدي ++
کاهش يک واحدي --
تعريف عملگر هاي مقايسه اي
معادل بودن ==
برابر نبودن !=
بزرگتر از >
كوچكتر از < /
بزرگتر يا مساوي >=
كوچكتر يا مساوی <=
تعريف عملگر هاي منطقي :
and &&
OR ||
NOT !
تعريف عملگر رشته اي :
الحاق دو رشته +
مثال:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
تعريف تابع و توابع در Java Script
Function اسم تابع (arg1,arg2,…){
JS كد هاي
}
يك تابع ميتواند آرگومان هم نداشته باشد.
مثال :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
چگونه يك تابع را فراخواني كنيم
- يك تابع هنگامي اجرا ميشود كه آن را فراخواني کرده باشیم . به منظور فراخوانی یک تابع ملزم به استفاده از آرگومان ( arg1,arg2) می باشیم ، با این توضیح که نام آرگومانها بدون () باشند . اگر يك تابع مقداري براي باز گرداندن به برنامه اصلي داشت بايد آن را توسط Return برگردانيم.
مثال :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
زبانهاي شيء گرا -Object Oriented
Script يك زبان برنامه نويسي Object Oriented ( شيء گرا ) ميباشد.
در اين قسمت مفهوم شيء گرايي می پردازیم. يك برنامه O-O شامل مفاهيم Object ، Properties ، Methods و Events ميباشد.
Objects : در دنياي حقيقي ، اشياء مانند كامپيوتر ، دوچرخه و ... ميباشند. در زبان JS اشياء درون Browser ها بوده و عبارتند از پنجره ها ، فرمها، دكمه ها و Check Box ها.
Properties : اشياء نيز داراي مشخصه هايي ميباشند. مثلاً گربه داراي پوست ميباشد، كامپيوتر داراي كيبورد و دوچرخه داراي چرخ است.
Methods : كاري كه اشياء ميتوانند انجام دهند Methods ناميده ميشود.
Events (وقايع): عملياتي هستند كه كاربر در هنگام كار با صفحه طراحي شده ، انجام ميدهد. پذيرش (Submitting) يك فرم و تغيير مكان نشانگر ماوس بر روي يك تصوير دو نمونه از حالات و وقايع اتفاق افتاده است.
این وقایع توسط دستوراتي به نام Event Handler برنامه، كنترل می شوند.
معرفي متد ها و خصوصيات يك آرايه
معرفي متد ها و خصوصيات يك آرايه :
Length تعداد عناصر يك آرايه را برميگرداند.
Concat() دو آرايه را به هم الحاق ميكند.
Reverse() آرايه را معكوس ميكند.
Sort() آرايه را مرتب ميكند.
Join() رشته اي الحاق شده از تمام اعضاء آرايه برميگرداند.
Slice() يك تكه از آرايه ، برميگرداند .
مثال :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
چيزي كه بين اعضاء آرايه قرار ميگيرد.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
باز كردن يك پنجره جديد - window.open
باز كردن يك پنجره جديد window.open
در اين مثال وقتي روي كليد Open كليك كنيم يك پنجره جديد باز ميشود كه حاوي URL سايت Yahoo ميباشد.
مثال تكميلي براي تغيير خصوصيات پنجره باز شده :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
مثالي از تركيب متدهاي Confirm , alert :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
چگونه يك پيغام را در خط وضعيت (Status Bar) اينترنت اكسپلورر قرار دهيم؟
چگونه يك پيغام را در خط وضعيت (Status Bar) اينترنت اكسپلورر قرار دهيم؟
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
SQL و Active Server Pages - ASP
SQL و Active Server Pages - ASP :
SQL يكي از قسمتهاي خيلي مهم ASP ميباشد زيرا در ASP براي كار با بانكهاي اطلاعاتي از SQL استفاده ميشود. و توسط تكنولوژي ADO ميتوان از SQL در ASP استفاده كرد.
دستور SELECT :
SELECT column-name(s) FROM table-name
مثال :
نام جدول Persons است
Last Name First Name Address City
Hasani Ali Esfahan
Alian Payam Esfahan
Mehdian Akbari Tehran
Javadi Hamid Tehran
SELECT LastName , FirstName FROM Persons Last
Name First Name Hasani Ali
Alian Payam
Mehdian Akbari
Javadi Hamid
مثال :
SELECT * FROM Persons
كل جدول به عنوان خروجي برميگردد.
دستور Select همراه با شرط
SELECT column FROM table WHERE column condition value
عملگر ها در SQL:
عملگر مفهوم
= معادل بودن
<> برابر نبودن
> بزرگتر
< کوچکتر
>= بزرگتر مساوي
<= كوچكتر مساوي
between بين يك دامنه
مثال :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
1-ايجاد يك ADO Connection به يك پايگاه داده
ايجاد يك ODBC Connection درپايگاه داده MS Access
١- وارد شدن به ODBC از Control Panel
2- انتخاب
System DSN- 3- كليك كردن روي دكمه ADD
4- انتخاب Microsoft Access Driver و كليك كردن روي دكمه
Finish - 5- در مرحله بعد كليك كردن بر روي دكمه Select و تعيين محل پايگاه داده
6- دادن يك نام در قسمت
Data Source Name -7- كليك كردن روي دكمه OK براي اينكه قادر باشيم اطلاعات يك پايگاه داده را بخوانيم اطلاعات بايد ابتدا در Record Set ، Load شوند. بنابر اين بعد از ساختن يك Connection بايد يك Record Set ايجاد كنيم.
مثال :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
در اين مثال تمام محتويات جدول Customer به rs ريخته ميشود.
حال ميخواهيم در انتخاب محتوياتي از Customer كه ميخواهند به rs انتقال داده شوند از دستور SQL استفاده كنيم.
ساختن يك Connection و Record Set و به كار بردن SQL
بستن Recordset و Connection
- براي بستن Recordset
rs.close()
- براي بستن Connection
conn.close()