فایلساز

فروشگاه فایلساز ، فروش فایل ارزان , فروش ارزان فایل, پروژه, پایان نامه, مقاله و ...

فایلساز

فروشگاه فایلساز ، فروش فایل ارزان , فروش ارزان فایل, پروژه, پایان نامه, مقاله و ...

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

مقاله بررسی طراحی وب سایت یک شرکت تولید تجهیزات آزمایشگاهی در 95 صفحه ورد قابل ویرایش
دسته بندی کامپیوتر و IT
فرمت فایل doc
حجم فایل 51 کیلو بایت
تعداد صفحات فایل 95
مقاله بررسی طراحی وب سایت یک شرکت تولید تجهیزات آزمایشگاهی

فروشنده فایل

کد کاربری 6017

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


فهرست مطالب

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

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

چکیده ..........................................................................................................................................................

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

فصل 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 ..........................................................................................................................................

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




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





مقدمه

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


فصل اول


1- مروری بر اینترنت و وب:‌

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

وزارت دفاع می‌خواست شبکه‌ای بسازد که خودش را تحت شرایط سخت‌ و ناسازگار نگهداری کند. (شبکه دو یا چند کامپیوتر است که به یکدیگر متصل می‌شوند و با یک زبان صحبت می‌کنند، ایده اصلی، ساختن شبکه‌ای بود که قادر باشد اطلاعات نظامی و دولتی را منتقل کند. پروژه در سال 1968 آ‎غاز شد و سالها ادامه داشت و بعد از این که به طور رسمی اعلام شد که کامل شده‌ است، با موفقیت متوقف شد. از آن موقع تکنولوژی متصل ساختن مطمئن و اقتصادی کامپیوترها توسعه یافته است و امروز روح آرپانت ستون فقرات اینترنت را شکل می‌دهد.

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

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

پس می‌توان گفت که اینترنت مجموعه‌ای از شبکه‌هاست که خود این شبکه‌ها به هم متصل می‌باشند. شبکه‌ها با یکدیگر از طریق پروتکلی به نام TCP/IP ارتباط برقرار می‌کنند. که این خود یکی از وجوه مشترک بین اینترنت می‌باشد.

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




End


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

اگر چه استفاده از برچسبهای متن داخل آنها را بزرگتر و مشخص‌تر نشان می‌دهد ولی برای درشت‌نمایی نوشته‌ها از استفاده نکنید. چون از یک طرف نوع برخورد همه مرورگرها با تیترها یکسان نیست و از طرف دیگر ابزارهای ایجاد جداول شاخص صفحات وب که از تیترهای صفحه بعنوان مرجعی برای پیدا کردن صفحه استفاده می‌کنند، ممکن است دچار سردرگمی شوند.
3-2- پاراگرافها (Paragraphs)

در اولین نسخه HTML پاراگرافها فقط با برچسب

و بدون استفاده از

تعریف می‌شدند و برچسب

در انتهای پاراگراف برای نشان دادن انتهای آن استفاده می‌شد. مرورگرهای وب با دیدن برچسب

یک خط جدید با چند فضای خالی ایجاد می‌کند و بقیه متن را ادامه می‌دهند. ولی در نسخه‌های جدید HTML پاراگرافها با برچسبهای

و

تعریف می‌شود. آوردن

در شروع پاراگراف الزامی است وی برچسب

در آخر پاراگراف اختیاری است.

از برچسب

علاوه بر مشخص کردن پاراگراف می‌توان برای تنظیم پاراگراف (چپ، وسط و راست)و رنگ آن استفاده کرد.
3-3- لیستها (Lists)

یکی دیگر از عناصر متداول HTML لیستها هستند، HTML پنج نوع لیست متفاوت ایجاد می کند:

- لیستهای عددی یا ترتیبی که با اعداد شروع می‌شوند.

- لیستهای نمادی یاغیرترتیبی که با نمادها شروع می‌شوند.

- لیستهای فهرستی که هم آیتم دارای عبارتهای جداگانه است.

- لیستهای منویی برای عبارتهای یک خطی

- لیستهای دایرکتوری برای عبارتهای کوتاه که می‌توانند بصورت عمودی یا افقی لیست شوند.
برچسبهای لیست

همه برچسب‌های لیست دارای عناصر مشترک زیر هستند:

تمام لیستها در داخل برچسب شروع و پایان مربوطه قرار می‌گیرد. برای مثال:

(

,,,./UI. ….)

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

Dantes Divine Comedy Con of Three books:





  • The informo

  • The pargatorio


لیستهای عددی

لیستهای عددی با برچسبهای ،‌‌
    )
      مخفف Ordered List) تعریف می‌شوند و هر آیتم این لیست با برچسب
    1. شروع می‌شود.

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

    مثال:

    for The best Mango chutnoy





    1. Go to the store

    2. Buy some mango chutnoy

    3. Open The bottle

    4. Server



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

    برای این امر از دستور TYPE استفاده می‌شود که می‌تواند پنج مقدار زیر را بپذیرد:

    “1” تعیین می‌کند که شماره لیست از چه عددی شروع شود. (که می‌تواند 1,2,3 و یا هر عددی باشد).
    5-1- انواع URL
    1- HTTP

    یک HTTP URL متداولترین URL در www است. (HyperText Transfer Protocol)HTTP پروتکلی است که سرویس دهنده‌های www برای فرستادن فایلهای HTML از آن استفاده می‌کنند. فرمت HTTP URL بصورت زیر است:

    http://www.foo.com/home/foo/

    اگر URL با “/” تمام شود آخرین قسمت بعنوان نام دایرکتوری محسوب می‌شود، شما می‌توانید نا مفایل را نیز در URL ذکر کنید:

    http://www.foo.com/home/foo/index.html
    2- FTP بدون نام (Anony mouse FTP)

    این نوع FTP URL برای دریافت فایل از سرویس دهنده‌های FTP- معمولاً سرویس دهنده‌های FTP بدون نام – استفاده می‌کنند، بدین ترتیب که شما بدون اینکه رمز عبور و آدرس پست الکترونیکی را وارد کنید به این سرویس دهنده متصل می‌شوید و از اطلاعات آنها استفاده می‌کنید.

    FTP URL از فرم استفاندارد URL پیروی می‌کند:

    ftp://ftp.foo.com/home/foo/

    ftp://ftp.foo.com/home/foo/homepage.html

    URL اول تمام فایلهای روی دایرکتوری foo را بازیابی می‌کند و URL دوم فقط فایل homepage.html را بازیابی می‌کند.

    نکته: پیمایش سرویس دهنده‌های FTP با استفاده از مرورگرهای وب می‌تواند کندتر از پیمایش آنها با استفاده از خود FTP باشد چون مرورگرها ارتباط را باز نگه نمی دارند، در عوض ارتباط را برقرار می‌کنند، فایل یا دایرکتوری را پیدا می‌کنند،‌ لیستها را نمایش می‌دهند و سپس ارتباط را قطع می‌کنند. اگر شما یک اتصال به یک فایل یا دایرکتوری دیگر در این لیست را انتخاب کنید، مرور گر یک URL FTP جدید از آیتم‌هایی که شما انتخاب کرده‌اید می‌سازد و ارتباط FTP را با URL FTP جدید برقرار می‌کند، فایل یا دایرکتوری را پیدا می‌کند و این کار مرتباً تکرار می‌شود.
    3- FTP با نام (Non – Anonymous FTP)

    فرمت این نوع FTPها بصورت زیر است:‌

    fttp://username:password @ ftp. Foo. Com/ home/ foo/homopage.html

    که username شناسه ورود و Password رمز عبور کاربر به سرویس دهنده است. توجه داشته باشید که رمز عبور در این URL بصورت کاراکتر نامشخص (*) ظاهر نمی‌شود بنابراین مراقب باشید این نوع‌ها را در جایی قرار ندهید که توسط سایر افراد قابل رویت باشد.
    4- File

    URL فایل برای رجوع به فایلهای روی دیسک محلی (و نه در وب) بکار می‌روند. برای فایلهای محلی URL به دو صورت تعریف می‌شود:

    بدون نام میزبان

    با نام میزبان

    File://dir1/dir2 file

    File://localhost/dir/dir2/file

    URL فایل شباهت زیادی به FTP URL دارد، اگر قسمت نام میزبان File URL خالی نباشد مرورگر برای پیدا کردن فایل داده شده از FTP استفاده می‌کند. بهترین استفاده ار File URL برای تعیین صفحه شروع مرورگر (صفحه خانگی) است. مشکل File URL این است که چون به فایلهای محلی روی کامپیوتر که مرورگر روی آن نصب شده است رجوع می‌کند، ‌اگر کسی در جای دیگری از شبکه وب شما را باز کند، مرورگر آن شخص را،‌ برای برقراری پیوندها به فایلهای محلی آن مراجعه می‌کند و چون فایلها روی دیسک آن نیست، نمی تواند پیوندها را ایجاد کند.
    5- Mailto

    Mailto URL برای ارسال پست الکترونیکی (E-maik) استفاده می‌‌شود. اگر مرورگر Mailto را پشتیبانی کند هنگام انتخاب یک پیوند Malto ، مرورگر یک پنجره باز می‌کند و موضع و محتوای پست الکترونیکی را می‌خواهد و سپس یک نامه الکترونیکی به آدرس مشخص شده فرستاده می‌شود.

    Mailto URL با URL های استاندارد متفاوت است:

    Mailto: inrernet-e-mail-address

    مثال:‌

    Mailto : lemay@lne,com





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

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

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

    تعریف نگاشت تصویر در مستند HTML با برچسب امکانپذیر است:

    Corrdinates and links

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



    مشخصه SHAPE نوع ناحیه نگاشت را تعریف می‌کند و می‌تواند مقادیر RECT (مستطیل)، POLY (چند ضلعی) ، CIRCLE (دایره) را بپذیرد. مثالهای زیر کاربرد این مقادیر را بوضوح نشان می‌دهد.

    در مشخصه مختصات ناحیه نگاشت تعیین می‌شود:

    ناحیه نگاشت مستطیلی



    که در آن مختصات گوشه بالا و گوشه پایین مستطیل است.



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



    که در آن x1,x2….xn,yn مختصات لبه‌های چند ضلعی را مشخص می‌کنند. مشخصه HREF مقصد پیوند را با استفاده از URL یا نام فایل تعریف می‌کند. در برچسب می‌توان از مشخصه TARGET نیز استفاده کرد تا صفحه تعریف شده درنگاشت تصویر در پنجره ای که در TARGET تعیین شده فعال شود.
    6-7-1- مشخصه USEMP

    بعد از تعریف مختصات نگاشت و مقصد آن، برای قرار دادن تصویر اصلی در مستند HTML از برچسب USEMP در برچسب استفاده می‌شود:

    < IMG SRC=”imag.gif”USEMP = “#mapname”>

    در مشخصه USEMP نام نگاشت که قبلا در برچسب توسط مشخصه NAME تعریف شده قرار می‌گیرد.
    تعریف نگاشت تصویر:





    تعریف نگاشت تصویر برای تصویر اصلی:

    < IMG SRC=”image.gif” USEMAP = “#books”>
    6-8- فرمها

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

    فرمها این امکان را در اختیار خوانندگان می‌گذارد و برخلاف سایر آیتمهای HTML این آیتم توسط همه مرورگرها اهم از متن و گرافیکی آن را پشتیبانی می‌کنند. عناوین فصل عبارتند از:


طراحی وب سایت (ASP)

امروزه وب به عنوان یک واقعیت انکارناپذیر سایه خود را در تمامی زندگی اجتماعی، اقتصادی و بشریت انداخته و دارای رشد بسیار سریع در زمینه بکارگیری تکنولوژی‌های جدید است
دسته بندی برنامه نویسی
فرمت فایل doc
حجم فایل 49 کیلو بایت
تعداد صفحات فایل 74
طراحی وب سایت (ASP)

فروشنده فایل

کد کاربری 1024

طراحی وب سایت (ASP)


مقدمه

برای شروع به چه چیزی نیاز است؟

استفاده از ASP بدون بکارگیری IIS یا PWS :

ASP چیست؟

چگونه می‌توان یک فایل ASP را روی کامپیوتر شخصی اجرا کرد؟

نحوه نصب PWS و اجرای فایل‌های ASP روی Win 98

NT Server 4.0 چیست؟

نیازهای سخت‌افزاری

نرم‌افزارها و ابزارهای لازم:

فصل اول

مروری بر ASP

فصل دوم

شی‌ها در ASP

فصل سوم

نوشتن اسکریپت‌های ساده

مقدمه

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

همزمان با این رشد اعجازگونه وب‌ سایتها از حالت اولیه خود که کوچک و عمدتا ایستا بودند خارج شده و به سمت حجیم شدن و پویایی حرکت کردند.

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

در این مسیر تکنولوژی‌های متعددی نظیر تکنولوژی Dynamic Scripting مانند ASP بوجود آمد تا طراحان را جهت طراحی یک وب سایت پویا یاری کند. استفاده از مزایای کلاس‌های Vb script، استفاده از متدها و نمونه‌هایی از این تدابیر جهت طراحی صفحات ASP ماجولار با قابلیت استفاده مجدد Reusable است.

شرکت ماکروسافت در سال 1996 تکنولوژی‌ (Active Server page) را معرفی نمود. تکنولوژی‌ فوق اولین بار به همراه سرویس دهندة اطلاعاتی اینترنت
(IIS: Internet Information server) نسخة 3.0 ارائه شد. با بکارگیری تکنولوژی‌ فوق امکان طراحی و پیاده‌سازی نرم‌افزارهای بزرگ و بانک‌‌های اطلاعاتی به همراه صفحات وب فراهم شد، هسته اولیه ASP زبان Vbscript است. صفحات ASP همراه کدهای نوشته شده توسط زبان فوق ایجاد می‌شود. Vbscript به عنوان زبان استاندارد برای پیاده‌سازی صفحات ASP در نظر گرفته شده است. بنا به اظهارات شرکت مایکروسافت در ماه مه سال 2000، قریب به 800000 نفر در این زمینه فعالیت داشتند و به طراحی صفحات وب با بهره‌گیری از تکنولوژی‌ فوق مشغول بودند. آمار فوق نشان دهنده سرعت رشد تصاعدی و استقبال عموم از تکنولوژی‌ فوق در سطح جهان دارد. قریب به 500 شرکت کامپیوتری در سطح جهان بصورت کاملا تخصصی صرفا به تولید قطعات و اجزای متفاوت بصورت گیت‌های آماده نرم‌افزاری به کمک ASP فعالیت داشته و محصولات آنها در وب سایت‌های متعدد عرضه می‌شود.

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

برای شروع به چه چیزی نیاز است؟

جهت استفاده کامل از توانایی‌های ASP، می‌بایست سیستم عامل ویندوز NT 4.0 را به همراه IIS 4.0 استفاده کرد. از ویندوز Server 2000 همراه IIS 5.0 نیز می‌توان بهره برد. جهت استفاده از ASP روی کامپیوترهایی که بر روی آنها ویندوز 98 یا 95 نصب شده می‌توان سرویس دهندة شخصی وب یا (PWS: Personel Web Server ) را روی کامپیوتر نصب کرد.

Microsoft Internet Information Server 2.0

Windows NT Server 4.0 با سرویس دهندة وب، سرویس دهندة FTP و حتی سرویس دهنده گوفر کامل می‌شود. تمام سرویسهای عمده اینترنت به سادگی از طریق این سرویس نصب می‌شوند فقط از برنامه کاربردی Network control panel برای افزودن Microsoft Internet Information Server 2.0 استفاده کنید و قادر خواهید بود که حضور وب جهانی را احساس کنید.

استفاده از ASP بدون بکارگیری IIS یا PWS :

به دلیل اینکه سرویس دهندگان وب تنها بر روی محصولات ویندوز شرکت مایکروسافت اجرا می‌گردند. شما ممکن است فکر کنید که برای استفاده از صفحات ASP حتما باید از IIS یا PWS روی سرویس دهنده وب خود استفاده نمایید. این درست نیست. زیرا که شرکت‌های زیادی نرم‌افزارهایی را ایجاد کرده‌اند که به شما اجازه می‌دهند صفحات ASP را روی سرویس دهنده‌های متنوع و کامپیوترهای مختلف ایجاد نمایید.

یکی از محصولات Holycon Softwares In stant ASP است که به صورت مخفف ASP می‌گویند. یکی دیگر از این محصولات توسط شرکت Chili !soft ایجاد Chili! ASP نامیده می‌شود این محصولات می توانند روی سرویس‌دهنده‌هایی که IIS ندارند اجرا شوند به علاوه محصولات زیر:

Jave Web Server . . Sun Web Server . Apache . Net scape Eterprise server

این محصولات روی کامپیوترهای زیر نیز می‌توانند نصب شوند.

IBM / AIX Apple Mac os Sun Solaris Linux

ASP چیست؟

ASP مخفف کلمات Active server page است. ASP برنامه‌ای است که به کمک IIS اجرا می‌شود. IIS یکی از عناصری است که همراه ویندوز 2000 آورده شده. IIS یکی از اجزای Win NT 4.0 option pack نیز می‌باشد.

PWS یک نسخة خاص و کوچکتر از برنامة IIS است. PWS را می توان از روی CD حاوی ویندوز 98 نصب کرد.

چگونه می‌توان یک فایل ASP را روی کامپیوتر شخصی اجرا کرد؟

با نصب یکی از نرم‌افزارهای PWS و یا IIS (با توجه به سیستم عامل نصب شده) بدون نیاز به یک سرویس دهنده کمکی دیگر.

نحوه نصب PWS و اجرای فایل‌های ASP روی Win 98

مرحله اول: برنامة Setupexe را از مسیر Add ons \ PWS \ موجود در CD حاوی Win 98 اجرا کنید.

مرحله دوم: یک فولدر به برنامه Inetpub روی هارد ایجاد و در آن یک فولدر به نام Wwwroot بسازید.

مرحله سوم: یک فولدر جدید با نام دلخواه مثل My web در فولدر Wwwroot بسازید.

مرحله چهارم: با استفاده از یک ادیتور مبتنی مثل Notepad کدهای دلخواه Asp خود را تایپ کرده و فایل فوق را با نام دلخواه Test . asp ولی با انشعاب Asp در فولدر My web ذخیره کنید.

مرحله پنجم: اطمینان داشته باشید که PWS در حالت اجرا است.

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

http: // local host / My Web / Test . asp

NT Server 4.0 چیست؟

همه چیز از سال 1992 با نشر نگارش 1/3 Windows Advanced Server آغاز شد در ابتدا موفقیت Windows NT 4.0 سرویس دهندة برنامة کاربردی بود که به عنوان سیستمی برای برنامه‌های کاربردی مبتنی بر سرویس دهندة مایکروسافت مانند
SQI Server، در داخل ناول یا سایر سیستمهای عامل شبکه موجود استفاده می‌شد NT 4.0 در بسیاری از شبکه های محلی شرکتها که قبلا دقیق مایکروسافت را به عنوان استانداردی برای محصولات رومیزی انتخاب کرده بودند جای پای محکمی پیدا کرد و به عنوان سیستمی مفید برای برنامه‌های کاربردی Back office مایکروسافت مطرح شد. این جای پای محکم با معرفی Windows NT Server 3.5 در سال 1993 به راه‌حل کامل و قدرتمندی برای سیستم عالم شبکه تبدیل گردید.

NT Server برخلاف سایر سرویس دهنده‌های سیستم، ایستگاه کاری نیز می‌باشد. NT 4.0 رابط کاربر تقریبا با رابط کاربر ویندوز 95 و برنامه‌های رومیزی معمولی مانند Word، Excel و هزاران برنامه کاربردی دیگر ویندوز دارد که به خوبی بر روی NT Server 4.0 اجرا می‌شوند. اما، در زیر این رابط سادة میز کار، ابزارهای پیچیدة مدیریت و سرپرستی شبکه و سیستم عامل شبکة قدرتمندی با پشتیبانی چندین پروتکل و سیستم می‌باشد این رابط آشنا و ساده یکی از جذاب‌ترین ویژگیهای NT Server 4.0 و همچنین مشکلی عمده برای سرپرستان مبتدی می‌باشد. نصب NT 4.0 ساده است. NT 4.0 رابط ساده‌ای دارد که با سبک اشاره و کلیک عملیات ابتدایی را فورا برای افراد آشنا با ویندوز (که هم اکنون با 100 میلیون نسخة فروش تقریبا برای همه آشنا می‌باشد) قابل درک و دسترسی می‌سازد.

نیازهای سخت‌افزاری

حداقل نیازهای سخت‌افزاری برای IIS به صورت زیر است:

CPU: 486 / 33 یا بالاتر

حافظه: 16 مگا بایت برای سرویس دهنده NT و 12 مگا بایت برای ایستگاه کاری NT .

فضای دیسک: 125 مگا بایت برای سرویس دهندة NT و 110 مگا بایت برای ایستگاه کاری NT .

صفحه نمایش: VGA یا بالاتر.

CD – ROM .

دیسکت گردان فلاپی ظرفیت بالا.

نرم‌افزارها و ابزارهای لازم:

نرم‌افزارها و زبانهای برنامه‌نویسی که در این پروژه استفاده شده‌اند به شرح زیر می‌باشد:

- زبان‌های HTML و ASP و VBScript

- پایگاه داده‌ Access

- سیستم عامل ویندوز XP و وب سرور IIS


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

امروزه اغلب شرکتها و موسسات و حتی اشخاص حقیقی جهت معرفی خود در اینترنت اقدام به راه‌اندازی وب سایت اختصاصی می‌کنند
دسته بندی برنامه نویسی
فرمت فایل doc
حجم فایل 65 کیلو بایت
تعداد صفحات فایل 101
طراحی وب سایت یک شرکت تولید تجهیزات آزمایشگاهی

فروشنده فایل

کد کاربری 1024

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

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

مقدمه

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

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

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

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 .......................................................................................................

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