فایل بای | FileBuy

مرجع خرید و دانلود گزارش کار آموزی ، گزارشکار آزمایشگاه ، مقاله ، تحقیق ، پروژه و پایان نامه های کلیه رشته های دانشگاهی

فایل بای | FileBuy

مرجع خرید و دانلود گزارش کار آموزی ، گزارشکار آزمایشگاه ، مقاله ، تحقیق ، پروژه و پایان نامه های کلیه رشته های دانشگاهی

طراحی وب سایت املاک متن

وب، اینترنت، سایت و کمتر کسی است که امروزه با این لغات آشنا نباشد یا حداقل آنها را نشنیده باشد، مفاهیمی که تا چندی پیش تنها برای افراد محدودی جا افتاده و با معنا بود اینترنت روز به روز در حال گسترش است و گویی وب، تارهای عنکبوتیش را به همه جای این هستی گسترانده است، اگر چه به کشور ما کمی دیر رو آورده ولی اینجا هم بسرعت در جاده توسعه قدم بر می دارد
دسته بندی برنامه نویسی
فرمت فایل doc
حجم فایل 1280 کیلو بایت
تعداد صفحات فایل 29
طراحی وب سایت املاک متن

فروشنده فایل

کد کاربری 8044

مقدمه

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

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

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

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

چرا علیرغم گسترش ارتباطات جهانی که بواسطه آن امروزه دهکده نامیده می شود و در دانشگاهی که حدود 10 سال در آن اینترنت تدریس می شود اینچنین مشکلاتی باید وجود داشته باشد؟

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

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

مفاهیم اولیه برنامه نویسی در دات نت ( بخش اول )

دات نت محیطی جدید بمنظور طراحی، پیاده سازی و اجرای برنامه های کامپیوتری را در اختیار طراحان و پیاده کنندگان نرم افزار قرار می دهد. با استفاده از پلات فرم فوق ، می توان بسرعت اقدام به پیاده سازی نرم افزار نمود.
برنامه های تولیده شده ، امکان استفاده از پتانسیل های محیط Common Language Runtime) CLR ) را خواهند داشت . آشنائی با مفاهیم اولیه برنامه نویسی در محیط فوق ، دارای اهمیت خاص خود بوده و سرعت در استفاده مطلوب از محیط فوق ، را بدنبال خواهد داشت . در مقالاتی که در این زمینه ارائه خواهد شد به بررسی مفاهیم اولیه برنامه نویسی محیط فوق ، خواهیم پرداخت . در این راستا ، در ابتدا با نحوه نوشتن یک برنامه آشنا و در ادامه به تشریح برخی از مفاهیم مهم در این زمینه ، خواهیم پرداخت .

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

تمامی زبانهای حمایت شده در دات نت ، از سیستم نوع یکسان ، کتابخانه کلا س فریمورک مشابه و CLR استفاده خواهند کرد . بدین ترتیب، تمامی برنامه های نوشته شده با یکی از زبانهای حمایت شده ، خصایص مشابهی را به اشتراک می گذارند. شاید مهمترین تفاوت قابل توجه در رابطه با زبان های برنامه نویسی حمایت شده در دات نت ، به گرامر هر یک از آنها برگردد . ( در مثال هائی که در این مقاله ذکر می گردد ، از ویرایشگر Notepad ،در مقابل ویژوال استودیو دات نت، استفاده شده است . مثال های ارائه شده به اندازه کافی ساده بوده تا بتوان بکمک آنان با فرآیندهای ترجمه و اجراء ، بسرعت آشنا گردید ).

نوشتن یک برنامه

برای نوشتن یک برنامه ساده در دات نت ، مراحل زیر را دنبال می نمائیم :

  • فاز اول : ایجاد برنامه
  • برنامه Notepad را فعال و پس از درج کدهای زیر آن را با نام Hello.vb ، ذخیره نمائید .

یک برنامه نمونه نوشته شده به زبان VB.NET

Imports System
Public Class MainApp
Public Shared Sub Main( )
Console.WriteLine( "Welcome to .NET Programming " )
End Sub
End Class

vbc Hello.vb

  • فاز دوم : ترجمه و ایجاد یک فایل اجرائی
  • برای اجراء برنامه ایجاد شده در مرحله قبل ، در ابتدا کمپایلر VB.NET را از طریق خط دستور و بصورت زیر فعال می نمائیم : ( دستور فوق را می توان از طریق خط دستور ویندوز و یا خط دستور موجود در ویژوال استودیو ، فعال کرد )

در ادامه و پس از ایجاد فایل اجرائی (hello.exe ) ، امکان اجرای برنامه فراهم می گردد.

استفاده از Namespace

با استفاده از VB.NET ، می توان به کلاس ها مراجعه و از آنان استفاده کرد . در مثال زیر ، یک نمونه از کلاس System.Io.FileStream ، ایجاد شده است .

Dim aFileStream As System.IO.Filestream

مراجعه به Namespace های مورد نیاز در یک برنامه روشی مناسبتر در این زمینه است . با استفاده از namespace ، ضرورتی به توصیف تمامی مراجعات به کتابخاته کلاس ، وجود نخواهد داشت .

Imports System.IO
.....
Dim aFileStream As Filestream

مثلا" برای دستیابی به اشیاء System ، می بایست از Namespace با نام System در برنامه استفاده گردد. ( Imports) .

تعریف namespace و کلاس

VB.NET ، امکانات حمایتی لازم در خصوص ایجاد Namespace های خاص و کلاس های مربوط به آن را ارائه می نماید. (نکته : مدل زیر یک روش عمومی برای نامگذاری namespace است ) :

CompanyName.TechnologyName
.For Example:
Microsoft.Office

namespace در VB.NET

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

Namespace CompVB
Public Class StringComponent
....
End Class
End Namespace

برخی از ویژگی های namespace عبارتند از :

  • namespace می تواند درون سایر namespace ها ، مستقر گردند .
  • یک namespace می تواند در چندین فایل تعریف گردد .
  • یک فایل حاوی کد مبداء می تواند چندین namespace را تعریف نماید.

نقاط ورود ، حوزه ، تعاریف

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

نقاط ورود در VB.NET

بمنظور ارائه کد نقطه ورود در VB.NET ، در ابتدا می بایست یک ماژول و یا یک کلاس مشخص گردد .

Public Module modMain

Public Class clsMain

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

Public Module modMain
Public Sub Main( )
...
End Sub
End Module

Public Class clsMain
Public Shared Sub Main( )
...
End Sub
End Class

حوزه

VB.NET ، از نقطه بعنوان یک عملگر resolution حوزه ، استفاده می نماید . مثلا" در صورت استفاده از متد WriteLine مربوط به کلاس Console ، از گرامر Console.WriteLine ، استفاده می شود.

تعاریف

در VB.NET ، الزامی به تعریف یک متغیر قبل از استفاده از آن نمی باشد . پیشنهاد می گردد که در چنین مواردی متغیرها با صراحت تعریف گردند. در این راستا می توان از عبارت options ، استفاده کرد. بمنظور ایجاد نمونه ای از یک شی ، از New استفاده می گردد. مثال زیر ، نحوه تعریف یک شی از نوع Comp در namespace با نام Lib و با نام MyComp را نشان می دهد .

Dim myComp As New Lib.Comp( )

کنسول ورودی و خروجی

می توان از کلاس Console ، مربوط به CLR وابسته به System Namespace ، برای ورودی و خروجی هر نوع رشته و مقادیر عددی توسط متدهای Read , ReadLine و Write,WriteLine استفاده کرد . برنامه زیر، نحوه نمایش یک رشته در خروجی را نشان می دهد .

برنامه نمونه :

Imports System
Public Class MainApp
Public Shared Sub Main( )
Console.WriteLine( "Welcome to .NET Programming " )
End Sub
End Class

ترجمه و اجراء یک برنامه فریمورک دات نت

اکثر جنبه های برنامه نویسی در دات نت برای تمامی زبانهای سازگار ، یکسان است . هر کمپایلر حمایت شده باعث تولید کدهای "خود تشریح " MSIL)Microsoft Intermediate Language) ، می گردد . تمامی کدهای مدیریت یافته ( Managed code ) با استفاده از CLR)Common Language runtime) ، اجراء خواهند شد . CLR ، امکان یکپارچگی بین برنامه ها ، مدیریت اتوماتیک حافظه ، برخورد یکدست با موارد خاص و استثناء ، امنیت پیشرفته و در نهایت یک مدل برنامه نویسی ساده و همگن را ارائه می نماید.

گزینه های کمپایلر

فریمورک دات نت، دارای یک کمپایلر خط دستوری برای VB.NET است ( vbc.exe ) . برای ترجمه برنامه Hello.vb ، بکمک کمپایلر فوق ، از دستور زیر استفاده می شود :

vbc Hello.vb

گرامر فوق، باعث فراخوانی کمپایلر VB.NET می گردد. در این مثال خاص، صرفا" نام فایل مورد نظر برای کمپایلر مشخص شده و در ادامه ، کمپایلر فایل اجرائی را تولید خواهد کرد ( Hello.exe ) .

گزینه های خط دستور

در VB.NET ، می توان لیست کاملی از گزینه های همراه کمپایلر را با استفاده از ?/ ، مشاهده نمود ( ?/ Vbc ) . از گزینه های مفید در این زمینه، می توان به سوئیچ out/ ، ( نام فایل خروجی را مشخص می نماید) و سوئیچ target/ ، ( نوع کد مقصد را مشخص می نماید") ، اشاره کرد. بصورت پیش فرض ، نام فایل خروجی مشابه نام فایل ورودی و با انشعاب exe . ، خواهد بود. مقدار پیش فرض برای تعیین نوع کد مقصد ، یک برنامه اجرائی است ( سوئیچ t/ ، دارای عملکردی معادل با سوئیچ target/ است ). دستور زیر نحوه استفاده از سوئیچ های فوق را نشان می دهد :

vbc /out :hello.exe /t:exe hello.vb

استفاده از گزینه کمپایل reference/

در زمان مراجعه به سایر اسمبلی ها ، می بایست از سوئیچ reference/ ، استفاده گردد . گزینه فوق این امکان را برای کمپایلر فراهم می آورد که اطلاعاتی را ایجاد و در کتابخانه های مشخص شده استقرار تا زمینه استفاده از آنان برای کد مورد نظر ( در حال ترجمه ) ، فراهم گردد. مثال زیر نحوه ایجاد یک برنامه اجرائی از طریق خط دستور و با استفاده از reference / ، را نشان می دهد . ( عملکرد سوئیچ r / مشابه reference / است ).

Vbc / r:assembll.dll , assemb2.dll / out :output.exe input.vb

در بخش دوم به بررسی فرآیند اجراء مدیریت یافته ( اداره شده ) ، خواهیم پرداخت .

صفحات سرور فعال (ASP)

علت بررسی فناوری های قبل از ASP.NET ، به جزئیات پیاده سازی ASP.NET و فناوری قبل از آن، یعنی ASP بستگی دارد. درک ASP مستلزم درک ISAPI و درک ASP.NET مستلزم درک ASP است.

وقتی IIS 2.0 به عنوان بخشی از ویندوز NT 4.0 مطرح شد، مایکروسافت، فناوری جدیدی را به نام Denali ارائه داد. این فناوری در دوره فعال بودن شرکت مایکروسافت ایجاد شد و به همین دلیل نام آن صفحات سرور فعال (ASP) انتخاب گردید. چندین نسخه از ASP عرضه شد، مثل ASP 2.0 و IIS 4.0 در ویندوز NT ، ASP 3.0 و IIS 5.0 در ویندوز 2000.

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

کد ASP معمولاٌ در ویژوال بیسیک نسخه اسکریپتی (VBScript) نوشته می شود، ولی از JVScript نیز می توان استفاده کرد.

مزایای ASP

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

به طور پیش فرض، ASP از VBScript استفاده می کند. میلیون ها نفر با VBScript آشنایی دارند که از طریق ASP می توانند وارد دنیای اینترنت شوند. به همین دلیل، ASP راه مناسبی برای ساخت صفحات وب است.

علاوه بر این، از طریق ADO امکان دستیابی آسان به بانک اطلاعاتی را فراهم می سازد. برای ساخت محتویات پویا، باید آن محتویات را از جایی دریافت کرد که ADO این امکان را فراهم می کند. توجه داشته باشید که ADO یک واسط نرم افزاری است که می تواند با سیستم های مدیریت بانک اطلاعاتی مثل اکسس و SQL Server ارتباط برقرار کند.

مدل برنامه نویسی ASP اجازه نوشتن کد و اجرا را می دهد و نیازی به دنبال کردن مراحل کامپایل و نصب نیست. همان طور که خواهید دید، ASP.NET نیز از همین روش استفاده می کند.

معایب ASP

فناوری ASP ابزار قدرتمندی برای تولید برنامه های بزرگ وب است. وب سایت هایی مثل www.microsoft.com و بسیاری از سایت های بزرگ و کوچک دیگر، با موفقیت از ASP استفاده کردند.

اولین چیزی که در مورد ASP مطرح است، سربار ناشی از تفسیر کد VBScript یا JVScript در هر درخواست است.

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

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

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

ASP.NET

وقتی ASP 3.0 به همراه ویندوز 2000 ارائه شد، روشن شد که آینده تولید نرم افزار به آینده وب گره خورده است. پس از آن شرکت مایکروسافت نسخه جدید ASP را به نام ASP.NET ارائه کرد که سهولت کد نویسی ASP را دارد، بطوری که برنامه ای را می نویسید، در پوشه ای قرار می دهید، امتیاز دستیابی برای آن تعیین می کنید و به راحتی قابل اجرا است. ASP.NET نو آوریهایی دارد که منجر به تفکیک برنامه کاربردی از نمایش آن می شود.

ASP.NET ویژگی های جدیدی به ASP اضافه نمود و قابلیت های آن را افزایش داد. ASP.NET فقط بهبود تدریجی ASP نیست، بلکه یک محصول کاملاٌ جدید است. ویژگی های ASP.NET عبارت اند از:

- محیط کاری NET محیط کاری NET معماری است که ساخت برنامه های کاربردی وب و سنتی را آسان تر می سازد.

- زبان مشترک زمان اجرا (CLR) زبان مشترک زمان اجرا، مجموعه ای از سرویس ها را برای تمام زبان های ASP.NET فراهم می سازد. به عبارت دیگر، مجموعه ای از انواع مشترک را برای بسیاری از زبان ها تهیه می کند.

- زبان های کامپایلری ASP.NET با استفاده از زبان های کامپایلری کارایی پیشرفته ای را ارائه می کند. زبان های کامپایلری به برنامه نویس اجازه می دهند تا صحت برنامه را از نظر نحوی بررسی کند. ASP چنین امکانی را فراهم نمی کند، لذا ساده ترین خطای نحوی نیز تا اولین اجرا مشخص نمی شود.

- زبان های جدید ویژوال بیسیک نت نسخه کاملاٌ جدیدی از ویژوال بیسیک است که نحو آن زیباتر می باشد. C# ، زبان جدیدی است که مشابه با C++ و فاقد ویژگی های نا امن C++ است.

- ویژوال استودیو نت ویژوال استودیو نت محیط توسعه جدیدی است که در آن برنامه ها را به سرعت می توان اجرا کرد.

- مولفه های جدید محیط کاری NET از انواع جدیدی از مولفه ها پشتیبانی می کند که در ASP وجود نداشته اند.

- فرم های وب ابزارهای مناسبی برای ایجاد صفحات پویا هستند که از طریق آنها می توان ورودی های کاربر را دریافت کرد.

- سرویس های XML وب با استفاده از سرویس های XML وب می توان خدماتی ایجاد کرد و سپس آنها را با استفاده از قراردادهای استاندارد صنعت مهیا نمود.

- ADO.NET فناوری ADO در محیط کاری NET ، فناوری جدیدی است که موجب می شود برنامه های کاربردی ASP.NET به راحتی به اطلاعات موجود در بانک اطلاعاتی رابطه ای یا قالب های دیگری مثل XML دستیابی داشته باشند.


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

مقاله بررسی طراحی وب سایت یک شرکت تولید تجهیزات آزمایشگاهی در 95 صفحه ورد قابل ویرایش
دسته بندی کامپیوتر و IT
بازدید ها 0
فرمت فایل 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 این آیتم توسط همه مرورگرها اهم از متن و گرافیکی آن را پشتیبانی می‌کنند. عناوین فصل عبارتند از: