کارآموزی طراحی صفحات HTML وب

فهرست صفحه

مفاهیمHTML & XHTML 1

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

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

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

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

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

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

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

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

ایجاد یک فرم 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توانایی نحوه

سازمانده ای این داده ها را در اختیار ما می گذارد*

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

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

هرصفحه وب بسیارساده به نظرمی رسدشما به کامپیوتر خود می گوییدکه مایل به دیدن چه صفحه

ای هستیدوبعدازفشاردادن یک تکمه صفحه مذکوربرروی مانیتور شما به نمایش درمی اید اگراین

صفحه برروی کامپیوتر دیگرمی باشد(مثلا برروی سایتی دراینترنت مدتی طول می کشد تا به در

خواست شما پاسخ داده شود*

البته تفاوتهای عمیق تری را میتوان بین یک صفحه وب و یک صفحه کاغذ معمولی مجله روزنامه

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

باشیدبه عنوان مثال ما می توانیم صفحه وبی درکامپیوتر خودمان داشته باشیم که هریک ازعناصر

موجود بر روی ان در یک کامپیوتر مجزا ذخیره شده باشد.*

اگرچه چنین پدیده ای نا متحمل است ولی غیرممکن نیست.مثلا می توان صفحه وبی درست کردکه

متن موجود در ان برروی کامپیوتری دراسترالیا تصاویران برروی کامپیوتری درروسیه صداهای

ان بر روی کامپیوتری در کانادا ذخیره شده باشند*

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

وب جهانی یاwww عملا ازمدل استانداردسرویس دهنده/سرویس گیرنده استفاده می نماید این کلمه

ای است که بدون شک شما نیز با ان برخود داشته اید.وقتی شماادرسی نظیرhttp://www.site t

http://www.site topgo.com را درپنجره ادرس مرورگر وب خود تایپ کرده کلیدو enterرا
این فایل کارآموزی به صورت فایل Word تهیه شده است این سایت به کاربران امکان می‌دهد تمام پروژه‌ها، گزارش‌های کارآموزی و مقالات دیگر را به راحتی دانلود کنند. این امکان برای دانشجویان و پژوهشگران بسیار مفید است زیرا می‌توانند به راحتی به منابع مورد نیاز خود دسترسی پیدا کنند و از آنها برای ارائه یا تحقیقات خود استفاده کنند. این سایت به عنوان یک مرجع معتبر و قابل اعتماد برای دسترسی به مطالب علمی و آموزشی شناخته شده است و کاربران می‌توانند با اطمینان از اطلاعات موجود در آن استفاده کنند.

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

تعداد صفحات ورد : 92

فرمت فايل : وورد