گزارش کارآموزی طراحی صفحات وب HTML
فرمت فایل: WORD (قابل ویرایش)
فهرست صفحه
مفاهیمHTML & XHTML1
یک صفحه وب چیست2
طرزکارصفحات وب3
درموقع مروروب چه اتفاقی می افتد 3
نحوه ویرایش صفحات وب 4
دوراه تولیدصفحات وب 5
نرم افزارهای تولید وویرایش HTML6
1.ویرایشگرهای ساده متن
2.ویرایشگرهای مخصوصHTML
3.نرم افزارهای گرافیکی تولیدکننده کدهایHTML
ایجاد کردن یک صفحه وب7
دستورها ویا برچسب هایی که دریک صفحه وب وجوددارد
(دستورهای مشترک) 7
شکست خطوط وپاراگراف ها 8
ایجاد اتصال وپیوند(link)به صفحات وب دیگران 9
ایجاد اتصال وپیوند(link)بین صفحات وب خودتان11
ادرس های وابسته 12
انتشارصفحاتHTML 13
ایجادوتنظیم یک سایت وب اینترنتی 13
انتشارصفحات وب با نت اسکیپ 14
انتشارصفحات وب با کمک Microsoft IE 15
انتشار صفحه های وب بوسیله Microsoft front page 16
قراردادن صفحات وب برروی یک اینترانت(شبکه محلی) 16
انتشارصفحات وب برروی دیسک 17
تنظیم محل قرارگیری خطوط 18
سه نوع از لیست های موجود درHTML 19
برجسته کردن متن ها (boldface)استفاده ازحروف کج
(Italics)وارایش های اختصاصی 20
اندازه ورنگ فونت 21
انتخاب نوع فونت22
استفاده ازنقاط عطف درصفحه وب23
ایجاد پیوند به نقاط خاصی از یک صفحه دیگر 24
قراددادن پیوندی ازادرسe-mailخوددرداخل یک صفحه وب 25
ایجاد فرم های HTML26
ایجاد یک فرم 26
ورود متن text input 28
شناسایی داده های موجود در یک فرم 29
پذیرفتن داده های مخفی درفرم ها 30
محدوده های متنی text area 30
ارسال فرم submit 31
ایجاد یک تکمهsubmitسفارشی 32
ایجاد تصاویر گرافیکی برای صفحات وب 32
اصول طراحی وتولید تصاویر گرافیکی برای وب 33
کنترل فشرده سازی JPEG 34
تولید بنرها وتکمه ها 35
کاهش تعداد رنگها 36
قراردادن یک تصویر گرافیکی بر روی صفحه وب 37
ایجاد برچسب برای یک تصویر 38
تصاویری که خود یک پیوند LINKمی باشند39
مرتب کردن سازی عرض تصاویر40
مرتب سازی عمودی تصاویر 41
پس زمینه ها back groundورنگ های سفارشی 42
رنگ های متن وپس زمینه
ایجاد رنگ های سفارشی و دلخواه43
استفاده از قالبهای تصویر برای ایجاد پس زمینه
background 44
تصاویرشفاف(transparent) 45
ایجاد تصاویر متحرک 46
نرم افزارهای تولید کننده انیمیشن های مربوط به
صفحات وب47
ایجاد تصاویری که قرار است به حرکت درایند 47
چگونه یک انیمیشن با فرمت Gifرا بر روی یک
صفحه وب قراردهیم 48
به حرکت دراوردن و تولید جلوه های ویزه متن ها 49
طراحی صفحات ونماها 49
مشخص کردن طول وعرض تصاویر50
پیوندهای گرافیکی و نقشه های تصویری 50
ایجاد نقشه مناطق مختلف در یک تصویر 51
نقشه های تصویری مربوط به سرویس
گیرنده ها(client-side) 52
قراردادن چندرسانه ای در صفحات وب53
قرار دادن صدا در صفحات وب 54
قرار دادن تصاویر ویدئویی در صفحه وب55
برنامه ریزی برای اینده HTML 55
1.استفاده ازHtmlدر خارج از وب56
2.Htmlبه عنوان رابط کاربری نوین57
3.انقلاب رسانه ای دیجیتالی
57
4.Htmlنوین یاXhtml
مفاهیم HTML &XTHML
این برنامه درواقع نرم افزاری است که کامپیوترشما برای مرورونشان دادنصفحات وب به ان
نیاز خواهد داشت.ازجمله معروف ترین مرورگرهای اینترنتی می توان به کاوشگراینترنت شرکت
مایکروسافت (اینترنت اکسپلورر ومرورگرنت اسکیپ اشاره نمود.گردش دروبی که ازنظرمحتوی
و یا شکل متشابه ایده های ذهنی شما را جذب کرده و باعث می شودبارها به ان مراجعه کنید.
یک صفحه وب چیست ؟
نیز درواقع یک نوع زبان برنامه نویسی کامپیوتری است که چگونگی قرار گرفتن وارتباط بین
متن ها تصاویروسایرHtmlزبا ن علامت گذاری عناصرموجوددریک صفحه را توضیح داده ودر
خود نگه می دارد. را سرویس دهی کنند.درواقع همین صفحات بهم پیوسته بودند که وب جهانی یا
htmlتا سال 1993 تقریبا 100بنا نهادند. ازان زمان بتدریج برنامه های مرورگروبه جهت مشاهده
این صفحات نوشته واختیار مردم wwwقرار گرفت*
ولی بعلت مقبولیت روزافزون صفحه های وب تعدادی از (text) مرورگرهایاولیه فقط قادربه
نشان دادن متنها برنامه نویسان مرورگرهایی را طراحی کردند که علاوه برمتون قادربه نشاندادن
تصاویرگرافیکی نیزبودند. نام داشت که بواسطه تولید یکی ازمعروفترین مرورگرهایموجودmore
Anderssenیکی از این برنامه نویسان یعنی مرورگر نت اسکیپ به مردی مشهور و ثروتمند بدل
گشت*
به عنوان رابط اصلی واستاندارداینترنت مورد توافق همگان قرار گرفته اندصفحاتHtmlامروزه
میتوانند علاوه بر نشان دادن متن ها ی ساده با تحت پوشش قرار دادن تصاویر گرافیکی صداها و
وحتی ویدئویک برنامه محاوره ای وتعاملی کامل رااینترنت بوجود اوردند *
فقط دراینترنت یافت نمی شوند. بلکه امروزه شبکه های کامپیوتری htmlهمان طورکه می دانید
صفحات وب بسیاری ازشرکتهای معتبر درسراسردنیا (اینترنت) ازصفحات وب برای فراهم کردن
اطلاعات تجاری واقتصادی مورد نیازکارمندان مشتریان خود استفاده می نمایند.همچنین در ساخت
و نمایش تبلیغات تجاری درشبکه های تلویزیونی انتخاب اول می باشد. بعلاوه شرکت ماکروسافت
htmlهای تبلیغاتی مختلف امروزه dvdها یا Cdیونی ویا وبرروی را به صورت مستقیم در رابط
های مختلف بزرگترین سیستم عامل دنیا (یعنی ویندوز)قرارداده است.به عن htmlنیزهای وب وبه
صورت رابط وب به نمایش گذاشته می شوندLinkودرایوهای مختلف همگی ازطریق ان مثال فایل
ها در همه جا حضور دارد وخوشبختانه شما هم اکنون با یک انتخاب صحیح در یک مسیرصحیح
Htmlپس در یک کلام قرار گرفته اند*
نام دارد که در واقع ویرایش Xhtml-1و دیگری Htmlوجود دارد. 4-Htmlدر حال حاضر دو
ویرایش ازبرنامه می باشد. شما درطی مطالعه این مطالب این دوزبان برنامه نویسی وب چگونه با
زبان دیگری بنامHtml-4پیشرفته و کارکرده استانداردمربوط به هرسه موردفوق را می توانید
در ادرسhttp://www.wxml یعنی درسایت کنسر کنسرسیوم وب جهانی در اینترنت بیابید.
عبارت جدید:
Xmlدرواقع مخفف کلمه extensible markup languageیا زبان علامتگذاری قابل توسعه
می باشد.دربرنامه نویسی htmlما دستوراتی استفاده می کنیم که از قبل دراستانداردها وقواعددس
دستوری ان زبان تعریف شده وکارمشخصی انجام می دهند.درصورتی که درزبان مشخصی انجام
می دهند. در صورتی که در زبان xmlما می توانیم ازدستورهایی با نامهای اختصاصی که توسط
خودمان تعریف می شوند استفاده کنیم برتری زبان xhtmlکه ما به انhtmlتوسعه یافته می گوییم
این است که چگونگی نشان دادن داده ها رادراختیار ما قرار داده درصورتی که xmlتوانایی نحوه
سازمانده ای این داده ها را در اختیار ما می گذارد*