نقاط ضعف و قوت صفحات وب

  • ثبت در موتورهای جستجو گر

  • قوانین جدید در HTML

  • کلید تایید فارسی

  • ریزه کاریهای HTML

  • FRAME

  • نکته‌ای درمورد اینترنت

  • نکته‌ای در مورد طراحی

  • نکته‌ای در مورد پویایی

  • نکته‌ای در مورد صوت

ثبت در موتورهای جستجو گر
بسیاری ازطراحان وب یکی از مهمترین مراحل نشر یک سایت را فراهم کردن روشی به منظور یافتن آن در سایتهای مخصوص جستجو در اینترنت می‌دانند.
اگر میخواهید سایت خود را تنها بر روی یک کامپیوتر منفرد و یا یک شبکه محلی قرار دهید, و یا اگر قصد دارید که آنرا بر روی یک دیسکت یا cd و یا توسط Email برای اشخاص ارسال کنید نگرانی از مخاطبین واقعی سایت می‌تواند به یک دغدغه ذهنی جدی تبدیل شود.
بطور کلی باید دانست که کاربر از سه طریق ممکن است به سایت شما هدایت شوند
آدرس سایت شما از طریق یکی از دوستان خود, و یا از روی کارت ویزیت یا بروشورهای تبلیغاتی شما بدست آورده و مستقیما در مرورگر وارد کنند. پیوندی را که در سایت دیگری قرار دارد کلیک کرده و از طریق ان به سایت شما هدایت شوند.
به جستجوی موضوع خاصی در یکی از سایتهای جستجو مانند:Yahoo یا HotBot پرداخته و سایت شما را بیابند.
دو راه اول,به استرنژی در بازاریابی تبلیغاتی مربوط می‌شود و در اینجا قصد پرداختن به آنها را نداریم.چیزی که در این قسمت به بحث در مورد آن خواهیم پرداخت سومین مورد از سه راه مذکور است.بسیاری از افراد برای جستجو سایتهای مورد نظر خود از شش سایت اصلی جستجو در اینترنت استفاده می‌کنند.
این شش سایت عبارتند از: Lycos,Go Excite,HotBot, Altavista,Yaho به احتمال زیاد شما نیز تاکنون جستجو در این سایتها را تجربه کرده اید.
بعضی از این سایتها مانند:Yahooبه کیفیت اطلاعات بیشتر اهمیت می‌دهند و لذا از نیروی انسانی برای بررسی لیستها ی خود بهره می‌گیرند بعضی دیگر همانند HootBoot کمیت اطلاعات را ترجیح داده و بطور عمده به نرم افزارهایی بنام روبوت یا اسپایدر برای جستجو در اینترنت ویافتن صفحات جدید متکی هستند.
روبوت یا اسپایدر, یک برنامه کامپیوتر اتوماتیک است که بطور مداوم وبی وقفه به بررسی صفحات وب در اینترنت پرداخته و یک بانک اطلاعاتی شامل محتویاتات تمامی صفحاتی که مرورگر کرده ایجاد می نماید. هنگامی که کاربران به جستجوی صفحات اطلاعات مورد نظر در این سایتها می پردارند, یک برنامه کامپیوتر ی دیگر بنام موتور جستجوگر در خواست آنها را دریافت کرده و کلمه یا کلماتی را که آنها وارد کرده اند با بانکهای اطلاعاتی خود تطبیق می‌دهند. سپس نتیجه این جستجو را در قالب لیستی برای کاربر باز می فرستد. گاه برای توصیف موتورهای جستجوگری که بانکهای اطلاعاتی آنها توسط نیروی انسانی تکمیل می‌شود , از اصطلاح دایرکتوری اینترنت استفاده می‌کنند. اگر می خواهید کاربران بتوانند سایت شما را در این شش موتور جستجوگر بیابند ,در خواستی برای هر یک از آنها ارسال کنید. هر یک از این سایتها فرم مخصوص دارند که بایدآدرس سایت را در آن وارد کرده و ارسال نمایید. پر کردن این فرمها کاملا ساده است و به راحتی می‌توان دزرزمانی کمتر ار نیم ساعت فرم هر شش سایت جستجو را تکمیل نمود.

واضح است که مهترین کاری که می‌توانیم برای بالا بردن موقعیت خود در لیست نتایج موتورهای جستجوگر انجام دهید ، دقت در انجام کلمات کلیدی است که به احتمال بیشتری کاربران بالقوه سایت شما در هنگام جستجو وارد می‌کنندهرگز صفحه خود را به یک کلمه کلیدی محدود نکنید زیرا لیست نتایجی که در اثر جستجوی یک کلمه در یک موتور جستجوگر تولید می‌شود چنان طولانی است که رقابت بر سر کسب موقعیت های بالای آن فوق العاده مشکل است . در عوض سعی کنید ترکیبی از کلماتی را بیابید که تا حد ممکن ارتباط بیشتری به صفحه شما دارند.مطمئن شوید که این کلمات رادرقسمت <title> صفحه ونیزدر اولین سر فصل و پاراگراف آن گنجانده اید . همچنین استفاده از دستورات <meta> را فراموش نکنید . بسیاری از افراداین دستور را یک دستور بی فایده می‌دانند و آن را در اسناد خود به کارنمی برند دستور<meta> یک دستور چند منظوره است که در قسمت سند HTMLداده نمی‌شوند کمک این دستو می‌توان توضیحی کوتاه و نیز تعدادی کلمه کلیدی را برای صفحه خود تعریف کنید . این اطلاعات توسط اکثرموتورهای جستجوگر مورد استفاده قرار می‌گیرند

برای مثال در زیر از دو دستور <meta> برای تعریف یک توضیح و چند کلمه کلیدی استفاده کرده ایم :

<meta name="keywords" content="web design , web , design">

<meta name="description" content="professional web design ">

موتور جستوجو گر می‌تواند سایت شما را بیابند از ویژگیname=”keywords” در کنار دستور</meta> استفاده کنید.

قوانین جدید در HTML :

  1. تمام دستورات و ویژگیها باید با حروف کوچک نوشته شوند.

    مثال:
    <form name=”myform”>
  2. ترتیب دستورات تودرتو باید رعایت شوند.
  3. استفاده از دستورات پایانی الزامی است.
  4. دستوراتی که متنی را احاطه نمی‌کنند نیز باید بسته شوند.
  5. مقدار تمام ویژگیها باید در بین علامتهای گیومه قرار داده شوند. مثال:
    <img src =”image.gif” width=”200″ height=”200″ border=”0″>
  6. تمام ویژگیها باید مقدار داشته باشند. مثال:
    <“ul compact =”compact>
  7. کاراکترهای فاصله اضافی حذف می‌شوند. مثال:
    <img src=” myimage “> = <img src=”myimage>
  8. برای مشخص کردن اشیاء از ویژگی ID استفاده می‌شود. مثال:
    <img name =”image1″ id=”images” src=”myimage.gif>

کلید تایید فارسی :

برای ارسال (submit) یک فرم یا پرسشنامه می‌توانید input مربوط به کلید را از نوع Image بگیرید:

<input type=”image” src =”image file name”>

زمان استفاده از پرسشنامه‌ها در صفحات WEB موقعیتهای زیادی پیش می اید شما میخواهید یک پرسشنامه را اصطلاحا˝ submit کنید. در صورتی که صفحه را به صورت فارسی طراحی کرده باشید، مجبور میشوید چون کلیدهای استاندارد HTMLاز فونت سیستمی برای نمایش عبارات برروی کلید استفاده می‌کنند، فارسی کردن انها کارساده‌ای نیست (مگر اینکه فونت سیستم خود را فارسی کنید که با توجه به اینکه برنامه‌های ویندوز وخود ویندوز از این نوع فونت استفاده زیادی می‌کنند ، این کار به گونه‌ای غیر حرفه‌ای به حساب می اید). برای این مساله یک راه حل وجود دارد. می‌توانید به جای کلید submit استاندارد،از کلیدی از نوع image استفاده نمایید. به این ترتیب کافی است تا تصویری که در قسمت SRC معرفی میکنید،شبیه یک کلید باشد که روی ان فارسی نوشته شده است.لازم به ذکر است که کلیه مشخصات مربوط به image (از جمله: Width‚Height) در اینجا کار می‌کنند.

در صورتیکه بنا به دلایلی نمی خواهید از تصویر استفاده کنید از فونت Tahoma که فونت فارسی را در اندازه کوچک خوانا نشان می دهد نیز می توان استفاده کرد. یعنی می توان برای دکمه ارسال یک style تعریف کرده و مشخصات مورد نظر خود از جمله اندازه و نوع فونت را به آن نسبت داد.

ریزه کاریهای HTML

نکات مهم در طراحی صفحات:


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

  • وقتی صفحه‌ای را در یک مد تصویری ,مثلا حالت ۶۰۰×۸۰۰ طراحی می کنید , بدانید که ممکن است کاربران زیادی این صفحه را در حالت

۴۸۰ ×۶۴۰ مشا هده کنند و برعکس .اگر صفحه را در حالت ۴۸۰×۶۴۰ طراحی میکنید , سعی کنید کل صفحه را درون یک جدول را وسط صفحه ببیندازید تا در کلیه حالات صفحه شما شکل اصلی خود را از دست ندهد .


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



  • در طراحی صفحات از اصول ترکیب رنگ ها بهره بگیرید . هیچ نیازی نیست که صفحه خود را با تصاویر بزرگ وحجیم پرکنید . همیشه این نکته رادر نظر داشته باشید که صفحات شما بیشتر اوقات قرار است از طریق مودم منتقل شوند. اگر زمان انتقال تصاویر صفحه زیاد شود,به احتمال زیاد کاربرحوصله مشاهده صفحه را از دست می‌دهد و برای فرار از این موقعیت تنهاکافیست دکمه Back را فشار دهد.

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

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


  • این نکته را در نظر داشته باشید که افراد زیادی صفحات شما را مشاهده خواهند کرد , پس هر چه زمان بیشتری برای طراحی صفحه صرف کنید,بینندگان را بیشتر جذب خواهید کرد.

  • زیبایی صفحات معمولا در جز ئیات انها قرار دارد . صفحه‌ای داشته باشید که همه قسمتهای ان فعال باشند. سعی کنید گاهی کاربران را غافلگیر کنید.

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

  • . یک قانون در طراحی سایت های وب وجود دارد که به قانون ((سه حرکتی)) معروف است .

رسیدن به اطلاعات حداکثر باید با سه حرکت و یا سه کلیک روی پیوند ها عملی شود.


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

  • سعی کنید در بیشتر صفحات خود , یک پیوند به صفحات اولیه سایت داشته باشید . وقتی خود شما درون یک سایت گم می شوید , چه حالی دارید؟

  • حتی المقدور در جاهایی که از تصاویر استفاده می‌شود, سعی کنید در زیر عکس توضیحی راجع به ان بدهید تا اگر صفحه شما با مرورگرهای متنی مشاهده شده , ان صفحه همچنان کاربردی باشد .

این نکته هنگامی که از قابلیتهای اضافی web مثل Java و Activex استفاده می کنید مهم تر است . بسیاری از مرورگرها این قابلیتها را پشتیبانی نمی‌کنند.


  • در سایت خود قسمتی برای نظر خواهی داشته باشید تا بتوانید نظریات کاربران واقعی خود را بدانید و به انها ترتیب اثر دهید .

  • همیشه تصمیم گیرنده نهایی شما ( به عنوان طراح صفحات ) هستید. در صورتی که بعد از طراحی صفحه از ان راضی هستید بدانید که بهترین


صفحه را طراحی کرده اید. همیشه باید به یاد داشته باشیم که (ساده زیباست)

  • برای هر صفحه که طراحی می کنید , حتما عنوان ) TITLE) قرار دهید . عنوان یک صفحه هویت ان را تعیین می‌کند.

Frame:

توضیحات: اگر در صفحات خود از Frame استفاده کرده اید و در صفحه جاری Link دارید که می خواهید نتیجه ان در کل صفحه به نمایش در اید ( نه در frame) می‌توانید در Tag مربوط به لینک بعد از عبارت Href بنویسید:Target=- TOP

<a href =" http://www.yahoo.com" target = – TOP>Link</a>

نکته‌ای درمورد اینترنت:
در رستوران غذا سفارش می دهید در حالی که دراینتر نت به نرم افزاری نیازدارید که این کار را انجام دهد . مجددا به مثال رستوران بر می گردیم . فرض کنید به رستوران چینی رفتید که لیست غذای ان به زبان چینی نوشته شده و گارسون به زبان انگلیسی صحبت نمی‌کند. چه کار می کنید ؟ یا باید انجا را ترک کنید و یا باید مترجم در خواست کنید منظور شما رامی فهمد و به گارسون سفارش می‌دهد . چون می دانید که به زبان ” اینترنت” صحبت نمی کنید ( زبان صفرها و یکهایی را که به صورت بسته ارسال می‌شوند نمی دانید ) به مفسر نیاز دارید(مفسر اینترنت؟) تا به شما کمک کند . این همان نرم افزار مشتری است.

نکته‌ای در مورد طراحی:
برای طراحی صفحات وب لازم نیست به اینترنت وصل شوید . وصل بودن به اینترنت را حالت Online گویند . در حالت offline , یعنی در حالتی که به اینترنت وصل نیستید می‌توانیدصفحات وب خود را طراحی کنید . فقط برای انتشار صفحات طراحی شده لازم است که در حالت Online باشید . بنابراین حتی اگر اینترنت هم نداشته باشید باز هم می‌توانید صفحات وب خود راطراحی کنید.

نکته‌ای در مورد پویایی:
همان طور استفاده از گل و گیاهان باعث افزایش چی در محیط اطراف ما می‌شود، استفاده از تصاویر پویا نیز باعث به راه افتادن چی مثبت در صفحات وب می‌شود. البته این بدان معنی نیست که تمام صفحه را مملو از تصاویر GIF کنید که یک حلقه را مدام تکرار می‌کنند! بلکه باید با توجه به صفحه و در جای مناسب از تصاویر مناسب بهره گیرید. همچنین صفحاتی که دارای ارتباط متقابل با بازدیدکننده‌ها هستند، نسبت به صفحاتی که صرفن نمایش دهندهٔ اطلاعات هستند، دارای چی مثبت بیشتری هستند. برای این کار می‌توانید از Ajax و فلش در صفحات خود استفاده کنید که حس خوشایند تری را به کاربران القا می‌کنند.

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

منبع: http://fa.wikipedia.org