مقاله طراحی و ساخت صفحات وب

مقدمه :

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

   2.دنیای امروز دنیای اینترنت و ارتباطات است و حضور در دنیا به معنی  حضور در

اینترنت از طریق صفحات وب صورت می گیرد.

   3.وب سایت را می توان به عنوان کتاب الکترونیکی محاوره ای در نظر گرفت

چکیده :

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

   2 . امروز طراحی و ساخت صفحات وب نه تنها برای سازمانها، موسسات ، ادارات

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

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

    سایت آتاپی شرق فصل اول

   سایت آتاپی شرق

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

عناصر اصلی در صفحات وب

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

Dynamic HTML

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

     بعضی از ویژگیهای پویایی که ک مخاطبین اینترنت به آنها علاقه مندندعبارتند از :

-حساسیت نسبت به زمان به جای محتویات دائره المعاف

-تغییر محتویات و سبک طراحی

_سازگاری با فسیلهای جدید سخت افزار ، نرم افزار و استانداردهای تحویل اطلاعات       

-پشتیبانی از روابط با مخاطبین سایت

 -مدیریت موثر برای افزایش کیفیت اطلاعات

         برای ایجاد سایتهای حرفه ای ابزارهای متععدی وجود دارند که با مجموعه ای از تکنولوژیهای پیچیده و غنی کار می کند در این میان ویژوال Interdev   با توانائیهاو قابیتهای خود یکی از بهترین آنهاست.                                                                     

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

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

نمای کلی از سایت آتاپی شرق                                                   

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

پس از ورود به صفحه اصلی می توانید به اطلاعاتی از قبیل :

سابقه شرکت و افراد متخصص در آن

مکان شرکت و چگونگی تماس با آن

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

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

کاربرد زبان های اسکریپتی در        HTML  

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

   ارزیابی فرمها                                                                                        

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

     تولید صفحات پویا                                                                                   

     ارتباط بین کارهای مختلف                                                                       

زبانهایی که برای نوشتن به کار می روند ، زبانهای اسکریپتی نامیده می شوند .

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

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

Jscriptوجاوااسکریپت  

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

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

        جاوا اسکریپت از زمانی که تولید شد ، تغییرات زیادی پیدا کرده است و همه مرورگرها به یک درجه از آن را استفاده نمی کنند . نسخه های گوناگون آن عبارتند از                Javascript(نت اسکیپ 2.x)       Javascript 1,1(نت اسکیپ 3.x)    Java script  1.2 (نت اسکیپ 4.x) زبان   Jscriptدر  IE نسخه 3 ، تقریبا" معادلJavascript  1 است و از ویژگیهای Javascript 1.1 مثل جایگزینی پویای تصاویر پشتیبانی نمی کند . IE نسخه 4 از1.1 Javascript پشتیبانی می کند ولی مدل شیئ ان قدرتمندتر  است . برای کسب اطلاعات راجع به جاوا اسکریپت به سایت  http: //developer.netscape.com مراجعه کنید.

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

مروری بر جاوا اسکریپت                                                                                                                                                                

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

        متغیرها با ترکیبی از حروف  Aتا Z ، ارقام و خط ربط (-) ساخته می شوند  به طوری که ارقام شروع نمی شوند . محدودیتی در طول نام متغیرها نیست . به عنوان مثال S1,SUM,sum میتوانند نامهایی برای متغیرها باشند.                                                                     

       عملگرها نمادهایی هستند که اعمال خاصی را انجام می دهند ، مثل نماد+ که عمل جمع را انجام می دهد . عملگرها در جاوا عبارتند از عملگرهای محاسباتی،رابطه ای منطقی ، بیتی ، ترکیبی و غیره .

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