دانشگاه جامع علمی کاربردی واحد زنجان
موضوع:
طراحی یک وب سایت شخصی با امکانات متداول و معمول
استاد راهنما:
جناب آقای مهدی بازرگان
تهیه کننده:
سمیرا خدابنده لو
مقطع کاردانی نا پیوسته
رشته : نرم افزار کامپیوتر
زمستان 88
با تشکر فراوان از استاد گرانقدر:
جناب آقای مهدی بازرگان که راهنما و استاد من در نگارش این موضوع بودند
فهرست مطالب
عنوان صفحه
تاریخچه طراحی وب 1
طراحی صفحات وب 2
مقدمه 2
عناصر 3
فرمهاforms 6
پس زمینه 7
اسکریپت 12
VB SCRIP 13
JAVA SCRIPT 13
FLASH 14
VECTOR تصاویر 14
تصاویر برداری 19
کد نویسی آسان 20
شبیه سازی موبایل 20
AJAX طراحی برنامه های کاربردی تحت وب 21
ASP 24
اسجاد کردن اولین صفحه ASP 29
آموزش ASP 35
منابع 41
تاریخچه طراحی وب
تیم برنرز لی، مخترع وب، با برپایی یک سایت وب در اوت ۱۹۹۱، نام خود را به عنوان نخستین سازندهٔ وب در تاریخ نگاشت. او در نخستین وب سایتش، از اَبَرمتن و پیوندی برای ایمیل (پست الکترونیک) استفاده کرده بود.
در آغاز، سایتهای وب با کُدهای ساده "اچ تی ام ال" نوشته می شدند، گونه ای از زبان کُدنویسی که ساختار ساده ای به وب گاه ها می داد، شامل سرتیتر و پاراگراف، و توانایی پیوند دادن به صفحه های وب دیگر، با اَبَرمتن. در مقایسه با روش های دیگر، این راه تازه و متفاوتی بود که کاربران به سادگی می توانستند با یک مرورگر، صفحه های پیوند خورده را باز کنند.
با پیشرفت وب و هنر طراحی آن، زبان کُد نویسی اش، اَبَرمتن یا اچ تی ام ال، پیچیده تر و پرانعطاف تر شد. ابزاری مانند جدول ها که بیشتر برای نمایش نمودارهای داده ای بودند، بزودی مورد استفاده نادرست، برای چیدمان های پنهان در صفحه های وب قرار گرفتند. با پیدایش الگوهای آبشاری وب یا "CSS"، روش نادرست طراحی با جدول های پنهان در صفحه از گردونه خارج، و بجای آن استفاده مناسب از "CSS" جایگزین شد.
طراحی صفحات وب
اچ تی ام ال و طراحی صفحات وب :
یادگیری زبان HTML بسیار ساده است.در این درسها یاد خواهید گرفت که چگونه با کمک HTML صفحاتتان را ساخته و وب سایت شخصی فارسی و یا وبلاگتان را راه اندازی کنید. مبنای این دروس نسخه 4 استاندارد اچتمل بوده و نکته بسیار مهم این نسخه جداسازی فرمت بندی و انتقال آن به style sheet ها میباشد. لازم به توضیح است که که تاکید دروس و مقالات این راهنما بر فارسی نویسی مطابق استاندارد یونیکد بوده و اولین مجموعه دروس آموزشی ما شامل آموزش مقدماتی HTML بهمراه مثالهای متعدد فارسی نویسی خواهد بود. ادامه این بخش به شرح سرفصل مطالب ارائه شده خواهد پرداخت:
سرفصل مطالب کلاس اچتمل مقدماتی :
مقدمه
در این درس با ویژگیهای فایلهای اچتمل، اجزا تشکیل دهنده آن یعنی عناصر و تگ ها ( Elements & Tags ) و نحوه ایجاد یک فایل ساده و نمایش آن در صفحه مرورگرتان آشنا خواهید شد.
HTML & WWW
در این درس با مفاهیم وب ( تار عنکبوت جهانی یا World Wide Web ) ، اینترنت، مرورگرها و استانداردهای وب آشنا خواهید شد. همچنین با تفاوتهای مرورگرهای وب ( Web Browsers ) و سرویس دهنده های وب ( Web Servers ) آشنا خواهید شد.
* عناصر ( Elements )
یک متن و یا فایل اچتمل از عناصر یا element ها تشکیل میشود و برای ایجاد عناصر از تگ ها یا tags استفاده میشود. در این فصل با عناصر و تگ ها آشنا خواهید شد.
* تگ های اصلی ( Basic Tags )
تگ ها ( tags ) اجزا تشکیل دهنده عناصر یا elements های اچتمل هستند و یکی از بهترین روش های یادگیری اچتمل دیدن مثالها و تغییر آنها میباشد. در این فصل با تگ های پایه و مهم آشنا شده و با کمک ادیتور اختصاصی ما و با امکانات فارسی نویسی آن به صورت آنلاین میتوانید به مطالعه و یادگیری مثالها بپردازید.
* فــارسی نویسی
در این درس با فارسی نویسی، فارسی سازی و استاندارد یونیکد و نحوه استفاده از ادیتور آنلاین و فارسی این سایت آشنا خواهید شد.
* فرمت دهی ( Formatting )
وظیفه گروهی از تگ های اچتمل فرمت دهی و تعیین شکل نمایش متون ( مثلا توپر و bold بودن و یا ایتالیک بودن ) میباشد و در این درس با این گروه ازتگهایformating آشنا خواهید شد. همچنین یاد خواهید گرفت که چگونه source یا اصل کدهای اچتمل یک صفحه یا page را ببینید.
* نهادها ( Entities )
گروهی از نویسه های ( Character ) اچتمل مانند (<) و یا (>) دارای معنی خاصی ( مثلا نویسه < شروع یک تگ را نشان میدهد. ) در استاندارد اچتمل بوده و برای نمایش آنها در صفحاتتان مستقیما قابل مصرف نمیباشند. در این فصل با این نویسه ها آشنا شده و با کمک Character Entities چگونگی استفاده از این گروه از نویسه ها را فرا خواهید گرفت.
* پیوندها ( Links )
در این درس با پیوندها ( Links ) ، شناسه های مرتبط مخصوصا href و نحوه به کار گیری آنها آشنا خواهید شد.
* جداول ( Tables)
در این درس با مفاهیم جدول ( Table ) ، ردیف یا row ، سلولها یا خانه ها، مرز یا border در جداول و عناصر مرتبط مخصوصا TABLE ، TD , TR آشنا خواهید شد.
* فریمها ( Frames )
در این درس با مفاهیم فریم ( Frame ) و عناصر مربوطه مخصوصا Frame و Frameset آشنا خواهید شد.
* فهرستها ( Lists )
این درس شما را با نحوه نمایش فهرستها ( List ) ، انواع فهرستها و تگ های مربوطه آشنا خواهد ساخت.
* مثالهای اچتمل
با استفاده از دهها مثال موجود در این سایت و با کمک ادیتور HTML ما براحتی قادر به نوشتن کدهای HTML و دیدن نتایچ در مرورگرتان خواهید بود، آزمایش کنید!
* FAQ HTML
این صفحه به بیشترین سوالات پرسیده شده در مورد اچتمل ( Frequently Asked Questions ) و مخصوصا مشکلات مربوط به فارسی نویسی و پاسخهای آنها اختصاص دارد.
* فرمها ( Forms )
از طریق استفاده از تگ های فرم ( form ) قادر به دریافت اطلاعات از بازدیدکنندگان صفحاتتان و یا تبادل اطلاعات بین صفحات مختلف خواهید شد. با کمک این گروه از تگ ها قادر به نمایش باکسهای ورود اطلاعات متن (text fields) ، چک باکسها (check-boxes) ، رادیو باتونها (radio-buttons) و … شده و همچنین امکان گذاشتن دکمه های ارسال (submit button) و یا حذف (reset) را خواهید داشت. این فصل با شرح تگ های form و input و … به چگونگی ایجاد ارتباط با بازدیدکنندگان و گرفتن اطلاعات از آنها خواهد پرداخت.
* تصاویر ( Images ) :در این درس با عنصر img و چگونگی نمایش تصاویر و همچنین تنظیم محل آنها آشنا خواهید شد.
* پس زمینه ( Background )
در این درس با چگونگی نمایش تصاویر و یا تعیین رنگ پس زمینه آشنا خواهید شد.
اهمیت رنگ در طراحی صفحات وب :
ما در هنگام صحبت با دیگران علاوه بر حرف زدن کارهای دیگری نیز مانند خندیدن ، اشاره کردن ، نگاه کردن ، عصبانی شدن و غیره انجام میدهیم . تمام این کار ها در ارتباط برقرار کردن ما با مخاطب تاثیر دارد و گاهی بسیاری از حرف ها را با چیزی غیر از زبان بیان میکنیم . یک صفحه وب نیز باید بتواند علاوه بر انتقال مطالب ، احساس طراح وب آن صفحه را نیز بیان کند . این کار را رنگ ها در طراحی وب انجام میدهند . حس خشم ، محبت ، شادی و حتی اعتماد از طریق رنگ ها به بیننده منتقل میشود .
رنگ ها و معانی آنها :
رنگ سبز و سفید با هم ترکیب مناسبی بوجود می آورند . اما در ژاپن یک گل میخک صد پر سفید نشان مرگ است و در چین کلاه سبز به معنای خیانت یک زن به شوهرش معنی میدهد . کلاه سبز با میخک سفید نشان زیبایی برای لوگوی یک شرکت نمیتواند باشد . گرچه سبز رنگ آرامش بخش است ( بهمین دلیل در بیمارستان ها استفاده میشود ) و در ضمن رنگ سبز راحت تر از بقیه رنگ ها در چشم انسان آنالیز میشود . ترکیب های گوناگون رنگ سبز معانی گوناگونی میدهد . ترکیب سبز و زرد کمترین طرفدار را بین بینندگان دارد .
قرمز برای افزایش فشار خون و سرعت ضربان قلب استفاده میشود . افرادی که در محیط قرمز کار میکنند معمولا سریعتر کار میکنند ، اما اشتباهاتشان در کار بیش از دیگران است . این رنگ امیال درونی مثل اشتها ، بی قراری و تنش عصبی را افزایش میدهد . ایجاد یک سایت با دو رنگ آبی کمرنگ و قرمز کمرنگ ایده بسیار ضعیفی است .رنگ قرمز ملایم طولانی ترین طول موج را داراست و آبی ملایم کوتاه ترین را . هنگام نگاه کردن انسان به این دو رنگ ، لنز چشم برای تنظیم زوم تغییر اندازه میدهد . اما چون فرکانس های رنگی این دو رنگ با هم خیلی تفاوت دارد باعث خستگی چشم و ایجاد سردرد برای بیننده میشود .
سایت هایی که از از سایه های گوناگون آبی یا رنگ آبی و سفید استفاده میکنند بیشتر از بقیه ، مردم پسند بنظر می آیند . چرا ؟ آبی آرامش ، استواری ، امید داشتن و دانایی و بخشندگی را عرضه میدارد . مردم ذاتا به سایت های آبی رنگ سریعتر اعتماد میکنند . متن های آبی رنگ بیشتر در ذهن مردم به یاد میماند . ترکیب آبی و سفید و بنفش نجابت و اصالت را در ذهن انسان میسازد .
خدا را شکر که سایت های زرد رنگ زیاد نیستند . با وجود اینکه رنگ زرد نشان از جمع شدگی و تمرکز است ، اما بسیار سخت و مشکل در چشم آنالیز میشود . رنگ اطاق را زرد کنید: نتیجه این میشود که بچه ها گریه بیشتری میکنند و بزرگتر ها سریعتر عصبانی میشوند. رنگ زرد یک رنگ حسی و چشم فریب است و استفاده آن در میزان کم بسیار جذاب و خوش دید خواهد بود .
بذار کمی درباره نارنجی حرف بزنیم ،نارنجی باعث میشه که اجناس گرون قیمت در نظر افراد مناسب و خوب جلوه کند . نارنجی روشن تر سخت تر در چشم دیده میشود . و به عنوان متن ها و بک گراند صفحه پیشنهاد نمیشود . مقدار کمی نارنجی کمرنگ میتونه کمک کنه که یه سایت شاد و دلچسب بسازید .
عمل و عکس العمل :
رنگ روی حس ما و ادراک ما و عکس العمل ما تاثیر میگذارد . یک بیننده با آگاهی از سایتتان وارد سایت شما شده است ، حال شما باید او را همچنان سر شوق نگه دارید .شما 8 الی 10 ثانیه وقت دارید تا او را از لحاظ بصری جذب کنید . با استفاده از رنگ شما میتوانید حس خوش آمد گویی و راحتی و اعتماد را به بیننده منتقل کنید . اگر شما گرافیک های یک سایت را تغییر دهید در اصل زبان گفتگوی تصویری آن را عوض کرده اید و بدین سان است که عکس العمل متفاوتی از بازدیدکننده سایت سر میزند.
قرار دادن یک محصول که با آب سر و کار دارد (مثل لباس شنا و … ) در زمینه بنفش و نارنجی قدرت فروش آن را کاهش میدهد . رنگ های بنفش و نارنجی بطور سریع با آب و طبیعت ارتباط ندارند و یک ادراک غلط به بیننده منتقل میکنند . قرار دادن همان محصول در رنگ آبی یا سبز باعث افزایش جذابیت آن محصول میشود .
سایت هایی که اصطلاحا سایت های رنگین کمانی هستند و از همه جور رنگ در هم استفاده کرده اند کمترین زمان بازدید توسط بیننده ها را دارند و بیننده خیلی سریع ازین سایت ها خارج میشود . زیرا چشم برای دیدن رنگ های گوناگون زوم های گوناگونی میکند و زود خسته میشود . (سایت هایی که رنگ سفید در آنها غالب است و مقدار خیلی کمی از دیگر رنگ ها در آن در بخش های گوناگون دیده میشود جزو این دسته نمیشوند ) . هر چه تعدد رنگ ها کم شود مدت زمان ماندن بازدید کننده در صفحه زیاد میشود . یک نکته در استفاده از رنگ های گوناگون اینه که حداکثر از 5 رنگ استفاده کنید و آنها را همگی از رنگ های گرم یا سرد استفاده کنید و زمینه را سفید بگذارید . این کار چشم ها را خسته نمیکند و سایت های کودکان که میخواهند با استفاده از رنگ های گوناگون محیط شادی را ایجاد کنند اگر ازاین روش استفاده کنند فروش بهتری دارند .
رنگ های گرم و سرد :
رنگ های گرم تشکیل شده اند از : زرد ، نارنجی ، قهوه ای ، زرد-سبز و نارنجی- قرمز . یعنی رنگ هایی که با پاییز در تعامل هستند . بطور کلی رنگ های گرم گرایش به هیجان و تکاپو دارند . بسیاری از مردم مقدار کم از این رنگ ها را می پسندند . بنفش و سبز رنگ های واسط هستند که نه گرم و نه سردند و وابسته به میزان رنگ قرمز یا زردی هستند که در رابطه با رنگ آبی در آنها بکار رفته است . اگر رنگ آبی آن کم تر باشد بیشتر شبیه رنگ های گرم بنظر میرسد .
رنگ های سرد عبارتند از : آبی ، سبز ، صورتی ها ، بنفش ها ، آبی-سبز ها ، سرخابی ها و آبی-قرمز ها . رنگ هایی که بیشتر با بهار و تابستان در تعامل هستند . رنگ های سرد آرامش بخش هستند و محبوبیت بیشتری نزد مردم دارند . طراحی یک سایت با رنگ های گرم و سرد باعث گیج شدن بیننده میشود و باعث میشود سایت شلوغ و بی نظم و غیر قابل اعتماد جلوه کند . طراحان سایت معمولا متوجه نمیشوند که ترکیب رنگ هایشان گرم و سرد است . استفاده از چرخه رنگ ها مفید است . دایره رنگ رنگ های اصلی ( آبی و قرمز و زرد) و رنگ های ثانویه ( نارنجی و سبز و بنفش) را نشان میدهد . ترکیب دو رنگ اصلی یک رنگ ثانویه میسازد . تمامی رنگ ها از ترکیب سیاه و سفید با رنگ های اصلی بوجود آمده اند .
اسکریپت چیست :
اسکریپت
زبان های اسکریپتی برای ارائه تحولات و ایجاد پویایی در صفحات وب ایجاد شدند . این زبان ها از روی زبان های برنامه نویسی ساخته شدند و بهمین دلیل دارای تشابه بسیاری با هم هستند . این زبان ها در اصل نمونه کوچک شده زبان های مادر خود هستند . تعدادی از فرمان ها و امکانات زبان های بزرگ در این زبان ها حذف شده اند . مثلا امکان نوشتن فایل یا پاک کردن فایل ها برروی سیستم کاربر مانند زبان های برنامه نویسی وجود ندارد . البته این زبان ها برای استفاده در زمینه کاری شبکه طراحی شده اند و حذف این دستورات علل خاصی ( از جمله بالا رفتن امنیت و … ) داشته است .
VB Script
این زبان نمونه کوچک شده زبان VB است و کسانی که با ویژوال بیسیک کار کرده اند در یاد گیری این زبان بیشتر راه را پیموده اند و کافیست تفاوت های آن را با ویژوال بیسیک یاد گیرند . این زبان برای افزودن افکت به صفحات وب نیز کاربرد دارد . ولی کاربرد برتر آن در نوشتن برنامه های سمت سرور است که بر اساس تکنولوژی ASP صورت میگیرد . این زبان به عنوان زبان پیش فرض برای نوشتن صفحات ASP است . یاد گیری این زبان برای کسانی که تا کنون برنامه نویسی نکرده اند بسیار آسان است و شروع بسیار خوبی برای ورود به دنیای برنامه نویسی است .
JAVA Script
این زبان ساختاری شبیه زبان C دارد و بیشتر برای ایجاد افکت بر روی کامپیوتر کاربر استفاده میشود (Client-side) .احتمالا تا کنون سایت هایی را دیده اید که در آن کلمه خاصی دنبال موس میدود . یا هنگام وارد شدن به آن سایت مرورگر شما در صفحه ویندوزتان میلرزد . این قبیل کد ها که فقط روی سیستم کاربر اجرا میشوند و نیازی به پردازش توسط سرور ندارند را کد های سمت کاربر (کلاینت ساید) میگویند . البته این زبان نیز قابلیت های استفاده به صورت server-side را داراست . اما چون استفاده از زبان VBS آسانتر است معمولا از VBS برای نوشتن برنامه های سرور-ساید استفاده میشود . یکی از تفاوت های این دو زبان در طرز نوشتن حروف است . در VBS تفاوتی ندارد که دستورات را با حروف کوچک یا بزرگ بنویسید ، اما در JavaScript اگر دستوری که با حروف کوچک است با حروف بزرگ بنویسید با Error در صفحات خود مواجه میشوید.برای دیدن قدرت زبان JavaScript میتوانید از سایت AnfyTeam دیدن کنید . این سایت همچنین امکان دانلود برنامه ای برای ساخت افکت های جاوا اسکریپت خود را در اختیارتان میگذارد .
Flash برای چه بوجود آمده ؟
نرم افزار Flash از شرکت Macromedia نرم افزاری است که شرکت ماکرومدیا به عنوان یک Solution یک راه حل در مرحله اول ایجاد کرد برای انتقال تصاویر Vector بر روی وب .
تصاویر Vector به چه معنی است ؟؟؟
دو نوع تصویر وجود دارد ، یکی تصاویر Pixel که در اصطلاح به آنها Raster هم گفته میشود و یکی دیگر تصاویر برداری یا Vector .
اوایل که اینترنت به وجود آمده بود سرعتهای Connection اینترنتی در حد سرعتهایی که هم اکنون ما در ایران از آن استفاده میکنیم هم نبود ، چه برسد به آن سرعتی که هم اکنون آمریکایی ها از آن استفاده میکنند . در آن زمان سرعتهای مودمهایی که معمول بود 9600 بیت در ثانیه بود بهد از آن به 14400 بیت در ثانیه تبدیل شد . 9600 یعنی در یک ثانیه 0.9 کیلوبایت میتوانست اطلاعات را Transfer کند . یعنی اگر قرار بود که تصویری ایجاد شود که این تصویر تبلیغات یک محصول قرار بود باشد و این تصویر 50 KB حجمش بود زمانی که لازم بود Data Transfer انجام بشه و تصویر ظاهر بشود در آن مودمها 55 ثانیه بود . در نتیجه انتقال اطلاعات در اینترنت بسیار بسیار کند اتفاق می افتاد . به همین دلیل بود که در HTML های ورژن 1 و 2 مرسوم نبود که از تصویر در سایت وب استفاده کنند و راحت تر بگویم اصلا Tag های مربوط به Image در آن زمان در زبان HTML وجود نداشت .
به تدریج که سرعتها افزایش پیدا کردند و سرعتها به 14400 و 28800 بیت در ثانیه رسیدند ، کم کم تصاویر Pixel در وب مطرح شدند و لی خوب یک چیزایی وجود داشت که هیچ الزامی پشتش نبود که این تصاویر بخواهد Pixel باشد مثلا آرم شرکت یا مثلا یک Title که قرار بود در بالای سایت قرار بگیرد و با یک فونت خاصی هم نمایش داده شود . اینها را اگر به یک شکلی میتوانستیم Vector انتقالشان دهیم خیلی خیلی سبکتر میشدند و در واقع یک صفحه وب هر چه حجمش کمتر باشد در اصطلاح به آن میگویند صفحه وب از لحاظ حجم بهینه است یا بهتره .
در یک نرم افزار گرافیک Vector اگر بخواهیم یک خط ترسیم کنیم ، نرم افزار گرافیک Vector برای ترسیم مختصات نقطه شروع و مختصات نقطه پایان را در خودش ذخیره میکند. یعنی 2 جفت عدد را یا بهتر بگم 4 تا دونه عدد را . ولی در نرم افزار گرافیک Pixel زمانی که بخواهیم یک خط بکشیم باید اطلاعات مربوط به تک تک این Pixel هایی که در روی خط قرار دارند بعلاوه تمام Pixel های دور آن را در خود ذخیره کند و هیچ فرمول ریاضی در این داستان نمیتواند دخالت کند و فقط میتوانیم در فرمتهای مختلف گرافیکی آنها را فشرده سازی کرد .
ولی در هر صورت حجم فایلهای Pixel اصلا قابل قیاس با فایلهای Vector نبود . دو شرکت آمدند و سعی کردند که این کار را انجام دهند ، یعنی آمدند یک قالب و یک روشی را پیدا کنند که فایلها را بتوانند به صورت Vector انتقال دهند. زیرا مرورگرها فقط فایلهای Pixel را میتوانند نمایش دهند .
یکی شرکت Adobe بود که آمد و یک چیزی اختراع کرد به نام SVG (Scalble Vector Graphic) و دیگری شرکت Macromedia بود که آمد و SWF (Shockwave Flash) را اختراع کرد .
پس هدف در مرحله اول انتقال تصاویر Vector بود به هدف سبک تر شدن حجم صفحات .
اما مرورگرهای وب به تدریج توانایی پخش این جریان را نداشتند در نتیجه یک چیزی به وجود آمد به نام Plugin که بر روی مرورگر دستگاه شخص نصب میشود که باعث میشود که آن گرافیک به نمایش در آید. مثلا Flash Player که از اینترنت دانلود میکنیم و یا از روی CD نصب میکنیم، همین نقش را به عهده دارد .
Flash به تدریج که تکامل پیدا کرد خیلی از داستانهای دیگری بود که به آن اضافه شد یعنی مثلا بحث انیمیشن در این برنامه مطرح شد – بحث موزیک در این برنامه مطرح شد – بحث برنامه نویسی در این برنامه مطرح شد .
تا قبل از این جریان که Flash انیمیشن را در خودش قرار بدهد میبایستی برای ساخت انیمیشن های اینترنتی از Gif Animation استفاده میشد که مشکلی که بود این بود که این قضیه باید فریم فریم ساخته میشد و مساله بعدی این بود که Gif Animation ها به صورت PIXEL بودند و Flash تصاویر Vector را به انیمیشن تبدیل میکند و این را هم باید بگویم که ساخت انیمیشن در Flash بسیار راحت تر از ساخت Gif Animation است .
امکان استفاده از موزیک در Flash یک امکان فوق العاده بود که یک استاندارد برای پخش موزیک در وب قرار دارد که این استاندارد MP3 بود .
با امکانات گرافیکی فوق العاده فلاش :
ماکرومدیا نسخه بتای فلش 8 را عرضه کرده و اینطور که پیداست تمامی جوانب بازار را میخواهد . هم گرافیک ، هم سرور ساید و هم player-side بودن .و امروز ویدئوی تحت وب را نیز میخواهد !
Player Side بودن :در نسخه فلش پلیر 8 تعدادی ماژول به برنامه اضافه شده که باعث میشود حجم فایل های swf به شدت کاهش یابد . این ماژول ها که اکثرا گرافیکی هستند کارهای خاصی را از جمله اعمال فیلتر های drop shadow, blur, glow, bevel, gradient bevel, and color adjustو مانند آن را در سمت کلاینت (یا همون(player بعهده میگیرند . بهمین دلیل هنگام طراحی نیازی به استفاده از چند عکس در لایه های گوناگون برای نشان دادن این گونه فیلتر ها نیست و با نوشتن چند خط کد نشان دادن فیلتر بلور روی عکس امکان پذیر میشود .
پخش ویدئوی قوی تر :
در نسخه فلش 8 استاندارد کد کردن تصاویر از H.283 به تکنولوژی ON2 VP6 ارتقاء یافته که کیفیتی بهتر از windows media را با 15% کاهش سایز عرضه میکند . عرضه ویدئوی با کیفیت در فلش خطری جدی برای برنامه های real و quickTime اپل و WinMedia مایکروسافت بحساب میاید. چون Flash player روی 98% از کامپیوتر های جهان نصب میباشد که چیزی در حدود 600 میلیون دستگاه را در بر میگیرد . در ضمن فلش خیلی راحت تر از فیلم های quickTime و WinMedia قابل دریافت است و کاربران را بسرعت بسوی خود جذب میکند .
همچنین امکان جدیدی با عنوان آلفا روی فیلم به فلش اضافه شده که بشما اجازه میدهد یک رنگ خاص از ویدئوی در حالپخش را در زمان اجرا حذف کنید . پس براحتی میتوانید از حقه سینمایی پرده آبی برای فیلم های فلش خود استفاده کنید تا مثلا دود سیگار را در فیلم خود اضافه کنید .
تصاویر برداری :
وقتی قرار باشه یه برنامه را تحت چند محیط اجرا کنید و همش مجبور باشید از تصاویر بیت مپی استفاده کنید باید اون برنامه را چند بار و برای هر محیط بطور جداگانه بنویسید . یکی ازین محیط ها موبایل ها هستند که با صفحه خود در ابعاد گوناگون طراحان را خسته میکنند . اما با استفاده از فلش نیازی به چند بار نوشتن نیست . چون تصاویر برداری فلش براحتی تغییر سایز می دهند بدون اینکه کیفیت آنها پایین بیاید .
امکان جدیدی هم دراین بخش اضافه شده که بشما اجازه میدهد داخل یک طرح برداری را با عکس بیت مپی پر کنید ( در حین اجرا) بدون اینکه تصویر برداری شما به بیت مپ تبدیل شود .
کد نویسی آسان :
حالت normal mode که در ورژن 2004 حذف شده بود دوباره به فلش اضافه شده است . البته با امکانات بهتری از جمله کامل کننده دستورات در حین تایپ !
متا تگ برای فلش :
یک خاصیت متا تگ برای فایل های SWF معرفی شده است که باعث میشود تا موتور های جستجو مانند گوگل و یاهو بتوانند محتویات فلش های شما را شناسایی کنند و به جستجو کنندگان معرفی کنند .
شبیه ساز موبایل:
برای موبایل طراحی کنید و سپس طرح خود را در شبیه ساز گوشی هایی که flash Lite را پشتیبانی تست کنید . این emulator در فلش گنجانده شده تا شما راحت تر از قبل بتوانید برای گوشی های موبایل فلش بسازید . همچنین Script Assist شما را در نوشتن اکشن اسکریپت برای گوشی ها یاری میکند .
فریم ورک آجاکس :فریم ورک Spry یک کتابخانه جاوا اسکریپت برای Ajax است که شامل فانکشن های مختلفی است که طراحان وب را قادر میسازد تا صفحات غنی تری برای بازدیدکنندگانشان بسازند. نسخه اول این فریم ورک آجاکس ، پیش نمایشی از قابلیت های اطلاعاتی است که طراحان را قادر می سازد اطلاعات دریافتی از XML را در صفحات HTML خود با استفاده از CSS و HTML و کمی کد جاوا اسکریپت بدون رفرش کل صفحه تغییر و نمایش دهند.
فریم ورک آجاکسی Spry بر پایه اچتمل ایجاد شده و طراحان با سطح آشنایی متوسطی با اچتمل و CSS و JavaScript میتوانند با این فریم ورک کار کنند . این فقط یک شروع برای این پروژه است و ادوبی در حال سرمایه گذاری برای طراحی ابزار های آجاکسی بیشتر میباشد .
AJAX روشی نوین در طراحی برنامه های کاربردی تحت وب :
امروزه، معمولا وقتی صحبت از طراحی برنامه های تعاملی(interaction design ) می شود،بیشتر توجه ها معطوف به وب است. برنامه های کاربردی تحت وب به سرعت در حال رشد و توسعه هستند و کاربران دوست دارند که با همان راحتی و سرعتی که با Desktop application ها کار می کنند با Web application ها هم کار کنند. طراحان برنامه های کاربردی وب هم برای از بین بردن این شکاف ، روش های طراحی گوناگونی را پیشنهاد کرده اند. نگاهی به Google Suggest و Google Maps بیندازید . وقتی روی قسمتی از نقشه zoom می کنید و یا بالا و پایین می روید همه چیز تقریبا به طور همزمان و بدون Load شدن مجدد صفحات انجام می شود. Gmail و Orkut نیز نمونه ای از روش طراحی جدید به نام Ajax هستند.
شامل مجموعه ای از تکنولوژی های مختف است که گرد هم آمده اند تا یک روش قدرتمند و جدید را برای طراحی برنامه های کاربردی وب ایجاد کنند:
Ajax مخفف Asynchronous JavaScript + XML است
Ajax
· standards-based presentation using XHTML and CSS;
· dynamic display and interaction using the Document Object Model;
· data interchange and manipulation using XML and XSLT;
· asynchronous data retrieval using XMLHttpRequest;
· and JavaScript binding everything together.
مدل کلاسیک برنامه های کاربردی وب به این صورت است که: کاربران توسط یک واسط، درخواست خود را به وب سرور ارسال می کنند. سرور پردازشی خاص برای درخواست مورد نظر کاربر انجام می دهد و سپس نتیجه را به صورت HTML به کاربر برمی گرداند. این مدل با کاربرد اولیه وب به عنوان واسط انتقال hypertext سازگار است اما تجربیات نشان می دهد که در طراحی برنامه های کاربردی لزوما استفاده از این مدل نتیجه مطلوب کاربران را نمی دهد!
وقتی که سرور مشغول پردازش درخواست ها است، کاربر چه می کند؟ مسلم است که انتظار می کشد! و این انتظار در هر مرحله از انجام کار بیشتر و بیشتر می شود! زمانی که یک فرم وب را در برنام کاربردی خود قرار می دهید کاربر باید تا زمان دریافت نتایج صبر کند.اصلا چه لزومی دارد که کاربر ببیند برنامه او به سمت سرور می رود؟! Ajax به این پرسش ها پاسخ می دهد:
یک برنامه کاربردی Ajax ، طبیعت start-stop-start-stop برنامه های کاربردی وب را با معرفی یک واسط به نام Ajax engine بین کاربر و سرور، از بین می برد. ممکن است به نظر برسد که افزودن یک لایه جدید به برنامه کاربردی، عکس العمل آن را کند کند اما نتیجه حاصله کاملا برعکس است! به جای load کردن یک صفحه وب در آغاز یک session ، مرورگر کاربر، Ajax engine را که توسط JavaScript نوشته شده است load می کند. این engine مسئولیت render کردن واسطی که کاربر می بیند و همچنین ارتباط با سرور از سمت کاربر را بر عهده دارد.این engine سبب می شود که تعامل کاربر با برنامه کاربردی، نا همگام(asynchronously) با ارتباط کاربر با سرور انجام شود. بنابر این ،کاربر هرگز یک صفحه مرورگر خالی یا یک آیکون ساعت شنی برای انتظار نمی بیند و منتظر سرور نمی نشیند!
Google نقش مهمی را در طراحی و به کارگیری این شیوه جدید داشته است. Orkut, Gmail و آخرین نسخه آزمایشی Google Groups, Google Suggest و Google Maps به شیوه Ajax طراحی شده اند.(برای کسب اطلاعات بیشتر می توانید به تحلیل Gmail, Google Suggest و Google Maps مراجعه کنید.) بیشتر ویژگی های جالب که در Flickr مشاهده می کنید بر اساس همین شیوه است. متور جستجوی Amazon's A9.com هم بر اساس این روش طراحی شده است.
این پروژه های موفق نشان می دهند که Ajax یک روش تئوری نیست بلکه کاملا کاربردی است!
ASP چیست ؟
Active Server Pages چیست؟
با گذشت سالهای متمالی، ما تغییرات مهمی را در موضوع اینترنت مشاهده می نماییم. ابتدا، اینترنت به منظور یک سرویس دهنده ارتباطات متوسط برای بخشهای دولتی و موسسات دانشگاهی بود. با پیدایش www، اینترنت یک محیط دوستانه چند رسانه ای شد. در اصل سرویس دهنده اینترنت به عنوان یک مکان برای آدمهای با ذوق به منظور خلق صفحات خانگی بود. اما هر چه افراد بیشتری به اینترنت وارد شدند، اینترنت به یک منبع اطلاعاتی برای همه افراد تبدیل شد. وفقتی تعداد افراد Online به یک محدوده بحرانی رسید، شرکتهایی که محصولات و خدمات را می فروختند شروع به Spring up نمودن کردند.
این شرکتها هیچ حضور فیزیکی نداشتند، فقط یک حضور مجازی داشتند!. برای مثال شما میتوانید از سایت Amazon.com کتاب بخرید، اما شما قادر نخواهید بود که کتابفروشی Amazon.com را در نزدیکی خود پیدا کنید.
همانگونه که اینترنت به صورت یک فروشگاه موفق شد، طراحی صفحات وب سایت ها هم تغییر پیدا کرد. در روزهای اولیه وب،HTML به منظور ایجاد صفحات وب ایستا استفاده می شد. اما امروزه، صفحات وب ایستا به سرعت در حال منسوخ شدن میباشند. تصور کنید اگر Amazon.com تنها از صفحات وب ایستا تشکیل شده بود!؛ شما نمی توانستید فهرستهای کتاب جستجو کنید. شما نمی توانستید یک در خواست را به صورت Online صادر کنید، شما نمی توانستید توضیحات کاربران دیگر را بخوانید. این است دلیل یک سرمایه گذاری مطمئن که اگر Amazon.com از صفحات وب پویا(Active Server Pages) استفاده نمی کرد، نمی توانست کتابهای زیادی بفروشد.
شما میتوانید صفحات وب پویا را از راهای زیادی ایجاد نمایید. راه حل مایکروسافت برای ساختن صفحات وب پویا استفاده از Active Server Pages ها می باشد که بصورت مختصر بر آن ASP می گویند.
نکته: سایت های وب بزرگ زیادی از ASP به منظور سرویس دادن پویا به اسناد وب استفاده می کنند. برای مثال Buy.com, HotBot.com, Dell.com از ASP برای ساخت سایت های وب پویای محاوره ای خود استفاده کردند.
ASP شامل دوبخش می باشد: 1- کدهای برنامه نویسی 2- کدهای HTML. کدهای برنامه نویسی میتوانند به وسیله تعدادی از زبانهای دست نویس(Scripting Language) نوشته شوند.
واژه جدید: یک زبان دست نویس(Scripting Language) یک دستور زبان مخصوص است که برای اجرای دستورات بر روی کامپیوتر استفاده می شود.
زبانهای اسکریپت نویسی دست نویس(Scripting Language) مربوط به وب که محبوب می باشند عبارتند از: VBScript و JavaScript. وقتی یک صفحه ASP درست می کنید، شما میتوانید از یکی از چهار زبان برنامه نویسی استفاده کنید.(شبیه به دستورات زبان Visual Basic)
تعریف زبانهای دست نویس
VBScript: معمولترین زبان برنامه نویسی تحت وب برای ASP می باشد.
JScript: شبیه به JavaScript میباشد.
PerlScript: شبیه به زبان Perl میباشد.
Python: یک زبان اسکریپت نویسی قدرتمند می باشد که بطور معمول برای توسعه وب به کار می رود.
حال، چطور یک سرویس دهنده وب تعیین می کند که سرویس گیرنده یک صفحه HTML ایستا را درخواست کرده است یا یک صفحه ASP را؟ سرویس دهنده وب بوسیله پسوند صفحه وب، این موضوع را تعیین می نماید. به همین دلیل است که وقتی شما یک صفحه ASP را ایجاد می کنید باید پسوند آن را .asp قرار دهید. با این کار سرویس دهنده وب می فهمد که قبل از فرستادن خروجی برای سرویس گیرنده باید کد برنامه نویسی را پردازش نماید.
اجازه دهید به صورت مختصر به یک صفحه ASP نمونه نگاهی بیندازیم. کد زیر شامل کدهایی می باشد که زمان و وقت فعلی را نمایش میدهند. برای اجرای کد شما در ابتدا نیاز به یک خدمات دهنده وب بر روی کامپیوترتان دارید. در این مورد در قسمت اجرای صفحات ASP بحث خواهیم نمود. در حال حاضر کد زیر را به منظور این ببینید که یک صفحه ASP چگونه بنظر میرسد اجرا نمایید.
<%@ Language="VBScript" %>
<html>
<body>
The current time is:
<% Response.Write Time() %>
</body>
</html>
تجزیه و تحلیل: توجه کنید که کد ASP بوسیله علامت <% %> احاطه شده است. وقتی یک صفحه ASP از یک سرویس دهنده وب درخواست می گردد، سرویس دهنده وب به طور کامل همه کدهای مابین علامت <% %> را قبل از فرستان خروجی برای سرویس گیرنده پردازش می کند. کد بالا ممکن است شباهت زیادی به فایل HTML واقعی داشته باشد. در حقیقت، تنها کد ASP خطوط 1و 5 می باشد. خط 1 به سرویس دهنده وب اطلاع میدهد که زبان Scripting در این صفحه ASP بکار رفته است. آن هم از نوع VBScript. به خاطر بیاورید که یک صفحه ASP می تواند از یکی از چهار زبان اصلی اسکریپت نویسی استفاده نماید.برای تعیین کردن یک زبان اسکریپت نویسی، برای یک صفحه ASP، شما از فرمان Language @ استفاده می کنید. اگر می خواستید از JScript بجای VBScript در مثال بالا استفاده کنید، باید خط اول کد بالا را بصورت زیر بنویسید:
<%@ Language= "JScript" %>
خط دوم از کد بالا وقت و زمان فعلی را نشان میدهند. تابع ( ) Time یک تابع VBScript می باشد که در جلسات بعدی در موردش بیشتر بحث خواهد شد. قسمت Response.Write نتایج حاصل از تابع ( ) Time را به سرویس گیرنده به عنوان خروجی می فرستد.(در مورد شیء Response و متد Response.Write در جلسات بعدی بیشتر بحث خواهد شد.)
اگر یک سرویس دهنده وب مابکروسافت بر روی کامپیوترتان دارید، میتوانید کدهای بالا را آزمایش نمایید. یک فایل با نام current-time.asp ایجاد کرده و آنرا در دایرکتوری ریشه سایت وب(wwwroot) خود قرار دهید.
اسجاد کردن اولین صفحه ASP :
صفحات ASP همانند صفحات وب HTML، فایلهای متنی ساده بر روی سرویس دهنده وب می باشند. برای ایجاد صفحه ASP، بعد از اینکه سرویس دهنده وب را نصب کردید تمام چیزی که شما احتیاج دارید، یک ویرایشگر متن همانند برنامه Notepad می باشد.
نکته: برنامه Notepad به صورت معمول برای ایجاد و اصلاح صفحات ASP استفاده می گردد، اگر چه این برنامه توابعی که برای تولید صفحات توسعه یافته ASP لازم است را ندارد.
اجازه دهید که اولین صفحه ASP خود را بوسیله برنامه Notepad بسازیم. ابتدا برنامه Notepad را باز کنید و سپس یک فایل با پسوند .asp ایجاد نمایید که جذر ریشه اعداد 1 تا 19 را نشان دهد. اگر شما دستورات زبان VBScript را بلد نیستید نگران نباشید؛ در مقالات بعدی درباره زبان VBScript مفصل بحث خواهیم کرد. اسکریپت زیر شامل کدی می باشد که باید در داخل برنامه Notepad تایپ شود:
<%@ Language="VBScript" %>
<% Option Explicit %>
<html>
<body>
<b>Square roots</b><br>
Dim iLoop
For iLoop = 1 to 10
Response.Write iLoop & ": " & Sqr(iLoop) & "<br>"
Next
%>
</body>
</html>
تجزیه و تحلیل: کد بالا جذر اعداد بین 1 تا 10 را محاسبه کرده و نمایش می دهد. خط 1، شروع کد ASPبا فرمان Language @می باشد که، در جلسات بعد با مدل Client-Serverآشنا خواهید شد. خط 2 که جمله Option Explicitمی باش:این جمله بیان میکند که همه متغیرهای استفاده شده در صفحه ASPبه صورت صریح تعریف شده اند. خطوط 3 تا 5 شامل کدهای HTMLمی باشند. سپس در خط 6 دوباره یک بلوک ASPشروع می گردد که یک حلقه For از 1 تا 10 را ایجاد می نماید. حلقه های For مربوط به ساختارهای کنترلی VBScriptمی باشد که در جلسات بعدی به طور مفصل بحث خواهیم کرد. در خط 9 هم خود اعداد و هم جذر آنها نمایش داده می شود.(مورد بحث قرار میگیرد) در انتها خطوط 13 و 14 پایان صفحه ASPمی باشد که شامل کدهایی از HTMLمی باشد.
حالا که این کدها را در داخل Notepadتایپ کرده اید، شما احتیاج دارید که صفحه ASP را ذخیره نمایید. شما باید فایل را با نام SquareRoot.asp بر روی دایرکتوری فیزیکی ریشه ذخیره نمایید. توجه داشته باشید که دایرکتوری فیزیکی ریشه به وسیله کادر خصوصیات سایت وب تعیین نشده است و به صورت پیش فرض X:inetpubwwwRootمی باشد بنابر این فایل SquareRoot.aspرا در مکان X:inetpubwwwRootذخیره نمایید. اکنون مرورگرتان را باز کنید و یکی آدرس زیر را وارد نمایید.
http://localhost/squareroot.asp
http://127.0.0.1/squareroot.asp
حال مرورگرتان باید Squareroot.asp را بصورت خروجی زیر نمایش دهد:
1: 1 Square roots
2: 1.4142135623731
3: 1.73205080756888
5: 2.23606797749979
6: 2.44948974278318
7: 2.64575131106459
8: 2.82842712474619
10: 3.16227766016838
به خاطر داشته باشید که مرورگر، به عنوان Client به کار می رود و فقط HTML پایانی را از سرویس دهنده وب دریافت می نماید. اگر شما سورس HTML را از داخل مرورگرتان مشاهده کنید(بعد از اجرای squareroot.asp)، تنها HTML را خواهید دید.
ایجاد اسکریپت و صفحات ASP به وسیله Notepad دارای مزایا و معایبی می باشد. ابتدا مزایای این کار را بیان می کنیم:
سرعت: Notepad یک ویرایشگر کوچک و کارا و سریع می باشد. البته ابزارهای پیشرفته تر هم هستند که به ما در ایجاد صفحات ASP کمک می کنند که در جلسات بعدی توضیح خواهم داد. اگرچه این ابزارها مزایای خاص خودشان را دارند اما آنها به فضا و حافظه زیادی نیاز دارند و آهسته تر از Notepad اجرا می شوند.
سادگی به کار گیری: از آنجا که Notepad گزینه ها و امکانات زیادی ندارد، وقتی ابزارهای پیشرفته امروزی را با Notepad مقایسه می کنیم، Notepad به نظر کارآمد نمی آید که معایب Notepad بر پایه نداشتن این گزینه ها و امکانات می باشد که تعدادی از آنها در زیر آمده است:
نداشتن پشتیبانی سایت وب: با Visual InterDev یا Frontpage ویا DreamWaver شما می توانید سراسر سایت وب را مدیریت نمایید. با Notepad شما فقط می توانید یک فایل را در یک زمان ایجاد و ویرایش نمایید.
کدهای دستور زبان غیر رنگی: وقتی شما از Frontpage وInterDev وDreamWaver که سه تا از ویرایشگرهای توسعه یافته وب می باشند استفاده می کنید، قطعات مختلف کدهایتان رنگهای مختلف خواهند داشت. این امر باعث می شود که بررسی خطاهای دستور زبان در Tag های HTML و کدهای VBScript به سادگی صورت پذیرد.
نداشتن ابزار ابجاد صفحات وب Drop-&-Drog: هم InterDev هم Fronpage هم DreamWaver به شما اجازه می دهند که ظواهر HTML یک صفحه وب رابه وسیله کشیدن و رها کردن اشیا یا عناصر در داخل صفحه وب ایجاد نمایید. به وسیله Notepad، شما احتیاج به آشنایی خوب با Tag های HTML برای ایجاد صفحه وب خود دارید. پس ویرایشگری را که شما برای ایجاد و مدیریت صفحات ASP خودتان استفاده می کنید، وابسته به احتاجهایتان است. اگر شما ترجیح می دهید که از یک ویرایشگر کامل و قدرتمند استفاده نمایید، بهترین انتخاب شما، Frontpage یا DreamWaver شرکت مایکروسافت و ماکرومدیا می باشد.
آموزش ASP :
ین جلسه، می خواهیم یک صفحه asp را به قطعات کوچک شکسته و هریک از اجزای آنرا مورد مطالعه قرار دهیم. در پایان این جلسه، شما باید فهم بالایی بر روی بعضی از ساختارهای صفحه ASP داشته باشید.
این جلسه، شما با چندین چیز که قبلا دیده اید سروکار دارید. اگر شما یک برنامه نویس با تجربه نیستید، این اصطلاحات شامل چندین مفهوم جدید می باشد که به طور مختصر آنها را آموخته بودید. ولی نگران نباشید، آنها به صورت کاملتر در جلسات بعدی بیان خواهند شد.
آشنایی با اسکریپتهای ASP
برای شروع، آخرین مثال جلسه قبل را دوباره تکرار می کنیم. این یک صفحه یا اسکریپت یا کد ASP است که عبارت Good Evening را در صورتی که زمان بعد از ظهر باشد چاپ می کند و در صورتی که قبل از ظهر باشد عبارت Good Morning را چاپ می کند:
<% @ Language="VBScript" %>
<% Option Explicit %>
<html>
<body>
The current time is <% = Time ( ) %>
<p>
<%
If Datepart("h",time()) >= 12 then
'After noon
Response.Write "Good Evening"
Else
'Before noon
Response.Write "Good Morning"
End If
%>
</body>
</html>
تجزیه و تحلیل: اولین چیزی که مورد بررسی قرار میدهیم Tag های <% و %> می باشد. شما باید قبلا با Tag های HTML آشنا شده باشید. برای مثال شما می دانید که متون بین <b/> و <b> به صورت حروف توپر نمایش داده می شوند؛ این Tag ها نیز شبیه آنها هستند. متنی که بین دو عبارت <% و %> ظاهر می گردد به عنوان کدهای ASP در نظر گرفته می شود. به این خاطر است که سرویس دهنده، قبل از فرستادن صفحه برای مرورگر وب، آنها را مورد پردازش قرار می دهد. برای مثال، در خطوط 7 تا 15 شما Tag های باز و بسته را مشاهده می کنید. آنها به این معنی هستند که خطوط بین 8 تا 14 کدهای ASP می باشند. حالا سعی کنید خطوط 7 تا 15 را از داخل اسکریپت خارج کرده و این صفحه را از طریق مرورگر وب مشاهده نمایید، مطمئنا چیزی شبیه به خروجی زیر را خواهید دید؛ چه اتفاقی افتاده است؟
The current time is 06:10:07
If datepart("h",time()) >= 12 then 'After noon Response.Write
"Good Evening" Else 'Before noon Response.Write "Good Morning" End If
بدون استفاده از Tag های <% و %>، سرویس دهنده تان متن های بین خطوط 8 تا 14 را به عنوان کدهای ASP در نظر نمی گیرد. در عوض فکر می کند که آنها متون ساده ای همانند هر صفحه HTML دیگر می باشند. فراموش کردن هر یک از این دو Tag باعث ایجاد خطا در طی اجرای ASP می گردد. که خوشبختانه این مسئله به راحتی قابل حل می باشد.
حال به مثالهای زیر توجه کنید:
<% @ Language="VBScript" %>
<% Option Explicit %>
<html>
<body>
The current time is <% = Time ( ) %>
<p>
If Datepart("h",time( )) >= 12 then
'After noon
Response.Write "Good Evening"
Else
'Before noon
Response.Write "Good Morning"
End If
</body>
</html>
تجزیه و تحلیل: در اینجا ما برای هر خط از کدهای ASP یک جفت از Tag ها را استفاده نموده ایم. یک Tag باز در ابتدای خط 7 قرار دارد، سپس یک خط از کد نوشته شده و بعد Tag بسته شده است. این شیوه، ناکارا و برای خواندن مشکل می باشد. در HTML، این مانند آن است که برای اینکه یک جمله را به صورت Bold دربیاوریم هر کدام از حروف جمله را به وسیله Bold Tag به صورت توپر دربیاوریم.
چیزهایی وجود دارند که شما باید با دقت در مورد آنـها فکر کنید. درست است که از Tag های HTML در داخل Tag های HTML می توانید استفاده نمایید ولی از Tag های ASP در داخل Tag های ASP نمی توانیم استفاده نماییم. برای مثال کد زیر یک خطا ایجاد می نماید:
Respnse.Write "Good Morning"
شما می توانید از Tag های ASP همراه با Tag های HTML استفاده نمایید، همانطوری که از <% … %> استفاده نمودید.
حال، برای اثبات این امر مثال نوشته شده در زیر را اجرا کنید:
<% @ Language="VBScript" %>
<% Option Explicit %>
<html>
<body>
<b>
Response.Write "Hello"
</b>
Response.Write "my friends"
</body>
</html>
این فایل را با نام Listing0203.asp ذخیره نمایید. اما مطمئن شوید که شما این فایل را در پوشه ای که PWS را در آن قرار داده اید قرار دارد.
تجزیه و تحلیل: خط 8 یک Bold Tag از HTML عادی می باشد. سپس در خط 6 یک بلوک از کد ASP شروع می شود. خط 7 یک کلمه را در خروجی می نویسد، خط 8 هم بلوک کد ASP را می بندد و خط 9 HTML Tag را می بندد. خطوط 10 تا 12 یک بلوک دیگر از کدهای ASP را تولید کرده اند که یک پیغام دیگر را چاپ می نماید.
خروجی زیر نشان می دهد که کد بالا بر روی مروگر وب چطور به نظر می رسد. توجه کنید که HTML Tag Bold بر کد ASP در خط 7 مقدم می باشد ولی نه بر روی کد ASP در خط 11. اگر ما Tag های ASP را در خطوطی جداگانه نسبت به کدهای واقعی ASP قرار دهیم هیچ اتفاق بخصوصی رخ نخواهد داد.
Hello my friends
ما به طور عموم جملات ASP را به شکلی که در فرم 1 آمده است استفاده می کنیم زیرا خواناتر می باشند:
1- <%
Response.Write "Hello"
2- <% Response.Write "Hello" %>
3- <% Response.Write "Hello"
4- <%
Response.Write "Hello"
به هر حال، هر چهار عبارت فوق مرسوم و صحیح میباشد.
منابع :
مرجع کامل PROFESSIONAL
تالیف مهندس مهرداد توانا و سعید هراتیان
آموزش گام به گام PHP تالیف مهندس عاطفه شیجونی
6