طراحی صفحات وب

این مقاله  با فرمت Word بوده و قابل ویرایش است همچنین آماده پرینت می باشد

موضوع : مقاله طراحی صفحات وب HTML

مفاهیم HTML &XTHML این برنامه درواقع نرم افزاری است که کامپیوتر شما برای مرور و نشان دادن صفحات وب به ان نیاز خواهد داشت ازجمله معروف ترین مرورگرهای اینترنتی می توان به کاوشگراینترنت شرکت مایکروسافت اینترنت اکسپلورر ومرورگرنت اسکیپ اشاره نمودگردش دروبی که ازنظر محتوی و یا شکل متشابه ایده های ذهنی شما را جذب کرده و باعث می شودبارها به ان مراجعه کنید یک صفحه وب چیست نیز درواقع یک  نوع زبان  برنامه نویسی  کامپیوتری است  که چگونگی قرار گرفتن وارتباط بین متن ها تصاویروسایر Htmlزبا ن علامت گذاری عناصرموجوددریک صفحه را توضیح داده ودر  خود نگه می دارد را سرویس دهی کننددرواقع همین صفحات بهم پیوسته بودند که وب جهانی یا  htmlتا سال 1993 تقریبا 100بنا نهادند ازان زمان بتدریج برنامه های مرورگروبه جهت مشاهده این صفحات نوشته واختیار مردم www قرار گرفت ولی بعلت مقبولیت روزافزون صفحه های  وب تعدادی از text مرورگرهای اولیه فقط  قادربه نشان دادن متنها برنامه نویسان مرورگرهایی را طراحی کردند که علاوه برمتون قادربه نشاندادن تصاویرگرافیکی نیزبودند نام داشت که بواسطه تولید یکی ازمعروفترین مرورگرهایموجود  more Anderssenیکی از این برنامه نویسان یعنی مرورگر نت اسکیپ به مردی مشهور و ثروتمند بدل گشت به عنوان رابط اصلی واستاندارداینترنت مورد توافق همگان قرار گرفته اند صفحات  Htmlامروزه میتوانند علاوه بر نشان دادن متن ها ی ساده با تحت  پوشش قرار دادن تصاویر گرافیکی صداها و وحتی ویدئویک برنامه محاوره ای وتعاملی کامل رااینترنت بوجود اوردند  

فقط دراینترنت یافت نمی شوند بلکه امروزه شبکه های  کامپیوتری   htmlهمان طورکه  می دانید صفحات وب بسیاری ازشرکتهای معتبر درسراسردنیا اینترنت ازصفحات وب برای فراهم کردن اطلاعات تجاری واقتصادی مورد نیازکارمندان مشتریان خود استفاده می نمایندهمچنین در ساخت و نمایش تبلیغات تجاری درشبکه های تلویزیونی انتخاب اول می باشد  بعلاوه شرکت ماکروسافت htmlهای تبلیغاتی مختلف امروزه dvd ها یا Cd یونی ویا وبرروی را به صورت مستقیم در رابط های مختلف بزرگترین سیستم عامل دنیا یعنی ویندوز قرارداده استبه عن htmlنیزهای وب وبه  صورت رابط وب به نمایش گذاشته می شوند linkودرایوهای مختلف همگی ازطریق ان مثال فایل ها در همه جا حضور دارد وخوشبختانه  شما هم اکنون با یک انتخاب صحیح در یک مسیرصحیحHtml پس در یک کلام قرار گرفته اند نام دارد که در واقع ویرایش Xhtml-1 و دیگری Html وجود دارد  Htmlدر حال حاضر دو ویرایش ازبرنامه می باشد شما درطی مطالعه این مطالب این دوزبان برنامه نویسی وب چگونه با زبان  دیگری بنامHtml-4 پیشرفته و کارکرده استانداردمربوط به هرسه موردفوق را می توانید در ادرس http//wwwwxml یعنی درسایت کنسر کنسرسیوم وب جهانی در اینترنت بیابید عبارت جدید  Xmlدرواقع مخفف کلمه extensible markup  languageیا  زبان علامتگذاری قابل توسعه می باشددربرنامه نویسی html ما دستوراتی استفاده می کنیم که از قبل دراستانداردها وقواعددستوری ان زبان تعریف شده وکارمشخصی انجام می دهنددرصورتی که درزبان مشخصی انجام می دهند در صورتی که در زبان xmlما می توانیم ازدستورهایی با نامهای اختصاصی که توسط خودمان تعریف می شوند استفاده کنیم برتری زبان  xhtmlکه ما به انhtml توسعه یافته می گوییم این است که چگونگی نشان دادن داده ها رادراختیار ما قرار داده درصورتی که xmlتوانایی نحوه سازمانده ای این داده ها را در اختیار ما می گذارد

طرز کار صفحات وب صفحه های وب خیلی شبیه صفحات کاغذ و یا مجله های معمولی می باشدوبا مکانیسم مشاهده هرصفحه وب بسیارساده به نظرمی رسدشما به کامپیوتر خود می گوییدکه مایل به دیدن چه صفحه ای هستید وبعد ازفشاردادن یک تکمه صفحه مذکوربرروی مانیتورشما به نمایش درمی اید اگراین صفحه  برروی کامپیوتر دیگرمی باشدمثلا برروی سایتی دراینترنت مدتی طول می کشد تا به درخواست شما پاسخ داده شود

فهرست مطالب

مفاهیمHTML & XHTML 

یک صفحه وب چیست

طرزکارصفحات وب

درموقع مروروب چه اتفاقی می افتد

نحوه ویرایش صفحات وب

دوراه تولیدصفحات وب

نرم افزارهای تولید وویرایش HTML

ویرایشگرهای ساده متن

ویرایشگرهای مخصوصHTML

نرم افزارهای گرافیکی تولیدکننده کدهایHTML

ایجاد کردن یک صفحه وب

دستورها ویا برچسب هایی که دریک صفحه وب وجود دارد 

دستورهای مشترک

شکست خطوط وپاراگراف ها

ایجاد اتصال وپیوندlink به صفحات وب دیگران

ایجاد اتصال وپیوندlink بین صفحات وب خودتان

ادرس های وابسته

انتشارصفحاتHTML 

ایجادوتنظیم یک سایت وب اینترنتی

انتشارصفحات وب با نت اسکیپ

انتشارصفحات وب با کمک Microsoft IE

انتشار صفحه های وب بوسیله Microsoft front page 

قراردادن صفحات وب برروی یک اینترانتشبکه محلی

انتشارصفحات وب برروی دیسک

تنظیم محل قرارگیری خطوط

سه نوع از لیست های موجود درHTML 

برجسته کردن متن ها boldface استفاده ازحروف کج

Italics وارایش های اختصاصی

اندازه ورنگ فونت

انتخاب نوع فونت

استفاده ازنقاط عطف درصفحه وب

ایجاد پیوند به نقاط خاصی از یک صفحه دیگر

قراددادن پیوندی ازادرسe-mail خوددرداخل یک صفحه وب

ایجاد فرم های HTML

ایجاد یک فرم

ورود متن text input

شناسایی داده های موجود در یک فرم

پذیرفتن داده های مخفی درفرم ها

محدوده های متنی text area

ارسال فرم submit

ایجاد یک دکمه submit سفارشی

ایجاد تصاویر گرافیکی برای صفحات وب

اصول طراحی وتولید تصاویر گرافیکی برای وب

کنترل فشرده سازی JPEG

تولید بنرها وتکمه ها

کاهش تعداد رنگها

قراردادن یک تصویر گرافیکی بر روی صفحه وب

ایجاد برچسب برای یک تصویر

تصاویری که خود یک پیوند LINK می باشند

مرتب کردن سازی عرض تصاویر

مرتب سازی عمودی تصاویر

پس زمینه ها back ground ورنگ های سفارشی

رنگ های متن وپس زمینه

ایجاد رنگ های سفارشی و دلخواه

استفاده از قالبهای تصویر برای ایجاد پس زمینه

background

تصاویرشفافtransparent

ایجاد تصاویر متحرک

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

ایجاد تصاویری که قرار است به حرکت درایند

چگونه یک انیمیشن با فرمت Gif را بر روی یک صفحه وب قراردهیم

به حرکت دراوردن و تولید جلوه های ویزه متن ها

طراحی صفحات ونماها

مشخص کردن طول وعرض تصاویر

پیوندهای گرافیکی و نقشه های تصویری

ایجاد نقشه مناطق مختلف در یک تصویر

نقشه های تصویری مربوط به سرویس

گیرنده هاclient-side

قراردادن چندرسانه ای در صفحات وب

قرار دادن صدا در صفحات وب

قرار دادن تصاویر ویدئویی در صفحه وب

برنامه ریزی برای اینده HTML

استفاده ازHtml در خارج از وب

Html به عنوان رابط کاربری نوین

انقلاب رسانه ای دیجیتالی

Html نوین یا Xhtml