راه اندازی سیستم بازاریابی

راه اندازی سیستم بازاریابی زنبیل به آدرس:

www.zanbil24.com

وب 3 چیست؟ (نظرات مختلف پیرامون وب 3)

«وب 3» اصطلاحی است که برای اشاره به وب آینده به کار میرود. پس از آنکه اصطلاح وب 2 برای تکامل اخیر وب رواج یافت، بسیاری از متخصصین ،روزنامه نگاران و رهبران فن، اصطلاح وب 3 را بکار بردند تا فرضیاتی درباره موج آینده تغییرات اینترنت مطرح کنند.
نظرات پیرامون مرحله بعدی سیر تکاملی وب، بسیار متفاوت است، برخی معتقدند؛ پدیدار شدن تکنولوژی وب مفهومی راه وب را تغییر خواهد داد و آنرا به سوی هوش مصنوعی خواهد برد. دیگر نظریه پردازان اظهار میکنند که وب 3 افزایش سرعت اینترنت، اپلیکیشن های تحت وب، یا پیشرفت گرافیکی رایانه، نقش کلیدی را در سیر تکاملی وب بازی خواهد کرد.
نظرات رهبران فن:
تیم برنزلی ـ مخترع وب ـ در ماه می سال 2006 گفت:
مردم مدام میپرسند وب 3 چیست؟ من فکر میکنم وقتی شما تعداد زیادی کاغذ کالک را روی هم میگذارید همه چیز ناهموار و چین خورده شده، مبهم به نظر میرسد. وب 2 و دسترسی به وب مفهومی، سراسر حجم عظیم اطلاعات را یکپارچه میکند، شما دسترسی غیر قابل باوری به منابع اطلاعاتی خواهید داشت.
در ماه می سال 2006 از اریک اسمیت ـ مدیر گوگل ـ خواسته شد تا وب 2 و وب 3* را تعریف کند. او پاسخ داد:
... اگر بخواهید که حدس بزنم که وب 3 چه خواهد بود، خواهم گفت که  «وب 3» راهی متفاوت در ساخت اپلیکیشن ها است. پیش بینی من این است که «وب 3» در نهایت در قالب اپلیکیشن هایی تحقق می یابد که تکه ای از یکدیگرند. شماری از ویژگی های آنها از این قرار است: اپلیکیشن ها نسبتا کوچک ، اطلاعات توده ای ، اپلیکیشن ها روی هر وسیله ای اعم از پی سی یا تلفن همراه قابل اجرا، اپلیکیشن ها بسیار سریع و بسیار قابل کاستومایز و اپلیکیشن ها توزیعی خواهند بود، بصورت لفظ به لفظ؛ با شبکه های اجتماع، با ایمیل. شما به فروشگاه نمیروید تا آنها را بخرید... آنها نوع بسیار متفاوتی از اپلیکیشن ها خواهند بود که ما هرگز در محاسباتمان ندیده ایم.
در نوامبر سال 2006، جری یانگ ـ بنیانگذار و رئیس یاهو ـ گفت:
وب 2 خوب مستند شده و درباره آن سخن گفته اند، نیروی اینترنت با امکاناتی که در مرحله شبکه میتوان انجام داد به نقطه بحرانی رسیده است، ما همچنین از چهار سال قبل شاهد ابزارهای قدرتمند هستیم، همچنین راه های قدرتمند تعامل با شبکه را نه تنها در سخت افزار مانند کنسول های بازی و ابزارهای همراه، بلکه حتی در شاخه نرم افزار مشاهده میکنیم، شما لازم نیست که متخصص کامپیوتر باشید تا یک برنامه ایجاد کنید. ما میبینیم که توسعه بزرگ در وب 2 و وب 3، توسط مانیفست صورت میگیرد، یک اشتراک حقیقی میانی ... تمایز میان حرفه ای، نیمه حرفه ای، و مصرف کننده گان محو میشود. ایجاد یک شبکه، تجارت و اپلیکیشن ها را نتیجه میدهد.
رید هاستینگس ـ بنیانگذار و مدیر Netflix ـ فرمول ساده تری برای تعریف مراحل وب دارد:
وب 1 دیال آپ بود، با 50 کیلوبایت پهنای باند، وب 2 با 1 مگابایت پهنای باند میانگین، و وب 3 با 10 مگابایت پهنای باند ثابت خواهد بود. بگونه ای که وب کاملا ویدئویی خواهد بود، آن هنگام آرزوی وب 3 تحقق خواهد یافت.

نوآوری هایی که با «وب 3» پیوند خورده اند: اپلیکیشن های مبتنی بر وب و دسکتاپ؛
تکنولوژی وب 3 همچون نرم افزار های هوشمند که از داده های مفهومی استفاده میکنند. اندازه کوچک با چندین شرکت برای اینکه از کار با داده ها بهره وری بیشتر و موثرتری داشت. در هر صورت در سالهای اخیر عموماً روی تکنولوژی وب مفهومی تمرکز بیشتری میباشد.

منازعات پیرامون وب 3: (منازعات قابل توجه پیرامون چیستی اصطلاح وب 3 و تعریف شایسته آن)

تبدیل وب 3 به یک دیتابیس:
اولین قدم بسوی وب 3 ظهور «داده وب» است، ساختاری که اسناد در وب منتشر میشوند. فرمت های قابل استفاده، قابل کنترل و قابل جستجو همچون RDF، ICDL  و  microformats. رشد اخیر تکنولوژی SPARQL  استانداردی برای زبان جستجو و API یی برای جستجوی سراسر RDF، دیتابیسی توزیعی روی وب فراهم کرده است. داده وب مرحله جدیدی از داده های یکپارچه و اپلیکیشن های مشارکتی را فعال کرده و داده ها را قابل دستیابی باز و قابل پیوند همچون صفحات وب ساخته است. داده وب اولین قدم از راهی است که بسوی وب کاملا مفهومی میرود. در مرحله داده وب، تمرکز بیشتر بر روی تبدیل فرمت داده های در دسترس به RDF میباشد. وب مفهومی کامل، مرحله ای از وب است که تمام پهنای داده های فرمت شده و سنتی که قالب بندی نشده اند یا محتواهای نیمه فرمت شده، (همچون صفحات وب، اسناد و مانند آن) باید در دسترس RDF و OWL  که فرمتهای مفهومی میباشند قرار گیرد. اجزای تمپلت وبسایت ها باید قابل استفاده مجری وب 3 باشد تا بیشتر بتواند اطلاعات جامعی درباره محتوای سازمان یافته وبسایتها بدست آورد.

سیر تکاملی بسوی هوش مصنوعی:
همچنین وب 3 مسیر تکاملی وب را که به هوش مصنوعی منتهی میشود توصیف میکند، مسیری که وب را به شکل یک شبه انسان تبدیل میکند. برخی شکاکان معتقدند که این تصوری دست نیافتنی است. در هر صورت کمپانی هایی همچون آی بی ام و گوگل در حال تکمیل تکنولوژی های جدیدی هستند که اطلاعات شگفت انگیزی بدست می آورد مانند پیش بینی موسیقی از طریق اطلاعاتی که روی وبسایستهای موزیک موجود است. اینجا همچنین بر روی اینکه نیرویی که وب 3 را به حرکت در خواهد آورد مناقشه است؛ آیا سیستم های باهوش خواهند بود یا هوشمندی از یک نوع سازمان دهی بیشتر پدیدار خواهد شد. از سلسله ای از هوشمندی انسانها، چنانکه از راه فیلترینگ جمعی سرویسهایی همچون خوشمزه، فلیکر و دیگگ که مفاهیم را استخراج میکنند و وب موجود و واکنش انسان ها نسبت به آنرا تنظیم میکنند.

وب مفهومی و SOA: در رابطه با مدیریت هوش مصنوعی، وب 3 میتواند تحقق و توسعه وب مفهومی باشد، تحقیقات علمی در جهت گسترش نرم افزار برای استدلال بر مبنای منطق تعریفی و عوامل هوشمند پیش میرود. بنابراین اپلیکیشن ها میتوانند عملیات استدلال منطقی را با استفاده از مجموعه قوانین منطق انجام داده و ارتباط میان مفهوم و داده روی وب را بیان کند.
سرامانا میترا دیدگاه با این دیدگاه که وب مفهومی ماهیت نسل بعدی اینترنت خواهد بود مخالف است، او فرمولی برای کپسول وب 3 ارائه میدهد.
وب 3 همچنین با همگرایی معماری جهتدار سرویس ها و وب مفهومی پیوند خورده است.
وب 3، «اینترنت سرویس ها» نیز نامیده میشود، غیر از قسمت قابل خواندن انسانی وب، سرویسهایی در دسترس SOA ماشین خواهد بود که میتوانند به سطح بالاتری از سرویس ها، ترکیب و هماهنگی دهند.

حرکت تکاملی بسوی سه بعدی
احتمال دیگر برای وب 3 این است که مسیر سه بعدی را طی کند، که توسط کنسرسیوم وب سه بعدی پشتیبانی میشود. این ممکن است وب را به یک دوره فضای سه بعدی وارد کند. مفهومی که به آینده ی *Second Life مرتبط میباشد. این ممکن است با استفاده از فضای به اشتراک گذاشته شده سه بعدی راه جدیدی برای ارتباط و مشارکت باز کند.

وب اجرایی چند لایه
وب 1 فقط قابل خواندن بود، وب با تولید محتوا همراه بود و با آنچه که سایت ارائه میکرد سازمان می یافت.
اما وب 2 بصورت «خواندنی ـ نوشتنی» توسعه یافت و کاربران نقش فعالی به عهده گرفتند.
وب 3 میتواند این مرحله را با اجازه دادن به انسانها برای تغییرات در سایت و  منابع آن بیشتر ادامه دهد. با نمای رشد ثابت قدرت رایانه، این غیر قابل باور نیست که نسل بعدی سایت ها مجهز به منابعی شوند که کد مشارکتی کاربران بر روی آنها اجرا شود.
«وب اجرایی» میتواند اپلیکیشن های آنلاین را در همه توابع پلتفرم هایی که منتقل میکند در یک اینترفیس واحد ... ترکیب کند.

تکنولوژی مشارکتی مقادیر مفهوم وب 3 شامل مفهومی از وب است که «دنیای واقعی» را وب با احساس بازسازی میکند. وب 3 به این معنا پایان حلقه ی یکپارچه سازی تکنولوژی ها برای شبکه های دیجیتال است و پردازش، هضم و غیر قابل تجرید ساختن «دنیای واقعی» نوین است. در این معنا وب 3  بیولوژیکال، دیجیتال آنالوگ وبی خواهد بود که در آنجا اطلاعات از مجموعه ای از مقادیر دیجیتال آمیخته با حواس ساخته میشوند و بوسیله میانجی های آنالوگ به دنیای واقعی پیوند خورده اند.

پیشنهاد توسعه تعریف:
نوا اسپیواک وب 3 را بعنوان سومین دهه وب (2020-2010) تعریف میکند، دوره ای که  تعداد زیادی از تکنولوژی های بزرگ تکمیلی همزمان به مرحله جدیدی از کمال خواهند رسید. از جمله؛
دگرگونی شکل وب به شبکه اپلیکیشن ها و محتواهای جداگانه که یکپارچه و قابل مشارکت میشوند.
اتصالات همه جا حاضر، پذیرش پهنای باند، اینترنت همراه و ابزارهای همراه در دسترس خواهند بود.
محاسبات شبکه ای، نرم افزار بعنوان مدلهای سرویس تجاری، سرویس های وب قابل مشارکت، محاسبات توزیع شده، محاسبات شبکه ای و محاسبات توده ای
تکنولوژی های باز، API ها و پرتکل های باز، قالبهای داده ای باز، نرم  افزارهایی با پلتفرم متن باز  و داده های باز (مانند Creative Commons و  Open Data License)شناسه باز، OpenID، اعتبار باز، شناسه و اطلاعات شخصی قابل انتقال
وب هوشمند، وب مفهومی تکنولوژی هایی همچون RDF، OWL ،SWRL ،SPARQL ،GRDDL پلتفرم اپلیکیشن های مفهومی ...
دیتابیس های توزیعی، دیتابیس های سراسر جهان (فعال شده با تکنولوژی وب مفهومی)
و برنامه های هوشمند، پردازش زبان طبیعی، فراگیری ماشین، استدلال ماشین، عوامل خودگردان.

برای خواندن جدیدترین مطالب پیرامون وب 3 مشترک خوراک وب 3 شوید.

منبع: ویکی پدیا
مترجم: وب 3

طراحی نمای صفحه در حالت پرینت

سی اس اس به طراح وب این امکان را میدهد که نمای صفحه را در حالت های مختلف تعیین کنید. بطور مثال طراح میتواند فایل های CSS مختلفی را به صفحه لینک کند ، بطوری که اگر صفحه در مرورگر در حال دیده شدن است، صفحه یک جور و با یکسری رنگ دیده شود و اگر صفحه در حال نمایش در دستگاه های PDA است یکجور دیگر و اگر صفحه در حال print شدن است نیز یکجور دیگر نشان داده شود.

برای تعیین CSS صفحه در حالت عادی که همان نمایش صفحه در مرورگر است ، بصورت زیر فایل CSS را در فایل HTML خود لینک میکنیم :

link href="styles.css" rel="stylesheet" type="text/css" media="all"

همانطور که شما در کد بالا تعیین کرده اید، این فایل CSS به ازای تمامی رسانه هایی که صفحه ی شما را ببینند ، لود میشود. اما اگر بخواهید به ازای هر رسانه (مانند مرورگر ، دستگاه های PDA و پرینترها) فایل های استایل متفاوتی استفاده شوند باید از کدهای زیر استفاده کنید

برای نمایش توسط مرورگر :

link href="styles1.css" rel="stylesheet" type="text/css" media="screen"

برای نمایش هنگام پرینت کردن صفحه :

link href="styles2.css" rel="stylesheet" type="text/css" media="print"

برای نمایش صفحه در انواع PDA :

link href="styles3.css" rel="stylesheet" type="text/css" media="handheld"

شما میتوانید هر3 خط فوق را زیر هم در بالای هرصفحه ی اچتمل خود بنویسید . مرورگر برای نمایش صفحه از styles1.css استفاده میکند. هنگام چاپ صفحه ، فایل styles2.css روی صفحه اعمال میشود. و هنگام بازکردن صفحه در کامپیوترهای جیبی ، فایل styles3.css صفحه را فرمت میکند.

کاربرد کوچکی از این موضوع : مثلا شما میتوانید class مربوط به ستون تبلیغات را در فایلهای css پرینت و css کامپیوترهای جیبی ، بصورت Display:none تعریف کنید تا در هنگام پرینت از روی مقالات سایت شما ، تبلیغات دیگه پرینت نشه.

پشتیبانی از خصوصیت Display در مرورگرها

فایل های آبشاری CSS دارای خاصیت هایی هستند که توسط برخی مرورگرها کامل پشتیبانی نمیشوند و گاهی باعث ایجاد مشکلاتی در نمایش صفحه میشوند. یکی از خصیصه های مهم ، Display است. این خاصیت میتواند چندین مقدار بگیرد .بصورت Display:Block و به همین صورت.

برخی از این مقادیر در برخی مرورگرها پشتیبانی نمیشوند که در جدول زیر به تفکیک ، میتوانید مشاهده کنید:

 

IE8 as IE7 یعنی چی ؟ یعنی اینکه IE8 رو مجبور کنیم که صفحه را مثل IE7 رندر کنه. برای اینکار متاتگ زیر را در صفحه اچتمل خود وارد کنید:



 

 
معانی هر یک از مقادیر اختصاص یافته به Display :

Display:block : اگر به یک DIV این خاصیت را بدهید، یعنی آن المان میتواند کل سطر خود را اشغال کند و مانند یک بلاک رفتار میکند و هیچ المان دیگری را در کنار خود جا نمی دهد. (المان های دیگر  در یک خط زیر یا بالای المان ما جای میگیرند) این خاصیت باعث میشود المان ما مثل المان  h1 عمل کند.

Display:inline : یعنی DIV در یک خط قرار گرفته که چندین المان در آن خط قرار داردند و  باید بقیه المان ها را در کنار خود جا دهد و بپذیرد .

Display:none : یعنی المان نمایش داده نشود.

Display:table : المان را بصورت یک جدول تعریف میکند که می تواند سطر و ستون داشته باشد. به خاصیت بعدی توجه کنید تا متوجه این مورد شوید.

Display:table-cell : یعنی المان کنونی، یک خانه جدول است. در این حالت، المان پدر این المان (تگی که این تگ رو در برگرفته)، باید دارای خاصیت display:table باشد. یعنی یک المان که دارای خاصیت display:table است میتواند شامل چندین المان باشد که هر کدامشان دارای خاصیت display:table-cell هستند.

Display:inline-block : کاربردی مانند Display:inline دارد

display:list-item : هر یک از بلاک هایی که این خاصیت را دارا باشند بصورت یک آیتم نشون داده میشوند و جلوشون یک بولت گذاشته میشه. درست مانند تگ OL که همین کار رو میکنه.

حالا برای اینکه همه ی این خاصیت ها رو بصورت زنده باهاشون کار کنید و عملکردشون رو بهتر بفهمید، سری به اینجا بزنید، و در آخر صفحه در بخش playground، میتوانید بصورت زنده ، خاصیت های تگ ها رو عوض کنید و کارکردشونو بفهمید.

منبع: http://macromediax.com

دستيابی به داده ها در فرم های وب

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

فرم های وب ، اغلب ملزم به نمايش اطلاعاتی هستند که ماحصل بازيابی آنان از يک منبع داده ئی نظير يک بانک اطلاعاتی و يا يک سند XML خواهد بود. ساختار و معماری صفحات فرم های وب اين امکان را فراهم می نمايد که با اتکاء به برخی روش ها از منابع متفاوت داده ئی در صفحات استفاده و با نسبت دهی کنترل ها به داده ها و پردازش داده های مورد نظر، امکان انجام عمليات دلخواه و مرتبط با داده ها را بسرعت و با کيفيت بالا انجام داد. دستيابی به داده ها در فرم های وب با دستيابی به داده ها از طريق فرم های ويندوز و ساير برنامه های تحت ويندوز متفاوت بوده و همين امر يکی از وجوه تمايز اساسی بين برنامه های تحت وب با ساير برنامه ها است.

اصول اوليه دستيابی به داده ها در صفحات فرم های وب

دستيابی به داده ها در صفحات فرم های وب با تاکيد بر اصول اساسی زير انجام می گيرد:
▪ استفاده از يک مدل Disconnect
▪ خواندن بيشتر داده ها نسبت به ويرايش آنها
▪ به حداقل رساندن استفاده از منابع موجود بر روی سرويس دهنده
▪ دستيابی به داده ها با استفاده از پردازش های راه دور( دستيابی به داده های توزيع شده )
در ادامه به تشريح هر يک از اصول فوق خواهيم پرداخت .
Disconnected Model . صفحات فرم های وب از نوع Disconnect می باشند. پس از درخواست يک فرم وب از طرف سرويس گيرنده و ارسال درخواست برای سرويس دهنده ، فرم ايجاد ،پردازش ،ارسال و در نهايت از حافظه سرويس دهنده حذف خواهد شد. نحوه دستيابی به داده ها در يک صفحه فرم وب نيز حکايتی اينچنين دارد. در اين راستا و در زمان پردازش فرم بر روی سرويس دهنده ، داده ها ی مورد نظر خوانده و يا ويرايش شده و در نهايت فرم برای متقاضی ( سرويس گيرنده ) ارسال خواهد شد. در چنين حالتی داده ها بر روی سرويس دهنده حذف خواهند شد ( از درون حافظه و يا بافر های استفاده شده برای پلسخگوئی به درخواست ) .
مدل فوق دارای چندين نکته مهم بوده که شناخت آنان برای موارديکه در صفحات فرم های وب با داده ها سروکار داريم ، بسيار مفيد خواهد بود.
▪ داده هائی که قصد استفاده از آنان را خواهيد داشت، بصورت خودکار و پس از رفت و آمدهای متعدد بين سرويس گيرنده و سرويس دهنده ،قابل دستيابی نخواهند بود. در صورتيکه بخواهيم به داد ه ها دستيابی داشته باشيم می بايست هر زمان که صفحه برای سرويس دهنده پست می گردد ، مجددا" داده ها از منابع مربوطه خوانده شوند. در اين راستا می توان با نوشتن کدهای اضافه که در صفحه مستقر خواهند شد ،اقدام به ذخيره سازی داده ها نموده و در زمان پردازش فرم و از طريق کدهای نوشته شده مجددا" به آنها دستيابی پيدا کرد.
▪ در زمان پردازش می توان با منابع داده ئی يک ارتباط برقرار و پس از خواندن و يا نوشتن داده ها ،اقدام به بستن ارتباط ايجاد شده با منابع داده ئی نمود. تصور اينکه ارتباط با منبع داده ئی را فعال نگه داشته تا در آينده بتوان مسائل مربوط به مديريت داده ها و دستيابی به داده ها را بهبود بخشيد ، نادرست و انتظاری نامعقول است .
▪ در زمان رفت و آمد يک صفحه بين سرويس گيرنده و سرويس دهنده عمليات مربوط به دستيابی به داده ها انجام خواهد گرفت . مثلا" در اولين مرتبه که صفحه صدا زده می شود ،ممکن است داده ئی از منبع مورد نظر خوانده و کنترل های موجود بر روی صفحه را به آن نسبت داد،زمانيکه کاربر کليدی (Button) را فعال نمائد، می توان داده ئی را از يک کنترل گرفته و در منبع داده ئی ذخيره نمود.
خواندن و بهنگام سازی داده ها . در اغلب فرم های وب ، نوع دستيابی به داده ها بصورت فقط خواندنی است . در مواردی هم ممکن است کاربر داده ئی را برای ثبت ، درج و يا بهنگام سازی در منبع داده ئی ارسال نمايد. چون اغلب عمليات دستيابی به داده ها بصورت فقط خواندنی است ،معماری Data-Binding ( نسبت دهی داده ها ) در فرم های وب ، پاسخی به اين نياز بوده است . بدين ترتيب Data-Binding ، باعث نمايش داده ها در کنترل مربوطه خواهد شد. بهنگام سازی داده ها قطعا" Overhead در يک صفحه را افزايش خواهد داد. در چنين حالتی صفحه می بايست دارای چندين نسخه از رکوردها برای ويرايش و همچنين شامل منطق مربوط برای انجام عملياتی نظير : درج و حذف رکوردها باشد. بدليل افزايش لود بر روی صفحات ، بخشی از حافظه اصلی بر روی سرويس دهنده و ساير منابع مورد نظر بخدمت گرفته خواهند شد.
به حداقل رساندن ميزان استفاده از منابع موجود بر روی سرويس دهنده .صفحات فرم های وب ، قبل از ارسال برای مرورگر سرويس گيرنده می بايست بر روی سرويس دهنده پردازش گردنند. هر نوع عملياتی که منجر به دستيابی به داده ها در صفحه گردد ، باعث افزايش لود عملياتی سرويس دهنده از دو بعد زمان پردازش و استفاده از حافظه خواهد شد. در مواردی هم که نياز به ذخيره سازی داده ها باشد استفاده از منابع در زمانی که صفحات پردازش نشده اند نيز وجود خواهد داشت . دستيابی به داده ها در صفحات فرم های وب نيازمند يک بررسی دقيق و کارشناسی و نحوه استفاده از منابع است . در اين راستا دو اصل زير را می توان همواره مد نظر داشت :
▪ در هر صفحه صرفا" به بخشی از اطلاعات که لازم است، دستيابی و از اخذ اطلاعات غيرضروری و گاها" حجيم در يک صفحه وب ، اجتناب ورزيد.
▪ در صورت امکان از گزينه های state management ( متکی بر سرويس گيرنده ) استفاده گردد.
صفحات وب در لايه نمايش يک برنامه تحت وب عمل کرده و می توان از طريق آنان به داده ها دستيابی پيدا کرد در اين راستا ترجيح داده می شود که منطق دستيابی به داده ها را از بخش UI بکمک استفاده از عناصر ديگر نظير سرويس های وب Xml و ... تفکيک نمود.
صفحات فرم های وب، بعنوان يکی از اجزای دات نت ،داده های خود را با ساير عناصر پردازشی از طريق يک جريان ممتد Xml انجام می دهند. در اين زمينه نياز به اقدام مستقيم جهت کار با Xml نخواهد بود( ارتباط بين اجزاء). فريمورک صفحات وب ( DataSet ) تبديلات فوق را بصورت خودکار انجام خواهد داد. در صورت نياز و در موارد خاص می توان دستيابی به داده ها را در يک برنامه تحت وب، مستقيما" با فرمت Xml انجام داد.

منابع داده (Data Source) برای صفحات فرم های وب

معماری صفحات فرم های وب، امکانات کاملا" انعطاف پذيری را در رابطه با داده ها ارائه نموده است . امکانات فوق از دستيابی به بانک های اطلاعاتی سنتی تا استفاده از سندهای متکی بر Xml تا اخذ اطلاعات در زمان اجراء و ذخيره آن در يک بردار را شامل می شود.
▪ دستيابی به بانک های اطلاعاتی . برای خواندن و نوشتن داده ها از بانک های اطلاعای از ADO.NET استفاده می گردد. ADO.NET شامل امکانات لازم جهت مديريت داده ها ( ارتباطات و اشياء مورد نياز ) جهت ارتباط با سرويس دهنده SQL و يا يک بانک اطلاعاتی سازگار با OLE-DB است . ADO.NET همچنين امکاناتی را برای دستيابی به داده ها از طريق يک Dataset ( در اين حالت يک ارتباط دائم و پيوسته با بانک اطلاعاتی وجود نخواهد داشت ) که داده ها در بخشی از حافظه Cache شده اند ،را پيش بينی نموده است . امکان استفاده از اشياء ADO.NET بمنظور اجرای دستورات SQL و يا Stored procedure بصورت مستقيم نيز وجود خواهد داشت. ▪ XML Data . يکی ديگر از منابع داده ئی در صفحات فرم های وب ،استفاده از سندهای Xml است . بمنظور استفاده و کار با اين نوع سندها می توان از دو روش عمده زير استفاده نمود:
● در صورتيکه داده های Xml ساختيافته باشند ،می توان آن را به يک Dataset تبديل و با استفاده از توابع داده ئی ADO.NET عمليات مربوط به خواندن و يا بهنگام سازی داده ها را انجام داد.پس از انجام عمليات مورد نظر می توان مجددا" داده ها را به فرمت Xml تبديل تا قابل استفاده برای ساير پردازش هائی باشند که قصد استفاده از اين داده ها را دارند.
● در صورتيکه داده ای Xml ساختيافته نباشند ،می توان از توابع مربوط به Parse نمودن و پردازش در System.Xml ( يک NameSpace است ) جهت انجام عمليات دلخواه بر روی داد ه ها استفاده کرد. در صفحات فرم های وب ، می توان اين کار را از طريق استفاده از کنترل های سرويس دهنده وب Xml انجام داد.
▪ ساير منابع داده ئی . صفحات فرم های وب ، اين امکان را فراهم می نمايند که بصورت مجازی با ساير داده ها نيز ارتباط برقرار گردد. معماری Data Binding در صفحات فرم های وب اين امکان را فراهم می آورد که يک کنترل را به هر نوع ساختاری بتوان نسبت داد. مثلا" می توان هر نوع برداری را به يک کنترل نسبت داد. بمنظور انعطاف بيشتر می توان Data binding را در زمان اجراء انجام داد . هر کنترل ، يک رويداد Data Binding را حمايت خواهد کرد.با نوشتن Handler مربوطه برای اين رويداد می توان کنترل هائی را برای هر صفحه و هر نوع داده انجام داد.
منبع:http://article.mjsoft.ir
/خ

نوشته های سایه دار توسط CSS

درست کردن سایه توسط نرم افزارهای گرافیکی مانند فتوشاپ یا فایروورکس کار ساده ای میباشد و احتمالا اکثر شما طریقه انجام این کار رو بلد هستید . اما نکته اینه که تا جایی که امکانش هست از حجم صفحات بکاهیم.

در این خود آموز روش انداختی سایه برای متون و توسط کدهای CSS رو آموزش خواهیم داد .
ابتدا از این آدرس نتیجه کار رو مشاهده کنید تا دقیقا بدونید که قرار است چه کاری انجام دهیم : Demo
انجام این کار بسیار ساده است و در زیر توجهتون رو به اون جلب میکنم :کاری که در حقیقت انجام میدهیم این است که توسط آدرس دهی مطلق (absolute) 2 متن که اولی نقش نوشته اصلی و دومی نقشه سایه را برعهده خواهند گرفت با فاصله ۲px از همدیگر قرار میدهیم .به کد زیر که در صفحه html ما نوشته خواهد شد دقت کنید :
1.

2. Text with shadow using CSS
3. Text with shadow using CSS
4.

همانطور که مشاهده میکنید یک متن ۲ بار و در قالب ۲ کلاس مختلف و تحت آیدی shadow نوشته شده اند و هیچگونه عمل خاص دیگری بر روی متونمان انجام نداده ایم .کار اصلی ما بر روی CSS انجام خواهد پدیرفت .
کاری که انجام میدهیم این است که به تگ text container(#shadow) آدرس دهی نسبی نسبت میدهیم اینکار باعث خواهد شد تمامی المانهایی که در داخل تگ #shadow استفاده خواهند شد توسط آدرس دهی مطلق وابسته به تگ #shadow بشوند نه به تگ body
در مرحله بعد به کلاسهای firstlayer و secondlayer موقعیت دهی مطلق میکنیم با این تفاوت که secondlayer به مقدار ۲px پایینتر و به راست بیاید .
و در آخر احتیاج داریم که مشخص اولویت کدام لایه بالاتر است که برروی دیگری قرار بگیرد .این کار توسط دستور z-index انجام پذیر است .با هم نگاهی به سورس میاندازیم :

1. html, body { margin: 0px; padding: 0px; }
2. body {
3. background-color: #DDDFD7;
4. font-family: Tahoma;
5. font-size: 11px;
6. text-align: center;
7. }
8. #shadow{
9. width: 500px;
10. height: 200px;
11. margin: 20px auto 20px auto;
12. padding: 0px;
13. text-align: left;
14. position: relative;
15. border: solid 1px #fff;
16. }
17. .firstlayer {
18. font-size: 18px;
19. font-weight: bold;
20. color: #fff;
21. position: absolute;
22. top: 20px;
23. left: 20px;
24. z-index: 1;
25. }
26. .secondlayer {
27. font-size: 18px;
28. font-weight: bold;
29. color: #aaa;
30. position: absolute;
31. top: 22px;
32. left: 22px;
33. z-index: 0;
34. }

نکته بسیار مهم : سعی بر این داشته باشید که همیشه فایلهای CSS شما به صورت External به صفحات شما متصل شود،اینکار باعث میشود در حجمهای بالا صفحات سایت شما سریعتر لود شوند.

روان شناسی رنگ ها در طراحی صفحات وب

روان شناسی رنگ ها در طراحی صفحات وب

یکی از اصول بسیار مهم و کلیدی در طراحی صفحات وب ، توجه به اصل رنگ بندی صفحات و استفاده از رنگ های مکمل و ترکیبی مطلوبی است که کاربران بتوانند بر اساس اصل سهولت و جذابیت صفحه ، به مشاهده مطالب آن بپردازند. این که چه رنگی متناسب سایت های وب است ، پرسشی است که کارشناسان وب ، خیلی پاسخ جامع و کاملی برای ان ارایه نکرده اند و کم تر متخصصات طراحی وب به مسیله روان شناسی رنک ها در طراحی سایت ، توجه کرده اند.
اما به هر حال یک اصل کلی وجود دارد که می گوید : در رنگ بندی یک صفحه ، باید به این موضوع توجه شود که این رنگ قرار است در چه صفحه ای و با چه موضوعی به کار رود. یعنی اصل توجه به عملکرد و موضوعیت سایت ، در رنگ بندی مطالب مهم است . سایت های دولتی و به طور کل ، سایت هایی با بازدیدکننده بسیار بالا ، معمولا از رنک سفید برای زمینه صفحات و رنگ آبی برای لینک های صفحه و رنگ بنفش برای لینکهای مشاهده شده که به عنوان default برنامه فرانت پیج نیز به کار می رود ، استفاده می کنند.
سایت هایی که بیش تر جنبه شخصی دارند ، از رنگ های مکمل استفاده می کنند. مثلا رنگ سبز پر رنگ در کنار سرمه ای ، جذابیت خاصی به سایت هایی با موضوعیت بازرگانی می دهد . و یا در طراحی سایت های کودکان ، از رنگ های خیلی شاد استفاده می شود.
به هر حال توجه به کارکرد کد رنگ ها در طراحی صفحات وب از اهمیت مهمی برخوردار است . در ادام این مطلب ، فقط قصد یادآوری نوع روان شناسی هر رنگ درمخاطبان از دید روان شناسان داریم و فعلا در مورد این که چه نوع رنگی برای چه سایتی مناسب است ، صحبت نمی کنیم. اگر چه این توضیحات ، خود نیز بیان گر استنتاجات خوبی هستند که وب مسترها را در گرافیک سایت ، به خوبی هدایت می کند.

یک بهترین رنگ نداریم!

در مدیریت نوین یک اصل پذیرفته شده وجود دارد که یک بهترین شیوه مدیریت در کار وجود ندارد. ترکیب و هماهنگی و استقرار یک نظام در رنگ بندی صفحات وب نیز ، چنین رویکردی دارد. تجربه و نوع علاقه و هنر web designer هست که سایتی را برای ما جذاب و سایتی دیگر را next می کنیم. نکاتی که می بایست در زمان طراحی گرافیکی سایت در نظر داشته باشیم به شرح زیر هستند :
۱- اثر روان شناسی رنگ
۲- قابلیت خواندن متون صفحات سایت . مثل سایت : (www.irna.com)
۳- رنگ متمم رنگهای انتخابی برای بک گراند ، گرافیک ها ، لینک ها و متون ( مثل سایت http://www.HiGrade.ir)
۴- وجود تطبیق رنگی بین لوگوها و آرم های صفحات با رنگ بندی متون و مطالب به کار گرفته شده (مثل سایت http://www.karvarz.com)
۵- توجه به نوع مخاطب و بازدیدکننده بخش های مختلف سایت . سایتی مانند یاهو ، که روزانه میلیون ها مخاطب دارد و از صدها بخش متنوع تشکیل شده است ، برای هر بخش خود از یک چیدمان و رنگ بندی خاصی در طراحی صفحات اکتیو ، استفاده کرده است . مثلا بخش کودکان یاهو با بخش بازرگانی ان بسیار تفاوت دارد

۵ اصل مهم

لیست زیر مشخصه هایی از رنگ ها را که هنگام طراحی باید مدنظر داشته باشید بیان میکند:
۱- رنگ ها اثر زیادی روی احساسات ما در ۹۰ ثانیه اول دیدن میگذارند .
۲- اثر رنگ میتواند بیننده را ترغیب به خرید یک جنس از شما کند.
۳- رنگ ها رفتار ما را در برابر یک موضوع فقط تشدید نمیکنند ، بلکه اثر خود را کاملا در رفتار ما نشان میدهند .
۴- اثر گذاری رنگ در فرهنگ های مختلف گوناگون است !
۵- هر رنگ به تنهایی یک پیام مخصوص به چشم بیننده میفرستد .به قول مک لوهان ، رسانه همان پیام است !

روان شناسی رنگ ها

به طور کل ، رنگ ها دارای خصیصه های خاصی هستند که در زیر به بخشی از این مولفه های موجود در رنگ ها اشاره شده است :
• سفید : اشاره دارد به صداقت ، پاکیزگی ، صمیمیت ، ملایمت و معاصر بود ن چیزی . سفید بهترین رنگ برای بک گراند های وب است . در تجارت سفید رنگ خستگی گیر و انرژی بخش است .
• سیاه : اشاره دارد به ظرافت ، قدرت ، دلیری ، شهامت ، فریبندگی ، شیطان ، مهارت و باستان . مشکی برای رنگ متن روی یک پس زمینه روشن ایده آل است. این رنگ بعنوان رنگ پس زمینه چشم را خسته میکند .
• قرمز : توانایی ، هیجان ، احساسات شدید ، سرعت ، خطر و تهاجم . این رنگ از بیننده توجه به خود را طلب میکند . در تجارت بمعنی وام و بدهی است . این رنگ شدید ترین رنگ احساس است و ضربان قلب و تنفس را تسریع میکند .
• آبی : امنیت ، اعتماد ، مسیولیت پذیری ، سرما ، ایمان ، وفاداری ، وابستگی وجاه و جلال . آبی دومین رنگ عوام پسند است . در تجارت بمعنای ضمانت مالی است .
• سبز : تندرستی ، فراوانی ، حاصلخیزی ، آزادی ، شفا و بهبودی ، طبیعت ، پیشرفت ، حسادت و خونسردی . در تجارت بیانگر مقام و ثروت است. این رنگ در چشم ها راحت تر از همه دیده میشود .
• قهوه ای : تاثیر گذاری ، متانت ، توانگری مالی و کمک کننده بودن . قهوه ای رنگ کره خاکی ماست و در طبیعت بسیار فراوان است .
• خاکستری : صمیمیت زیاد ، اعتبار و نفوذ و عملی بودن . در تجارت بمعنای سنت گرایی است .
• صورتی : ملایمت ، شیرینی ، ظرافت و زنانگی ، خوب بودن ، بی گناهی و پرورش کودک .
• بنفش : وقار ، معنویت ، شاهانه بودن ، عیش و نعمت ، دارایی ، اعتبار و نفوذ ، سوگواری و مهارت . در تجارت بزرگ نشان دادن است . بنفش طرفداری از سبک های هنرمندانه است.
• نارنجی : سرزندگی و شوخی ، لذت و خوشگذرانی ، تعادل گرمایی ، تشویق کردن ، چالاکی و نیرو ، تحمل و بلند همتی .
• زرد : نور خورشید ، گرمی ، خوشی ، نامردی ، ترسویی و حسادت . در تجارت درخواست از نوع روشنفکرانه است و برای تاکید نیز خوب است . زرد باعث افزایش تمرکز شده ، سوخت و ساز را زیاد میکند و سخت ترین رنگ برای چشم هاست .
• طلایی : نشانگر گران بودن و پرستیژ است .
• نقره ای : سرما ، علمی بودن و اعتبار و پرستیژ است .
پس وقتی میخواهید رنگی انتخاب کنید باید درباره بازار نهایی کار خود باندیشید . چه احساساتی را میخواهید برانگیخته کنید ؟ اول کمی درباره چشم انداز احساسی هدفتان فکر کنید و نیز پیامی که از راه دید میخواهید منتقل کنید .
بعد رنگ خود را انتخاب کنید ! توجه داشته باشید که گرافیک صفحات وب ، امروزه نقش زیادی را در ارایه دکترین رفتار سازمانی الکترونیکی مراکز رسانه ای غرب به مخاطبان در اختیار دارند و LOGO ، BANNER ، TIZER ها ، فوق العاده در تحکیم مفاهیم به مخاطبان وبی موثر هستند.
منبع:http://www.academist.ir

Svg چیست ؟ کاربرد Svg در Xml چگونه است ؟

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 دارد.

آفتاب

استانداردهای وب چیست و چرا باید از آنها استفاده کنیم ؟

استانداردهای وب چیست و چرا باید از آنها استفاده کنیم ؟

مقدمه
رویای تیم برنرز لی برای اختراعش ، شبکه جهانی وب ، یک فضای عمومی است . جائیکه کاربران میتوانند اطلاعات خود را به اشتراک بگذارند ، کنار هم کار کنند ، بازی کنند و روابط اجتماعی داشته باشند ( شبکه جهانی ب ، یک تاریخچه مختصر شخصی ). ما به عنوان توسعه دهندگان وب ، با ایجاد سایتهای آموزشی ، اجتماعی و تجاری ، این رویا را به واقعیت تبدیل میکنیم.

در این دوره از رشد وحشتناک ، وب نیاز به راهنمایی دارد تا از پتانسیل کاملش آگاهی یابد. استانداردهای وب این راهنمایی هستند. استانداردها کمک میکنند تا مطمئن شویم که تمام افراد به اطلاعاتی که ما تامین میکنیم دسترسی دارند و همواره توسعه وب را سزیعتر و لذت بخشترمیکند.

مطابقت با استانداردها استفاده از وب را برای افرادی با نیازهای خاص ساده تر میکند. افراد نابینا ممکن است سیستمهایی برای خواندن صفحات وب داشته باشند. افرادی با بینایی ضعیف ممکن است صفحاتی بخواهند صفحاتی دوباره مرتب شده و بزرگ شده برای خواندن راحتتر داشته باشند و افرادی که از دستگاههای جیبی استفاده میکنند میتوانند به راحتی زمانی که از سیستمهای خود استفاده میکردند از وب استفاده کنند.

چنانکه شرح خواهیم داد ، همواره دلایل مفیدی برای توسعه دهندگان وب وجود دارد که با استانداردهای وب هماهنگ باشند. برای نمونه موتورهای جستجو میتوانند کار فهرست کردن سایتها را بهتر انجام دهند. استفاده از کدهای مختص یک مرورگر اغلب کار طراحی یک صفحه را دوبرابر یا سه برابر میکند. و زمانی که رسانه جدیدی مطرح میشود برای مطلوب شدن سایت کار زیادی باقی میگذارد. این وضعیت بدون مفهوم هدایت استانداردهای وب فقط وخیم تر خواهد شد.

بعضی از مردم ترس از این دارند که استانداردها در حال محدود کردن هستند. در حقیقت ، آنها مقدار زیادی از کار خسته کننده مورد بحث در توسعه وب را حذف میکنند و به توسعه دهندگان وقت و اتعطاف پذیری بیشتری میدهند تا به درستی خلاق باشند. که هر دو به آینده بهبود یافته و متفکری نسبت به گذشته راه می-یابند.

بسایری از کاربردهای وب ، از جمله بعضی ها که امروزه فقط در رویاهای ما هستند بدون گسترده شدن مطابقت با استانداردها ممکن نخواهد بود و یا مشکلتر خواهد بود. در حال حاضر ، سیستمها و نرم افزارهایی وجود دارند که بسیار عمومی و ظاهرا فراگیر هستند ، اما چی کسی میداند فردا چه اتفاقی میافتد ؟ مقید کردن خودمان با کنترل هر شرکت منفردی به این معنی است که آینده خودمان را به خوش اقبالی یا بداقبالی اینکه یک شرکت میتواند یا میخواهد که ما را تامین کند محدود میکنیم. حمایت کردن از فراگیری استانداردها به وب اجازه میدهد که تا زمانیکه مشوق نوآوری است زنده بماند و در همین مسیر ادامه دهد.

استانداردها چیزهای زیادی برای عرضه کردن دارند که ما در پروژه استانداردهای وب به آن در حد لازم رسیدگی میکنیم تا به شما کمک کنیم که بیشتر درباره آنها یاد بگیرید. این متن تنها نقطه آغاز است ، به شما از اینکه چه استانداردهای موجود است ، چه کاری انجام میدهند و چرا شما باید به آنها توجه داشته باشید ، یک درک قوی خواهد داد. هر بار که ما یکتکه ار وب را میسازیم به فضای عمومی اطلاعات که همان وب است کمک میکنیم. میتوانیم آنرا هر چه بهتر بسازیم و یا آنرا سنگین تر کنیم که از هم گسیخته میشود. این انتخاب متعلق به ماست ؛ نتیحه آن متعلق به همه.

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ها وخیم تر میشود.

استانداردهای وب قوانین محرمانه ای که توسط سازمانهای مجلل حکم شوند نیستند. همانطور که شرح دادیم بخش زیادی از استانداردها توسط نماینگان همان مردمی که از آن استفاده میکنند ایجاد میشوند : سازندگان مرورگرها، توسعه دهندگان وب، تامین کنندگان محتوا و سازمانهای دیگر.

نوشتن صفحات وب در مطابقت با استانداردها رمان توسعه را کوتاه تر و نگه داری صفحات را آسانتر میکند. عیب یابی و رفع اشکال ساده تر میشود زیرا کد از یک استاندارد پیروی میکند. شما نباید دیگر درباره کد نویسی و نگه داری از چندین نسخه از کد که فرض شده ظاهر یکسانی نمایش میدهند نگران باشید. یک نسخه از سایت شما، همین و بس !

پذیرش همگانی استانداردهای وب در آینده برترین اعتبار خواهد شد. ماموریت پروژه استانداردهای وب بهبود و ارتقای وب با تشویق سازندگان مرورگرها و صفحات وب به پیروی از استانداردها در برنامه هایشان برای توسعه دهندگان و کاربران نهایی است. این کوشش البته زمانی به طور زیاد یاری داده خواهد شد که توسعه دهندگان وب از استانداردها به عنوان یک موضوع با اهمیت استفاده کنند . بر اینکه مولدها و ارائه دهندگان کد آنها مطابق با استانداردهای وب باشند پافشاری کنند.

دلایلی که ما ارائه کردیم باید به شما، توسعه دهنده وب، انگیزه زیادی برای استاندارد بودن، استفاده از استاندارد و همچینین مهمات زیادی برای تقویت موقعیت تجاری شما داده باشد.

سازمان آموزش و پرورش استان هرمزگان

آموزش نکات Html پیشرفته – تگ Doctype

آموزش نکات Html پیشرفته – تگ Doctype

---

آیا تا کنون دقت کرده اید که برنامه های ویرایشگر اچتمل مانند دریم ویور و فرانت پیج در ابتدای صفحات ، یک تگ DOCTYPE قبل از تگ html مینویسند که برداشتن آن نیز تاثیر خاصی در صفحه ندارد ؟

اما کار این تگ چیست ؟ این خط به برنامه مرورگر می فهماند که شما قصد استفاده از HTML نسخه 4 را برای طراحی صفحه وب خود دارید . در صورتی که بخواهید از XHTML جهت طراحی صفحه وب خود استفاده کنید باید کد فوق را کمی تغییر دهید . پس چرا حذف آن تاثیری در صفحه وب ما ندارد ؟ این کد در ایجاد صفحات HTML اختیاری و در صفحات XHTML اجباری است . اگر این تگ را به همراه یک URL در بالای صفحه وب خود اعلان کنید ، سبب میشود که برنامه های مرورگر فعلی ، هنگام باز کردن صفحه شما در مد standards کنار کنند . بدین صورت میتوانید کدهای خود را مطابق استاندارد نوشته و کنترل بیشتری بر چگونگی نمایش این صفحه در برنامه های مرورگر مختلف داشته باشید. در صورت نگذاشتن این کد ، مرورگر از روش های قدیمی تر برای نمایش صفحه شما استفاده می کند . یک مثال عملی :در هنگام تعیین رنگ با شماره های هگزادسیمال ، یک علامت شارپ (#) در ابتدای شماره رنگ قرار میگیرد که حذف آن باعث نادیده گرفتن این رنگ در زمان نمایش صفحه میشود . اما اگر کد DOCTYPE را از ابتدای صفحه پاک کنید ،مرورگرتان از این مورد ایراد نمی گیرد و آن رنگ را نشان میدهد . برای تست این مثال از مرورگر فایرفاکس استفاده کنید . چون مرورگر Internet Explorer بطور معمولی هم از حذف علامت # ایراد نمی گیرد و ممکن است شما فکر کنید علامت # اختیاری است

متاتگ چیست ؟

متاتگ چیست ؟

---

متاتگ ها راهی برای شناساندن وب سایت شما به جهان خارج است . عنوان تگ هایی که برای صفحات سایت خود تعریف میکنید موتور های جستجوگر را در شناختن مطالب داخل سایت شما یاری میکند .



دو نوع اصلی متاتگ وجود دارد :
این متاتگ باعث میشود که اطلاعات اضافی ای همراه صفحه وب درخواستی شما در 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 لود نمیشود بلکه از سرور دانلود میشود .

تعدادی مرجع آموزشی برای طراحان وب

تعدادی مرجع آموزشی برای طراحان وب

---

در این مطلب قصد دارم تا برای دوستانی که تازه قصد یادگیری مباحث ابتدایی مربوط به طراحی وب سایت را دارند چند منبع با ارزش و بسیار سودمند معرفی کنم.

برای اینکه بخواهید یک طراح وب باشید ابتدای ساکن می بایست با کدها و تگهای html و نحوه کد نویسی آن آشنا شوید. بواقع اسکلت یک وب سایت را همین html تشکیل می دهد و نما و شکل و ظاهر آن را css. بدین ترتیب اگر به مفهوم خوبی از این دو دست پیدا کنید با کمی مطالعه و تمرین بقیه چیزها را نیز فرا می‌گیرید.

• اولین معرفی ما سایت معتبر و مطرح w3school است به جرات می‌توان این سایت را یکی از بزرگترین مرجع آموزشی برای فراگیری مقدماتی تا حرفه ای طراحی وب دانست. مثالهای خوب این سایت باعث تسریع در یادگیری برای کارآموزان می شود و کدنویسی را به صورت استاندارد و تمیز فرا می‌گیرید. این سایت با داشتن مقالات بسیار خوبی در رابطه با طراحی باعث آشنا شدن شما با یک طراحی استاندرد و ایده آل می گیردد و روش ها و تکنیک هایی برای بهبود طراحی وب بیان شده که بسیار برای کاربران مثمر ثمر خواهد بود. شما در این سایت مقالات آموزشی و مطالب مفیدی از html و css و جاوا اسکریپت و php و asp.net می‌آموزیید.
  
  
  

• دومین معرفی ما سایت htmldog است. در این سایت شما آموزشهای خوبی در رابطه با html , css ‌ می‌آموزید. این سایت گنجینه فوق العاده‌ای برای مبتدیان علاقمند به یادگیری ‌httm , css می‌باشد.

• منبع آموزشی ِدیگری که دررابطه با طراحی وب پیشنهاد می‌کنیم، سایت how-to-build-websites است. این سایت خود را این چنین معرفی کرده که پایگاهی آموزشی است برای تمام مبتدیان و کسانی که برای طراحی از برنامه هایی چون فرانت پیج و دری میر و غیره استفاده می کنند… و به این نکته بسیار مهم اشاره داشته که “اگر می خواهید واقعاً یک طراح وب شوید باید در بدو شروع زبان کد نویسی html را به صورت مفهومی یاد بگیرید. یادگیری این زبان(کدنویسی دستی) نیز ساده تر ازاون چیزی هست که به‌اش فکر می‌کنید.”
  
  

  برای مشاهده این عکس در ابعاد واقعی اینجا را کلیک کنید

  
  
  در این سایت ویدیوهای آموزشی ِ خوبی در رابطه با طراحی وب سایت نیز قرار داده شده که کاربران می‌توانند از آنها نیز استفاده کنند.
  
  
  

• در سایت htmlcodetutorial همانطور که از نامش پیداست مرجعی آموزشی برای یادگیری زبان html برای مبتدیان می‌باشد. این سایت فروم خوب و قوی هم دارد که اگر به زبان انگلیسی کمی آشنا باشید می‌توانید جواب اشکالات خود را از آنجا بیابید. ضمن اینکه در رابطه با سی اس اس نیز آموزش های خوبی دارد که اگر از پایه و با برنامه جلو بروید آشنا شدن با این مبحث برای شما از این سایت چندان کار سختی نیست.
  
  
  

• سایت tizag نیز از لحاظ محتوای آموزشی دست کمی از سایت‌های بالا که معرفی شدند ندارد و مرجع کاملی برای آموزش html , css , php‌ است. علاقمندان به یادگیری این زبان‌ها می‌توانند مباحث آموزشی مورد نیاز خود را از این سایت مطالعه کنند.
  
  
  

• به سایت w3c که در زمینه توسعه استاندارهای وب فعالیت می‌کند می‌رسیم. به قول دوستان این کاره بچه‌های طراح کار خودشان را با کمک این سایت valid ‌ می‌کنند. در این سایت شما از اینجا و اینجا و اینجا در رابطه با html ,css و نحوه کد نویسی آن‌ها به صورت حرفه‌ای و اصولی و مطابق با کنسرسیوم جهانی w3 اطلاعات خوبی کسب می‌کنید.

امیدوارم این سایت‌ها که به شما علاقمندان طراحی وب معرفی شد کاربردی و مفید واقع شود. کار سختی نمی‌آید. پس شروع کنید از همین الان.


منبع: نشرینه اینترنتی پریانا

یونی کد چیست؟

یونی کد چیست؟

از چند سال پيش در كشورمان، استفاده از كامپيوتر با سرعت سرسام‌آوري جاي خود را در تمامي عرصه‌ها باز كرد و سيل كامپيوترهاي شخصي و تجهيزات جانبي آنها به سوي كشور سرازير شد. اما بايستي اعتراف كرد كه با وجود اين كه سرعت سوق به سوي تكنولوژي ديجيتال در ايران روند خوبي را طي نموده، اما در زمينه ارائه اطلاعات و پردازش آن به زبان فارسي تشتتي در اين ميان ايجاد گرديد. يكي از عوامل موثر در اين ناهماهنگي، نبود الگويي واحد براي ذخيره و پردازش و نمايش اطلاعات بر روي رسانه‌هاي جديد اطلاع‌رساني همچون كامپيوتر در سطح ملي است.
نرم‌افزارهاي متفاوت، با فرمت‌هاي مختلف، كدهاي فارسي گوناگون و ... در حال استفاده‌اند و روزانه ميزان قابل توجهي از اطلاعات را در خود جاي مي‌دهند. اگر از آن دسته از مراكزي كه به دليل عدم آگاهي كافي اطلاعات را به صورت ناقص جمع‌آوري و وارد مي‌كنند (كه حدود 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

معرفی مدارک 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 ثبت نام کنید.

 

"تالیف: محمد هادی امامی" - تبیان

چگونه یک صفحه وب سنگین را باز کنیم؟

برای بسیاری از ما پیش آمده است که اتصال اینترنتی‌مان بسیار کند شده و در عین حال می‌خواهیم به هر زحمتی شده، صفحه‌ای را باز کنیم و لااقل اگر نمی‌توانیم عکس‌هایش را ببینیم، متنش را بخوانیم. اما هر چقدر تلاش می‌کنیم و صبر پیشه می‌کنیم، فایده‌ای ندارد و صفحه اصلا خیال باز شدن ندارد.

کسانی که هم اینترنت موبایل‌شان را فعال کرده‌اند، حتما بارها به این مشکل برخورده‌اند و اصلا بسیاری از اوقات از خیر باز کردن سایت مورد نظر گذشته‌اند.

خوب، چه کار می‌شود انجام داد؟

مشترک شدن فید یا تنظیم کردن مرورگر برای باز نکردن عکس‌های سایت مورد نظر یک راه چاره است.

نحوه استفاده از فید را در مقاله‌های "فید چیست؟ "و"نحوه خواندن فید" بخوانید.

اما راه سوم استفاده از سایت‌هایی است که آدرس سایت یا صفحه مورد نظر را از شما می‌گیرند و نسخه ساده، سبک و با حداقل گرافیک را به شما تحویل می‌دهند. در واقع آنها، سایت‌ها را تهی از همه عکس‌ها، فلش‌ها و cssها و فریم‌هامی‌کنند و فقط متن را نگاه می‌دارند.

BareSite

IYHY

بد نیست، این سایت‌ها را در مرورگر کامپیوتر یا موبایلتان بوک‌مارک کنید، تا در هنگام ضرورت از آنها استفاده کنید.

 

علیرضا مجیدی

صفحات با اهمیت در سایت شما

صفحات با اهمیت در سایت شما

برای وب‌سایت خود چه برنامه‌ای دارید؟ برای آنکه بازدیدکنندگان اطلاعات و محصولات موردنظر را در سایت‌تان جستجو کنند و با شما تماس بگیرند چه استراتژی در نظر گرفته‌اید؟ چه اطلاعاتی را در سایت خود گنجانده‌اید؟
یکی از ويژگیهای اینترنت این است که شرکت‌ها و موسسات کوچک می‌توانند با یک راهکار مناسب و حساب شده به خوبی و بزرگی یک شرکت و یا موسسه بزرگ به نظر برسند، به این منظور برخی صفحات و اطلاعات در وب‌سایت از اهمیت ویژه‌ای برخوردار است که در زیر به شش مورد از آنها اشاره می‌کنم‌:

درباره ما:
اطلاعات کاملی از شرکت و سوابق اجرایی آن و آنکه پس از فروش محصول چه خدماتی را به مشتری ارایه می‌کنید، سعی کنید از جملات شعارگونه بپرهیزید و به صورت اجمالی در مورد سوابق کاری خود توضیح دهید. در صورتیکه متن اطلاعات مذکور زیاد است از عناوین "اهداف و آرمانها" ، "تاریخچه فعالیت" و ... استفاده کنید و این عناوین را به صورتی بنویسید که نمایان‌تر به نظر برسد (و یا حتی از زیر صفحات به این منظور استفاده کنید)

پروژه‌ها و سوابق اجرایی:
از جمله مهمترین صفحات در سایت، صفحه‌ای با عنوان پروژه‌ها و سوابق اجرایی است. برای مشتری بسیار مهم است که بداند شرکت شما چه سوابق اجرایی دارد و چه شرکت‌هایی از محصولات و خدمات شرکت شما استفاده کرده‌اند.

مراحل اجرای پروژه و یا فروش محصولات:
این حق مشتری است که بداند پس از اقدام برای خرید محصول و خدمات چه مراحلی را تا تحویل نهایی آنها باید سپری کند.

نظرات مشتریان:
همیشه بازدیدکنندگان و مشتریان شما دوست دارند تا از کیفیت محصول و خدمات دریافتی اطمینان حاصل کنند. بهترین روش برای جلب اطمینان آنان صفحه ای با عنوان "نظرات مشتریان" است. در این صفحه سعی کنید نظرات واقعی مشتریان قبلی خود را در سایت درج نمایید. نظرات چند سطری یک مشتری می‌تواند تاثیر بسزایی در جلب اعتماد بازدیدکننده و مشتریان آتی شما داشته باشد. اگر عضو انجمن و سندیکای ويژه‌ای هستید، حتما عنوان و لینک آن‌را در سایت قرار دهید. در صورتیکه دارای نشان‌ها و افتخاراتی در زمینه فعالیت خود هستید صفحه‌ای با عنوان "نشان‌ها و افتخارات" را برای سایت خود تدارک ببنید.

خدمات مشاوره‌ای:
می‌توانید در سایت صفحه‌ای با عنوان "خدمات مشاوره ای" ، "تعرفه خدمات" و … در نظر بگیرید تا کاربر در صورت تمایل، اطلاعات موردنظر برای دریافت خدمات را وارد نماید تا پس از بررسی با وی تماس گرفته شود. در صورت استفاده از این صفحه ذکر پیغام تشکر پس از درج اطلاعات کاربر را فراموش نکنید. شما با پیغامی کوتاهی مانند؛ "از ارسال اطلاعات شما سپاسگزاریم، پس از بررسی اطلاعات با شما تماس خواهیم گرفت" تاثیر مثبتی بر روی متقاضی می‌گذارید. در صورتیکه برای ارایه خدمات مشاوره آنلاین، سیستم پرسش و پاسخ، فروش محصولات به صورت آنلاین و ... به اطلاعات شخصی بازدیدکننده نیازمندید حتما به صورت واضح به سیاست حفظ اطلاعات شخصی اشاره نمایید.

ارتباط با ما:
به بازدیدکنندگان وب‌سایت خود اطمینان دهید که در پشت این سایت یک تجارت واقعی قرار دارد، به این منظور نشانی پستی دقیق و شماره‌های تماس خود را در وب‌سایت قرار دهید و اعلام نمایید که آماده جلسات حضوری در دفتر کار خود هستید.

تهیه و تنظیم: مهدی منسومی (آدرس سایت)

چند اشتباه رایج در طراحی وب

چند اشتباه رایج در طراحی وب

در این مقاله به اشتباهات شایع در طراحی وب اشاره می شود و راه حل هایی نیز برای آنها پیشنهاد می شود. این مقاله منبع خوبی برای پیشگیری از یک سری اشتباهات در طراحی وب و نکات ریزی می باشد که ظاهرا ممکن است برای شما مهم نباشد ولی تاثیر زیادی داشته باشد.

لینک های ریز و کوچک

لینک ها برای این ساخته شده اند که روی آنها کلیک شود. باید طوری در صفحه قرار بگیرند که کاربر آنها را راحت ببنید و بتواند کلیک روی آنها کند. به بخش هایی که با قرمز مجزا شده اند توجه کنید:

در تصویر زیرین نیز باز همین موضوع را مشاهده می کنید که لینک اصلا به راحتی قابلا تشخیص نمی باشد.

دلیل اصرار ما به لینک های قابل تشخیص و بزرگ تر تنها این است که کاربر باموس می خواهد به سادگی هر جا را که می خواهد کلیک کند، نه روی موس و دست خود تمرکز کند تا روی لینک بتواند کلیک کند.

صفحه گذاری با هدف اشتباه

هنگامی باید از صفحه گذاری استفاده نماییم که در یک صفحه اطللاعات، تصاویر و محتوای زیادی داریم و اگر همه را یک جا استفاده کنیم صفحه خیلی طولانی می شود و خیلی دیر لود می شود و کاربر را خسته می کند در این هنگام از صفحه گذاری کردن محتوا، استفاده می نماییم.

ولی در جایی که چند مطلب و عکس محدود داریم، بهتر است همه را یکجا قرار دهیم تا کاربر اذیت نشود.

هیچ راهی برای تماس وجود نداشته باشد!

یکی از مهمترین بخش های یک وب سایت داشتن بخش تماس با سایت است که هر کاربر بتواند به راحتی با سایت تماس داشته باشد و سایت باید با مخاطبان خود ارتباطات قوی ای برقرار نماید

راهی برای جستجو موجود نباشد

خیلی اوقات به صفحات وب مراجعه می کنید و اطلاعات زیادی می بینید و هر چه دنبال امکان جستجو می گردید پیدا نمی کنید یا اصلا به درد نمی خورند و یا غیر فعال هستن ! یکی از بدترین مشکلات و نکته هایی که در یک سایت می تواند پیش بیاید همین است!

شما می توانید جستجو گر گوگل را نیز به سایت خود اضافه کنید. پس جستجو گر ها را فراموش نکنید.

فرم های ثبت نام طولانی

یکی از مسائل مهم امروزی در وب ثبت نام کردن برای دسترسی داشتن به برخی از سرویس ها می باشد که در برخی از سایت ها در یک دقیقه اینکار انجام می شود و در برخی 10 دقیقه! کاربران امروزی دیگر تحمل و حوصله پر کردن یک فرم طولانی را ندارند.

بنابراین به این مورد دقت کافی داشته باشید.

سایت در اولین نگاه قابل فهم نیست!

یکی از نکات خیلی مهم این است که وقتی کاربر وارد سایت شما می شود، بداند کجا هست و چه می خواهد کند. چشم او خودکار به بخش های سایت متصل شود و مانند گمشده ها در سایت این طرف و آن طرف را نگاه نکند و چیزی پیدا نکند و برود. تصویر زیر تصویر یک سایت شلوغ و غیر قابل فهم است :

ولی اکنون به تصویر زیر نگاه کنید کاربر لذت می برد و می فهمد به راحتی که کجا باید کلیک کند :

امیدوارم بتوانید با توجه به نکات فوق و دیگر نکات در این زمینه، سایت خود را بهتر و بهینه کنید. ایده نوشتن این مطلب از مقاله Dmitry Fadeyev گرفته شده است و تغییرات زیادی داده شده است و در اصل بیشتر از تصاویر مقاله وی استفاده شده است تا خود مقاله. به هر حال نکات فوق را جدی بگیرید تا کاربران وفا دار خود را همیشه برای خود حفظ نمایید.

ترجمه: حمیدرضا محمد کاظمی
نویسنده و منبع: Dmitry Fadeyev

10 روش برای کاهش زمان بارگذاری صفحات وب

10 روش برای کاهش زمان بارگذاری صفحات وب

زمان لازم برای باز شدن صفحات وب از دغدغه های اصلی صاحبان وب سایت ها است. با 10 روشی که ما به شما توصیه می کنیم می توانید تا حدودی از وجود این معضل بکاهید:

1 استفاده از scriptهای خارجی:

اگر می خواهید از دستورهای script در صفحات مختلف وب سایت خود استفاده کنید، بهترین ترفند استفاده از script های خارجی است.
این بدان معنی است که دستورات javascript از منابع دیگری لود شود.مثلا:این راه کمک می کند تا مرورگر script را ذخیره (cache) کند و بارها و بارها آن را بخواند.

2- کاهش درخواست های http

فرض کنید لود هر آیتم به روی وب سایت شما حدود دو دهم ثانیه زمان بگیرد.
پس اگر سایت شما بطور همزمان 10 عکس را لود کند، صرف نظر از این که آیتم ها، استایل شیت، عکس، یا اسکریب باشند زمانی حدود دو ثانیه طول خواهد شد. بنابراین باید تلاش کنید تا از این درخواست های http کاسته شود. مثلا در بخش فوتر سایت که سهم عکس زیاد است باید با استفاده از روش هایی مثل imagemap بخش زیادی از درخواست های http را کم کنید.

3- به سایت های دیگر وابسته نباشید

اگر به سایت های دیگر وابسته هستید مطمئن باشید که سرعت لود صفحات شما زیاد می شود. اگر وب سایت شما از مولفه های مختلفی تشکیل شده که از روی سایت های دیگر اجرا می شود حتما سرعت لود صفحات کم خواهد شد چون ممکن است سرورهایی که به آن وابسته اید، درخواست های http زیادی داشته باشند.

4- بهینه سازی عکس ها

همیشه از گزینه save for web برای کم کردن حجم عکس های وب استفاده کنید. این گزینه را می توانید در برنامه هایی مانند فتوشاپ ببینید.

5- فاصله اضافی را حذف کنید

منظور از فاصله اضافی در اینجا فاصله های بلااستفاده ای است که مابین کدهای صفحه وجود دارد.
حذف کردن تب ها و فاصله های اضافی از کدها یعنی کم کردن بایت های اضافی که کاربردی ندارند. حتما این کار را انجام دهید و ببیند که چقدر در زمان لود صفحه شما موثر خواهد بود.

6- استفاده از css و بهینه کردن آن

css می تواند مهم ترین تاثیر را در زمان لود صفحات داشته باشد.
مرورگر می تواند تمامی فرمت ها و استایل های صفحات شما را ذخیره کند و بارها و بارها آنها را نخواند.
در ضمن مطمئن شوید که cssای تمیز و مرتب دارید.
می توان از www.cleancss.com استفاده کرد تا بخش های شبیه به هم را ادغام، کدهای بی استفاده را شناسایی و فواصل اضافی از بین کدهای شما را حذف کند.

7- اسلش را فراموش نکنید

وقتی کاربران به سراغ لینک یا صفحه ای خاص مثل این آدرس بروندcontact / www.yahoo.com سرور ناگزیر از ساختن صفحاتی با این محتوا است.
اما اگر یک (/) به انتهای آدرس اضافه شود آنگاه سرور دقیقا می داند چه چیزی مورد درخواست کاربر بوده و در کاهش زمان لود بسیار موثر است.

8- کدام فرمت عکس استفاده شود؟

شما باید از دو فرمت gif و png برای عکس های خود استفاده کنید.
فرمت gif بیشتر در مواردی که از رنگ تخت استفاده شده کاربرد دارد مانند لوگوها و دگمه ها.
png نیز مانند gif فرمت ساده ای است که از تعداد رنگ های بیشتری پشتیبانی می کند. jpeg فرمتی است که بیشتر مناسب عکاس ها و عکس هایی است که می خواهند رنگ واقعی داشته باشند.

9- از تگ های عرض و ارتفاع غافل نشوید تگ های عرض و ارتفاع برای عکس ها بسیار مهم است.

این تگ ها برای مرورگر مشخص که چه فضایی از صفحه به عکس اختصاص دارد و از ابتدا تا زمان لود کامل فضای کافی برای عکس را کنار می گذارد و با سرعت بیشتری می تواند سایر عناصر صفحه را لود کند. بنابراین هرگز از این تگ گذاری غافل نشوید.

10- استفاده از cache هم از مواردی است که می تواند به لود سریعتر صفحات کمک زیادی کند.

منبع: www.iran ictnews.ir

آشنایی با محتویات فعال و کوکی

آشنائی با محتويات فعال و کوکی

 

هر يک از ما در مدت زمان اتصال به اينترنت از وب سايت ها و يا وبلاگ های متعددی ديدن می نمائيم . طراحان و پياده کنندگان وب سايت ها و وبلاگ ها به منظور ارائه خدمات مورد نظر خود از امکانات و يا بهتر بگوئيم تکنولوژی های متفاوتی استفاه می نمايند . اغلب ملاقات کننده گان ، احساس خاصی نسبت به اين تکنولوژی ها نداشته و صرفا" برای آنان نوع سرويس ها و خدمات ارائه شده دارای اهميت است . برخی از تکنولوژی های استفاده شده عليرغم داشتن جنبه های مثبت و مهم به ابزارهائی برای برنامه ريزی برخی حملات تبديل شده و حريم خصوصی کاربران را بمخاطره می اندازد . محتويات فعال ( Active contents ) و کوکی ها ( Cookies ) از جمله موارد فوق ، می باشند.

محتويات فعال چيست ؟

در اغلب وب سايت ها به منظور افزايش پتانسيل های قابل ارائه به کاربران و يا تزئين سايت از اسکريپت هائی که باعث اجرای برنامه ها بر روی مرورگر وب می شود ، استفاده می گردد . ايجاد منوهای Drop-down و يا انجام افکت های گرافيکی متفاوت در يک صفحه وب ، نمونه هائی در اين زمينه می باشند . اين نوع اسکريپت ها که به "محتويات فعال" معروف شده اند ، اغلب به روشی برای انواع حملات نظير سرقت اطلاعات و يا اجرای کدهای مخرب بر روی کامپيوتر کاربران، تبديل شده اند .
• جاوا اسکريپت : جاوا اسکريپت يکی از متداولترين زبان های اسکريپت نويسی در وب است که در اکثر وب سايت ها از آن استفاده می گردد. ( VBscript,ECMAScript و Jscript نمونه هائی ديگر در اين زمينه می باشند ) . تامين طيف وسيعی از خواسته ها ، عملکرد مناسب ، سادگی در استفاده و ترکيب آسان با ساير نرم افزارها از جمله دلايل گسترش استفاده از زبان های اسکريپت نويسی در وب می باشد.مهاجمان نيز از پتانسيل های ارائه شده توسط زبان های اسکريپت نويسی به منظور نيل به اهداف مخرب خود استفاده می نمايند . مثلا" يکی از حملات متداول که با محوريت جاوا اسکريپت صورت می پذيرد ، هدايت کاربران از يک وب سايت مطمئن به يک وب سايت مخرب است که در آن اقدام به download ويروس ها و يا جمع آوری اطلاعات شخصی کاربران می گردد .
• اپلت های جاوا و کنترل های اکتيوايکس : اپلت های جاوا و کنترل های اکتيوايکس برنامه هائی می باشند که بر روی کامپيوتر شما مستقر شده و يا از طريق شبکه بر روی مرورگر شما download می گردند . در صورتی که اينگونه برنامه ها ( خصوصا" کنترل های اکتيوايکس ) توسط مهاجمان مديريت و هدايت گردند ، امکان انجام هر گونه عملياتی بر روی کامپيوتر شما وجود خواهد داشت . اپلت های جاوا معمولا" در يک محيط محدودتر اجراء می گردند . اين نوع از برنامه ها در صورت عدم ايمنی مناسب محيط ايجاد شده ، فرصت های مناسبی به منظور انواع حملات را برای مهاجمان فراهم می نمايند .
استفاده از جاوا اسکريپت ، اپلت های جاوا و کنترل های اکتيوايکس ، همواره خطرناک نمی باشد . ولی می بايست به اين موضوع دقت شود که امکانات فوق به ابزارهائی برای انواع حملات توسط مهاجمان، تبديل شده اند . به منظور پيشگيری در خصوص محتويات فعال ، امکانات متعددی در اکثر مرورگرها پيش بينی شده است که با استفاده از آنان و تنظيم بهينه پارامترهای موجود می توان يک سطح ايمنی مناسب را ايجاد نمود. بموازات افزايش ضريب ايمنی مرورگر خود به منظور برخوردبا محتويات فعال، ممکن است محدوديت های خاصی در خصوص برخی ويژگی های ارائه شده توسط برخی سايت ها ، ايجاد گردد. در صورتی که از يک وب سايت ديدن می نمائيد که نسبت به آن شناخت کافی وجود ندارد ، می بايست پيشگيری لازم در خصوص غير فعال نمودن محتويات فعال را انجام داد. تهديدات مشابهی نيز می تواند متوجه برنامه های پست الکترونيکی باشد . تعداد زيادی از برنامه های پست الکترونيکی از برنامه های مشابه مرورگرها به منظور نمايش HTML استفاده می نمايند . بنابراين امکان تهديد محتويات فعال در خصوص نامه های الکترونيکی نيز می تواند وجود داشته باشد .به منظور پيشگيری لازم در خصوص اين نوع تهديدات می توان پيام ها را به صورت متن معمولی ، مشاهده نمود .

کوکی چيست ؟

در زمان استفاده از اينترنت ، امکان جمع آوری و ذخيره اطلاعات شما وجود خواهد داشت . اطلاعات فوق ممکن است اطلاعاتی عمومی در خصوص کامپيوتر شما نظير آدرس IP ، نام Domain استفاده شده به منظور ارتباط با اينترنت ، نوع مرورگر و سيستم عامل ، باشد . اطلاعات جمع آوری شده می تواند شامل موارد خاصی نظير آخرين مرتبه ای که يک وب سايت را ملاقات نموده ايد و يا اطلاعات شخصی شما در زمان استفاده از يک وب سايت خاص نظير آدرس پست الکترونيکی باشد .
• Session cookie . اين نوع کوکی ها صرفا" و تا زمانی که از مرورگر استفاده می گردد ، اطلاعاتی را ذخيره نموده و پس از بستن مرورگر اطلاعات از بين می رود . هدف از بکارگيری اين نوع کوکی ها ، ارائه تسهيلات لازم در خصوص حرکت بين صفحات متعدد است . مثلا" تشخيص مشاهده يک صفحه خاص و يا نگهداری اطلاعاتی در خصوص داده های مرتبط با يک صفحه .
• Presistent cookie : اين نوع کوکی ها اطلاعاتی را بر روی کامپيوتر شما ذخيره می نمايند . بدين ترتيب امکان نگهداری اطلاعات شخصی مرتبط با شما فراهم می گردد . در اکثر مرورگرها برای اين نوع از کوکی ها می توان يک مدت زمان خاص را مشخص نمود( عمر مفيد ) .در صورتی که يک مهاجم امکان دستيابی به کامپيوتر شما را پيدا نمايد ، می تواند با مشاهده محتويات فايل های فوق به اطلاعات شخصی شما دسترسی نمايد.
به منظور افزايش سطح ايمنی خود ، می بايست تنظيمات امنيتی لازم در خصوص اعمال محدوديت و يا بلاک نمودن کوکی ها را در جهت حفظ حريم خصوصی ، انجام داد . در صورتی که از يک کامپيوتر عمومی استفاده می نمائيد ، می بايست کوکی ها را غير فعال نموده تا پيشگيری لازم در خصوص دستيابی سايرين به اطلاعات شخصی شما ، صورت پذيرد .

استفاده از CSS در برنامه های وب

استفاده از 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 types definition

The Alignment is from the style sheet .
The font is from the style in the page's head element . 
the italic is from the inline style .

Test.css file

   P
     {
        font-size : small ;
        text - align : center ;
     } 

}

در مثال فوق ، نحوه نسبت دهی خصلت 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

.emphasis
   {
      font-style :italic ;
    }

Style Class فوق، مسئوليت ايجاد فرمت مناسب ( ايتاليک ) را برای تمامی عناصری که از اين کلاس استفاده می نمايند، برعهده دارد. برای استفاده از Style فوق بهمراه عناصر HTML از خصلت class استفاده میگردد. بمنظور استفاده از style بهمراه کنترل های سرويس دهنده ، از خصلت CssClass استفاده می گردد .

Style class

This paragraph is test Class="emphasis"> some text

CssClass="emphasis" >some text 

ايجاد Style برای عناصر خاص

با استفاده از ID مربوط به عناصر،می توان Style مورد نظر در ارتباط با عناصر خاص موجود بر روی يک فرم وب را تعريف نمود. ID مربوط به عناصر ، می بايست برای هر يک از عناصر موجود بر روی صفحه ، منحصربفرد می باشد. فرمت مشخص شده ، صرفا" در رابطه با يک عنصر بر روی هر صفحه بکارگرفته می شود . زمانيکه يک Style rule برای يک عنصر با ID مشخص شده ،ايجاد می گردد ، ويژوال استوديو دات نت ، يک تعريف Style را با استفاده از شناسه elementID # ايجاد و آن را به Style sheet ،اضافه می نمايد.

Style by element ID

#Inserted
  {
     text-decoration : underline ;
  }
#deleted
  {
      text-decoration : line-through ;
  }

Style های تعريف شده در ويژوال استوديو ، اغلب بصورت صحيح در بخش form designer نشان داده نمی شوند . در صورتيکه خروجی مورد نظر در ارتباط با يک فرمت خاص مشاهده نمی گردد، می توان عمليات زير را دنبال نمود:
• اطميان از ذخيره سازی صحيح Style sheet تعريف شده
• فرم وب را در حالت HTML view و Design view مشاهده و بين آنان سوئيچ نمائيد .
• برروی فرم وب کليک سمت راست نموده و گزينه View In Browser را بمنظور نمايش فرم وب در مرورگر ، انتخاب نمائيد.

ايجاد Style تودرتو

در صورتيکه به تعاريف Style در Style sheet پيش فرض ، ( فايل Styles.css ) نگاهی داشته باشيم ، متوجه خواهيم شد که برخی تعاريف style ، چندين نام عنصر را شامل می شوند . تعاريف فوق ، فرمت عناصر تودرتو را مشخص می نمايد. Style زير ، نوع های متفاوتی از Bullet را تعريف می نمايد( nested) .

Nested Style

UL  LI {
       list-style-type : square ;
      }
UL LI LI {
        list-style-type : disc ;
       }
UL LI LI {
       list-style-type : circle ;
      }  

بمنظور ايجاد Style های تودرتو ، می توان با استفاده از جعبه محاوره ای Add Style Rule ، چندين آيتم را به ساختار سلسله مراتبی Style rule اضافه نمود.

تغيير Style Sheet در زمان اجراء

همانگونه که قبلا" اشاره گرديد ، می توان چندين Style sheet را تعريف تا امکان استفاده از آنان بصورت پويا و با توجه به شرايط موجود در برنامه در اخيتار کاربر قرارداده شود. ( مشاهده فرم وب ، نسخه چاپی فرم وب ، ارائه نسخه بزرگتر فرم وب و ... ) . بمنظور سوئيچ نمودن اتوماتيک بين Style Sheet ها ، می توان از خصلت media استفاده نمود. خصلت فوق ، Style sheet مورد نظر را در ارتباط با چاپ و يا نمايش بر روی نمايشگر ، مشخص می نمايد. کد زير ، نحوه استفاده از دو style را بمنظور مشاهده فرم وب بر روی نمايشگر و يا چاپ آن، نشان می دهد :

Two style sheets for one web form

بمنظور سوئيچ نمودن بين Style sheet در زمان اجراء ، يک اسکريپت سمت سرويس گيرنده را نوشته تا تغيير لازم در عنصر href مربوط به لينک style sheet را ايجاد نمايد . کد زير ، يک فرم وب را ايجاد نموده که بين style sheet های Style1.css و Style2.css ، سوئيچ می نمايد ( زمانيکه کاربر بر روی لينک موجود کليک می نمايد ) .

آموزش Html,css,javascript,php

ما در این وبلاگ قصد آموزش جزء به جزء را نداریم .انشاء الله برای دریافت اطلاعات دقیق تر یکسری EBook قرار می دهیم.

آموزش Html :
این زبان متشکل از تعدادی تگ (مثل
) می باشد. که مجموعه ای از آنها یک صفحه وب را شکل می دهد که معمولا پسوند فایل تولید شده htm یا html می باشد. فایل تولید شده توسط مرورگر (مثل IE) تحلیل می شود و نتیجه تحلیل نمایش داده میشود. از تگ های مهم و کاربردی این زبان Table , Img , Form , Input , TextArea, IFrame, Div , A, … میباشد. یکی از راههای سریع و مطمئن یادگیری Html (و همچنین Css و Javascript) استفاده از نرم افزار FrontPage 2003 یا SharePoint Designer 2007 میباشد، به این طریق که در محیط Design نرم افزار مانند کار با Word شمای مورد نظر به همراه لینک و دکمه ایجاد کنید و بعد وارد حالت Code شوید و کد تولید شده توسط نرم افزار را مشاهده کنید.
به منظور آموزش این زبان (و همچنین Css) می توانید از سایت www.w3.org نیز کمک بگیرید، که مرجع خوبی محسوب می شود.

آموزش Css :
تقریبا در همه تگ ها Property با نام Style و Class موجود می باشد، که از این تگ ها برای قالب بندی متون، جداول و ... استفاده می شود. که معمولا در وب سایت ها فایل هایی با پسوند css قرار می دهند که فایل قالب بندی ظاهر وب سایت است.

آموزش JavaScript :
این زبان یکی از قوی ترین زبانهای برنامه نویسی محسوب می شود، که با اضافه کردن امکانات آن به تگ های Html قابلیت صفحات وب خیلی افزایش می یابد. در زیر چند مثال از کاربردهای آن ذکر می شود :
• نسخه جدید Gmail که از قابلیت های ویژه JavaScript با نام Ajax استفاده کرده است.
• ایجاد یک فرم ثبت نام چند مرحله ای با چک کردن ورودی ها (مثلاً اگر پسورد ضعیف بود فوری بدون refresh شدن صفحه پیغامی بدهد. یا اگر شماره تلفن غیر عددی وارد شد پیغامی بدهد)

آموزش PHP :
این زبان، یک زبان script سرور محسوب می شود که open source بوده و از قدرت و سرعت بالایی برخوردار می باشد.آخرین ورژن این زبان 5.2 می باشد که extension های زیادی برای انجام هر کار دارد. بسته install این زبان را می توانید از وب سایت www.php.net دریافت کنید. درصد بالایی از طراحان وب از این زبان استفاده می کنند.
شاید یکی از عیوب این زبان باگهای آن می باشد که احتمالاً به دلیل open source بودن آن و درصد استفاده بالای آن باشد و این مشکل به امنیت وب سایت خدشه وارد می کند. ولی این مشکل با لحاظ نکات امنیتی مناسب قابل حل می باشد.
به نظر ما با استفاده از این زبان حتی می توان سیستم های یکپارچه اتوماسیون (ARP) هم طراحی کرد. از قابلیت های بسیار قابل تحسین این زبان سرعت در آموزش این زبان و Develop سریع سیستم در دست طراحی می باشد. از دیگر قابلیت های خیلی خوب این زبان در دسترس بودن فراوان کدهای آماده آن می باشد که کار طراحان وب را خیلی راحت میکند.