دانلود آهنگ - موبایل - اس ام اس و جوک

اينم يه قالب زيبا براي وبلاگ شما .اميدوارم خوشتون بياد.نظر يادتون نره

براي دانلود بر روي ادامه مطلب كليك كنيد

ادامه مطلب

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

 

ظاهراً برای ترجمه قسمت های مختلف یک هماهنگی در اسامی لازم است لذا اسم بازیگران را یکبار دیگر می گذرام تا از آنها استفاده کنید.

۱- سو یانگ گوم (Seo Jang-Geum) – نام بازیگر: Lee Young Ae :
نام او در تاریخ کره ثبت می شود و در نهایت به مقام اولین زن پزشک مخصوص پادشاه می رسد. همچنین لقب «یانگ-گوم بزرگ» به او اعطا می شود. 

۲- مین جونگ هو (Min Jung (Jeong)-Ho) – نام بازیگر: Ji Jin Hee:
نگهبان قصر و عاشق و حامی یانگ گوم

3- بانو هن (Han Bek Gyong aka Madam Han) – نام بازیگر: Yang Mi Kyung:
بانوی آشپزخانه سلطنتی- استاد و مرشد یانگ گوم- بعدها بانوی اول دربار می شود.

4- بانو چویی (Choi Song Geum: aka Madam Choi) – نام بازیگر: Kyeon Miri:
بانوی آشپزخانه سلطنتی- انسانی شرور است و بعدها بانوی اول دربار می شود.

۵- چویی گیوم یونگ (Choi Geum-Yeung) – نام بازیگر: Hong Ri Na:
رقیب یانگ گوم- انسانی توانا است اما از توانایی خود در راه صحیح استفاده نمی کند. 

۶- پادشاه (King Jungjong) – نام بازیگر: Lim Ho:
یازدهمین پادشاه کره از سلسله لی (1506-1544)

۷- ملکه (Queen Mun Jong) – نام بازیگر Pak Jong Suk :

۸- چون سو (Seo Chun-Soo) – نام بازیگر: Pak Chan Hwan:
پدر یانگ گوم

۹- میونگ ای (Pak Meong-Yi (Myung-ee)) – نام بازیگر: Kim Hye Son:
مادر یانگ گوم- بهترین دوست بانو هن

۱۰- بانو یونگ (Jung Mal-Geum, aka Madam Jung (Zheng)) – نام بازیگر: Yeo Woon-Kye:
بانوی اول دربار

۱۱- کنگ داگو (Kang Duk Goo) – نام بازیگر: Im Hyeon-Sik:
پدر خوانده یانگ گوم

۱۲- همسر کنگ داگو (Kang Duk Goo's wife) – نام بازیگر: Geum Bo-Ra:
مادر خوانده یانگ گوم

۱۳- یون سنگ (Lee Yeon-Sheng or Yeon-Seng) – نام بازیگر: Park Eun-hye:
بهترین دوست یانگ گوم

۱۴- بانو مین (Min Gyo-il, aka Madam Min) – نام بازیگر: Kim So-yi:
بر این عقیده است که میانه روی، کلید بقاء است. زندگی طولانی و ساده ای خواهد داشت.

۱۵- Noh Chan-Ee – نام بازیگر: Choi Ja-Hye:
نایب و دستیار بانو مین

۱۶- Oh Gyom-Ho – نام بازیگر: Cho Kyung-Hwan:
وزیر

۱۷- Pak Yong Shin – نام بازیگر: Pak Jong-Su:
رئیس بانوان خانواده سلطنتی

۱۸- یانگرو (Yun Young Roh) – نام بازیگر: Lee Ip-Sae:
پیشخدمت آشپزخانه سلطنتی- او در امور یانگ گوم جاسوسی می کند و زاغ سیاه او را چوب می زند.

۱۹- Yun Mak-Kyae – نام بازیگر: Na-Song-Gyon:
رئیس نگهبانان و عموی یانگرو

۲۰- Choi Pan-Sul – نام بازیگر: Lee Hee-Do:
برادر بانو چویی- بارزگان فاسد

۲۱-( Shang Shen (San Sang) – نام بازیگر: Sinh Guk:
رئیس خانواده سلطنتی

2۲- Jang-Deok – نام بازیگر: Kim Yeo-Jin:
مربی یانگ گوم- بانوی پزشک

۲۳- Master Jung Un-Bek – نام بازیگر: Maeng Sang-Hun:
مدیر داروخانه سلطنتی

۲۴- Master Shin Ik-Bil – نام بازیگر: Pak un-Su:
مدیر داروخانه سلطنتی خواهد شد

۲۵- شین بی (Shin-bi)– نام بازیگر: Han Ji-Min:
بانوی پزشک داروخانه سلطنتی- دوست و یار یانگ گوم

۲۶- Master Chung Yun-Su – نام بازیگر: Jeon In-Taek:
مدیر ارشد داروخانه سلطنتی

۲۷- Pak Yuh-Ri – نام بازیگر: Lee Se-Eun:
بانوی پزشک داروخانه سلطنتی- رقیب یانگ گوم زمانی که وی پزشک می شود

۲۸- Cho Chi-Bok – نام بازیگر: Ji Sang-Ryeol:
پزشک داروخانه سلطنتی- شیفته یانگ گوم

2۹- Eun Bi – نام بازیگر: Lee Sung-Ah:
بانوی پزشک داروخانه سلطنتی

۳۰- Min So-Won – نام بازیگر: Chang Ha-Lin:
فرزند دختر یانگ گوم و مین جونگ هو- بسیار کنجکاو و دقیقا شبیه به خردسالی یانگ گوم

مشکلی دارد بگویید تصحیح کنم...

اضافاتی دارد بگویید ذکر کنم...

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

این هم عکس از یانگرو یا همان خانم Lee Ip-sae  جاسوس مادام چویی در سریال جواهری در قصر

 بر روي ادامه مطلب كليك كنيد

ادامه مطلب

در نقاط مختلف دنیا و خصوصاً آسیا پس از سال ۲۰۰۳ کفش های مدل یانگومی مد شد!! و جاسویچی و گردنبد های آن ساخته شد ... !!

بر روي ادامه مطلب كليك كنيد
ادامه مطلب

ببينيد و لذت ببريد

عکس

بر روي لينك زير كليك كنيد

یانگوم در کنار بچه ها ! 

 

 بر روي ادامه مطلب كليك كنيد اميدوارم خوشتون بياد
ادامه مطلب

ادامه مطلب

بستنی یانگومی هم وارد بازار شد.باید خیلی خوشمزه باشه اینطور نیست؟

#0000#* و یا #9999#*
ورژن سیستم عامل گوشی ، تاریخ ساخت نرم افزار ، و نوع فشرده سازی را نشان میدهد.

---------------------------

#30#*
شماره های محرمانه گوشی را نمایش میدهد.

---------------------------

#67705646#*
در گوشیهای مدل 3310 و 3330 لگوی شبکه را حذف میکند IR-TCI

---------------------------

#73#*
تایمر گوشی و همچنین تمام امتیازات بدست آمده در بازیها را Reset میکند.

---------------------------

#746025625#*
نمایش وضعیت سرعت clock سیمکارت گوشی. اگر گوشی شما دارای حالت SIM Clock Stop Allowed باشد به این معنا خواهد بود که گوشی شما میتواند درحالت کمترین میزان مصرف باطری درحالت Standby قرار بگیرد.

---------------------------

#2640#*
کد رمز فعلی گوشی را نشان میدهد. کد رمز گوشی در حالت عادی 12345میباشد.

---------------------------

#7780#*
RESET گوشی یا همان بازگشت به حالت تنظیمات کارخانه ای. مناسب برای زمانیکه گوشی قاطی کرده است . درواقع درایو C گوشی را ریست میکند (ریست گوشی بدون حذف برنامه ها) بعد از وارد کردن این کد ، گوشی از شما تقاضای وارد کردن security code را خواهد داشت که اگر آنرا قبلا تغییر نداده باشید 12345 میباشد.

---------------------------

#7370#*
فرمت گوشی . مناسب برای زمانیکه گوشی خیلی خیلی قاطی کرده است. درواقع این کد درایو C گوشی را فرمت میکند و البته تمامی برنامه ها و فایلهای موجود بر روی این درایو از بین خواهند رفت . بعد از وارد کردن این کد ، گوشی از شما تقاضای وارد کردن security code را خواهد داشت که اگر آنرا قبلا تغییر نداده باشید 12345 میباشد.

---------------------------

#43#*
کنترل حالت call waiting ( انتظار) گوشی.

---------------------------

#61#*
کنترل شماره ای که به عنوان divert در صورتیکه به تلفن پاسخ داده نشود ، تعیین گردیده است.

---------------------------

#62#*
کنترل شماره ای که به عنوان divert درصورتیکه شبکه دچار اشکال باشد( آنتن نباشد) تعیین گردیده است.

---------------------------

#67#*
کنترل شماره ای که به عنوان divert درصورتیکه گوشی اشغال باشد ، تعیین گردیده است.

---------------------------

#شماره*21**
divert به شماره مورد نظر در هر حالتی.

---------------------------

#شماره*61**
divert به شماره موردنظر در حالت عدم پاسخ گوئی ( no Reply )به تلفن زده شده.

---------------------------

#شماره*67**
divert به شماره مورد نظر در حالت اشغال بودن گوشی ( on Busy )

#0000#* و یا #9999#*
ورژن سیستم عامل گوشی ، تاریخ ساخت نرم افزار ، و نوع فشرده سازی را نشان میدهد.



#30#*
شماره های محرمانه گوشی را نمایش میدهد.



#67705646#*
در گوشیهای مدل 3310 و 3330 لگوی شبکه را حذف میکند IR-TCI



#73#*
تایمر گوشی و همچنین تمام امتیازات بدست آمده در بازیها را Reset میکند.

#746025625#*
نمایش وضعیت سرعت clock سیمکارت گوشی. اگر گوشی شما دارای حالت SIM Clock Stop Allowed باشد به این معنا خواهد بود که گوشی شما میتواند درحالت کمترین میزان مصرف باطری درحالت Standby قرار بگیرد.


#2640#*
کد رمز فعلی گوشی را نشان میدهد. کد رمز گوشی در حالت عادی 12345میباشد.


#7780#*
RESET گوشی یا همان بازگشت به حالت تنظیمات کارخانه ای. مناسب برای زمانیکه گوشی قاطی کرده است . درواقع درایو C گوشی را ریست میکند (ریست گوشی بدون حذف برنامه ها) بعد از وارد کردن این کد ، گوشی از شما تقاضای وارد کردن security code را خواهد داشت که اگر آنرا قبلا تغییر نداده باشید 12345 میباشد.


#7370#*
فرمت گوشی . مناسب برای زمانیکه گوشی خیلی خیلی قاطی کرده است. درواقع این کد درایو C گوشی را فرمت میکند و البته تمامی برنامه ها و فایلهای موجود بر روی این درایو از بین خواهند رفت . بعد از وارد کردن این کد ، گوشی از شما تقاضای وارد کردن security code را خواهد داشت که اگر آنرا قبلا تغییر نداده باشید 12345 میباشد.

#43#*
کنترل حالت call waiting ( انتظار) گوشی.

#61#*
کنترل شماره ای که به عنوان divert در صورتیکه به تلفن پاسخ داده نشود ، تعیین گردیده است.


#62#*
کنترل شماره ای که به عنوان divert درصورتیکه شبکه دچار اشکال باشد( آنتن نباشد) تعیین گردیده است.


#67#*
کنترل شماره ای که به عنوان divert درصورتیکه گوشی اشغال باشد ، تعیین گردیده است.


#شماره*21**
divert به شماره مورد نظر در هر حالتی.


#شماره*61**
divert به شماره موردنظر در حالت عدم پاسخ گوئی ( no Reply )به تلفن زده شده.


#شماره*67**
divert به شماره مورد نظر در حالت اشغال بودن گوشی ( on Busy )

به کمک این نزم افزار میتوانید ID خودتان را از Add List دیگران، بدون اجازه آنها پاک کنید!
برای این کار کافی است که به کمک این نرم افزار با ID خودتان لوگین کنید و بعد از اینکه لوگین شد، ID شخص مورد نظرتان که می خواهید ID شما از Add List او خط بخورد را در قسمت Them بنویسید، و بعد دکمه Deny را بزنید!
برای طرف مقابل یک پیغام خواهد آمد و ID شما را از دست خواهد داد!

 دانلود - 108 کیلوبایت

1- به جای انکه از روی در مانگی رمانتیک باشید با چشمان باز و امیدوارانه رمانتیک باشید.

2- به خاطر داشته باشید خوشحالی و خوشبختی چیزی نیست که مالکش باشید.خوشبختی یک مهارت است .

خوشبختی را نمی توانید به چنگ آورید. خوشبختی را هنگامی تجربه خواهید کرد که بیاموزید در هر لحظه چگونه

زندگی کنید.

3- چنانچه خواهان آن هستید که عاشق باشید. می بایست نخست عشق را در درون خود جسته و یافته باشید.

فقط در این هنگام است که عشق را در دیگری نیز خواهید یافت.

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

برداشتن در این مسیر برای شما و همسرتان نیرو استحکام , پایمردی و بردباری به همراه خواهد آورد تا بتوانید

سفر عشق را دو شادو ش یکدیگر بپیمایید.

5- به همسرتان توجه و علاقه نشان دهید و هرگز از یاد مبرید که چرا عاشق او شدید.

6- به همسرتان کمک کنید شما را بیشتر و بهتر دوست داشته باشد. با در میان گذاشتن خواسته های پنهان و

نیز درونی ترین و عمیقترین نیازهایتان با او کمکش کنید تا شما را خوشحال کند.

7- به بیان این نکته که عاشق همسرتانید اکتفا نکنید. به او بگویید چرا دوستش دارید و به او عشق می ورزید.

8- اعجاز و وفوری را که همسرتان با عشق خود به زندگیتان آورده شکر گزار باشید.همانا او کلید ورود شما به

بهشت روی زمین است.

9- به خاطر داشته باشید ازدواج به شما کمک می کند تا هر آنچه را در شما دوست داشتنی نیست بهبود

بخشید.

10- پایبندی خود را ازدواجتان هر روز تمدید وتجدید کنید . آن را قوی تر و عمیقتر از روز قبل سازید. این امر رابطه

شما را از یک دوستی و یا موانست به یگانگی و الحاقی حقیقی و کم نظیر بدل می سازد که یک یک اعمال و

حرکات شما را از معنا و مفهوم آکنده می سازد.

همواره مراقب چهار نشانه هشدار دهنده در مورد ازدواج باشید:

مقاومت, مخالفت, جبهه گرفتن

بی میلی, دلخوری , انزجار

طرد کردن , رد کردن , نپذیرفتن

واپس زدن , سرکوب کردن و سرخوردگ

لطفاً مطالب زير رو تا آخر بخونيد ضرر نمي كنيد

دوستان عزيز بي هيچ مقدمه اي ميرم سر اصل مطلب،توي اين دنياي بزرگ كسي رو پيدا نمي كنيد كه از پول بدش بياد مخصوصاً اينكه اون پول براحتي بدست بياد يعني واسه بدست آوردنش نخواد صبح تا شب كار كرد و كلي انرژي مصرف كرد . خيلي ها دنبال اين راه ميگردند مخصوصاً ما جوونا كه حال و حوصله كار كردن رو نداريم.ناسلامتي دنيا پيشرفت كرده ديگه مثل زمان قديم نيست كه يكي از صبح تا شب تو اداره باشه و يكي ديگه توي زمين كشاورزي آخر سر هم هشتش گرو نوهش باشه.آره بابا اينترنت اومده ...

خود من كه دارم اين حرفو ميزنم سر همين مطلب با پدرم كلي مشكل دارم.همش ميگه بچه جون چيه صبح تا شب نشستي پاي اينترنت مگه توش حلوا خيرات ميكنن بيا برو فكر نون باش كه خربزه آبه !!

شما هم با حرفاي پدرم موافقيد كه خربزه آبه ؟ من كه نمي دونم چون اصلاً خربزه دوست ندارم. راستش گوشم از اين حرفا پره ! اهميتي نمي دم من چند سال پيش تصميم خودمو گرفتم كه از اينترنت پول در بيارم ولي باور كنيد تا چند ماه پيش حتي 1 تومان هم نتونستم در بيارم.هر راهي رو كه بگيد امتحان كردم ، اكثر سايت هاي خارجي رو امتحان كردم حتي توي بعضي از سايت ها سرمايه گذاري هم كردم ولي نه تنها پولي عايدم نشد بلكه اون پولي رو هم كه قبلاً سرمايه گذاري كردم از دست دادم.سايت هاي خارجي ريسك بسيار بالايي دارند چون ايران تحت تحريمه و اين سايت ها با ايراني ها كار نمي كنند و اگر هم كار كنند به محض اينكه بفهمند كه ايراني هستيد پولتون رو بالا ميكشند.

خلاصه اينكه اين چند سال به هر دري زدم نشد كه نشد.تا بالاخره راهشو پيدا كردم .ببينيد توي اينترنت بايد زرنگ باشيد اوني برند ه است كه مخش بهترو بيشتر كار كنه .سعي كنيد توي اينترنت به هيچكس اعتماد نكنيد حتي عزيز ترين دوستتون ،من ضربشو خوردم سايت قبليمو كه 6 ماه واسش كار كرده بودم و زحمت كشيده بودم از دست دادم فقط واسه اينكه به دوستم اعتماد كرده بودم و يوزر و پسورد سايت رو بهش داده بودم.راستش اصلاً فكر نمي كردم كه بخواد اينقدر نامرد بازي در بياره و سايتمو هك كنه ولي خب !! بگذريم اينو گفتم كه هواستون باشه

اين راه كسب درآمد رو كه من پيشنهاد ميكنم حاصل چندين ماه تجربه منه .من كارمو از اول سال 86 توي اين سايت شروع كردم و تا الان هم حدود 350000 تومان كسب درآمد كردم.راستش ماه اول زياد اعتماد نداشتم فكر ميكردم كه اين سايت هم مثل سايت هاي ديگه مي خواد كلاه برداري كنه ولي بعد از اينكه پول به حسابم واريز شد باورم شد كه كارش خيلي درسته.اين سايتي كه بهتون معرفي ميكنم ايرانيه و واسه اينكه بتونيد توش عضو بشيد فقط 2 تا چيز الزاميه يكي داشتن سايت يا وبلاگ و يكي ديگه داشتن حساب الكترونيكي(عابر بانك) .(البته شايان ذكر است كه بعضي از سايت هاي ايراني هم دست كمي از سايت هاي خارجي ندارند و كلاه برداري اونا شهره عام و خاص است مثل سايت www.agpshop.com اين سايت وقتي شروع به كار كرد تونست خيلي از وب سايت ها رو به زير مجموعه خودش در بياره ولي غافل از اينكه درآخر ماه پولي به اونا پرداخت نمي كرد خيلي از دوست هاي من گول اين سايت رو خوردن ولي خب الان ديگه اكثر بچه ها ميدونن كه اين سايت كلاه برداره و ديگه كسي باهاش كار نمي كنه)

نحوه كار به اين صورته كه بعد از ثبت نام در اين سايت به شما يه كد اختصاصي ميده كه بايد اين كد رو توي وبلاگ يا وب سايتتون قرار بديد.سعي كنيد كه اين كد رو در بهترين جا قرار بديد چون به نفع خودتونه !

به ازاي هر كليك كه از طريق سايت شما روي اين كد ميشه به طور اتوماتيك مبلغ 150 ريال به حساب شما واريز ميشه و در آخر هر ماه اگه اعتبار شما به 20000 تومان برسه بلافاصله اين پول به حساب بانكي شما واريز ميشه.به همين راحتي ! اگه مي خوايد در آخر هر ماه پول بشتري عايد شما بشه بايد بازديد هاي سايتتون رو بالا ببريد چون هر چي آمار سايتتون بالا باشه تعداد كليك هاي روي كد مربوطه نيز بيشتر ميشه در نتيجه پول بيشتري نصيبتون ميشه.نحوه كار كد اين سايت كاملاً درسته يعني دقيقاً دونه به دونه كليك هاي شما رو حساب ميكنه و مثل بعضي از سايت ها نيست كه از 10 تا كليك فقط 2 تا رو حساب كنه اگه باور نداريد ميتونيد تست كنيد.در ضمن اين سايت از امنيت بالايي برخورداره يعني از هر كاربر فقط يك كليك رو قبول ميكنه و بر اساس IP كاربر ها رو ميشناسه ،اين يه جور مزيته واسه جلوگيري از اونايي كه ميخوان با تقلب و با كليك بيشتر پول بيشتري در بيارن.

ديگه فكر نمي كنم چيز خاصي از قلم افتاده باشه. اگه سئوال خاصي داشتيد مي تونيد با ايميل من در ارتباط باشيد

alisoft2002@yahoo.com

موفق و پيروز باشيد.

تگ جدول

جدولها يکي از بهترين و مفيدترين عنصرها در صفحات وب ميباشند، با استفاده از آنها ما مي توانيم اطلاعات و عناصررا در يک صفحه سازمان دهي و مرتب کنيم . کليه اطلاعات يا عناصر ديگر وب را ميتوانيم داخل رديف ها يا ستون هاي يک جدول قرار دهيم بدون آنکه خطوط جدول مشخص باشد و يا در صورت نياز خطوط آنها نمايان ميشود. کمتر کسي را پيدا ميکنيد که از اين عنصر استفاده نکند و زمانيکه تجربه کافي براي طراحي يک سايت بدست آورديد به اهميت اين عنصر پي خواهيد برد.تگ مشخصه جدول <table></table> ميباشد. اما براي اضافه کردن رديف به يک جدول از<tr></tr>و براي ستون از تگ <td></td> استفاده ميکنيم. پس ساختار کلي يک جدول بدين صورت ميباشد:
<table>
<tr><td>this is a table.</td></tr>
</table>

هر چه تگهاي رديف و ستون بيشتر باشد به همان اندازه ما در جدولمان خانه خواهيم داشت. مجموعه کد بالا نشان دهنده يک جدول با يک رديف و يک ستون است يعني اين جدول داراي يک خانه ميباشد. يکي از ويژگيهاي جدول که محبوبيت آنرا زياد ميکند اينست که هر خانه از آن ميتواند به طور مجزا زمينه رنگي و يا عکسي در زمينه آن داشته باشد البته اندازه هاي هر خانه هم ميتواند متفاوت باشد.

border

خب براي اينکه بتوانيم يک جدول را در مرورگر خود ببينيم بايد با خصوصيت border=" " آشنا شويم. اين خصوصيت دور جدول يک کادردرست ميکند البته اگر اين خصوصيت را برابربا صفر قرار دهيم يا آنرا ننويسيم کادر دور جدول در مرورگر نمايان نخواهد شد و هر چه عدد بزرگتري بگذاريم کادر ضخيم تري خواهيم داشت، در ضمن رنگ کادرهم با bordercolor=" " که برابر با عدد هگز رنگ است تعيين ميشود. border ويژگيهاي ديگري هم دارد، به طور مثال شما ميتوانيد خصوصيت frame=" " را به تگ <table> اضافه کرده و آنرا برابر با يکي از کلمات void, above, below, hsides, vsides,lhs, rhs, box قرار دهيد تا کادر دور جدول را کنترل کنيد. اين کلمات هر کدام يک قسمت از کادر را نمايان ميکنند.

rule

ويژگي ديگري هم هست ولي بهتره اول يک جدول درست کنيد تا مطلب جا بيافتد، برنامه Notepad را باز کنيد و کد زير را وارد کرده و به اسم Table.htm ذخيره کنيد:
<table border="4" bordercolor="#ff0000">
<tr>
<td>cell 01</td><td>cell 02</td>
</tr>
<tr>
<td>cell 03</td><td>cell 04</td>
</tr>
</table>

مثال

حالا خصوصيت rules=" "را به تگ<table> اضافه کنيد و هر بار يکي از کلمات all, none, groups, rows, cols را جلوي آن قرار دهيد و فايل را دوباره ذخيره کنيد تا تاثير اين خصوصيت را ببينيد. مثال

Alignment

ميتوانيد با استفاده از خصوصيت align=" "که در تگ <td>مينويسيد محل قرارگرفتن يک عنصر مانند متن را تعيين کنيد که ميتوانيد اين خصوصيت را با کلمات left, right, center, justify مقداردهي کنيد. مثال

height, width

با خصوصيات height=" " , width=" " هم اندازه طول و عرض يک جدول را ميتوان کنترل کرد که بايد آنها را برابر با عدد در مقياس پيکسل قرار دهيد در ضمن شما ميتوانيد از درصد % هم استفاده کنيد مانند width="90%" که اين جدول نود درصد عرض يک صفحه را اشغال ميکند. مثال

bgcolor

براي تعيين رنگ زمينه يک جدول ازbgcolor=" " که با عدد هگز رنگها مقدار دهي ميشود استفاده ميکنيم. اين خصوصيت را در تگ هاي <tr> و <td> هم مي توانيد بکار بريد. مثال

cellspacing, cellpadding

تگ <table> دو خصوصيت ديگر هم دارد که شما با بکار بردن آنها ميتوانيد فاصله بين خانه هاي جدول را از هم کنترل کنيد يعني فضاي خالي بين خانه ها اضافه کنيد، اين خصوصيت اين است cellspacing=" "و ديگري فاصله بين متن داخل يک خانه در جدول با لبه هاي چارچوب آن خانه است که خصوصيت cellpadding=" " اين وظيفه را به عهده دارد. هرچه مقداردهي عددي آنها بزرگتر باشد فاصله ها بيشتر خواهد بود. مثال

header: <th></th>

حالا که با درست کردن رديف و ستون در جدول آشنا شديد، ميتوانيد براي هر ستون و رديف عنوان گذاري کنيد و يک تيتر به بالاي ستون يا به ابتداي يک رديف اضافه کنيد. در هر قسمت که شما به يک تيتر و عنوان نياز داشتيد بجاي تگ <td></td> از تگ <th></th> استفاده کنيد که در اين حالت متن نوشته شده در آن خانه بصورت ضخيم ظاهر شده و از بقيه متمايز ميشود. مثال

colspan, rowspan

گاهي اوقات شما نياز داريد تا چند خانه در يک رديف يا يک ستون از جدول را ترکيب کنيد تا يک خانه درست شود و بطور مثال يک تيتر و عنوان در آن قرار دهيد که براي ترکيب خانه هاي يک ستون از خصوصيت rowspan=" " و براي يک رديف از colspan=" " در تگ <td> استفاده ميکنيد و مقدار آنرا برابر با تعداد خانه هايي که بايد يکي شوند، قرار ميدهيد.مثال

caption

بطور معمول هر جدول داراي يک اسم و يا يک توضيح ميباشد که آنرا با تگ <caption></caption> در ميان تگهاي <table></table> مشخص ميکنند. اين تگ داراي خصوصيت align=" " ميباشد با کلمات top, bottom, left, center, right مقداردهي ميشود.مثال

thead, tbody, tfoot

اگر جدول شما داراي ستونها و رديفهاي زيادي است پس تکرار خصوصيات در هر تگ مربوطه بسيار دشوار است. شما ميتوانيد بصورت گروهي اين خصوصيات را کنترل کنيد. براي کنترل رديفها بايد آنها را به سه قسمت تقسيم کرد، قسمت سرشامل فقط خانه هاي رديف اول، بدنه شامل همه رديفهاي وسط و قسمت انتهايي شامل فقط خانه هاي آخرين رديف، که قسمت سر را با <thead></thead> ، قسمت بدنه را با <tbody></tbody> و قسمت انتهايي را با <tfoot></tfoot> کنترل ميکنيم. اين تگ داراي خصوصيت align نيز ميباشد.مثال

colgroup

همچنين با تگ <colgroup></colgroup> ميتوانيد خصوصيات کليه ستونهاي يک جدول را کنترل کنيد که اين تگ علاوه بر خصوصيات گفته شده در اين بخش داراي خصوصيت span=" " نيز ميباشد که توسط آن تعداد ستونهايي که بايد کنترل شوند را تعيين ميکنيد. مثال

summery

يک خصوصيت ديگر نيز براي تگ <table> هست بنام summery=" " که توصيفي از جدول ميباشد ولي در جايي نمايش داده نميشود. اين خصوصيت براي مرورگرهايي که فقط متن را نمايش ميدهند و يا مرورگرهاي مخصوص افراد ناتوان ، مفيد ميباشد که بهتر است از آن استفاده کنيد.

به اين موضوع هم توجه داشته باشيد که شما ميتوانيد داخل يک جدول، جدول ديگري هم درست کنيد يعني داخل هرخانه جداگانه يک جدول بسازيد که به اين روشNested table گفته ميشود.

ساخت نقشه تصويری ( image map )



Image map يکي از تکنيکهاي ساخت عکس بصورت لينک است که گاهي اوقات به کمک ما ميايد. بطور مثال ما نقشه ايران را در صفحه اي قرارداده و ميخواهيم که بيننده سايت هرگاه روي يک استان کليک کرد صفحه مربوط به آن باز شود تا اطلاعات مربوطه را در اختيار کاربر قرار دهد. اين حالت حجم عکس را افزايش نخواهد داد و بهتر است از عکسهايي با حجم بالا استفاده نکنيم که در اين مورد به قسمت عکسها رجوع کنيد.

خب حالا عکس مورد نظر را با استفاده از تگ <img>درصفحه قراردهيد، سپس خصوصيت usemap=" " را به تگ اضافه کنيد که آنرا برابربا يک اسم واحد بايد قرار دهيم تا از آن اسم در جاي ديگر استفاده شود. اين خصوصيت به مرورگر ميفهماند که عکس را بصورت Image map ميخواهيم بکار بريم.

<img src="images/mypic.gif" usemap="#map01">

به علامت # دقت کنيد که بايد نوشته شود. در حال حاضر عکس آماده است و بايد تگهاي نقشه را وارد کنيم.ابتدا تگ <map name="map01"> وارد ميکنيم تا مرورگر بفهمد که نقشه آغاز شده و با استفاده از خصوصيتname=" " مشخص ميشود که چه عکسي قرار است اين خاصيت را داشته باشد. حالا نوبت به تعيين قسمتهاي مختلف عکس رسيده که هر قسمت در چه اندازه اي و به کجا بايد لينک شود. اين قسمتها ميتوانند اشکال هندسي نظيردايره، چهارگوش وچند ضلعي باشند. اين اطلاعات در تگ <area> مشخص ميشوند، اين تگ داراي سه خصوصيت ميباشد:

Shape=" " مشخص ميکند که هر قسمت داراي چه شکل هندسي ميباشد. اگر چهارگوش rectangle باشد آنرا برابر با "rect" قرار ميدهيم، اگر دايره circle بخواهيم برابر با "circle" و اگر چند ضلعي polygon بخواهيم برابر با "poly" قرار ميدهيم.

Coords=" "اين خصوصيت، مختصات نقاط تشکيل دهنده شکلها را مشخص ميکند که مختصات هر نقطه بر اساس محور x, y در مقياس پيکسل ميباشد. براي تشکيل يک لينک به شکل چهارگوش بايد مختصات دو نقطه گوشه چپ طرف بالاوگوشه راست طرف پايين آنرا بدست بياوريم ، چون هر نقطه داراي دو مختصات ميباشد يکي بر روي محور xها و ديگري yها پس چهار عدد بايد بنويسيم و هر عدد را با علامت کاما جدا کنيم.

Coords="10,10,65,65"

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

href=" " که در اين قسمت آدرس صفحه يا سايت مورد نظر را وارد ميکنيم.
<img src="images/mypic.gif" usemap="#map01">
<map name="map01">
<area shape="rect" coords="25,25,55,50" href="page.htm">
<area shape="circle" coords="124,243,40" href= "www.yahoo.com">
<area shape="poly" coords="22,30,76,90,147,199,289,270,140,111,44,67" href="pages/first.html">
</map>



خب سوالي که حالا پيش ميايد، اينست که مختصات اين نقاط را چگونه پيدا کنيم؟ دو راه براي آن وجود دارد، يکي استفاده از برنامه هاي مختلف مانند Photoshop و ديگري که برايتان توضيح خواهم داد بدون استفاده از برنامه جانبي است و داخل همان صفحه ، با کمک مرورگر اينترنت اکسپلورراست. بعد از اينکه يک عکس را در صفحه قرار داديم و مراحل تشکيل Image map را انجام داديم يک تگ و يک خصوصيت به اين کدها اضافه ميکنيم و آنچه را که ميخواهيم براحتي بدست مياوريم. ابتدا تگ مخصوص لينک را قبل از<img> قرار ميدهيم تا عکس ما بصورت يک لينک ظاهر شود و سپس خصوصيت ismap را به تگ<img>اضافه ميکنيم و فايل را ذخيره ميکنيم. حالا آنرا باز کرده و همانطور که موس را روي عکس حرکت ميدهيد يک نگاه به نوار وضعيت status bar مرورگر در پايين بياندازيد، اعدادي را که مشاهده ميکنيد مختصات نقاط ميباشند.
<a href=" # "><img src="image.gif" usemap="#newmap" ismap>
<map name="newmap">
</map>
</a>

فراموش نکنيد که بعد از پيدا کردن مختصات نقاط، تمام مراحلي را که اضافه کرديد دوباره برداريد.

در اين بخش شما اولين صفحه وب را خواهيد ساخت تا سادگي زبان html را لمس کنيد. براي شروع ابتدا برنامه Notepad ويندوز را باز کنيد، البته مي توانيد از هر برنامه ويرايشگر متن استفاده کنيد. سپس اين تگها را بنويسيد:
<html>
</html>

اين تگها به مرورگر وب ميفهماند که از کجا کدهاي html شروع و به کجا ختم ميشوند. پس بقيه تگها را ما بايد بين اين دو وارد کنيم. تگها را ما به دو دسته تقسيم ميکنيم: تگهاي قسمت سر head و تگهاي قسمت بدنه body ، بدين صورت:
<html>
<head>
</head>
<body>
</body>
</html>

فرق اين دو قسمت در اينست که هر اطلاعاتي داخل تگهاي قسمت سر head نوشته شود در صفحه مرورگر نشان داده نميشود ولي در قسمت بدنه body هر اطلاعاتي وارد شود در صفحه نمايش داده ميشود.

خب دوستان اين ساختار کلي و اسکلت بندي يک صفحه وب هست که بايد هميشه آنرا در نظر داشته باشيد. حالا يک متني بين تگهاي بدنه body وارد کنيد، مثلاً
<html>
<head>
</head>
<body>
This is my first page!
</body>
</html>


نامگذاری و ذخيره کردن فايل

الان کدنويسي ما تکميل شد و بايد اين فايل متني را ذخيره کنيم تا بتوانيم در مرورگر وب خود امتحانش کنيم. ابتدا منو File را باز کنيد و گزينه Save as را انتخاب کنيد، يک پنجره براي آدرس دهي و نامگذاري آن فايل باز ميشود که آدرس جايي که بايد ذخيره شود را مانند My Documents وارد کنيد

سپس در پايين پنجره باز شده در قسمت File Name اسم فايل را بنام Firstpage وارد کنيد و دقت کنيد تا در آخر اين اسم يک نقطه بگذاريد و پسوند html را بنويسيد و دکمه Save را بزنيد تا فايل متني ما بصورت يک فايل html ذخيره شود.
دقت کنيد اگر ميخواهيد فايل شما در سيستم عامل DOS هم باز شود بايد پسوند .htm را در آخر اسم وارد کنيد.

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

در اين بخش شما اولين صفحه وب را خواهيد ساخت تا سادگي زبان html را لمس کنيد. براي شروع ابتدا برنامه Notepad ويندوز را باز کنيد، البته مي توانيد از هر برنامه ويرايشگر متن استفاده کنيد. سپس اين تگها را بنويسيد:
<html>
</html>

اين تگها به مرورگر وب ميفهماند که از کجا کدهاي html شروع و به کجا ختم ميشوند. پس بقيه تگها را ما بايد بين اين دو وارد کنيم. تگها را ما به دو دسته تقسيم ميکنيم: تگهاي قسمت سر head و تگهاي قسمت بدنه body ، بدين صورت:
<html>
<head>
</head>
<body>
</body>
</html>

فرق اين دو قسمت در اينست که هر اطلاعاتي داخل تگهاي قسمت سر head نوشته شود در صفحه مرورگر نشان داده نميشود ولي در قسمت بدنه body هر اطلاعاتي وارد شود در صفحه نمايش داده ميشود.

خب دوستان اين ساختار کلي و اسکلت بندي يک صفحه وب هست که بايد هميشه آنرا در نظر داشته باشيد. حالا يک متني بين تگهاي بدنه body وارد کنيد، مثلاً
<html>
<head>
</head>
<body>
This is my first page!
</body>
</html>


نامگذاری و ذخيره کردن فايل

الان کدنويسي ما تکميل شد و بايد اين فايل متني را ذخيره کنيم تا بتوانيم در مرورگر وب خود امتحانش کنيم. ابتدا منو File را باز کنيد و گزينه Save as را انتخاب کنيد، يک پنجره براي آدرس دهي و نامگذاري آن فايل باز ميشود که آدرس جايي که بايد ذخيره شود را مانند My Documents وارد کنيد

سپس در پايين پنجره باز شده در قسمت File Name اسم فايل را بنام Firstpage وارد کنيد و دقت کنيد تا در آخر اين اسم يک نقطه بگذاريد و پسوند html را بنويسيد و دکمه Save را بزنيد تا فايل متني ما بصورت يک فايل html ذخيره شود.
دقت کنيد اگر ميخواهيد فايل شما در سيستم عامل DOS هم باز شود بايد پسوند .htm را در آخر اسم وارد کنيد.

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

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

فرمتهاي عکس در وب:

خب بپردازيم به ادامه بحث ، عکسها داراي فرمتهاي زيادي ميباشند ولي فرمتهايي که در وب بکار برده ميشوند، عبارتند از:

.gif (Graphic Interchange Format)

.jpeg (Joint Photographic Experts Group)

.png (Portable Network Graphics)

عکسها با فرمت .gif بيشترين استفاده را در وب دارند و محبوبترين نوع عکس است. اين نوع فرمت 256 رنگ را پشتيباني ميکند و از ويژگيهاي ديگر آن animation, transparency, interlacing است . البته محبوبيت آن بيشتر براي حجم کم آن است.

Transparency به شفافيت يک عکس ميگويند که آنرا پشت نما هم مينامند. اين ويژگي است که يک عکس آنقدر شفاف است که شما ميتوانيد تا تصوير ، متن يا رنگ زير آن عکس را ببينيد.

Interlacing گاهي وقتها شما منتظر ميشويد تا يک عکس به دليل بزرگي اندازه بارگذاري شود بعد آنرا ببينيد اما اگر عکسي اين ويژگي را داشته باشد کم کم عکس کامل خواهد شد يعني خط به خط به عکس اضافه ميشود تا کامل بارگذاري شود.مثال

Animation عکسهاي متحرک را مي گويند وفقط اين فرمت هست که از متحرک سازي عکس حمايت ميکند.

عکسهايي با فرمت .jpeg حدود 16 ميليون رنگ را پشتيباني ميکنند ، نسبت به فرمت .gif از حجم بالاتري برخوردار است ولي کيفيتش بهتر است ، تمام ويژگيهاي gif را دارد به غير از Animation. فرمت .png نسبت به قبليها جديدتر است و مخلوطي از آنهاست يعني کيفيت jpeg و حجم کم gif را دارد.



افزودن عکس به صفحه وب:

مانند همه عناصر داخل صفحه، عنصر عکس هم تگ خاص خودش را دارد که آن تگ <img>و پايان دهنده هم ندارد. اما براي مشخص کردن فايل عکس و آدرس دهي آن بايد از خصوصيت src=" " داخل تگ استفاده کنيم که اگر يک عکس داخل دايرکتوري وب سايت خودتان باشد ديگر نيازي به آدرس کامل نيست و فقط اسم دايرکتوري و اسم فايل با پسوند مشخصه آن عکس نوشته ميشود ولي اگر ميخواهيد که عکسي را از وب سايت ديگري در صفحه خود بگذاريد بايد آدرس آن وب سايت و دايرکتوري که عکس در آن قرار گرفته و اسم کامل آن فايل را بنويسيد مانند:

<img src="images/pic01.gif">

<img src="www.sitename.com/images/pic01.gif">

مثال

Height, Width

اين تگ خصوصيات ديگري هم دارد، يکي از آنها که کاربرد زيادي هم دارد خصوصيات طول height و عرض width ميباشد که توسط آنها اندازه يک عکس را داخل صفحه ميتوانيد کنترل کنيد. مقياس اندازه گيري طول و عرض بر حسب پيکسل Pixel ميباشد، اگر شما اين خصوصيات را کنترل نکنيد عکس در اندازه اصلي خود ظاهر ميشود. بطور مثال شما ميخواهيد عکسي را وارد کنيد که در صفحه بايد به اندازه 100×100 فضا اشغال کند:

<img src="images/pic01.gif" height="100" width="100">

مثال

اين نکته را در نظر داشته باشيد که سرعت کامل شدن عکس يعني download شدن آن در صفحه بستگي به حجم آن دارد نه اندازه عکس، پس ميتوانيد اندازه هاي يک عکس را اضافه کنيد ولي دقت کنيد که کيفيت عکس خراب نشود.

Alignment

شما ميتوانيد محل قرارگرفتن عکس را نسبت به عناصر اطراف خودش با خصوصيت align=” “تعيين کنيد و ميتوانيد کلمات left,right,top,middle,bottom را براي اين خصوصيت بکار بريد. بر فرض ميخواهيد که يک متن بعد از عکس و در وسط قرار گيرد:

<img src="images/pic01.gif" align="middle"> This is a text

مثال

در ضمن اگر ميخواهيد خود عکس در وسط صفحه قرارگيرد بايد از تگ<center> قبل از تگ <img> استفاده کنيد و بعد از آن </center> را بنويسيد:

<center><img src="pic01.gif"></center>

مثال

Border

اگر مايل هستيد براي عکس کادر بگذاريد ميتوانيد از خصوصيت border=” “ استفاده کنيد و آنرا برابر با يک عدد قرار دهيد که هر چه اين عدد بزرگتر باشد ، کادر دور عکس هم ضخيم تر است به صورت پيش فرض border=”0” است يعني هيچ کادري مشاهده نميشود.مثال

Alt

تا حالا متوجه شديد که در يک وب سايت هنگاميکه نشانگر موس بر روي يک عکس که قرار ميگيرد يک کادر متني کوچک باز شده بنام tooltip و اطلاعاتي را راجع به آن عکس ميدهد؟ پس شما هم اينکار را انجام دهيد، خصوصيت alt=" " را داخل تگ گذاشته و هر متني را که جلويش بنويسيد در صفحه هنگاميکه موس بر روي عکس قرار گيرد ، زيرنشانگر نمايان ميشود. بهتر است که شما هميشه اين کار را انجام دهيد چون مرورگرهايي وجود دارد که عکس را نمايش نميدهد پس با اينکار بيننده از حضور آن عکس خبر دار ميشود.مثال

hspace, vspace

دو خصوصيت ديگر هست که حاشيه و فضاي خالي دور عکس را کنترل می کند، hspace=” “براي حاشيه چپ و راست عکس وvspace=” “ براي بالا و پايين. عددي را که وارد ميکنيد در مقياس پيکسل است.مثال

Image link

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

<a href="www.sitename.com"><img src="images/sitelogo.gif"></a>

بر روی لوگوی زير کليک کنيد تا به صفحه اصلی سايت هدايت شويد

لينک چيست؟

لينکها يا همان نقاط پيوند صفحات هم، يک نوع متن به حساب مي آيند، فقط تنها فرقي که بين آنها وجود دارد در اين است که هنگاميکه با موس بر روي آنها ميرويم نشانگر موس شکل دست به خود گرفته تا ما بر روي آن کليک کنيم، البته در بيشتر مواقع رنگ آن هم با متن هاي معمولي فرق دارد. پس از کليک کردن روي لينکها، ما به صفحات ديگر يا حتي به سايتي ديگر هدايت ميشويم. تگ مخصوص لينک <a></a> ميباشد که با خصوصيت href آدرس دهي ميشود که آن لينک به کجا وصل خواهد شد. به طور مثال اگر ما بخواهيم يک لينک درست کنيم که به سايت yahoo متصل شود بدين صورت عمل ميکنيم،

<a href="www.yahoo.com">Yahoo website</a>

که در مرورگر لينک زير ظاهر ميشود و ما را به سمت سايت ياهو حرکت ميدهد دقت کنيد فقط متني که مابين دو تگ آغاز کننده يعني <a href=” “>و تگ پايان دهنده </a> نوشته شود در مرورگر به شکل لينک ظاهر ميشود و قابل کليک است

Yahoo website

همانطور که مشاهده ميکنيد به صورت پيش فرض رنگ لينکها آبي بوده و زير آنها خط کشيده ميشود که در بخش Style Sheet شما ياد خواهيد گرفت تا اين خط را برداشته يا رنگ آن را تغيير دهيد. لينکها را مي توان به دو دسته داخلي و خارجي تقسيم کرد، همانطور که از اسمشان پيداست لينکهاي داخلي نقاط پيوند داخل يک صفحه يا صفحات مختلف يک وب سايت ميباشند و لينکهاي خارجي نقاط پيوند بين دو سايت مختلف ميباشند.

Absolute and Relative

لينکهاي داخلي به دو صورت نوشته ميشوند، يا بايد آدرس کامل وب سايت و فايل را نوشت مانند:

<a href="http://www.mysite.com/page01.htm"> Page01 </a>

به اين مدل لينک absolute ميگويند.

و يا اينکه فقط اسم فايل را بنويسيم البته اگر آن فايل داخل يک دايرکتوري است بايد ابتدا اسم آن دايرکتوري را نوشته سپس نام فايل را مينويسيم. به فرض مثال اگر لينک ما قرار است به يک صفحه به اسم Page01.htm در دايرکتوري بنام htmlpages متصل شود مجموعه کدي که بايد نوشته شود بدين صورت است:

<a href="htmlpages/Page01.htm"> Page01 </a>

به اين مدل relative مي گويند.

دقت کنيد دوستان وقتي صفحه اي که قرار است به اين لينک ما پيوند داده شود دردايرکتوري پايين تر از اين صفحه قرار دارد اينگونه عمل ميشود اما اگر لينک ما در صفحه اي قرار دارد که قرار است به يک صفحه در دايرکتوري بالاتر از آن متصل شود مي توانيم به جاي اسم دايرکتوري بالاتر از دو نقطه کنار هم( .. ) استفاده کنيم،

<a href="../page02.htm"> page02 </a>

به طور ساده مي توان گفت که اگر اين صفحه قرار است به صفحه اي داخل دو فولدر تو در تو متصل شود بايد اسم فولدر اول بعد اسم فولدر داخل فولدر اول سپس اسم آن فايل يا صفحه را مينويسيم ولي اگر در آن صفحه بخواهيم يک لينک بگذاريم که به اين صفحه پيوند داده شود جاي فولدر داخلي و فولدر اول ميتوانيم دو نقطه بگذاريم و سپس اسم اين فايل را بنويسيم يعني بدين شکل:

<a href="../../thispage.htm"> this page </a>

target

تگ لينک خصوصيتي دارد که توسط آن مي توانيد محل باز شدن و يا نمايش صفحه اي که مي خواهيد به آن پيوند دهيد را کنترل کند که آن صفحه در همان پنجره يا در يک پنجره جديد باز شود. اين خصوصيت target نام دارد که بايد برابر با يکي از مقادير _blank , _self , _top , _parent قرار گيرد.
target="_blank"
اين مقدار يک پنجره جديد در مرورگر باز کرده و صفحه مربوط به آن لينک را نمايش ميدهد.

_self
اطلاعات صفحه مربوط به آن لينک در همان فريم که لينک قرار دارد نمايش داده ميشود.

_parent
صفحه مورد نظر در همان پنجره مرورگر باز خواهد شد ، نه در پنجره جديد.

_top
صفحه مربوط به اين لينک هيچگاه در پنجره اي که فريم دارد باز نخواهد شد.

Anchor

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

<a name="top">

در بين دو علامت " " و به جاي کلمه top هر اسمي ميتوانيد بکار بريد اين نکته را در ذهن داشته باشيد که اين تگ درمرورگر ظاهر نميشود.اما تگ ديگري که نياز است خود کد لينک است وبجاي نوشتن آدرس فايل در خصوصيت href شما نامي را که انتخاب کرديد به اضافه علامت # را مينويسيد:

<a href="#top">top of the page</a>

در مورد لينکهاي خارجي يعني لينکهايي که به سايتهاي ديگر وصل ميشوند بايد از مدل absolute استفاده کنيد و آدرس کامل را بنويسيد:

<a href="http://www.sitename.com/page01.html"> link to another site </a>

نکته: نوشتن پروتکل http:// اجباري نيست و ميتوانيد از نوشتن آن صرف نظر کنيد.

mailto

علاوه بر اين لينکها شما ميتوانيد براي آدرسهاي ايميل هم لينک درست کنيد که تگ آن به صورت زير ميباشد:

<a href="mailto:email_address"> my email </a>

کلمه mailto: به مرورگر ميفهماند که بايد يک ايميل به آدرس بعد از آن فرستاده شود. البته اين لينکها براي بيننده هايي که ايميل هايشان را با برنامه هايي مانند Outlook express چک ميکنند ، مفيد است چون وقتي که روي اين نوع لينک کليک شود برنامه پيش فرض مديريت ايميل در سيستم عامل کاربر باز ميشود پس براي بيننده هايي که آدرس ايميل ياهو دارند اين کد مفيد نيست بهتر است که آدرس کامل ايميل را نوشته و به صورت يک لينک درست کنيد تا براي کليه بينندگان سايت مفيد باشد، مانند مثال زير:

<a href="mailto:my_email@domain.com"> my_email@domain.com </a>

البته شما ميتوانيد حتي موضوع و متن ايميل را تعيين کنيد. اگر قصد همچين کاري را داريد پس بايد بلافاصله بعد ازآدرس ايميل داخل تگ يک علامت سوال اضافه کنيد تا مرورگر بفهمد که اين آدرس ادامه دارد و بعد از علامت سوال کلمه subject= را مينويسيد که اين کلمه نشانگر موضوع ايميل است و هرچيزي که جلوي آن نوشته شود به عنوان موضوع ايميل در برنامه مشخصه نمايان خواهد شد و اگر متن ايميل هم بخواهيد نوشته شود بايد بعد از موضوعي که نوشتيد علامت & را بگذاريد وسپس کلمه body= را که نشانگر متن ايميل است و در جلوي علامت مساوي هر متني را ميتوانيد وارد کنيد. بر فرض مثال ميخواهيد که ايميل با موضوع Test و متن Hello my friends به آدرس ايميل فرستاده شود:

<a href="mailto:my_email@domain.com?subject=Test&body=Hello my friends"> my_email@domain.com </a>

توجه داشته باشيد که اگر ميخواهيد اين کد را امتحان کنيد اول بايد برنامه پيش فرض مديريت ايميل مانند نرم افزار Outlook را براي آدرس ايميل خود تنظيم کنيد.

ليستها هم جزو عنصر متن در html ميباشند که بخاطر زياد بودن تگهاي متن مجبورم آنها را از هم جدا کنم. سه نوع ليست وجود دارد، يکي ليستهاي با ترکيب منظم (Ordered list) و ليست با ترکيب نا منظم (Unordered list) وديگري ليستهاي توصيفي (Definition list) . شايد اين نوع نامگذاري بخاطر وجود اعداد يا حروف بترتيب در ليست منظم است که در ديگري فقط نقطه هاي توپر هست که ترتيبي را نميتوان براي آنها در نظر گرفت. در هر صورت تگهاي آن به شرح زير ميباشند:

<ol><li></ol>

براي درست کردن ليست در يک صفحه از اين تگها بايد استفاده کنيم، بدين صورت که در آغاز قسمتي که ميخواهيم ليست درست کنيم تگ <ol>را که مخفف ordered list ميباشد را مينويسيم تا مرورگر بفهمد ليست از آنجا شروع ميشود و سپس در ابتداي هر گزينه از ليستمان تگ <li>را اضافه ميکنيم و در انتهاي گزينه ها تگ پايان دهنده </ol>را می نويسيم.

مثال

اگر دقت کنيد به صورت پيش فرض اعداد 1,2,3 به ابتداي گزينه هاي ليست مان اضافه ميشود. شما ميتوانيد خصوصيت type را به تگ <ol> اضافه کنيد و آنرا با A, a که به صورت حروف کوچک يا بزرگ انگليسي و يا با I, i که با اعداد رومي است مقدار دهي کنيد. به طور مثال اگر ميخواهيد ترتيب ليست شما با اعداد رومي کوچک باشد بدين صورت تگ را کامل ميکنيد:
<ol type="i">
<li> Item 01
<li> Item 02
<li> Item 03
</ol>

مثال

<ul><li></ul>

اين تگ را unordered list مينامند و مانند تگهاي بالا براي درست کردن ليست در يک صفحه ميباشد با اين تفاوت که بجاي حروف و اعداد از دايره يا مربع هاي توپر استفاده ميکند که مانند بالا ميتوانيد از خصوصيت type که با کلمات” disc”, “circle”, “square” مقدار دهي ميشود استفاده کنيد.

<ul type="disc">
<li> Item 01
<li> Item 02
<li> Item 03
</ul>

مثال

شما ميتوانيد براي درست کردن يک ليست که داراي چند گزينه است و هر گزينه هم چند زير مجموعه دارد از مخلوط اين دو نوع ليست استفاده کنيد که به اين حالت Nested list گفته ميشود.

بر فرض مثال ما يک ليست داريم که چهار گزينه دارد و هر کدام از آنها دو رنگ سفيد و سياه دارند:
<ol type=”I”>
<li> Item 01 <ul type="circle"> <li> Black <li> White </ul>
<li> Item 02 <ul type="circle"> <li> Black <li> White </ul>
<li> Item 03 <ul type="circle"> <li> Black <li> White </ul>
<li> Item 04 <ul type="circle"> <li> Black <li> White </ul>
</ol>

مثال

<dl><dt><dd></dl>

آخرين مدل، ليستهاي توصيفي هستند که براي تعريف و توصيف يک کلمه بکار ميروند که کلمه مشخص را با تگ <dt> و توصيف آنرا با <dd> بکار ميبرند.

<dl>
<dt> Html
<dd> HyperText Markup Language.
</dl>

مثال

همانطور که دربخشهاي قبل گفته شد، هرمتني را بين تگهاي <body>وارد کنيد بعد از ذخيره آن فايل با پسوند.html يا.htm و هنگام نمايش فايل در مرورگر آنرا مشاهده خواهيد کرد که متن مورد نظر با تنظيمات مرورگر نمايان خواهد شد. ولي ما با استفاده از تگهاي اين عنصر کنترل نمايش نوشته ها را بدست خود ميگيريم تا همان چيزي که مورد نظر ما است نشان داده شوند. تگهاي متن را ميتوان به دو دسته تقسيم کرد، تگهاي اوليه که بيشتر وظيفه خط بندي، پاراگراف بندي و يا تنظيمات در ارتباط با متن را به عهده دارند و تگهايي که شکل و آرايش حروف را کنترل ميکنند که به آنها formatting مي گويند. بهتر است که Notepad يا هر برنامه ويرايشگر متن را که داريد باز کنيد و هر کدام از اين تگها را امتحان کنيد تا کاربرد آنها در ذهن شما جاي گيرد.



<br>
براي خط بندي از اين تگ استفاده ميشود و متن بعد از آن به يک خط پايين تر منتقل ميشود که نيازي به تگ پايان دهنده هم ندارد.
مثال

<p></p>
پاراگراف بندي متن را به عهده دارد و فاصله بيشتري را نسبت به <br> بين خطوط ايجاد ميکند. اين تگ داراي خصوصيت align= " " ميباشد که محل قرارگيري پاراگراف را در يک سطر کنترل ميکند و با کلمات "left", "center", "right", "justify"مقداردهي ميشود. مثال

<p align="left">...</p>

<center></center>
همانطور که از اسمش پيداست متن بين اين دو تگ در وسط يک سطر قرار خواهد گرفت، البته اين تگ را براي عناصر ديگر وب نيز ميتوان بکار برد.مثال

<pre></pre>
مرورگرها فاصله هر کلمه را در حد استاندارد نشان ميدهند و اگر شما بخواهيد که يک متن با فاصله هاي زيادي نمايش داده شود يعني آنطور که ميخواهيد نشان داده شود از اين تگ استفاده ميکنيد.مثال

<h1></h1>
به اين تگHeading مي گويند و براي مشخص کردن سرفصلها و تيترها بکار ميرود. اين تگ از عدد يک تا شش درجه بندي دارد که عدد يک بزرگترين حد و شش کوچکترين حد حروف را نمايش ميدهند. در ضمن داراي خصوصيت " "=align ميباشند و با left, center , right مقداردهي ميشود.مثال

<hr>
اين تگ روي خود متن کاري صورت نميدهد و فقط با ترسيم يک خط افقي آنها را از هم جدا ميکند که داراي خصوصيات زير ميباشد.

width=" "طول خط را کنترل ميکند که هم با عدد در مقياس پيکسل و هم با درصد ميتوان مقدار دهي کرد.

align=" " که محل قرار گيري خط در يک سطر را کنترل ميکند.

color=" "رنگ خط که ميتوانيد اسم رنگ يا کد هگز رنگ را بنويسيد.

size=" " اين خصوصيت ضخامت خط را تعيين ميکند که هرچه عدد بزرگتر باشد ، ضخامت بيشتر است. بصورت پيش فرض خط داراي سايه ميباشد و اگر خصوصيت noshade را به تگ اضافه کنيد ديگر سايه را نشان نميدهد.مثال

<div></div>
اين تگ کاربرد فراواني براي مدل دادن به متن دارد و مانند تگ <br> آن قسمت از متن را جدا ميکند وبه خط بعد منتقل ميکند . خصوصيت style=" " در اين تگ توانايي اعمال يک الگوي خاص در آن قسمت از متن را ميدهد. بطور مثال هر گاه کاربر نشانگر موس را روي آن متن برد ، نوشته هاي ما خط دار شود، البته هر نوع Style که تعريف شود همان را بکار ميبرد. در بخش Style Sheets درست کردن الگوها را توضيح خواهم داد. مثال

<span></span>
اين تگ هم مانند تگ بالا ميباشد با اين تفاوت که مخصوص يک کلمه يا حتي يک حرف ميباشد چون مانند div متن را از بقيه جدا نميکند و داراي خصوصيت style=" " ميباشد که بر فرض هنگام قرار گرفتن موس روي يک کلمه زمينه آن رنگي شود. مثال

<marquee></marquee>
متن بين اين دو تگ متحرک خواهد شد و داراي خصوصيات زير ميباشد، البته اين تگ ممکن است در همه مرورگرها عمل نکند ولي در مرورگر اينترنت اکسپلورر (IE) مشکلي براي نمايش ندارد. خصوصيات اين تگ عبارتند از :

align=" "محل قرار گرفتن متن را تعيين ميکند که با کلمات top, middle, bottom مقدار دهي ميشود.

behavior=" "اين خصوصيت نحوه حرکت متن را کنترل ميکند که آنرا برابر با scroll اگر قرار دهيم، متن بصورت متناوب از يکطرف صفحه وارد و از طرف ديگر خارج ميشود و اگر برابر با alternate قرار دهيم ، متن از صفحه خارج نميشود و در عرض مرورگر حرکت ميکند، همچنين اگر برابر با slide باشد ، متن از يکطرف وارد صفحه شده و در طرف ديگرميايستد.

bgcolor=" " رنگ زمينه آن تگ را مشخص ميکند که يا نام رنگ يا کد هگز آنرا مينويسيد.

direction=" "جهت ورود متن به صفحه را کنترل ميکند و با کلمات left, right, top, down که از چپ ، راست، بالا و پايين ميتواند وارد شود.

height=" "ارتفاع کادر marquee را به عدد در مقياس پيکسل يا به درصد تعيين ميکند.

hspace=" " حاشيه چپ و راست را کم وزياد ميکند.

loop=" "تعداد چرخش متن را کنترل ميکند.

scrolldelay=" " سرعت حرکت متن را تعيين ميکند.

vspace=" " حاشيه بالا و پايين متن را مشخص ميکند.

width=" " عرض کادر را کنترل ميکند.

مثال

<-- !.....-->
از اين تگ براي افزودن نظريه يا هر نوشته ديگري که نميخواهيد در مرورگر نمايش داده شود و يا عملي را انجام دهد استفاده ميکنيد که بجاي نقطه چين هر متني را ميتوانيد وارد کنيد .

<bdo></bdo>
اين تگ فقط مخصوص مشخص کردن متن ازطرف چپ يا راست که داراي خصوصيت dir=” “ ميباشد و با ltr يعني از چپ به راست و rtl يعني از راست به چپ مقدار دهي ميشود.

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



تگهاي HTML

اولين چيزي که براي برنامه نويسي html بايد بدانيد، اينست که تگ html چيست و چه کاري انجام ميدهد. تگهاي html دو نوع هستند، تگهاي آغازين و تگهاي پايان دهنده. بطور کل تگها با دو علامت کوچکتر و بزرگتر، يعني < > مشخص ميشوند و بين اين دو علامت کد html نوشته ميشود، مانند:

<b>

اين يک تگ آغازين است و کد داخل آن به مرورگر ما ميفهماند که متن بعد از آن بايد بصورت حروف ضخيم و bold به بيننده صفحه نشان داده شود و بلافاصله متن مورد نظر را مينويسيم و در آخر آن، تگ پايان دهنده که مرورگر بفهمد تا کجا اين متن بايد بصورت ضخيم نمايش داده شود،

<b> This is a bold text. </b>

همانطور که مشاهده ميکنيد، تگهاي پايان دهنده داراي يک علامت Slash ( / ) ميباشد.

اما کار اين تگها چيست؟ مرورگرهاي وب مانند اينترنت اکسپلورر، به علامتهاي < > حساس هستند و به محض اينکه به آنها مي رسند کد داخل آنها را خوانده و عمليات لازم را بر روي متن بعد از آن انجام ميدهند تا به تگ پايان دهنده برسند. در حقيقت مرورگرها حکم مترجم را براي ما دارند و کليه تگها ونوشته هاي داخل آنها را بصورت اطلاعات منظم و قابل فهم در قالب يک صفحه وب براي ما ترجمه کرده و به نمايش ميگذارند. ما با وارد کردن تگهاي مناسب، کنترل نمايش صفحه وب را در مرورگرها به کنترل خود در مي آوريم پس بايد ياد بگيريد که تگهاي html را چگونه و در کجا بنويسيد. زبان html هم مانند هر زبان ديگري ساختار و قواعد خاص خود را دارد که در صفحات بعد با آنها آشنا مي شويد.

Source code

صفحات وب داراي مزيتي هستند و آن مشاهده کدهاي Html در مرورگر است که شما براحتي مي توانيد تگهاي عناصر تشکيل دهنده آن صفحه را ببينيد و با نحوه قرار گرفتن و تکنيکهاي بکار گرفته شده آشنا شويد. براي ديدن سورس کد يا همان کد تشکيل دهنده صفحه وب داخل منوي view در مرورگر مي شويد و بر روي گزينه Source کليک مي کنيد که بطور معمول برنامه Notepad باز شده و تگهاي Html را نشان مي دهد که در حال حاضر فهميدن آنها براي شما مشکل است ولي در آينده نزديک هيچ مشکلي براي درک کدها نخواهيد داشت.

تمامي اين عناصر(( elements که در بخش قبل ذکر شد مي توان همگي يا تک تک آنها را در ميان کدهاي html بکار برد. لازم بذکر است که کليه کدها و عناصر مربوط به زبان html توسط يک کنسرسيوم و انجمني به نام W3C تأييد و به رسميت شناخته مي شود. انجمن W3C که مخفف World Wide Web Consortium مي باشد، به غير از Html بر کدهاي Style sheet, xml, xhtml هم نظارت دارد. اين انجمن پس از بررسي کدهاي جديد آنها را در سايت رسمي خود www.w3.org اعلام مي نمايد. در حال حاضر آخرين نسخه html، نسخه html 4.01 ميباشد و بعد از آن نسخه هاي Xhtml به وب معرفي شده است.



هدف از ساخت وب سايت

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



کجا و چگونه سايت را راه اندازي کنيد

ابتدا بايد يک اسم مناسب براي سايت انتخاب کنيد که به اين اسم domain مي گويند، اسم يک وب سايت از سه قسمت تشکيل مي شود: www که مخفف World Wide Web ميباشد، اسم منتخب شما يا همان Domain و در آخر پسوندهاي مشخص مانند: .com, .net, .org, .info

پس از انتخاب اسم که بايد يک هماهنگي با مطالب سايت داشته باشد، نوبت به ثبت آن ميرسد که شما مجبورهستيد با يک شرکت خدمات اينترنت قرار داد ببنديد، براي ثبت اسم و اجاره فضا تا اطلاعات شما را در اينترنت به معرض نمايش بگذارند. بعد از اينکه تنظيمات اوليه انجام شد، شما مي توانيد با استفاده از سرويسهايي مانند FTP که مخفف File Transfer Protocol ميباشد اطلاعات سايت را حذف ، اضافه يا تغيير دهيد که در مورد اين سرويس در بخش ديگري توضيح خواهم داد.

البته سابتهايي هستند که شما ميتوانيد به طور رايگان سايت خود را راه اندازي کنيد اما معايبي هم دارند که يکي از آنها پخش تبليغات در صفحات شما ميباشد و ديگر اينکه امکانات محدود آنها است ولي براي شروع کار و آشنايي با نصب و راه اندازي يک وب سايت بسيار مناسب ميباشند. يکي از اين سايتها www.geocities.com است که اگر ايميل در سايت ياهو داريد، فضاي رايگان در اختيارتان قرار ميدهد.



اهميت طراحي وب سايت

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



براي يادگيري HTML به چه چيزهايي نياز داريد

براي ديدن صفحاتي که طراحي مي کنيد نياز به يک مرورگر وب web browser داريد اگر شما اين صفحه را مي بينيد پس يکي از اين مرورگرها را داريد. اما براي نوشتن کدهاي html در حال حاضر به برنامه ساده notepad که درکليه سيستمهاي عامل ويندوز وجود دارد نياز داريد، برنامه هاي پيشرفته ديگري هم هست که محيط گرافيکي دارند مانند: Microsoft frontpage , Macromedia Dreamweaver ولي براي شروع بهتر است که از همان Notepad استفاده کنيد. پس مهمترين چيزي که نياز داريد کمي وقت و علاقه هست.

امروزه شما به هر طرفي که نگاه مي کنيد آدرس هاي اينترنتي را مشاهده مي کنيد که اين آدرس ها شما را به صفحاتي در اينترنت هدايت مي کنند تا اطلاعاتي را در اختيار شما قرار دهند.بيشتر اين آدرس ها با www آغاز شده که مخفف سه کلمه World Wide Web مي باشد. وب قسمتي از دنياي اينترنت است که شامل متن، عکس و تصوير يا حتي صدا مي باشد که بعضي از اين صفحات به هم مرتبط بوده و شما را به صفحه ديگر حرکت مي دهند.

همانطور که ميدانيد براي دسترسي به اين صفحات نياز به چند چيز داريد:

ابتدا شما بايد مشترک يکي از شرکتهاي سرويس دهنده اينترنت شويد که به اين شرکتها ISP مي گويند.ISP مخفف Internet Service Providers است. سپس شما براي مشاهده صفحات نياز به يک برنامه به اسم مرورگر وب Web browser داريد مانند: Internet explorer, Netscape Navigator, Opera, Mozilla تا کدهاي متني اين صفحات را ترجمه کرده و به صورت يک سري اطلاعات قابل فهم براي ما نمايش دهند.

داخل اين مرورگرها کادري(Address bar) است که شما مي توانيد آدرس هاي اينترنتي را وارد کرده و پس از فشار دادن دکمه Enter برروي کيبورد منتظر نمايش يک وب سايت باشيد. اگر دقت کرده باشيد پس از اين عمل کلمه http درجلوي آدرس وارد شده اضافه مي گردد که مخفف HyperText Transport Protocol ميباشد، اين کلمه به مرورگرميفهماند، اين آدرس از چه پيوند و تکنولوژي مي خواهد براي نمايش صفحه استفاده کند، چون پروتکلهاي مختلفي هست مانند: FTP که مخفف File Transfer Protocol .

نام فني آدرسهاي اينترنتي URL مي باشد که اين اصطلاح مخفف سه کلمه Universal Resource Locator است.
HTML چيست؟

زمانيکه شما داخل صفحات يک وب سايت مي گرديد اجزاي گوناگوني را مي بينيد که تمام آنها در يک چيز مشترک هستند و آن زبان يا کدي است که آنها را توليد مي کند که اين زبان HyperText Markup Language يا همان HTML مي باشد.حالا اجازه دهيد تا کلمه به کلمه برايتان توضيح بدهم، البته انتظار يک معني دقيق و سليس را نداشته باشيد ولي درحدي که براي من قابل فهم بود براي شما خواهم گفت.

: Hyper متضاد نوشته هاي خطي( Linear ) است ، اگر شما با زبانهاي برنامه نويسي کامپيوتر آشنايي داشته باشيد مانند ويژوال بيسيک ميبينيد که بايد کدها را خط به خط بنويسيد و تا يک خط اجرا نشود بعدي خوانده نمي شود يعني آنها را بايد به ترتيب بنويسيد تا برنامه اجرا شود ولي HTML اينطوري نيست و الگوي خطي ندارد شما هر کدي را مي توانيد هر جا که بخواهيد بنويسيد.

Text : به همان متني مي گويند که مي نويسيد تا در مرورگر نشان داده شود.

Markup :عملي است که مرورگر برايتان انجام ميدهد يعني يک متن ساده مي نويسيد ولي جور ديگري نمايش داده مي شود.

Language: بالاخره اين هم يک نوع زبان و بايد يک چيزي پيدا کرد تا به حرف L بخوره ديگه (-:


عناصر تشکيل دهندهHTML

HTML زبان وب ميباشد که داراي عناصر( elements ) گوناگوني است که بر روي هم تشکيل يک صفحه از سايت را ميدهند. اين عناصر عبارتند از:

*

( texts & lists ) متنها و ليست ها : نوشته هاي داخل يک صفحه را در برميگيرد.
*

( images ) عکسها : عکس هاي داخل يک صفحه که زيبايي خاصي به وب سايتها مي بخشند.
*

( ( tables جدولها : جدولها بهترين عنصر براي سازمان دهي و مرتب کردن اطلاعات ما هستند که نقش اساسي در طراحي يک سابت دارند.
*

( ( forms فرمها : عناصري که بيننده سايت به کمک آنها مي تواند اطلاعاتي را وارد کرده تا ذخيره شده يا فرستاده شود.
*

( ( hyperlinks نقطه پيوند : البته اين معني اصلي لغت نمي باشد و اين عناصر، نقطه پيوند و ارتباط بين دو صفحه از يک سايت يا دو وب سايت متفاوت مي باشد. مانند :

www.yahoo.com

*

( frames ) چارچوبها : فريمها يا چارچوبها تنها عناصري هستند که با استفاده از آنها ما مي توانيم چند صفحه اينترنتي را در يک صفحه جاي دهيم. مانند
*

( multimedia ) چند رسانه اي : شايد بشه آنرا صوت و تصوير هم گفت ، اگرچه از ابتدا صوت و تصوير با HTML نبوده اما در حال حاضر بيشتر مرورگر هاي وب از اين عنصر پشتيباني مي کنند و شما ميتوانيد در وب سايتتان فيلم وموزيک پخش کنيد.
*

( javascript ) جاوا اسکريپت : يک نوع زبان نوشتاري يا بهتر بگويم يک نوع کد است که ارتباط نزديکي با HTML دارد و البته آنها را بايد داخل کدهاي html بکار برد تا بتوانيد يک وب سايت حرفه اي با جذابيت بالا طراحي کنيد.
*

( JavaApplets ) جاوا اپلت : اپلتها برنامه هايي هستند که توسط زبان جاوا نوشته مي شوند و مي توان آنها را در يک صفحه جاسازي کرد براي کارآيي بالاي وب سايت مانند عمليات پيچيده رياضيات يا ساختن بازيها. زبان برنامه نويسي جاوا خود يک زبان مجزا و داراي محبوبيت خاصي دردنيا مي باشد که با جاوا اسکريپت فرق دارد.
*

( style sheets ) استايل شيت : اين عناصر قابليت انتقال اطلاعات به عنوان يک الگوي مشترک در بين صفحات را دارد. به طور مثال شما يک الگو براي رنگ متن مي سازيد و سپس آنرا بين صفحاتي که مي خواهيد به اشتراک مي گذاريد.
*

( DHTML ) : مخفف دو کلمهDynamic Html مي باشد که وظيفه آن روح بخشيدن به صفحات و بالا بردن جذابيت وب سايت مي باشد، شما مي توانيد با هماهنگي کدهاي javascript وDhtml يک وب سايت پويا و زنده طراحي کنيد.