طراحی وب سایت یك شركت تولید تجهیزات آزمایشگاهی

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

  مقدمه

در گذشته‌ای نه چندان دور شركتها و مؤسسات تجاری، فرهنگی، … و یا  اشخاص حقیقی جهت معرفی خود از كاتالوگها یا كتابچه‌هایی استفاده می‌كردند كه با فواصل زمانی نسبتاً طولانی، معمولاً یك ساله، با تغییرات جدید چاپ می‌شدند. سایر اشخاص یا مؤسسات برای برقراری ارتباط با شخص یا مؤسسه مورد نظر از طریق آدرس پستی یا شماره تلفن یا فاكس ذكر شده در كتابچه اقدام می‌نمودند.

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

برخی از برتری‌های وب سایت اختصاصی در مقایسه با روش قدیمی را می‌توان به صورت زیر خلاصه نمود:

1) دسترسی آسان و امكان جستجو:

در صورتی كه وب سایت مورد نظر در موتورهای جستجو در اینترنت ثبت شده باشد، هر كاربر اینترنت می‌تواند به آسانی با استفاده از كلمات كلیدی به آدرس اینترنتی مربوطه دسترسی پیدا كند. كلمات كلیدی معمولاً به نام یا نوع فعالیت هر موسسه یا شخص و یا آدرس جغرافیایی آن مربوط است.

2) به روز بودن اطلاعات:

در حالیكه وارد كردن تغییرات در متن كتابچه ها یا كاتالوگها معمولاً در دوره‌های یكساله انجام گرفته است، انجام این كار می‌تواند در فواصل زمانی بسیار كوتاه حتی در چند دقیقه از طریق مدیر وب سایت صورت بگیرد.

3) ارتباط سریع و آسان و كم هزینه:

هر كاربر اینترنت می‌تواند به آسانی از طریق پست الكتریكی با موسسه مورد نظر ارتباط برقرار كند و حتی این امكان وجود دارد كه ارتباط حدودی و تصویری بین دو طرف برقرار شود كه بویژه در فواصل دور از نظر هزینه در مقایسه با روشهای قبلی مانند پست یا تلفن، بسیار سریعتر و ارزانتر بوده و ارتباط كاملتری برقرار می‌گردد.

4) پردازش اطلاعات:

این امكان وجود دارد كه اطلاعات مربوط به هر مشتری به طور آن لاین (Online) دریافت گردیده و به طور خودكار در سرور پردازش شده و نتیجة آن سریعاً در اختیار مشتری قرار داده شود.

اینكه یك وب سایت تا چه اندازه بتواند مفید واقع شود به عوامل مختلفی بستگی دارد، از جمله:

-         كیفیت طراحی وب سایت

-         كارآیی سرویس دهنده (Server) ای كه صفحات وب و فایلهای مربوطه روی آن قرار داده می‌شود.

-         پهنای باند سرویس دهنده

-         سرعت و كیفیت ارتباط اینترنتی كاربر

در این میان ، كیفیت طراحی و مدیریت سایت از اهمیت خاصی برخوردار است. مدیریت سایت معمولاً بر عهده یك نفر یا یك گروه با عنوان Web master قرار دارد. مدیر سایت ممكن است جهت آماده‌سازی بخش‌های مختلف سایت، مانند طراحی‌های گرافیكی ، از متخصصان دیگر كمك بگیرد اما در مورد سایت‌های كوچك معمولاً یكنفر مسئولیت طراحی و مدیریت سایت را بعهده می‌گیرد. طراحی سایت تنها یك كار تكنیكی نیست بلكه در نظر گرفتن زیبایی و جذابیت سایت بسیار مهم است بطوریكه یك سایت كه از نظر تكنیكی بسیار قوی باشد،‌ شاید بدلیل ضعف در برقراری ارتباط روانی مناسب با كاربر، در جذب او ناتوان باشد.

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

در فصل دوم این پایان‌نامه،‌ تاریخچة اینترنت و سرویس‌های آن معرفی شده است و در فصل سوم كدهای HTML بكار رفته در طراحی صفحات مخلتف سایت و نیز نسخة چاپی سایت ارائه می‌گردد.

فهرست مطالب

عنوان مطالب                                                                 صفحه

پیشگفتار ...............................................................................................................

چكیده ...................................................................................................................

مقدمه ....................................................................................................................

فصل 1 ..................................................................................................................

1) مروری بر اینترنت وب ....................................................................................

2) اجزای تشكیل دهنده اینترنت ...........................................................................

3) Applicatio server.......................................................................................

3-1- شبكه تار عنكبوتی جهانی- وب .................................................................

3-2- شمای فیزیكی اینترنت ................................................................................

3-3- زبان علامت‌گذاری ابرمتن HTML ............................................................

3-4- كاوشگرها ...................................................................................................

3-5- پروتكلهای اینترنت .....................................................................................

3-6- آدرسهای اینترنت ........................................................................................

3-7- وب دینامیك ...............................................................................................

فصل 2 ..................................................................................................................

1- HTML چیست؟ ...........................................................................................

2- محتوای فایل HTML......................................................................................

3- ساختار یك فایل HTML ...............................................................................

3-1- برچسب HTML .......................................................................................

3-2- پاراگرافها (Paragraphs)...........................................................................

3-3- لیستها  (Lists) ..........................................................................................

3-4- توضیحات (Comments) .........................................................................

3-5- پیوندها (LINKS) .....................................................................................

4- اتصال به مستندات روی وب ...........................................................................

4-1- اتصال به مكانهای خاص در داخل مستندات ...............................................

5- تشریح بیشتر یك URL .................................................................................

5-1- انواع URL .................................................................................................

6- فرمت بندی متن با HTML ............................................................................

6-1- استیل منطقی ...............................................................................................

6-2- استیل فیزیكی .............................................................................................

6-3- تنظیم متن ...................................................................................................

6-4- فونت و اندازه فونت ...................................................................................

5-6- استفاده از تصاویر، رنگها و زمینه ................................................................

6-5-1- تصاویر در وب .......................................................................................

6-5-2- تصاویر داخلی در HTML .....................................................................

6-6- تنظیم متن و تصویر .....................................................................................

6-6-1- تنظیم فضای اطراف تصویر .....................................................................

6-6-2- استفاده از تصاویر خارجی ......................................................................

6-6-3- ایجاد جایگزین برای تصاویر ...................................................................

6-6-4- تغییر ابعاد و مقیاس تصویر .....................................................................

6-6-5- كادر تصویر Image Border ................................................................

6-6-6- پیش نمایش تصویر ................................................................................

6-6-7- استفاده از رنگ .......................................................................................

6-6-8- زمینه‌های تصویری .................................................................................

6-7- نگاشت تصویر (Image Maps) ................................................................

6-7-1- مشخصه USEMP ................................................................................

6-8- فرمها ...........................................................................................................

6-8-1- اجزای فرم در مرورگر و سرویس دهنده ................................................

7- مختصری در مورد نرم افزار فرانت پیج (Pront page) .................................

فصل سوم .............................................................................................................

1- نكات تجربی برای ارتقاء كیفیت طراحی وب سایت .......................................

2- كدهای HTML صفحات سایت .....................................................................

ضمیمه ..................................................................................................................

Source cod .......................................................................................................

منابع مورد استفاده .................................................................................................