| تبليغات | X |
 |
 |
|
| آموزش طراحی وب سایت دینامیک |
|
روان شناسی رنگ ها در طراحی صفحات وب یکی از اصول بسیار مهم و کلیدی در طراحی صفحات وب ، توجه به اصل رنگ بندی صفحات و استفاده از رنگ های مکمل و ترکیبی مطلوبی است که کاربران بتوانند بر اساس اصل سهولت و جذابیت صفحه ، به مشاهده مطالب آن بپردازند. این که چه رنگی متناسب سایت های وب است ، پرسشی است که کارشناسان وب ، خیلی پاسخ جامع و کاملی برای ان ارایه نکرده اند و کم تر متخصصات طراحی وب به مسیله روان شناسی رنک ها در طراحی سایت ، توجه کرده اند.
اما به هر حال یک اصل کلی وجود دارد که می گوید : در رنگ بندی یک صفحه ، باید به این موضوع توجه شود که این رنگ قرار است در چه صفحه ای و با چه موضوعی به کار رود. یعنی اصل توجه به عملکرد و موضوعیت سایت ، در رنگ بندی مطالب مهم است . سایت های دولتی و به طور کل ، سایت هایی با بازدیدکننده بسیار بالا ، معمولا از رنک سفید برای زمینه صفحات و رنگ آبی برای لینک های صفحه و رنگ بنفش برای لینکهای مشاهده شده که به عنوان default برنامه فرانت پیج نیز به کار می رود ، استفاده می کنند. سایت هایی که بیش تر جنبه شخصی دارند ، از رنگ های مکمل استفاده می کنند. مثلا رنگ سبز پر رنگ در کنار سرمه ای ، جذابیت خاصی به سایت هایی با موضوعیت بازرگانی می دهد . و یا در طراحی سایت های کودکان ، از رنگ های خیلی شاد استفاده می شود. به هر حال توجه به کارکرد کد رنگ ها در طراحی صفحات وب از اهمیت مهمی برخوردار است . در ادام این مطلب ، فقط قصد یادآوری نوع روان شناسی هر رنگ درمخاطبان از دید روان شناسان داریم و فعلا در مورد این که چه نوع رنگی برای چه سایتی مناسب است ، صحبت نمی کنیم. اگر چه این توضیحات ، خود نیز بیان گر استنتاجات خوبی هستند که وب مسترها را در گرافیک سایت ، به خوبی هدایت می کند. یک بهترین رنگ نداریم! ۱- اثر روان شناسی رنگ ۲- قابلیت خواندن متون صفحات سایت . مثل سایت : (www.irna.com) ۳- رنگ متمم رنگهای انتخابی برای بک گراند ، گرافیک ها ، لینک ها و متون ( مثل سایت http://www.HiGrade.ir) ۴- وجود تطبیق رنگی بین لوگوها و آرم های صفحات با رنگ بندی متون و مطالب به کار گرفته شده (مثل سایت http://www.karvarz.com) ۵- توجه به نوع مخاطب و بازدیدکننده بخش های مختلف سایت . سایتی مانند یاهو ، که روزانه میلیون ها مخاطب دارد و از صدها بخش متنوع تشکیل شده است ، برای هر بخش خود از یک چیدمان و رنگ بندی خاصی در طراحی صفحات اکتیو ، استفاده کرده است . مثلا بخش کودکان یاهو با بخش بازرگانی ان بسیار تفاوت دارد ۵ اصل مهم ۱- رنگ ها اثر زیادی روی احساسات ما در ۹۰ ثانیه اول دیدن میگذارند . ۲- اثر رنگ میتواند بیننده را ترغیب به خرید یک جنس از شما کند. ۳- رنگ ها رفتار ما را در برابر یک موضوع فقط تشدید نمیکنند ، بلکه اثر خود را کاملا در رفتار ما نشان میدهند . ۴- اثر گذاری رنگ در فرهنگ های مختلف گوناگون است ! ۵- هر رنگ به تنهایی یک پیام مخصوص به چشم بیننده میفرستد .به قول مک لوهان ، رسانه همان پیام است ! روان شناسی رنگ ها • سفید : اشاره دارد به صداقت ، پاکیزگی ، صمیمیت ، ملایمت و معاصر بود ن چیزی . سفید بهترین رنگ برای بک گراند های وب است . در تجارت سفید رنگ خستگی گیر و انرژی بخش است . • سیاه : اشاره دارد به ظرافت ، قدرت ، دلیری ، شهامت ، فریبندگی ، شیطان ، مهارت و باستان . مشکی برای رنگ متن روی یک پس زمینه روشن ایده آل است. این رنگ بعنوان رنگ پس زمینه چشم را خسته میکند . • قرمز : توانایی ، هیجان ، احساسات شدید ، سرعت ، خطر و تهاجم . این رنگ از بیننده توجه به خود را طلب میکند . در تجارت بمعنی وام و بدهی است . این رنگ شدید ترین رنگ احساس است و ضربان قلب و تنفس را تسریع میکند . • آبی : امنیت ، اعتماد ، مسیولیت پذیری ، سرما ، ایمان ، وفاداری ، وابستگی وجاه و جلال . آبی دومین رنگ عوام پسند است . در تجارت بمعنای ضمانت مالی است . • سبز : تندرستی ، فراوانی ، حاصلخیزی ، آزادی ، شفا و بهبودی ، طبیعت ، پیشرفت ، حسادت و خونسردی . در تجارت بیانگر مقام و ثروت است. این رنگ در چشم ها راحت تر از همه دیده میشود . • قهوه ای : تاثیر گذاری ، متانت ، توانگری مالی و کمک کننده بودن . قهوه ای رنگ کره خاکی ماست و در طبیعت بسیار فراوان است . • خاکستری : صمیمیت زیاد ، اعتبار و نفوذ و عملی بودن . در تجارت بمعنای سنت گرایی است . • صورتی : ملایمت ، شیرینی ، ظرافت و زنانگی ، خوب بودن ، بی گناهی و پرورش کودک . • بنفش : وقار ، معنویت ، شاهانه بودن ، عیش و نعمت ، دارایی ، اعتبار و نفوذ ، سوگواری و مهارت . در تجارت بزرگ نشان دادن است . بنفش طرفداری از سبک های هنرمندانه است. • نارنجی : سرزندگی و شوخی ، لذت و خوشگذرانی ، تعادل گرمایی ، تشویق کردن ، چالاکی و نیرو ، تحمل و بلند همتی . • زرد : نور خورشید ، گرمی ، خوشی ، نامردی ، ترسویی و حسادت . در تجارت درخواست از نوع روشنفکرانه است و برای تاکید نیز خوب است . زرد باعث افزایش تمرکز شده ، سوخت و ساز را زیاد میکند و سخت ترین رنگ برای چشم هاست . • طلایی : نشانگر گران بودن و پرستیژ است . • نقره ای : سرما ، علمی بودن و اعتبار و پرستیژ است . پس وقتی میخواهید رنگی انتخاب کنید باید درباره بازار نهایی کار خود باندیشید . چه احساساتی را میخواهید برانگیخته کنید ؟ اول کمی درباره چشم انداز احساسی هدفتان فکر کنید و نیز پیامی که از راه دید میخواهید منتقل کنید . بعد رنگ خود را انتخاب کنید ! توجه داشته باشید که گرافیک صفحات وب ، امروزه نقش زیادی را در ارایه دکترین رفتار سازمانی الکترونیکی مراکز رسانه ای غرب به مخاطبان در اختیار دارند و LOGO ، BANNER ، TIZER ها ، فوق العاده در تحکیم مفاهیم به مخاطبان وبی موثر هستند. منبع:http://www.academist.ir |
|
+ نوشته شده در
یکشنبه بیست و ششم مهر 1388ساعت 15:6 توسط حمید رضا حباب |
|
|
SVG زبانی برای توصیف گرافیک ۲ بعدی و برنامه های گرافیکی در XML است .
▪ این تکنولوژی مخفف کلمات Scalable Vector Graphics میباشد . ▪ SVG برای ایجاد گرافیک های برداری در صفحات وب بکار میرود. ▪ با زوم روی گرافیک کیفیت پایین نمی آید . ▪ هر المانی که در SVG می بینید میتواند نقاشی شود . ▪ SVG یکی از توصیه های کنسرسیوم w۳ میباشد . SVG نسخه ۱.۱ در ژانویه ۲۰۰۳ برای اولین بار توسط W۳C توصیه شد . شرکت های Sun Adobe, Apple, IBM, Kodak ازجمله شرکت هایی بودند که بر روی این پروژه کار کرده اند . ● مزایای SVG نسبت به سایر فرمت های موجود مانند GIF , JPG : ▪ این فرمت توسط برنامه های بسیاری قابل خواندن است ، حتی notepad ! ▪ حجم این فایل ها از فرمت های پیکسلی کم تر است . ▪ این عکس ها قابلیت تغییر اندازه بدون از دست دادن کیفیت را دارند . ▪ متون نوشته شده در این عکس ها بصورت TEXT بوده و قابل انتخاب و جستجو میباشد ! ▪ SVG با تکنولوژی جاوا کار میکند .و یک استاندارد است . ▪ فایل های SVG کاملا XML هستند . قابل مقایسه ترین برنامه با SVG را میتوان Flash نامید . با این تفاوت که SVG یک استاندارد بیش از فلش دارد و آن موازی بودن تکنولوژی آن با استاندارد هایی مانند XSL و DOM است . در ضمن فلش یک تکنولوژی اوپن سورس نیست . تنها مشکلی که پیش پای SVG قرار دارد این است که هنوز تمام مرورگر ها بصورت کامل از آن پشتیبانی نمی کنند . گرچه میتوان آینده SVG را روشن توصیف کرد . زیرا بنیاد موزیلا و مایکروسافت هر دو برنامه هایی برای پشتیبانی از SVG در مرورگر هایشان دارند . همچنین برنامه Adobe Golive ۵ بطور کامل از ویرایش SVG پشتیبانی میکند و ادیتور های آن درحال گسترش هستند . باید بدانید که فایل های SVG با پسوند .svg ذخیره میشوند . ● دیدن فایل های SVG در مرورگر : برای دیدن فایل های SVG در مرورگر شما باید پلاگین Adobe SVG viewer را در سیستم خود نصب کرده باشید. البته اگر از فایرفاکس ۱.۵ استفاده میکنید نیازی به دانلود این پلاگین نیست .چون مرورگر فایرفاکس شما بصورت کامل ازین تکنولوژی استفاده میکند . دانلود پلاگین SVG Viewer ● لیستی از منابع اجرایی SVG مثالی از SVG در کد های XML (رسم دایره بکمک SVG): "http://www.w۳.org/Graphics/SVG/۱.۱/DTD/svg۱۱.dtd"> xmlns="http://www.w۳.org/۲۰۰۰/svg"> stroke-width="۲" fill="red"/> برای دیدن مثال فوق بصورت اجرا شده با یک مرورگر که ازین برنامه پشتیبانی کند به لینکView example بروید . توضیح المنت های کد فوق برای نشان دادن SVG در فایل های HTML میتوان از ۳ کد برای این کار استفاده کرد : ▪ تگ Embed ▪ تگ Object ▪ تگ iframe جهت توضیحات بیشتر به بخش آموزشی SVG در W۳schools مراجعه کنید . ● RSS چیست ، چگونه یک RSS بسازیم ؟ RSS برای تبادل اطلاعات کوتاه مانند لینک ها و سرتیتر مقالات ابداع شد و به کاربران اجازه میدهد تا متون کوتاه خبری و لینک های سایت هایی که RSS دارند را بصورت سریع مرور کنند . RSS مخفف Really Simple Syndication میباشد که بشما اجازه میدهد محتویات سایت خود را دسته بندی کرده و با یک فرمت سریع و استاندارد تیتر مقالات و اخبار سایت خود را در دسترس دیگران قرار دهید. فرمت فایل های RSS همان XML است. و بصورت اتوماتیک آپدیت میشود. بدون وجود RSS کاربران باید هر روز سایت شما را چک کنند تا بتوانند از تازه های سایت شما باخبر شوند . اما با این تکنولوژی کاربران RSS چندین سایت را در یک برنامه RSS aggregator (یا RSS خوان) در کنار هم می بینند و تایتل نوشته های اخیر سایت شما را بدون مراجعه به سایت شما می بینند . ● RSS برای چه سایت هایی مناسب است ؟ اگر سایت شما مثلا ۶ ماه یکبار یا سالی یکبار بروز می شود ، طراحی خروجی RSS برای آن مفید نخواهد بود . RSS برای سایت هایی مناسب است که مرتبا بروز رسانی می شوند . مانند وبلاگ ها ، سایت های خبری و ... ▪ تاریخچه ای از RSS : بد نیست بدانید که طراحی اولیه RSS توسط Dave Winer انجام پذیرفت و شرکت نت اسکیپ و OReilly از حامیان پیشرفت آن بودند. نسخه های معروف آن ۰.۹۱ و ۱.۰ و ۲.۰ است . ( RSS نسخه ۱ بدلیل استفاده از استاندارد RDF پیچیده تر و سخت تر از دوتای دیگر است). یک مثال از فرمت RSS : فایل های RSS از گرامر دستوری ساده ای استفاده می کنند: [URL="http://www.macromediax.com/"]http://www.macromediax.com[/URL] macromediax Tutorials [URL]http://www.macromediax.com/rss[/URL] ▪ RSSآموزش ساخت اولین خط دستور فوق xml declaration است که نسخه XML و encoding صفحه را مشخص میکند. خط دوم المنت RSS و نسخه آنرا مشخص میکند. در خط سوم تگ قرار دارد . سه خط بعدی تایتل صفحه را با لینکش تعریف میکنند . ۵ خط بعدی تگ می باشد . این تگ همان چیزی است که شما میخواهید آنرا در RSS خود نشان دهید . شما می توانید چندین تگ item پشت سر هم قرار دهید. دو خط انتهایی نیز تگ های باز را میبندد. RSS در اصل بیانی متفاوت ازXML میباشد و چون وجود خود را از XML دارد باید هنگام ساخت آن به نکات زیر توجه داشته باشید : ـ تمام المنت های XML باید تگ بسته داشته باشند. ـ تگ های xml به کوچکی و بزرگی حروف حساس هستند ـ تودرتو قرار دادن المنت های xml باید بصورت کاملا صحیح انجام شود. ـ نحوه نوشتن کامنت در RSS شبیه HTML است : □ پوبلیش نهایی RSS سایتتان: کد های خود را که نوشتید با فرمت rss.xml روی سایت خود قرار دهید و آدرس آنرا با عنوان RSS روی صفحات سایتتان قرار دهید . حالا سایت شما هم خروجی RSS دارد. آفتاب |
|
+ نوشته شده در
یکشنبه چهارم مرداد 1388ساعت 11:17 توسط حمید رضا حباب |
|
|
استانداردهای وب چیست و چرا باید از آنها استفاده کنیم ؟ مقدمه رویای تیم برنرز لی برای اختراعش ، شبکه جهانی وب ، یک فضای عمومی است . جائیکه کاربران میتوانند اطلاعات خود را به اشتراک بگذارند ، کنار هم کار کنند ، بازی کنند و روابط اجتماعی داشته باشند ( شبکه جهانی ب ، یک تاریخچه مختصر شخصی ). ما به عنوان توسعه دهندگان وب ، با ایجاد سایتهای آموزشی ، اجتماعی و تجاری ، این رویا را به واقعیت تبدیل میکنیم. در این دوره از رشد وحشتناک ، وب نیاز به راهنمایی دارد تا از پتانسیل کاملش آگاهی یابد. استانداردهای وب این راهنمایی هستند. استانداردها کمک میکنند تا مطمئن شویم که تمام افراد به اطلاعاتی که ما تامین میکنیم دسترسی دارند و همواره توسعه وب را سزیعتر و لذت بخشترمیکند. مطابقت با استانداردها استفاده از وب را برای افرادی با نیازهای خاص ساده تر میکند. افراد نابینا ممکن است سیستمهایی برای خواندن صفحات وب داشته باشند. افرادی با بینایی ضعیف ممکن است صفحاتی بخواهند صفحاتی دوباره مرتب شده و بزرگ شده برای خواندن راحتتر داشته باشند و افرادی که از دستگاههای جیبی استفاده میکنند میتوانند به راحتی زمانی که از سیستمهای خود استفاده میکردند از وب استفاده کنند. چنانکه شرح خواهیم داد ، همواره دلایل مفیدی برای توسعه دهندگان وب وجود دارد که با استانداردهای وب هماهنگ باشند. برای نمونه موتورهای جستجو میتوانند کار فهرست کردن سایتها را بهتر انجام دهند. استفاده از کدهای مختص یک مرورگر اغلب کار طراحی یک صفحه را دوبرابر یا سه برابر میکند. و زمانی که رسانه جدیدی مطرح میشود برای مطلوب شدن سایت کار زیادی باقی میگذارد. این وضعیت بدون مفهوم هدایت استانداردهای وب فقط وخیم تر خواهد شد. بعضی از مردم ترس از این دارند که استانداردها در حال محدود کردن هستند. در حقیقت ، آنها مقدار زیادی از کار خسته کننده مورد بحث در توسعه وب را حذف میکنند و به توسعه دهندگان وقت و اتعطاف پذیری بیشتری میدهند تا به درستی خلاق باشند. که هر دو به آینده بهبود یافته و متفکری نسبت به گذشته راه می-یابند. بسایری از کاربردهای وب ، از جمله بعضی ها که امروزه فقط در رویاهای ما هستند بدون گسترده شدن مطابقت با استانداردها ممکن نخواهد بود و یا مشکلتر خواهد بود. در حال حاضر ، سیستمها و نرم افزارهایی وجود دارند که بسیار عمومی و ظاهرا فراگیر هستند ، اما چی کسی میداند فردا چه اتفاقی میافتد ؟ مقید کردن خودمان با کنترل هر شرکت منفردی به این معنی است که آینده خودمان را به خوش اقبالی یا بداقبالی اینکه یک شرکت میتواند یا میخواهد که ما را تامین کند محدود میکنیم. حمایت کردن از فراگیری استانداردها به وب اجازه میدهد که تا زمانیکه مشوق نوآوری است زنده بماند و در همین مسیر ادامه دهد. استانداردها چیزهای زیادی برای عرضه کردن دارند که ما در پروژه استانداردهای وب به آن در حد لازم رسیدگی میکنیم تا به شما کمک کنیم که بیشتر درباره آنها یاد بگیرید. این متن تنها نقطه آغاز است ، به شما از اینکه چه استانداردهای موجود است ، چه کاری انجام میدهند و چرا شما باید به آنها توجه داشته باشید ، یک درک قوی خواهد داد. هر بار که ما یکتکه ار وب را میسازیم به فضای عمومی اطلاعات که همان وب است کمک میکنیم. میتوانیم آنرا هر چه بهتر بسازیم و یا آنرا سنگین تر کنیم که از هم گسیخته میشود. این انتخاب متعلق به ماست ؛ نتیحه آن متعلق به همه. 2. استانداردهای وب چه چیزهایی هستند ؟ 2.1 استانداردهای کنسرسیوم جهانی وب (W3C) 2.1.1 W3C چیست ؟ کنسرسیوم شبکه جهانی وب (W3C) یک کنسرسیوم از صنعت بین المللی است که به "هدایت وب به سوی استعدادهای نهان آن" اختصاص داده شده است. توسط تیم برنرز لی ، مخترع وب ، رهبری شده است. در سال 1994 تاسسیس شده است ، W3C بیش از 450 عضو سازمانی دارد که شامل Microsoft ، America Online ( کمپانی مادرNetscape Communications ) ، Apple Computer، Adobe ، Macromedia، Sun Microsystemsو مجموعه ای متنوع از دیگر تولید کنندگان نرم افزار و سخت افزار ، تامین کننده محتوا ، نهادهای علمی و شرکتهای ارتباط از راه دور. کنسرسیوم توسط سه سازمان تحقیقاتی میزبانی میشود : MIT در آمریکا ، INRIA در اروپا و Keio University در ژاپن. 2.1.2 چه کاری انجام میدهد ؟ W3C خصوصیات آزاد (استانداردهای عملی) را گسترش میدهد تا قابلیت همکاری محصولات مربوط به وب را بهبود بخشد. نظریه های W3C توسط گروههای کاری شامل اعضای کنسرسیوم و کارشناسان دعوت شده گسترش می یابد. گروههای کاری موافقت عمومی از شرکتهای و سازمانهای درگیرایجاد نرم افزارهایی برای وب هستند را به دست آورند. و پیش نویسهایی عملی و نظریه های پیشنهادی ایجاد کنند. اینها در مرحله بعد به عضویت و مدیریت W3C برای تصویب رسمی به عنوان نظریه های W3C فرستاده خواهند شد. اطلاعات اضافی در مورد این فرآیند در وب سایت W3C قابل دسترسی است. 2.1.3 استانداردهای W3C چه چیزهایی هستند ؟! 2.1.3.1 زبان نشانه گذاری ابرمتن HTML 4.0 زبان نشانه گذاری ابرمتن (HTML) به صورت گسترده ای در وب برای اضافه کردن ساختار به اسناد متنی استفاده شده است.مرورگرها این اسناد را تفسیر کرده و در شکل مختص هر رسانه به کاربر نمایش میدهند. برای مثال ، مرورگرهای بصری نوعا عنصر strong ( ... ) را به عنوان یک متن توپر نمایش میدهند. درحالیکه مرورگرهای تبدیل متن به گفتار باید هنگام تلفظ آن ، متن را با قدرت بیشتری بخوانند. با کمک شیوه نامه آبشاری (CSS) ، برنامه نویس ممکن است تعیین کند که یک عنصر ساختاری بدون توجه به پیش فرضهای مرورگر چگونه نمایش داده میشود. 2.1.3.2 زبان نشانه گذاری قابل گسترش XML 1.0 زبان نشانه گذاری قابل گسترش (XML) یک زبان نشانه گذاری شبیه HTML است ، اما به جای داشتن یک مجموعه از عناصر واحد و ثابت به شما اجازه میدهد که مجموعه خود را تعین کنید یا از مجموعه های دیگران استفاده کنید. همچنین به شما امکان میدهد که مجموعه های متعددی را با استفاده از XML namespaces در یک سند واحد استفاده کنید. بعضی از برنامه های XML نظیر XHTML و MathML هم اکنون نظریه های W3C شده اند. سایرین هنوز به صورت پیش نویسهای کاری W3C هستند. استانداردهای شیوه نامه نظیر CSS و XSL انتخابهای گوناگونی عرضه میکنند که یک عنصر XML چگونه نمایش داده شود. پشتیبانی مطابق با استاندارد برای نمایش مستقیم XML در مرورگرها هماهنگ نیست ، بنابراین برای ارائه اطلاعات به انسانها ، HTML (یا XHTML) با یک ظاهر طراحی شده با CSS یکی از راهها است. XML امروزه بیشتر در ارتباطات بین ماشینها ( یا ماشین به ماشین ) استفاده میشود. XML اصولا به خاطر توانایی اضافه کردن عناصر دلخواه شما و ساختن سیستم ساختاری متعلق به شما انعطاف پذیرتر از HTML است. واین XML را یک فرمت ایده آل برای سازماندهی مقادیر زیاد از داده میسازد. که هم اکنون در بسیاری از بانکهای اطلاعاتی و موتورهای جستجو مورد استفاده قرار گرفته است. 2.1.3.3 XHTML 1.0, 1.1, and Modularization XHTML 1.0 یک فرمولبندی تازه از HTML بر پایه XML است. به XHTML 1.0 میتوان به عنوان یک گذار ایدئولوژیک از HTML 4.0 نگاه کرد که به خاطر تاثیر XML از لحاظ فنی سختگیرانه تر است. XHTML در مرورگر شما عینا مشابه HTML نمایش داده میشود. اگر هر احتمالی مبنی بر نیاز یا قصد شما به پردازش مجدد محتوا وجود دارد ممکن است ترجیح دهید از XHTML استفاده کنید. به عنوان مثال برای ارسال آن به یک PDA قواعد ترکیب سختگیرانه تر XML پردازش خودکار XHTML را بسیار ساده تر و ارزانتر از HTML معمولی میکند. از لحاظ ایدئولوژیک XHTML مفاهیم کلی زیر را از HTML به ارث میبرد : اینکه نمایش و قالب بندی سند باید توسط شیوه نامه از هم جدا شوند. اینکه اسناد باید قابل دسترسی شده باشد. اینکه اسناد باید بین المللی شده باشد. همچنین XHTML 1.0 از سه الگوی DTD استفاده میکند : Strict (سختگیرانه) ، Transitional (انتقالی) و Frameset. این الگودر اصل از HTML 4.0 پدیدار شد و در HTML 4.0.1 دنبال شد. بعضی از شیوه های فی مهم XML در XHTML عبارنند از : اینکه تمامی انواع سند توسط اعلام DOCTYPE صحیح شناسایی شده هستند. اینکه ساختار یک سند در حال مطابقتی که حاوی اعلام DOCTYPE است، یک عنصر HTML با یک اعلام XHTML ، یک عنصر head که در برگیرنده عنصر title است و یک عنصر body . اینکه تمامی عناصر و نامهای ویژگی ها با حروف کوچک نوشته میشوند و اینکه تمامی مقادیر به صورت نقل قول باشند. (درون یک جفت " قرار گیرند) اینکه تمامی عناصر غیر تهی (p، li و...) به درستی با یک برچسب بسته پایان یافته اند. اینکه تمام عناصر تهی (br، hr، img و ...) به درستی با یک ممیزدنباله پایان یافته اند. اینکه اسناد در مقابل DTD که اعلام شده تعیین اعتبار گردند. اگر شما میخواهید که یک سند با XHTML 1.1 بنویسید ، میتوانید از دو راه این کار را انجام دهید. اولی استفاده از DTD عمومی XHTML 1.1 است. با انجام دادن این ، کار شما به شدت ساخت یافته خواهد شد زیرا در واقع هیچ خاصیت نمایشی در XHTML 1.1 وجود ندارد. جدایی ساختار و نمایش در اینجا کامل است. و تمامی کار نمایشی شما در یک شیوه نامه جای میگیرد. وسیله دیگر برای نوشتن اسناد با XHTML 1.1 بهره برداری از XHTML Modularization است. این تفکیک اجزاء آشنای HTML و XHTML (مانند Text ،tables و ...) در قطعات مجزا است. شما پس از آن میتوانید DTD متعلق به خودتان را بنویسید و فقط از آن دسته از اجزا که لازم هستند استفاده کنید. این توسعه پذیری عملی است. در اصل به شما، برنامه نویس وب، فرصت تغییر ودلخواه کردن نشانه گذاریتان را میدهد. The Ruby Annotation یک وسیله خاص برای سر و کار داشتن با تفسیرهای کاراکترهای معین آسیایی است. Ruby در مقابل کاری که با بین المللی سازی انجام شده باشد تنزل میکند. 2.1.3.4 شیوه نامه آبشاری (CSS) شیوه نامه آبشاری (CSS) یک طرز کار و مکانیزم برای تغییر ظاهر عناصر HTML یا XML به وسیله اختصاص سبکها و شیوه ها به انواع عناصر ، دسته های خودتعریف از عناصر یا نمونه های شخصی است. شیوه نامه ها میتوانند برای تعیین بدون تناقض ظاهر تمام یک سایت استفاده شوند. در ادامه مقدمه ای از CSS ، W3C توصیه کرده است که خصوصیات مختص طرحبندی در HTML به عنوان فاز جداگانه ای خارج شود و با شیوه نامه ها تعویض شود تا یک شبکه جهانی وب ساده تر و ساخت یافته تر ایجاد کنیم. 2.1.3.5 الگوی شیئی سند سطح 1 (DOM Level 1) DOM اجازه میدهد که قدرت کامل و تعاملی یک زبان برنامه نویسی (مانند ECMAScript ، نسخه استاندارد شده جاوا) در یک صفحه وب به کار برده شود. (در ظوابط بزنامه نویسی ، الگوی سیئی سند (DOM) سطح 1 یک رابط کاربردی برنامه نویسی (API) است برای تعامل با صفحات وب) که آن برای زبان برنامه نویسی دسترسی ساده ای به ساختار، محتوا و نمایش یک سند که در زبانهایی مانند HTML و CSS نوشته شده اند محیا میکند. DOM با پیشرفتهای آینده فناوری سازگار است. و به هر زبان برنامه نویسی اجازه میدهد که با هر زبانی که در یک سند به کار رفته تعامل کند. این استاندارد تنها برنامه نویسی پویای HTML را ساده نمیکند بلکه درد و رنج تطبیق با فناوری های آینده اینترنت را بسیار کمتر میکند. 2.2 استانداردهای ECMA 2.2.1 ECMA چیست ؟ انجمن سازندگان اروپایی رایانه (ECMA) یک سازمان است که رسما در سال 1961 تاسیس شده تا نیازهای استانداردسازی قالبهای عملیاتی رایانه از جمله زبانهای برنامه نیسی و کدهای ورودی/خروجی را برآورده کند. ECMA در ژنو سوئیس و در نزدیکی اداره مرکزی سازمان بین المللی استانداردسازی (ISO) و کمیسیون علوم الکترونیکی بین المللی (IEC) مستقر شده است. در 1994 نام سازمان ECMA به "انجمن اروپایی برای استانداردسازی اطلاعات و سیستمهای ارتباطی" تغییر یافت به این منظور که بازتاب گسترده تری از حوزه فعالیتهایش داشته باشد. 2.2.2 چه کاری انجام میدهد ؟ وظیفه اصلی ECMA گسترش استانداردها و گزارشهای فنی در زمینه اطلاعات و فناوری های ارتباطی است. از آنجایی که ECMA یک انجمن از شرکتهاست و نه یک موسسه استانداردسازی رسمی ، اغلب با نهادها و موسسه های ملی یا بین المللی همکاری میکند. استانداردهای ECMA به عنوان یک اساس و بنیاد برای استانداردهای بین المللی و اروپایی پذیرفته شده اند. تا جایی که بیش از 270 استاندارد ECMA و70 گزارش فنی منتشر شده است. از این استانداردها 85 مورد به عنوان استاندارد بین المللی توسط سازمان بین المللی استانداردسازی (ISO) پذیرفته شده اند. علاوه بر اینکه 25 مورد به عنوان استاندارد اروپا توسط موسسه اروپایی استانداردهای ارتباط از راه دور (ETSI) پذیرفته شده است. 2.2.3 استانداردهای ECMA چیستند ؟ 2.2.3.1 ECMA Script (جاوا اسکریپت استاندارد شده) ECMA Script یک زبان برنامه نویسی استاندارد شده است که تا حد زیادی بر مبنای JavaScript از Netscape و JScript از Microsoft است. ECMA Script توسط هیئت فنی 39 از ECMA تعریف شده است. کاربرد اصلی ECMA Script ، که یک زبان مبتنی بر شیئی است ، اداره اشیائی است که در صفحات وب توسط الگوی شیئی سند (DOM) مشخص شده اند. این اشیاء (به طور موثر، عناصری که صفحات وب یا صفحات کامل وب را میسازند) میتوانند اضافه شده، حذف شده، جابجا شده و یا از لحاظ خصوصیات تغییر کنند. این به توسعه دهندگان وب اجازه میدهد اثراتی مانند متن متحرک، کلیدهای گرافیکی و صفحاتی که بر اساس ورودی کابر بدون نیاز به بارگذاری مجدد تغییر میکنند، ایجاد کنند. خصوصیات متداول ECMA Script ، استاندارد ECMA – ECMA262 خصوصیات زبان برنامه نویسی ECMA ، نگارش دوم است. 3. مزایای استفاده از استانداردها چیست ؟ 3.1 قابل دسترس بودن 3.1.1 برای نرم افزار/ دستگاه : اجرای استانداردهای وب میتواند به صفحات وب شما وضوح بیشتری در جستجوهای وب بدهد. ارائه اطلاعات ساختاری در اسناد مقبول (از لحاظ استاندارد) دسترسی و ارزیابی اطلاعات در آن اسناد را برای موتورهای جستجو ساده میکند و آنها با دقت و درستی بیشتری فهرست میشوند. به خاطر استفاده از استانداردهای وب درک ساختار سند شما به خوبی برنامه های سمت سرویس گیرنده برای برنامه های سمت سرویس دهنده راحت میشود. و اضافه کردن یک موتور جستجو برای سایت شما ساده تر میشود و نتایج بهتری میدهد. استانداردها چنان نوشته شده اند که مرورگرهای قدیمی بازهم مبانی ساختار سند شما را درک میکنند. حتی اگر آنها نتوانند جدیدترین و جالبترین ضمیمه ها به استانداردها را درک کنند ، انها قادر خواهند بود محتوای سند شما را نمایش دهند. این البته به همان اندازه در مورد سیستمهای رباتی که اطلاعات سایت شما را از طرف موتورهای جستجو و فهرستی جمع میکنند، اعمال میشود. کدهای مطابق استاندارد به شما فرصت معتبر سازی صفحاتتان را توسط یک سیستم تعیین اعتبار میدهند. تعیین اعتبار کننده ها اسناد شما را پردازش میکنند و لیستی از خطاها را به شما ارائه میکنند، این پیدا کردن و اصلاح خطاها را بسیار ساده تر میکند و میتواند برای شما زمان زیادی صرفه جویی کند. اسناد مطابق استاندارد به راحتی میتوانند به قالبهای دیگر چون بانکهای اطلاعاتی و اسناد Word تبدیل شوند. این به ما اجازه میدهد استفاده تطبیق پذیرتری از اطلاعات داخل اسناد در شبکه جهانی وب بکنیم و مهاجرت ساده شده ای به سیستم های جدید (سخت افزار به خوبی نرم افزار) شامل دستگاههایی مانند TV و PDAها داشته باشیم. 3.1.2 برای مردم : قابل دسترسی بودن یک ایده مهم پشت سر تعداد زیادی از استانداردهای وب، خصوصا HTML است. این تنها به این منظور نیست که به وب اجازه دهد توسط مردم ناتوان و معلول مورد استفاده قرار گیرد، بلکه به صفحات وب اجازه میدهد که توسط مردمی که از مرورگرهایی غیر از مرورگرهای معمول استفاده میکنند مورد استفاده قرار گیرد. این مرورگرها شامل مرورگرهای صوتی که صفحات وب را با صدای بلند برای افرادی با اختلالات بینایی میخوانند، مرورگرهای خط نابینایان (Brail) که متن را به خطوط برجسته قابل فهم نابینایان ترجمه میکنند، مرورگرهای دستی و جیبی که فضای نمایشگر بسیار کوچکی دارند، نمایشگرهای Teletext و سایر دستگاههای خروجی غیر معمول. همانطور که روشهای گوناگون دسترسی به وب افزایش پیدا میکند، سازگارکردن و تکثیر کردن وب سایتها برای برآورده کردن احتیاجات به طور روز افزونی مشکل خواهد شد (درواقع عده ای معتقدند که این کار حتی امروز هم غیر ممکن است!). پیروی از استانداردها یک قدم بزرگ به سوی حل این مشکل است. تطبیق سایتهای شما با استاندارد کمک میکند که اطمینان داشته باشید نه تنها مرورگرهای سنتی، قدیمی و جدید، قادر خواهند بود که سایتها را به درستی نمایش دهند، همچنین سایتها با مرورگرها و رسانه های غیر معمول هم کار خواهند کرد. بعضی از نتایج منطقی چشم پوشی کردن از استانداردها بدیهی هستند : یکی از اساسی ترین نتایج این است که شما دسترسی با سایت خود را محدود میکنید. محدود کردن مخاطبین تنها به یک بخش کوچک از آنها که میخواهند سهمی از آن داشته باشند چقدر از نظر تجاری معقول به نظر میرسد ؟ برای یک سایت تجاری، مسدود کردن دسترسی یک بخش کوچک از مخاطبهای مورد نظر میتواند یک اختلاف بزرگ در ما به التفاوت سود شما ایجاد کند. برای یک سایت آموزشی، عاقلانه به نظر میرسد که نه تنها به بچه مدرسه ای های ثروتمند و نیرومند جسمی با مرورگرهای گرافیکی اجازه دسترسی بدهیم، بلکه به کودکانی در کشورهای جهان سوم آنهاییکه فقط مرورگرهای مبتین بر متن دارند یا دانش آموزان ناتوانی که از مرورگرهای خاصی استفاده میکنند، اجازه دسترسی بدهیم. همان اصول اخلاقی به تمام انواع سایتها اعمال میشود. د حالیکه گمراه شدن از استانداردها و استفاده از خصوصیات مختص مرورگری خاص ممکن است وسوسه انگیز باشد. قابلیت دسترسی بیشتر که با انطباق با استانداردها به دست می آید به پاداشهای بزرگتری در دراز مدت منجر میشود. 3.2 پایداری اغلب استانداردهای وب معمولا با در نظر گرفتن پیش سازگاری و پس سازگاری طراحی شده اند. بنابراین آن داده ای که از نسخه های قدیمی استاندارد استفاده میکند ، کماکان در مرورگرهای جدید کار میکند. و داده ای که از نسخه های جدید استاندارد استفاده میکند به صورت موقرانه ای تنزل نیکند تا نتایج قابل قبولی در مرورگرهای قدیمی تر ارائه دهد. برای اینکه وب سایت ممکن است در زمان حیاتش توسط تیمهای متعدد طراحی کار شود، بسیار مهم است که آنها بتوانند به سادگی کدها را درک کنند و آنها را ویرایش کنند. استانداردهای وب یک مجموقه قواعد پیشنهاد میکند که هر توسعه دهنده وبی میتواند آنرا دنبال کند، بفهمد و با آن آشنا شود. زمانیکه یک توسعه دهنده یک سایت را با استانداردها طراحی میکند، دیگری قادر خواهد بود بفهمد که عنصر شکل دهنده کجا گذاشته شده است. 4 نتیجه گیری به عنوان توسعه دهندگان وبب، ما دائما سعی میکنیم که مشکل ناسازگاری و تناقض بین تفاسیر صفحات با مرورگرهای مختلف و نسخه های مختلف مرورگر را مشخص کنیم. که این ما را ناگزیر میکند که یک کدنویسی دوباره یا سه باره وقت گیر انجام دهیم و یا برای یک مرورگر واحد کد نویسی کنیم که اگر برای بعضی مردم استفاده از سایت را غیر ممکن نکند، مشکلتر میکند. این وضعیت با ورود یا ظهور یک نرم افزار یا سخت افزار جدید که قادر به مرور صفحات وب میباشد، مانند تلفنها، پیجرهاو PDAها وخیم تر میشود. استانداردهای وب قوانین محرمانه ای که توسط سازمانهای مجلل حکم شوند نیستند. همانطور که شرح دادیم بخش زیادی از استانداردها توسط نماینگان همان مردمی که از آن استفاده میکنند ایجاد میشوند : سازندگان مرورگرها، توسعه دهندگان وب، تامین کنندگان محتوا و سازمانهای دیگر. نوشتن صفحات وب در مطابقت با استانداردها رمان توسعه را کوتاه تر و نگه داری صفحات را آسانتر میکند. عیب یابی و رفع اشکال ساده تر میشود زیرا کد از یک استاندارد پیروی میکند. شما نباید دیگر درباره کد نویسی و نگه داری از چندین نسخه از کد که فرض شده ظاهر یکسانی نمایش میدهند نگران باشید. یک نسخه از سایت شما، همین و بس ! پذیرش همگانی استانداردهای وب در آینده برترین اعتبار خواهد شد. ماموریت پروژه استانداردهای وب بهبود و ارتقای وب با تشویق سازندگان مرورگرها و صفحات وب به پیروی از استانداردها در برنامه هایشان برای توسعه دهندگان و کاربران نهایی است. این کوشش البته زمانی به طور زیاد یاری داده خواهد شد که توسعه دهندگان وب از استانداردها به عنوان یک موضوع با اهمیت استفاده کنند . بر اینکه مولدها و ارائه دهندگان کد آنها مطابق با استانداردهای وب باشند پافشاری کنند. دلایلی که ما ارائه کردیم باید به شما، توسعه دهنده وب، انگیزه زیادی برای استاندارد بودن، استفاده از استاندارد و همچینین مهمات زیادی برای تقویت موقعیت تجاری شما داده باشد. سازمان آموزش و پرورش استان هرمزگان |
|
+ نوشته شده در
دوشنبه سی و یکم فروردین 1388ساعت 10:24 توسط حمید رضا حباب |
|
|
آموزش نکات Html پیشرفته – تگ Doctype
آیا
تا کنون دقت کرده اید که برنامه های ویرایشگر اچتمل مانند دریم ویور و
فرانت پیج در ابتدای صفحات ، یک تگ DOCTYPE قبل از تگ html مینویسند که
برداشتن آن نیز تاثیر خاصی در صفحه ندارد ؟
اما کار این تگ چیست ؟ این خط به برنامه مرورگر می فهماند که شما قصد استفاده از HTML نسخه 4 را برای طراحی صفحه وب خود دارید . در صورتی که بخواهید از XHTML جهت طراحی صفحه وب خود استفاده کنید باید کد فوق را کمی تغییر دهید . پس چرا حذف آن تاثیری در صفحه وب ما ندارد ؟ این کد در ایجاد صفحات HTML اختیاری و در صفحات XHTML اجباری است . اگر این تگ را به همراه یک URL در بالای صفحه وب خود اعلان کنید ، سبب میشود که برنامه های مرورگر فعلی ، هنگام باز کردن صفحه شما در مد standards کنار کنند . بدین صورت میتوانید کدهای خود را مطابق استاندارد نوشته و کنترل بیشتری بر چگونگی نمایش این صفحه در برنامه های مرورگر مختلف داشته باشید. در صورت نگذاشتن این کد ، مرورگر از روش های قدیمی تر برای نمایش صفحه شما استفاده می کند . یک مثال عملی :در هنگام تعیین رنگ با شماره های هگزادسیمال ، یک علامت شارپ (#) در ابتدای شماره رنگ قرار میگیرد که حذف آن باعث نادیده گرفتن این رنگ در زمان نمایش صفحه میشود . اما اگر کد DOCTYPE را از ابتدای صفحه پاک کنید ،مرورگرتان از این مورد ایراد نمی گیرد و آن رنگ را نشان میدهد . برای تست این مثال از مرورگر فایرفاکس استفاده کنید . چون مرورگر Internet Explorer بطور معمولی هم از حذف علامت # ایراد نمی گیرد و ممکن است شما فکر کنید علامت # اختیاری است |
|
+ نوشته شده در
سه شنبه هجدهم فروردین 1388ساعت 14:45 توسط حمید رضا حباب |
|
|
متاتگ چیست ؟
متاتگ
ها راهی برای شناساندن وب سایت شما به جهان خارج است . عنوان تگ هایی که
برای صفحات سایت خود تعریف میکنید موتور های جستجوگر را در شناختن مطالب
داخل سایت شما یاری میکند .
دو نوع اصلی متاتگ وجود دارد : این متاتگ باعث میشود که اطلاعات اضافی ای همراه صفحه وب درخواستی شما در http header به مرورگر ارسال شود . مثلا میتوانید تاریخ انقضای اطلاعات را تعیین کنید یا میتوانید صفحه وب را با یک متا تگ خاص پس از چند ثانیه به صفحه دیگری بفرستید بدون دخالت کاربر ! HTTP-EQUIV این نوع از متاتگ برای تعیین اطلاعات داخل صفحه وب استفاده میشود که باعث میشود صفحه وب شما با راحتی بیشتری برای موتورهای جستجوگر شناخته شود ... مثلا زبان این صفحه ، نام طراح ، کلمات کلیدی این صفحه و ... NAME متاتگ ها کجای صفحه وب نوشته میشوند ؟ متاتگ ها را باید داخل تگ head نوشت . در صفحه هایی که از چند فریم درست شده باید در تمام صفحات متاتگ را نوشت. به مثال های زیر دقت کنید : content در متاتگ کارش معرفی مقداری هست که متاتگ با یکی از دو صفت name و HTTP-EQUIV در خود دارد . مثال : NAME="keywords" CONTENT=" persian macromediax dreamweaver"> تگ بالا را یه نگاه کنید . از نوع name است . مقدار name مساوی با keywords است . یعنی این متاتگ کارش شناساندن کلمات کلیدی سایت به موتور های جستجوگر است ... اگر میخواهید موتور های جستجو مانند گوگل سایت شما را بهتر بشناسند این تگ را به قالب سایت یا وبلاگ خود بیفزایید و در جلوی content کلمات کلیدی سایت خود را بنویسید . مثال : NAME="description" CONTENT=" persian web design center"> تگ بالا کارش افزودن توضیحات سایت شما به موتور های جستجوگر است . اگر این تگ را به وب سایت یا وبلاگ خود اضافه کنید از ماه آینده اگر کسی بصورت تصادفی در گوگل به سایت شما بر بخورد توضیحات داخل این متا تگ را بجای توضیحات میبیند . یعنی گوگل دقیقا از این متاتگ برای ذخیره اطلاعات درباره سایت شما استفاده میکند . پس بکاربردن این متا تگ ها خیلی مهمه ! مثال : تگ بالا تاریخ انقضای این صفحه وب را تعیین میکند . یعنی اگر کسی این صفحه وب را یکبار دیده باشد وقتی این زمان فرا برسد و او دوباره آدرس این سایت را در مرورگرش بزند این صفحه از داخل cache لود نمیشود بلکه از سرور دانلود میشود . |
|
+ نوشته شده در
سه شنبه هجدهم فروردین 1388ساعت 14:37 توسط حمید رضا حباب |
|
|
تعدادی مرجع آموزشی برای طراحان وب
در این مطلب قصد دارم تا برای دوستانی که تازه قصد یادگیری مباحث ابتدایی مربوط به طراحی وب سایت را دارند چند منبع با ارزش و بسیار سودمند معرفی کنم. برای اینکه بخواهید یک طراح وب باشید ابتدای ساکن می بایست با کدها و تگهای html و نحوه کد نویسی آن آشنا شوید. بواقع اسکلت یک وب سایت را همین html تشکیل می دهد و نما و شکل و ظاهر آن را css. بدین ترتیب اگر به مفهوم خوبی از این دو دست پیدا کنید با کمی مطالعه و تمرین بقیه چیزها را نیز فرا میگیرید. 
منبع: نشرینه اینترنتی پریانا |
||
|
+ نوشته شده در
دوشنبه هفدهم فروردین 1388ساعت 12:35 توسط حمید رضا حباب |
|
از
چند سال پيش در كشورمان، استفاده از كامپيوتر با سرعت سرسامآوري جاي خود
را در تمامي عرصهها باز كرد و سيل كامپيوترهاي شخصي و تجهيزات جانبي آنها
به سوي كشور سرازير شد. اما بايستي اعتراف كرد كه با وجود اين كه سرعت سوق
به سوي تكنولوژي ديجيتال در ايران روند خوبي را طي نموده، اما در زمينه
ارائه اطلاعات و پردازش آن به زبان فارسي تشتتي در اين ميان ايجاد گرديد.
يكي از عوامل موثر در اين ناهماهنگي، نبود الگويي واحد براي ذخيره و
پردازش و نمايش اطلاعات بر روي رسانههاي جديد اطلاعرساني همچون كامپيوتر
در سطح ملي است.
نرمافزارهاي متفاوت، با فرمتهاي مختلف، كدهاي فارسي گوناگون و ... در حال استفادهاند و روزانه ميزان قابل توجهي از اطلاعات را در خود جاي ميدهند. اگر از آن دسته از مراكزي كه به دليل عدم آگاهي كافي اطلاعات را به صورت ناقص جمعآوري و وارد ميكنند (كه حدود 80 درصد جامعه مورد نظر را تشكيل ميدهند) بگذريم به تفرق، اختلاف و اعمال سليقههاي مختلف در ساير مراكز خواهيم رسيد كه براي نمونه به اختلاف در مورد كدنويسههاي به كار رفته براي حروف فارسي روي كامپيوتر ميتوان اشاره كرد. نتيجه ادامه روند جاري در مورد مراكزي كه به هر حال مشغول سرمايهگذاري در بخش ورود، پردازش و نمايش اطلاعات هستند مسئله به نوع ديگري خود را نشان خواهد داد. اين گونه مراكز تا زماني كه پاي خود را از محدوده مركز خود فراتر نگذاشتهاند مشكلي نخواهند داشت، ولي به محض آنكه بخواهند با مراكز اطلاعاتي و تحقيقاتي ديگر ارتباط برقرار كرده يا به مبادله اطلاعات با اين مركز بپردازند متوجه خواهند شد كه سالها سرمايههاي خود را بر باددادهاند.همين مشكل در سطح ملي براي ايجاد يك مركز اطلاعات ملي رخ خواهد نمود. زماني اين مشكل ملي بيشتر نمود پيدا ميكند كه بحث شبكه جهاني اينترنت نيز به ميان آيد. اينترنت به عنوان كليدي براي ارتباط با ديگر مراكز اطلاعاتي - به علت در دسترس بودن آسان و همچنين حجم عظيم اطلاعات موجود در آن- يكي از مهمترين موضوعاتي خواهد بود كه به علت عدم وجود يك سيستم جهاني براي ذخيره، بازيابي، پردازش و نمايش اطلاعات و به طور كلي مبادله اطلاعات كه جنبههاي ملي نيز داشته باشد، داراي نقاط ضعفي است كه ما را از بهرهبرداري مناسب در جهت منافعمان باز ميدارد. راه حل چيست؟ از زماني كه اولين گزارش «زبان فارسي و كامپيوتر» در سال 1356 در دانشكده رياضي و كامپيوتر دانشگاه صنعتي شريف ارائه شد، تا امروز كه شبكه اينترنت چهره ديگري به اطلاعرساني داده است، مدت زيادي ميگذرد. امروزه ديگر محدوديتهاي سختافزاري يا نرمافزاري نميتواند مانع پيادهسازي يك سيستم ذخيرهسازي، نمايش، و تبادل اطلاعات چندزبانه گردد. امروزه مؤسسات بزرگ استانداردسازي چون ايزو ( ISO ) و W3 Consortium نيز، در استانداردهايشان مشكلات و مسائل مربوط به جهانيسازي را در نظر ميگيرند تا امر تبادل اطلاعات چند زبانه را تسهيل نمايند. اما به نظر ميرسد كه به دليل عدم حضور ايرانيان و فارسيزبانها در اين روند، زبان فارسي قدري غريب مانده و كمتر به آن توجه شده است. به عنوان مثال، هنوز در بين صدها مجموعهنويسه( Character Set ) ثبت شده در اينترنت توسط يانا (Internet Assigned Number Authority)، تنها يك مجموعهنويسه ثبت شده متعلق به زبان فارسي است كه آن هم كد پيج اختصاصي شركت آيبيام است. حتي در مورد استاندارد كلي تبادل اطلاعات نيز قالبي كه مورد توافق همه باشد وجود ندارد. سه قالب موجود، ايران سيستم، استاندارد 2900 و استاندارد 3342 ، هر يك ايراداتي دارند كه سبب شده است شركتها و مؤسسات داخلي به جدولهاي خاص خود روي آورند تا بتوانند نيازهاي خود را تا حدي رفع سازند.اخيراً راهحلهايي در هر يك از مسائل خاص مربوط به تبادل اطلاعات براي بينالملليسازي در نظر گرفته شده است كه با وجود اين كه اين موارد كاملتر از جداولي است كه در ايران براي حل مشكلات تبادل اطلاعات زبان فارسي ايجاد گرديده، ولي به خاطر عدم وجود مراجع موثق در مورد خط و زبان فارسي براي استانداردگذاران، مسائل خاص اين زبان يا در نظر گرفته نشده و يا به شكل ناقص منظور شده است. خوشبختانه بسياري از اين استانداردها امكان گسترش بعدي را در نظر گرفتهاند كه روند تصحيح را تسهيل ميكند. يونيكد چيست؟ از جمله استانداردهاي بينالمللي كه كاملتر از بقيه استانداردهاي موجود به رفع نيازهاي مربوط به تبادل اطلاعات چند زبانه پرداختهاست، ميتوان به استاندارد يونيكد اشاره كرد.اين استاندارد، تقريباً توسط تمامي شركتهاي بينالمللي كامپيوتري، مانند آيبيام، مايكروسافت، و سان، و نيز موسسات ملي استاندارد در كشورهاي مختلف جهان براي تبادل اطلاعات چندزبانه مورد توافق قرار گرفته است و سرعت رشد بسيار زيادي نيز در ميان كاربران دارد. همينطور، در حال حاضر كليه استانداردهاي جديدي كه براي شبكه اينترنت طراحي ميشوند، اين دو استاندارد را بهعنوان كدپيج پيشفرض ميپذيرند كه استاندارد XML و زبان جاوا از آن جملهاند. به زبان ساده ميتوان گفت كه يونيكد روشي براي تبديل متون به رشتههاي عددي قابل ذخيره در كامپيوتر است. روشهاي گوناگوني براي اين كار وجود دارند، ولي مزيت يونيكد نسبت به آنها، اين است كه يك روش كامل جهاني است؛ به اين معني كه حروف همه زبانهاي دنيا و تمامي علائم مورد استفاده همه مردم جهان در آن آمدهاند و همچنين در همهجا قابل نمايش است و نياز به امكانات خاصي ندارد. البته يونيكد هنوز جوان است ولي امروزه بسياري نرمافزارهاي رايج در جهان (از جمله همه مرورگرهاي جديد اينترنت) آن را پشتيباني ميكنند. از مهمترين مزايايي كه يونيكد براي زبان فارسي دارد (مثل بسياري زبانهاي ديگر) ميتوان موارد زير را نام برد: 1. در نسخه استاندارد هر نرمافزاري كه از اين استاندارد پشتيباني كند، ميتوان فارسي نوشت يا متون فارسي را خواند. بدين ترتيب ديگر نيازي به تأمين نسخههاي خاص فارسي يا عربي نيست. 2. براي خواندن متون فارسي كه توسط شركت خاصي نوشته شدهاند، نيازي به داشتن فونت خاص آن شركت نداريم و هر متن فارسي كه با استاندارد يونيكد، كدگذاري شده باشد، با هر فونت يونيكدي قابل مشاهده است. 3. امكان استفاده همزمان از زبانهاي فارسي و انگليسي را تأمين ميكند. 4. بدون استفاده از فونتهاي خاص امكان استفاده از علائم خاص را فراهم ميكند. به بيان ديگر، «استاندارد يونيكد» استاندارد جهاني كدگذاري كاركترهاست كه براي پردازش كامپيوتري متون به كار ميرود. اين استاندارد همان كاراكترها و كدهاي استاندارد ISO/IEC 10646 را داراست و كاملا با آن سازگار است. پس در واقع هر پيادهسازي سازگار با يونيكد، با ISO/IEC 10646 نيز سازگار است. يونيكد امكان كدگذاري همه كاراكترهاي مورد استفاده در نوشتن زبانهاي دنيا را فراهم آوردهاست. اين استاندارد از كدگذاري 16بيتي استفاده ميكند كه براي بيش از65000 نويسه (كاراكتر) جا فراهم ميكند. اگر چه 65000 نويسه براي كدگذاري اكثر نويسههايي كه در زبانهاي مهم دنيا استفاده ميشود كافي است، با اين حال يونيكد شيوهگسترشي بهنام UTF-16 فراهمكردهاست كه امكان اضافهكردن حدود يك ميليون نويسه ديگر را نيز ميدهد. اين دامنه براي كليه نويسههاي عالم، از جمله پوشش كامل همه خطهاي باستاني (همچون خط ميخي) نيز كافي است. يونيكد براي كليه نويسههاي مورد استفاده در زبانهاي عمده دنيا كد تعيينكردهاست. بهعلت گستردهبودن فضاي تخصيص نويسه، اين استاندارد بسياري از نمادهاي لازم براي حروفچيني را نيز در بر گرفتهاست. از خطهاي مورد پشتيباني اين استاندارد ميتوان به لاتين (دربرگيرنده اكثر زبانهاي اروپايي)، سيريليك(روسي، صربي)، يوناني، عربي (شامل عربي، فارسي، اردو، كردي)، عبري، هندي، ارمني، آسوري، چيني، كاتاكانا و هيراگانا(ژاپني)، و هانگول (كرهاي) اشارهكرد. بهعلاوه، تعداد زيادي نماد رياضي و فني علائم نقطهگذاري، پيكان، و علامتهاي متفرقهدر اين استاندارد وجود دارد. اين استاندارد براي علامتهاي تركيبشونده يا اعرابها نيز كدهايي در نظر گرفتهاست كهاز جمله آنها علامتهايي چون «?» (مد)هستند كه در تركيبب حروف پايه، حروف تغييرلحن يافتهاي چون «?» را ميسازند. به طور كلي، بعضي از مشخصات يونيكد به شرح زير است: نويسههاي شانزدهبيتي يكيسازي (اختصاص يك كد به نويسههاي مشترك در چند زبان مختلف)نويسه، نه شكل (يك «ع»، و نه چهارتا: «ع»، «ع»، «ع»، «ع » ) بار معنايي (حرفبودن، مقدار عددي، ...) در استاندارد يونيكد، نويسههاي فارسي در بلوك مربوط بهخط عربي قرار دارند. اين بلوكبراي دربرگرفتن نويسههاي زبانهايي كهاز خط عربياستفادهميكنند، مثل فارسي، اردو، پشتو، سندي، و كردي گسترش يافته است. اين بلوك نشانههاي قرآني از قبيل نشانههاي سجده و پايان آيه، و علائم وقف را نيز در بردارد. در يونيكد با وجود يكيسازي كدهاي حروف مشترك، براي حروف فارسي كه بار معنايي يا نمايشي متفاوت با حروف عربي دارند، نويسههاي جداگانه درنظر گرفتهشدهاست. يعني كليه حروف خاص فارسي (پ، چ، ژ، گ) و نيز «ك» و «ي» فارسي كهبا حرف مشابهدر عربيتفاوت نمايشي دارند، مكانجداگانهاي بهخود اختصاص دادهاند. كليه اعرابهاي متداول حضور دارند و ميان شكلفارسي/اردو و عربي ارقام نيز بهعلت شكل و رفتار متفاوت، تفاوتهايي منظور گشتهاست. از طرف ديگر، علائم نقطهگذاري چون نقطه و فاصله كهشكلي یكسانيدر خطهاي لاتين و عربي دارند، كد يكسان دارند. علائميچون پرانتز نيز، بسته به جهت متن، آينهاي ميشوند، به طور مثال، نويسه 0028 نماينده «پرانتز باز» است، و نه«پرانتز سمتچپ». يونيكد اتصالمجازي و فاصله مجازي را نيز تحتنامهاي «اتصال با عرضصفر» و «بياتصالي با عرضصفر» بهرسميت ميشناسد. بدین ترتيب ملاتظه ميشود كه براي حل مشكلات موجود، و نيز رفتن به سوي يك استاندارد مقبول و همهجانبه، استاندارد يونيكد، روشي مناسب به نظر ميرسد. اصطلاحات: نويسه: در مقابل character. كوچكترين واحد متن. مثلاً يك حرف لاتين، يك اعراب فارسي، يكي علامت نقطهگذاري، يك نشانه بريل، يا يك نماد رياضيشكل: در مقابل glyph. كوچكترين واحد نمايش متن. براي بعضي نويسهها مثل حروف فارسي و هندي ممكن است چند شكل موجود باشد. مثلاً « ب » و « ع » از اشكالنمايشي متسوب ميشوند مجموعهنويسه: در مقابلcharacter set. مجموعهاي از نويسهها كهبههر نويسه عددي اختصاصميدهد كه نماينده آن نويسه متسوب ميشود و در تبادل اطلاعات مورد استفادهقرار ميگيرد مجموعه كد: در مقابل codepage. سيستمي كه بههر نويسه دنباله مشخصياز بايتها را متناظر ميكند. مجموعهنويسهها ميتوانند بهشكل يا چند مجموعهكد قابل استفادهباشند. منبع:www.developercenter.ir |
|
+ نوشته شده در
دوشنبه دهم فروردین 1388ساعت 4:22 توسط حمید رضا حباب |
|
|
معرفی مدارک CIW  امروزه علم طراحی و مدیریت وب سایتها جز یکی از پایههای اصلی رشته کامپیوتر به حساب میآید. طراحی سایتهای بزرگ از طراحی یک نرم افزار هم میتواند مشکلتر باشد به این دلیل که در برنامه نویسی وب، باید در مورد طراحی گرافیکی سایتها هم اطلاعاتی داشته باشید. بعد از طراحی و آمادهسازی وب سایت، شما باید در زمینه طراحی و مدیریت سرورها و شبکهها هم اطلاعاتی کسب کنید تا بتوانید سایت خود را مدیریت نمایید. در زمینه مباحث طراحی وب کتابها و مدارک زیادی وجود دارد. در بین این مجموعههای آموزشی سری مدارک CIW کاملترین و قویترین مجموعه را فراهم کرده که در این مطلب بیشتر در مورد این موسسه و مدارک آن صحبت خواهیم کرد. کلمه CIW مخفف Certified Internet Web است که نام گروهی از طراحان وب بوده که در دهه 1990 این موسسه را تاسیس کردند و به سرعت جایگاه خود را میان شرکتهای بزرگ پیدا کردند. استقبال از این مدارک به گونهای بوده که این موسسه تا سال 1997 حدود 145000 مدرک را به دانشجویان خود داده است. در ابتدا پایه کار این گروه بر این اصل بنا شده بود که هیچ برنامه خاصی را آموزش نمیدادند چون با این کار خود را فقط به یک محصول منحصر میکردند. اما اکنون دورههای نحوه مدیریت وب، زبانهای برنامه نویسی تحت وب و نحوه مدیریت سرور در حال برگزاری است. در حال حاضر شرکتهای IBM ، Novell ، HP و Intel با این موسسه همکاری میکنند و برای استخدام در این شرکتها مدرک موسسهCIW را نیاز دارید. در این سیستم آموزشی شما ابتدا باید یک سری مبانی شبکه و ساختار وب را بگذرانید تا بتوانید گرایش خود را انتخاب کنید. با قبول شدن در آزمون مبانی به شما مدرک CIW Associate اعطا میشود که در مرحله بعد شما گرایش مورد علاقه خود را انتخاب میکنید و دورههای مربوط به هر کدام را میگذرانید تا در پایان به شما مدرک CIW Master داده شود که بالاترین سطح مدرک این موسسه است. در زیر نمودار دورهها و گرایشهای این موسسه آمده است. 
همان طور که در نمودار روبرو مشاهده میکنید مدرک CIW Master دارای 4 گرایش است که در ادامه درباره هر کدام بحث خواهیم کرد اما قبل از آن این نکته لازم به ذکر است که زمانی که شما مدرک CIW Associate را دارید با قبول شدن در هر یک از دورهها به شما مدرک CIW Professional اعطا میشود. به طور مثال در گرایش design شما در صورت قبولی در آزمون site design، مدرک professional آن دوره را دریافت خواهید کرد. گرایشهای مدرک CIW Master عبارتاند از: Designer: در این گرایش دانشجو ابتدا دوره طراحی سایت میگذراند که در آن روش طراحی سایت با برنامههای Flash وDreamweaver و بعد از آن مبانی پایه scripting language را فرا میگیرد. این گرایش دارای 2 آزمون است. Administrator: در این گرایش دانشجو با نحوه مدیریت سرورها و بعد از آن با ساختار شبکههای بزرگ و در آخر با نحوه ایجاد امنیت برای شبکه و سایت آشنا میشود. این گرایش 3 آزمون دارد. Web Site Manager: در این دوره دانشجو هم یک دوره طراحی سایت میخواند و هم یک دوره مدیریت سرور و در پایان در یک دوره با زبانهای برنامه نویسی تحت وب آشنا میشود. این دوره 4 آزمون دارد که هر کدام از دورههای site designer و server administrator یک آزمون و دوره web language دو آزمون دارد. Enterprise Developer: این مدرک که کاملترین مدرک CIW است از 4 دوره تشکیل شده است. در ابتدا دانشجو با مبانی زبانهای برنامهنویسی تحت وب آشنا میشود و در ادامه یک دوره طراحی نرم افزار میخواند و بعد یک دوره کامل زبان JAVAرا آموزش میبیند و در پایان با پایگاه دادهها و شبکههای بزرگ بیشتر آشنا میشود. این دوره 6 آزمون دارد که دوره web language دو آزمون و بقیه دورهها هر کدام یک آزمون دارند. در پایان این نکته قابل ذکر است که این مدارک دقیقا مانند مدارک سیسکو به صورت غیر حضوری آزمون گرفته میشود و برای آزمون دادن باید در یکی از دو مرکز آزمون VUE و یا Prometric ثبت نام کنید.
"تالیف: محمد هادی امامی" - تبیان |
|
+ نوشته شده در
پنجشنبه ششم فروردین 1388ساعت 22:47 توسط حمید رضا حباب |
|
|
چگونه یک صفحه وب سنگین را باز کنیم؟ برای بسیاری از ما پیش آمده است که اتصال اینترنتیمان بسیار کند شده و در عین حال میخواهیم به هر زحمتی شده، صفحهای را باز کنیم و لااقل اگر نمیتوانیم عکسهایش را ببینیم، متنش را بخوانیم. اما هر چقدر تلاش میکنیم و صبر پیشه میکنیم، فایدهای ندارد و صفحه اصلا خیال باز شدن ندارد. کسانی که هم اینترنت موبایلشان را فعال کردهاند، حتما بارها به این مشکل برخوردهاند و اصلا بسیاری از اوقات از خیر باز کردن سایت مورد نظر گذشتهاند.  خوب، چه کار میشود انجام داد؟ مشترک شدن فید یا تنظیم کردن مرورگر برای باز نکردن عکسهای سایت مورد نظر یک راه چاره است.نحوه استفاده از فید را در مقالههای "فید چیست؟ "و"نحوه خواندن فید" بخوانید. اما راه سوم استفاده از سایتهایی است که آدرس سایت یا صفحه مورد نظر را از شما میگیرند و نسخه ساده، سبک و با حداقل گرافیک را به شما تحویل میدهند. در واقع آنها، سایتها را تهی از همه عکسها، فلشها و cssها و فریمهامیکنند و فقط متن را نگاه میدارند. بد نیست، این سایتها را در مرورگر کامپیوتر یا موبایلتان بوکمارک کنید، تا در هنگام ضرورت از آنها استفاده کنید.
علیرضا مجیدی |
|
+ نوشته شده در
پنجشنبه ششم فروردین 1388ساعت 22:41 توسط حمید رضا حباب |
|
|
صفحات با اهمیت در سایت شما
برای وبسایت خود چه برنامهای دارید؟ برای آنکه بازدیدکنندگان اطلاعات
و محصولات موردنظر را در سایتتان جستجو کنند و با شما تماس بگیرند چه
استراتژی در نظر گرفتهاید؟ چه اطلاعاتی را در سایت خود گنجاندهاید؟
|
|
+ نوشته شده در
چهارشنبه پنجم فروردین 1388ساعت 13:40 توسط حمید رضا حباب |
|
|
چند اشتباه رایج در طراحی وب
در این مقاله به اشتباهات شایع در طراحی وب اشاره می شود و راه حل هایی نیز برای آنها پیشنهاد می شود. این مقاله منبع خوبی برای پیشگیری از یک سری اشتباهات در طراحی وب و نکات ریزی می باشد که ظاهرا ممکن است برای شما مهم نباشد ولی تاثیر زیادی داشته باشد. لینک های ریز و کوچک
لینک ها برای این ساخته شده اند که روی آنها کلیک شود. باید طوری در صفحه
قرار بگیرند که کاربر آنها را راحت ببنید و بتواند کلیک روی آنها کند. به
بخش هایی که با قرمز مجزا شده اند توجه کنید:
 در تصویر زیرین نیز باز همین موضوع را مشاهده می کنید که لینک اصلا به راحتی قابلا تشخیص نمی باشد.  دلیل اصرار ما به لینک های قابل تشخیص و بزرگ تر تنها این است که کاربر باموس می خواهد به سادگی هر جا را که می خواهد کلیک کند، نه روی موس و دست خود تمرکز کند تا روی لینک بتواند کلیک کند. صفحه گذاری با هدف اشتباه
هنگامی باید از صفحه گذاری استفاده نماییم که در یک صفحه اطللاعات، تصاویر
و محتوای زیادی داریم و اگر همه را یک جا استفاده کنیم صفحه خیلی طولانی
می شود و خیلی دیر لود می شود و کاربر را خسته می کند در این هنگام از
صفحه گذاری کردن محتوا، استفاده می نماییم.
 ولی در جایی که چند مطلب و عکس محدود داریم، بهتر است همه را یکجا قرار دهیم تا کاربر اذیت نشود.  هیچ راهی برای تماس وجود نداشته باشد! یکی از
مهمترین بخش های یک وب سایت داشتن بخش تماس با سایت است که هر کاربر
بتواند به راحتی با سایت تماس داشته باشد و سایت باید با مخاطبان خود
ارتباطات قوی ای برقرار نماید  راهی برای جستجو موجود نباشد
خیلی اوقات به صفحات وب مراجعه می کنید و اطلاعات زیادی می بینید و هر چه
دنبال امکان جستجو می گردید پیدا نمی کنید یا اصلا به درد نمی خورند و یا
غیر فعال هستن ! یکی از بدترین مشکلات و نکته هایی که در یک سایت می تواند
پیش بیاید همین است!
شما می توانید جستجو گر گوگل را نیز به سایت خود اضافه کنید. پس جستجو گر ها را فراموش نکنید. فرم های ثبت نام طولانی یکی از مسائل مهم امروزی
در وب ثبت نام کردن برای دسترسی داشتن به برخی از سرویس ها می باشد که در
برخی از سایت ها در یک دقیقه اینکار انجام می شود و در برخی 10 دقیقه!
کاربران امروزی دیگر تحمل و حوصله پر کردن یک فرم طولانی را ندارند.
 بنابراین به این مورد دقت کافی داشته باشید. سایت در اولین نگاه قابل فهم نیست! یکی از نکات
خیلی مهم این است که وقتی کاربر وارد سایت شما می شود، بداند کجا هست و چه
می خواهد کند. چشم او خودکار به بخش های سایت متصل شود و مانند گمشده ها
در سایت این طرف و آن طرف را نگاه نکند و چیزی پیدا نکند و برود. تصویر
زیر تصویر یک سایت شلوغ و غیر قابل فهم است :
 ولی اکنون به تصویر زیر نگاه کنید کاربر لذت می برد و می فهمد به راحتی که کجا باید کلیک کند :  امیدوارم بتوانید با توجه به نکات فوق و دیگر نکات در این زمینه، سایت خود را بهتر و بهینه کنید. ایده نوشتن این مطلب از مقاله Dmitry Fadeyev گرفته شده است و تغییرات زیادی داده شده است و در اصل بیشتر از تصاویر مقاله وی استفاده شده است تا خود مقاله. به هر حال نکات فوق را جدی بگیرید تا کاربران وفا دار خود را همیشه برای خود حفظ نمایید. ترجمه: حمیدرضا محمد کاظمی |
|
+ نوشته شده در
چهارشنبه پنجم فروردین 1388ساعت 13:15 توسط حمید رضا حباب |
|
|
10 روش برای کاهش زمان بارگذاری صفحات وب
زمان لازم برای باز شدن صفحات وب از دغدغه های اصلی صاحبان وب سایت ها است. با 10 روشی که ما به شما توصیه می کنیم می توانید تا حدودی از وجود این معضل بکاهید: 1 استفاده از scriptهای خارجی: این بدان معنی است که دستورات javascript از منابع دیگری لود شود.مثلا:این راه کمک می کند تا مرورگر script را ذخیره (cache) کند و بارها و بارها آن را بخواند. 2- کاهش درخواست های http پس اگر سایت شما بطور همزمان 10 عکس را لود کند، صرف نظر از این که آیتم ها، استایل شیت، عکس، یا اسکریب باشند زمانی حدود دو ثانیه طول خواهد شد. بنابراین باید تلاش کنید تا از این درخواست های http کاسته شود. مثلا در بخش فوتر سایت که سهم عکس زیاد است باید با استفاده از روش هایی مثل imagemap بخش زیادی از درخواست های http را کم کنید. 3- به سایت های دیگر وابسته نباشید 4- بهینه سازی عکس ها 5- فاصله اضافی را حذف کنید حذف کردن تب ها و فاصله های اضافی از کدها یعنی کم کردن بایت های اضافی که کاربردی ندارند. حتما این کار را انجام دهید و ببیند که چقدر در زمان لود صفحه شما موثر خواهد بود. 6- استفاده از css و بهینه کردن آن مرورگر می تواند تمامی فرمت ها و استایل های صفحات شما را ذخیره کند و بارها و بارها آنها را نخواند. در ضمن مطمئن شوید که cssای تمیز و مرتب دارید. می توان از www.cleancss.com استفاده کرد تا بخش های شبیه به هم را ادغام، کدهای بی استفاده را شناسایی و فواصل اضافی از بین کدهای شما را حذف کند. 7- اسلش را فراموش نکنید اما اگر یک (/) به انتهای آدرس اضافه شود آنگاه سرور دقیقا می داند چه چیزی مورد درخواست کاربر بوده و در کاهش زمان لود بسیار موثر است. 8- کدام فرمت عکس استفاده شود؟ فرمت gif بیشتر در مواردی که از رنگ تخت استفاده شده کاربرد دارد مانند لوگوها و دگمه ها. png نیز مانند gif فرمت ساده ای است که از تعداد رنگ های بیشتری پشتیبانی می کند. jpeg فرمتی است که بیشتر مناسب عکاس ها و عکس هایی است که می خواهند رنگ واقعی داشته باشند. 9- از تگ های عرض و ارتفاع غافل نشوید تگ های عرض و ارتفاع برای عکس ها بسیار مهم است. این تگ ها برای مرورگر مشخص که چه فضایی از صفحه به عکس اختصاص دارد و از ابتدا تا زمان لود کامل فضای کافی برای عکس را کنار می گذارد و با سرعت بیشتری می تواند سایر عناصر صفحه را لود کند. بنابراین هرگز از این تگ گذاری غافل نشوید.10- استفاده از cache هم از مواردی است که می تواند به لود سریعتر صفحات کمک زیادی کند. |
|
+ نوشته شده در
سه شنبه چهارم فروردین 1388ساعت 20:43 توسط حمید رضا حباب |
|
|
آشنائی با محتويات فعال و کوکی هر يک از ما در مدت زمان اتصال به اينترنت از وب سايت ها و يا وبلاگ های متعددی ديدن می نمائيم . طراحان و پياده کنندگان وب سايت ها و وبلاگ ها به منظور ارائه خدمات مورد نظر خود از امکانات و يا بهتر بگوئيم تکنولوژی های متفاوتی استفاه می نمايند . اغلب ملاقات کننده گان ، احساس خاصی نسبت به اين تکنولوژی ها نداشته و صرفا" برای آنان نوع سرويس ها و خدمات ارائه شده دارای اهميت است . برخی از تکنولوژی های استفاده شده عليرغم داشتن جنبه های مثبت و مهم به ابزارهائی برای برنامه ريزی برخی حملات تبديل شده و حريم خصوصی کاربران را بمخاطره می اندازد . محتويات فعال ( Active contents ) و کوکی ها ( Cookies ) از جمله موارد فوق ، می باشند. محتويات فعال چيست ؟ • جاوا اسکريپت : جاوا اسکريپت يکی از متداولترين زبان های اسکريپت نويسی در وب است که در اکثر وب سايت ها از آن استفاده می گردد. ( VBscript,ECMAScript و Jscript نمونه هائی ديگر در اين زمينه می باشند ) . تامين طيف وسيعی از خواسته ها ، عملکرد مناسب ، سادگی در استفاده و ترکيب آسان با ساير نرم افزارها از جمله دلايل گسترش استفاده از زبان های اسکريپت نويسی در وب می باشد.مهاجمان نيز از پتانسيل های ارائه شده توسط زبان های اسکريپت نويسی به منظور نيل به اهداف مخرب خود استفاده می نمايند . مثلا" يکی از حملات متداول که با محوريت جاوا اسکريپت صورت می پذيرد ، هدايت کاربران از يک وب سايت مطمئن به يک وب سايت مخرب است که در آن اقدام به download ويروس ها و يا جمع آوری اطلاعات شخصی کاربران می گردد . • اپلت های جاوا و کنترل های اکتيوايکس : اپلت های جاوا و کنترل های اکتيوايکس برنامه هائی می باشند که بر روی کامپيوتر شما مستقر شده و يا از طريق شبکه بر روی مرورگر شما download می گردند . در صورتی که اينگونه برنامه ها ( خصوصا" کنترل های اکتيوايکس ) توسط مهاجمان مديريت و هدايت گردند ، امکان انجام هر گونه عملياتی بر روی کامپيوتر شما وجود خواهد داشت . اپلت های جاوا معمولا" در يک محيط محدودتر اجراء می گردند . اين نوع از برنامه ها در صورت عدم ايمنی مناسب محيط ايجاد شده ، فرصت های مناسبی به منظور انواع حملات را برای مهاجمان فراهم می نمايند . استفاده از جاوا اسکريپت ، اپلت های جاوا و کنترل های اکتيوايکس ، همواره خطرناک نمی باشد . ولی می بايست به اين موضوع دقت شود که امکانات فوق به ابزارهائی برای انواع حملات توسط مهاجمان، تبديل شده اند . به منظور پيشگيری در خصوص محتويات فعال ، امکانات متعددی در اکثر مرورگرها پيش بينی شده است که با استفاده از آنان و تنظيم بهينه پارامترهای موجود می توان يک سطح ايمنی مناسب را ايجاد نمود. بموازات افزايش ضريب ايمنی مرورگر خود به منظور برخوردبا محتويات فعال، ممکن است محدوديت های خاصی در خصوص برخی ويژگی های ارائه شده توسط برخی سايت ها ، ايجاد گردد. در صورتی که از يک وب سايت ديدن می نمائيد که نسبت به آن شناخت کافی وجود ندارد ، می بايست پيشگيری لازم در خصوص غير فعال نمودن محتويات فعال را انجام داد. تهديدات مشابهی نيز می تواند متوجه برنامه های پست الکترونيکی باشد . تعداد زيادی از برنامه های پست الکترونيکی از برنامه های مشابه مرورگرها به منظور نمايش HTML استفاده می نمايند . بنابراين امکان تهديد محتويات فعال در خصوص نامه های الکترونيکی نيز می تواند وجود داشته باشد .به منظور پيشگيری لازم در خصوص اين نوع تهديدات می توان پيام ها را به صورت متن معمولی ، مشاهده نمود . کوکی چيست ؟ • Session cookie . اين نوع کوکی ها صرفا" و تا زمانی که از مرورگر استفاده می گردد ، اطلاعاتی را ذخيره نموده و پس از بستن مرورگر اطلاعات از بين می رود . هدف از بکارگيری اين نوع کوکی ها ، ارائه تسهيلات لازم در خصوص حرکت بين صفحات متعدد است . مثلا" تشخيص مشاهده يک صفحه خاص و يا نگهداری اطلاعاتی در خصوص داده های مرتبط با يک صفحه . • Presistent cookie : اين نوع کوکی ها اطلاعاتی را بر روی کامپيوتر شما ذخيره می نمايند . بدين ترتيب امکان نگهداری اطلاعات شخصی مرتبط با شما فراهم می گردد . در اکثر مرورگرها برای اين نوع از کوکی ها می توان يک مدت زمان خاص را مشخص نمود( عمر مفيد ) .در صورتی که يک مهاجم امکان دستيابی به کامپيوتر شما را پيدا نمايد ، می تواند با مشاهده محتويات فايل های فوق به اطلاعات شخصی شما دسترسی نمايد. به منظور افزايش سطح ايمنی خود ، می بايست تنظيمات امنيتی لازم در خصوص اعمال محدوديت و يا بلاک نمودن کوکی ها را در جهت حفظ حريم خصوصی ، انجام داد . در صورتی که از يک کامپيوتر عمومی استفاده می نمائيد ، می بايست کوکی ها را غير فعال نموده تا پيشگيری لازم در خصوص دستيابی سايرين به اطلاعات شخصی شما ، صورت پذيرد . |
|
+ نوشته شده در
یکشنبه بیست و پنجم اسفند 1387ساعت 13:13 توسط حمید رضا حباب |
|
 استفاده از CSS در برنامه های وب ايجاد خروجی مناسب و با فرمت مطلوب ، از جمله اهداف مهم در تمامی برنامه های کامپيوتری است. برنامه های وب نيز از ايـن قاعده مستثنی نبوده و طراحان و پياده کنندگان اين نوع از برنامه ها ، با بهره گيری از امکانات و تکنولوژی های متفاوت سعی در ارائه خروجی مناسب و با فرمت قابل قبول برای مخاطبان خود می نمايند. خروجی يک برنامه وب ، در سطح سرويس گيرندگان ارائه می گردد ، بديهی است بمنظور فرمت مناسب خروجی برنامه های وب ، می بايست بر تکنولوژی هائی متمرکز گرديد که امکان بکارگيری آنان در سطح سرويس گيرنده و از طريق مرورگر کاربران ، ميسر می باشد . مسئوليت ميزبان نمودن بخش رابط کاربر برنامه های وب برعهده مرورگر بوده و لازم است تمامی تلاش های انجام شده در اين خصوص با تاکيد بر اهميت و جايگاه مرورگر ها ، سازماندهی و مديريت گردد . ASP.NET ( پلات فرم دات نت برای ايجاد برنامه های وب ) ، از دو روش عمده در ارتباط با ايجاد فرمت مناسب خروجی ( Formatting) برای برنامه های وب ، استفاده می نمايد :
• استفاده از CSS . از تکنولوژی CSS)Cascading style sheet) ، بمنظور کنترل شکل ظاهری عناصر موجود بر روی يک فرم وب استفاده می گردد . از امکانات CSS ، می توان در جهت تنظيم رنگ ، اندازه ، فونت و رفتار عناصر HTML موجود بر روی يک صفحه وب استفاده نمود . • استفاده از XSLT . از تکنولوژی XSLT)Extensible Stylesheet Language Transformation ) ، بمنظور تبديل اطلاعات يک فايل XML به خروجی HTML و استقرار اطلاعات فوق بر روی يک فرم وب ، استفاده می گردد . XSLT ، داده مورد نياز را از فايل XML دريافت و پس از تبديل آنان به عناصر HTML ، سبک های ( Styles ) مشخص شده را در رابطه با هر يک از عناصر بکار می گيرد . در اين مقاله قصد داريم به بررسی نحوه استفاده از CSS ، بمنظور تعريف فرمت خروجی برنامه های وب پرداخته و در مقاله ای جداگانه با نحوه استفاده از XSLT ، آشنا شويم . CSS ، مسئوليت جمع آوری و سازماندهی تمامی اطلاعات مرتبط با فرمت بکارگرفته شده در ارتباط با عناصر HTML موجود بر روی يک فرم وب را برعهده دارد . با توجه به ذخيره سازی اطلاعات فوق در يک مکان ، مديريت و اعمال سياست های جديد در رابطه با شکل ظاهری يک برنامه وب ، بسادگی انجام خواهد شد . ويژوال استوديو دات نت ، ابزارهای لازم بمنظور ايجاد و ويرايش Style را ارائه نموده است. در زمان ايجاد يک برنامه وب با استفاده از ويژوال استوديو دات نت ، يک Style sheet پيش فرض نيز ايجاد می گردد .( بعنوان بخشی از يک پروژه جديد برنامه وب ، ) . لازم است به اين نکته اشاره گردد که فقط برای پروژه های ويژوال بيسک دات نت ، بصورت اتوماتيک يک Style sheet پيش فرض ، ايجاد می گردد. برای پروژه های ويژوال سی شارپ ، می بايست يک style sheet ، ايجاد نمود. بمنظور اعمال فرمت دلخواه در رابطه با خروجی يک برنامه وب ، می توان در سه سطح متفاوت اين کار راا انجام داد : • Global . سبک های تعريف شده دريک فايل جداگانه ذخيره و تمامی صفحات می توانند از آن استفاده نمايند . • Page . سبک های موردنظر در بخش Head يک صفحه تعريف و تمامی عناصر موجود بر روی صفحه قادر به استفاده از آنان خواهند بود. • Inline . سبک های مورد نظربعنوان خصلت يک عنصر HTML تعريف و صرفا" همان عنصر قادربه استفاده از آنان خواهد بود . اولويت هر يک از سطوح فوق ، مشابه تعريف يک متغير و محدوده ( Scoping ) استفاده از آن می باشد. سبک های تعريف شده Inline دارای اولويت بيشتر نسبت به Page بوده و سبک های Page دارای اولويت بيشتری نسبت به Global می باشند . مثلا" در صورتيکه با استفاده از هر يک از روش های فوق ، سبک خاصی بمنظورنحوه نمايش يک پاراگراف ، تعريف شده باشد ، سبک تعريف شده inline دارای اولويت بيشتری خواهد بود.با توجه به اولويت مجموعه قوانين تعريف شده مربوط به سبک نمايش ، از Style Sheet ها ، بعنوان Cascading نيز ياد می گردد . کد زير ، نحوه استفاده از سه روش فوق را بمنظور تعريف Style ، نشان می دهد .
}
در مثال فوق ، نحوه نسبت دهی خصلت Style به يک عنصر و در سه سطح متفاوت نشان داده شده است . برای خصلت font-size ، در سه سطح متفاوت ، style تعريف شده است .در موارديکه خصلت فوق ، بصورت Inline بهمراه يک عنصر HTML ، استفاده شده است ، تمامی تعاريف موجود ( در سطح Page و يا بصورت Reference ) ناديده گرفته می شود و اولويت با سبک تعريف شده بصورت Inline ، خواهد بود . تعريف انجام شده در رابطه با اندازه فونت در فايل Test.css ، عملا" در صفحه فوق ، استفاده نخواهد شد ، چراکه در صفحه وب نيز برای خصلت فوق و در سطح Page ، سبک لازم تعريف و دارای اولويت بيشتری نسبت به سبک تعريف شده در فايل Test.css ، می باشد . خصلت های text-align , font-family و font-style صرفا" يک مرتبه تعريف شده اند، بنابراين هر يک از آنان دارای تاثير خاص خود می باشند . تعريف و ذخيره سازی Style در يک فايل Style sheet ( فايلی با انشعاب css ) دارای مزايای عمده ای نسبت به تعريف و استفاده از آنان بصورت محلی در هر يک از فرم های وب و يا استفاده از آنان بصورت Inline بهمراه عناصر HTML ، است : • پشتيبانی و نگهداری مجموعه قوانين تعريف شده ، صرفا" از طريق يک محل انجام خواهد شد . بنابراين ، تغييرات مورد نياز صرفا" از يک نقطه اعمال و تمامی برنامه متاثر از آن می گردد. • امکان استفاده از چندين style جداگانه که هريک مجموعه قوانين خاصی را تعريف می نمايند ، فراهم می گردد . در چنين مواردی ، می توان با توجه به شرايط و اهداف برنامه از يکی از سبک های تعريف شده بصورت پويا ، استفاده نمود .مثلا" می توان با استفاده از سبک های تعريف شده ، فرمت خروجی مورد نظر را در ارتباط با يک دستگاه خاص ( نمايشگر، چاپگر) ، ايجاد نمود. بعنوان نمونه ، يک برنامه می تواند سه نوع سبک شامل : استاندارد ، Enlarged type و Printer friendly را تعريف نمايد که يکی از آنان با توجه به خواسته کاربر ، انتخاب و بکار گرفته شود. استفاده از Style Sheet در فرم های وب در زمان ايجاد يک برنامه وب با استفاده از ويژوال استوديو دات نت ، يک Style sheet جديد با نام Style.css بصورت اتوماتيک نيز ايجاد می گردد. ويژوال استوديو ، در اغلب موارد بصورت اتوماتيک از Style ايجاد شده در هر يک از صفحات وب و يا فرم های وب ، استفاده نمی نمايد ( فراخوانی فايل فوق، بصورت اتوماتيک انجام نمی شود) . بمنظور استفاده از Style sheet ايجاد شده ، می بايست از يک عنصر لينک در بخش head مربوط به page استفاده گردد :
تغيير Style بمنظور تغيير Style تعريف شده و يا ايجاد Style جديد ، می توان از ابزار Style Builder در ويژوال استوديو دات نت ، استفاده نمود . در اين رابطه مراحل زير را دنبال می نمائيم :
• فعال نمودن Style Sheet در ويژوال استوديو دات نت . پس از فعال نمودن Style sheet ، ويژوال استوديو دات نت ، تعاريف مرتبط با Style را در پنجره Document نمايش و يک Outline از Style sheet را در پنجره Tool ، نمايش خواهد داد. Style مورد نظر بمنظور اعمال تغييرات را از طريق پنجره Tool ، انتخاب می نمائيم . در ادامه ، ويژوال استوديو تعاريف مرتبط با Style را در پنجره Document نشان می دهد • بر روی Style definition ، کليک راست نموده (يا کليک راست بر روی Style از طريق پنجره Tool ) و از طريق منوی مربوطه گزينه Build Style را انتخاب می نمائيم .ويژوال استوديو دات نت ، ويزارد Style Builder را فعال می نمايد . • با استفاده از Style Builder می توان فرمت دلخواه را در ارتباط با يک Style تعريف نمود . افزودن Style برای افزودن سبک مورد نظر به يک Style خاص ، می توان از نام عنصر استفاده نمود . در اين رابطه ،امکان استفاده از اسامی کلاس ها و يا ID مربوط به عناصر نيز وجود دارد .
• فعال نمودن Style Sheet ، کليک راست بر روی پنجره Style sheet و يا Tool و انتخاب Add Rule از طريق منوی pop up . ويژوال استوديو دات نت در ادامه ويزارد Add Style Rule را فعال می نمايد. • انتخاب نوع Style موردنظر که قصد ايجاد آن وجود دارد . در اين رابطه می توان اقدام به ايجاد Style در رابطه با عناصر HTML ، کلاس ها و يا عناصری با ID خاص ، نمود. نام آيتم مورد نظر را تايپ نموده و در ادامه با انتخاب گزينه "<" ( افزودن )، آيتم انتخابی به مجموعه قوانين ، اضافه گردد . • مراحل فوق ، برای هر يک از آيتم هائی که می خواهيم style در رابطه با آنان بکارگرفته شود ، تکرار می گردد. استفاده از Style بهمراه کلاس ها با استفاده از کلاس های Style ، می توان فرمت يکسانی را در رابطه با عناصر متفاوت HTML موجود بر روی يک فرم وب ، بکارگرفت. زمانيکه يک Style در ارتباط با يک کلاس ايجاد می گردد، ويژوال استوديو دات نت ، با استفاده از مشخصه classname . ، يک تعريف Style را به Style sheet اضافه می نمايد.
Style Class فوق، مسئوليت ايجاد فرمت مناسب ( ايتاليک ) را برای تمامی عناصری که از اين کلاس استفاده می نمايند، برعهده دارد. برای استفاده از Style فوق بهمراه عناصر HTML از خصلت class استفاده میگردد. بمنظور استفاده از style بهمراه کنترل های سرويس دهنده ، از خصلت CssClass استفاده می گردد .
ايجاد Style برای عناصر خاص با استفاده از ID مربوط به عناصر،می توان Style مورد نظر در ارتباط با عناصر خاص موجود بر روی يک فرم وب را تعريف نمود. ID مربوط به عناصر ، می بايست برای هر يک از عناصر موجود بر روی صفحه ، منحصربفرد می باشد. فرمت مشخص شده ، صرفا" در رابطه با يک عنصر بر روی هر صفحه بکارگرفته می شود . زمانيکه يک Style rule برای يک عنصر با ID مشخص شده ،ايجاد می گردد ، ويژوال استوديو دات نت ، يک تعريف Style را با استفاده از شناسه elementID # ايجاد و آن را به Style sheet ،اضافه می نمايد.
Style های تعريف شده در ويژوال استوديو ، اغلب بصورت صحيح در بخش form designer نشان داده نمی شوند . در صورتيکه خروجی مورد نظر در ارتباط با يک فرمت خاص مشاهده نمی گردد، می توان عمليات زير را دنبال نمود: • اطميان از ذخيره سازی صحيح Style sheet تعريف شده • فرم وب را در حالت HTML view و Design view مشاهده و بين آنان سوئيچ نمائيد . • برروی فرم وب کليک سمت راست نموده و گزينه View In Browser را بمنظور نمايش فرم وب در مرورگر ، انتخاب نمائيد. ايجاد Style تودرتو در صورتيکه به تعاريف Style در Style sheet پيش فرض ، ( فايل Styles.css ) نگاهی داشته باشيم ، متوجه خواهيم شد که برخی تعاريف style ، چندين نام عنصر را شامل می شوند . تعاريف فوق ، فرمت عناصر تودرتو را مشخص می نمايد. Style زير ، نوع های متفاوتی از Bullet را تعريف می نمايد( nested) .
بمنظور ايجاد Style های تودرتو ، می توان با استفاده از جعبه محاوره ای Add Style Rule ، چندين آيتم را به ساختار سلسله مراتبی Style rule اضافه نمود. تغيير Style Sheet در زمان اجراء همانگونه که قبلا" اشاره گرديد ، می توان چندين Style sheet را تعريف تا امکان استفاده از آنان بصورت پويا و با توجه به شرايط موجود در برنامه در اخيتار کاربر قرارداده شود. ( مشاهده فرم وب ، نسخه چاپی فرم وب ، ارائه نسخه بزرگتر فرم وب و ... ) . بمنظور سوئيچ نمودن اتوماتيک بين Style Sheet ها ، می توان از خصلت media استفاده نمود. خصلت فوق ، Style sheet مورد نظر را در ارتباط با چاپ و يا نمايش بر روی نمايشگر ، مشخص می نمايد. کد زير ، نحوه استفاده از دو style را بمنظور مشاهده فرم وب بر روی نمايشگر و يا چاپ آن، نشان می دهد :
بمنظور سوئيچ نمودن بين Style sheet در زمان اجراء ، يک اسکريپت سمت سرويس گيرنده را نوشته تا تغيير لازم در عنصر href مربوط به لينک style sheet را ايجاد نمايد . کد زير ، يک فرم وب را ايجاد نموده که بين style sheet های Style1.css و Style2.css ، سوئيچ می نمايد ( زمانيکه کاربر بر روی لينک موجود کليک می نمايد ) . |
||||||||||||||||
|
+ نوشته شده در
شنبه بیست و چهارم اسفند 1387ساعت 10:26 توسط حمید رضا حباب |
|
|
ما در این وبلاگ قصد آموزش جزء به جزء را نداریم .انشاء الله برای دریافت اطلاعات دقیق تر یکسری EBook قرار می دهیم. آموزش Html : آموزش Css : آموزش JavaScript : آموزش PHP : |
|
+ نوشته شده در
سه شنبه بیست و پنجم تیر 1387ساعت 9:38 توسط حمید رضا حباب |
|
|
صفحه نخست پست الکترونیک آرشیو عناوین مطالب وبلاگ |
| درباره وبلاگ |
|
| نوشته های پیشین |
|
مهر 1388 مرداد 1388 خرداد 1388 اردیبهشت 1388 فروردین 1388 اسفند 1387 تیر 1387 |
| نویسندگان |
|
حمید رضا حباب امیر حسین طهرانی مجتبی موحدیان |
|
RSS
|
