آشنایی با اصطلاحات وب سایت ها

[آبجی]

HTML چیست ؟
HTML برگرفته از حروف اول Hyper Text Markup Language ( زبان کد گذاری ابر متن ) ميباشد HTML را "اچ تی ام ال" و يا اچتمل بخوانید.

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

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

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

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

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

يک فايل HTML فايلی از نوع Text ميباشد که متشکل از markup tag ها ميباشد.
(مرورگر يا Browser از روی markup tag ها می فهمد که چگونه بايد صفحه را نمايش بدهد.)

يک فايل HTML بايد دارای انشعاب htm و يا html باشد.
غلب مرورگرها هر دو نوع انشعاب را به خوبی ميشناسند ولی ترجيحا به هنگام ذخيره فايلهای اچتمل از html استفاده کنيد.( استفاده از انشعابهای سه حرفی مانند htm مربوط به قديم و سيستم عاملهائی چون DOS بودند.)

نکته: وظيفه اصلی تگ های اچتمل ( Markup tags ) بيان چگونگی نمايش اطلاعات ميباشد.

[آبجی]

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

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

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

( Images ) عکسها : عکس های داخل يک صفحه که زيبايی خاصی به وب سايتها می بخشند.
يکی از عناصری که باعث جذابيت در وب سايت ميشود عنصر عکس يا همان 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 را دارد.

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

( Forms ) فرمها : عناصری که بيننده سايت به کمک آنها می تواند اطلاعاتی را وارد کرده تا ذخيره شده يا فرستاده شود.
در واقع فرمها تنها عنصری هستند که بيننده سايت ميتواند اطلاعاتی را بطور مستقيم وارد کرده که اين اطلاعات بعد از تجزيه و تحليل يا در فايلی ذخيره شده يا فرستاده ميشود. شما ميتوانيد داخل يک صفحه يا يک وب سايت چندين فرم داشته باشيد بطور مثال برای چند نوع نظرسنجی از بينندگان یا ...

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

( Frames ) چارچوبها : فريمها يا چارچوبها تنها عناصری هستند که با استفاده از آنها ما می توانيم چند صفحه اينترنتی را در يک صفحه جای دهيم.
در واقع هنگاميکه بخواهيد دو يا سه صفحه را در يک صفحه جای دهيد بايد از عنصر فريم يا چارچوب استفاده کنيد. اين عنصر زمانی کارآيی دارد که ميخواهيد يک قسمت، در همه صفحات ثابت باشد.
به طور مثال شما در سمت چب صفحه يک ليست ثابت داريد و ميخواهيد هر وقت بيننده روی هر گزينه از اين ليست که کليک کرد توضيحات مربوط به آن در سمت راست نمايان شود.
به مجموعه صفحات گنجانده شده در يک صفحه Frameset می گويند و به هر صفحه از آن يک Frame يا يک چارچوب گفته ميشود.

( Multimedia ) چند رسانه ای : اگرچه از ابتدا صوت و تصوير با HTML نبوده اما در حال حاضر بيشتر مرورگر های وب از اين عنصر پشتيبانی می کنند و شما ميتوانيد در وب سايتتان فيلم وموزيک پخش کنيد.
هنگاميکه يک فايل صوتی به صفحه اضافه شود، مرورگر به تنهايی قادر به پخش آن نمی باشد و بايد به کمک يک برنامه کاربردی ديگر اينکار را انجام دهد. مرورگرها توسط اطلاعاتی که از فايل دريافت می کنند می توانند تشخيص دهند که چه برنامه ای را بايد برای پخش آن فايل صدا بزنند که اين اطلاعات را MIME مي گويند.
MIME مخفف Multipurpose Internet Mail Extensions است.

زمانيکه مرورگر با يک MIME ناشناخته مواجه شود، پيغام خطای “ File Not Found ” را در صفحه نمايش می دهد.

[آبجی]

فرمتهای فايلهای صوتی:
WAV يکی از فرمتهای صوتی که کيفيت بالايی هم دارد و البته حجم زيادی هم اشغال می کند و در سيستم عامل ويندوز بکار می رود. نوع MIME اين فرمت برابر است با audio/wav .

AU اين فرمت متعلق به سيستمهای عامل UNIX, Linux است و خاصيت آن داشتن حجم کم و البته با کيفيت پايين تر، که نوع MIME اين فرمت برابر است با audio/basic .

AIFF اين فرمت هم متعلق به کامپيوترهای Macintosh است با کيفيت بالا و حجم بسيار بالا. نوع MIME آن برابر است با audio/aiff .

MIDI اين فرمت با فرمتهای ديگر صوتی تفاوتهايی دارد. در اين فرمت بجای ذخيره شدن فرکانس صدا، آهنگ صدا يا همان نت های موسيقی را ذخيره و پخش می کند. بزرگترين مزيت آن حجم بسيار پايين و عيب آن، پخش آهنگ بدون گفتار است. نوع MIME اين فرمت audio/midi است.

فرمتهای فايلهای تصويری:

MPEG اين فرمت مخفف کلمات Motion Picture Experts Group است که در بيشتر سيستمها قابل اجرا می باشد. نوع MIME اين فرمت video/mpeg است.

AVI اين فرمت متعلق به سيستم عامل ويندوز می باشد و نوع MIME آن برابر است با video/avi

QuickTime (MOV اين فرمت مخصوص سيستم های Macintosh می باشد که اگر مرورگری در سيستمهای ديگر Plug-in اين فرمت را داشته باشد آنرا پخش خواهد کرد و نوع MIME آن video/quicktime می باشد.

Advanced Streaming Format (ASF اين فرمت متعلق به شرکت مايکروسافت است که MIME آن video/asf می باشد.


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

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

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

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

[آبجی]

برای یادگیری HTML به چه چیزی نیاز دارید ؟

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

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

< b >
(البته حرف b را باید بدون فاصله از طرفین نوشت!)
اين يک تگ آغازين است و کد داخل آن به مرورگر ما ميفهماند که متن بعد از آن بايد بصورت حروف ضخيم و bold به بيننده صفحه نشان داده شود و بلافاصله متن مورد نظر را مينويسيم و در آخر آن، تگ پايان دهنده که مرورگر بفهمد تا کجا اين متن بايد بصورت ضخيم نمايش داده شود،

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

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


کار اين تگها چيست؟

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

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

[آبجی]

تاریخچه HTML

HTML توسط Tim Berners-Lee در خلال دهه 90 ميلادی همراه با گسترش وب، شکوفا شد. اين زبان توسط مرورگر Mosaic معروفيت خاصی پيدا کرد. در آن زمان HTML در چند مدل منتشر می شد که آن بستگی داشت به سازنده فايل و انجمنهايی که در زمينه وب فعاليت داشتند.

در نوامبر 1995 نسخه HTML 2.0 گسترش يافت و بلافاصله در همان سال HTML 3.0 منتشر شد، ولی استقبالی از آن نشد. در سال 1996 انجمن W3C شروع به فعاليت بر روی نسخه اين زبان کرد که حاصل کار آنها در 14 ژانويه 1997 انتشار HTML 3.02 بود.
اين نسخه توانست رضايت اکثريت را جلب کند چون هماهنگی بيشتری با مرورگرهای مختلف در سيستمهای عامل متفاوت داشت. در تمام نسخه های اين زبان ، سعی بر اين شده بود تا نظر کسانی که در زمينه وب سرمايه گذاری کرده بودند جلب شود و برنامه های توليد شده برای وب بتوانند مدت طولانی تری قابل استفاده باشند. به همين منظور HTML برای اهداف گسترده تری ، در وب توسعه يافت تا در کليه سيستمهای اطلاع رسانی و الکترونيکی کوچک و بزرگ با بکار بردن گرافيک و رنگها، قابليت بهره برداری بيشتری داشته باشد.

در 18 دسامبر 1997 نسخه HTML 4.0 در وب منتشر شد و در همين بين شرکتهای توليد کننده مرورگر وب يکسری مشخصات منحصر بخود را به اين نسخه اضافه کردند که قابل اجرا در مرورگرهای ديگر نبود. بعضی از اين تغييرات در W3C مورد تاييد قرار گرفت اما بعضی ديگر نه. با تغييرات HTML مرورگرها مجبور به تغيير شدند تا با تحولات جديد سازگار شوند.

در تاريخ 24 آوريل 1998 در اين نسخه تجديد نظر شد و حاصل آن پيدايش HTML 4.01 بود که با کمی تغيير و رفع يکسری مشکلات، در W3C برسميت شناخته شد و اين انجمن استفاده از آنرا به توسعه دهندگان و طراحان وب ، توصيه کرد.

بطور کل مجموعه HTML 4 با قابليت استفاده از embeded objects, frames, scripting, style sheets و با کارآيی بالاتر جدولها و فرمها به وب معرفی شد، همچنين در اين نسخه توجه زيادی به افراد با توانايی کم شده بود تا اين افراد هم بتوانند از محيط وب استفاده کنند.
اما مهمترين قدمی که در اين نسخه برداشته شد، پشتيبانی HTML از زبانهايی بود که از راست به چپ نوشته ميشدند مانند زبان فارسی، که در اين نسخه با پذيرفتن استاندارد ISO 10646 به هدف بزرگ بين المللی شدن اين زبان نزديک شدند تا همه مردم دنيا در هر کجا و با هر زبانی بتوانند اسناد HTML را منتقل کنند.

HTML 4.01 تفاوت کمی با نسخه اصلی خود يعنی 4.0 دارد اما در عوض هماهنگی بيشتری با نسل جديد زبان وب يعنی XHTML و نسل بعدی يعنی XML دارد. در اصل XHTML اساس و مقدمه XML است که برای هماهنگی و سازگاری HTML با XML منتشر شده است.

[آبجی]

استاندارد w3c چیست؟

w3c یا کنسرسیوم شبکه جان گستر وب، مجمعی متشکل از 400 شرکت و سازمان است که در مورد استاندارد ها و فناوری های وب، تشریک مساعی دارند.
استاندارد w3c، از سوی سازمان w3c به صفحاتی داده میشود که قوانین مشخصی را رعایت کنند. با رعایت این ضوابط، اینگونه صفحات در اکثر بروزر های معمول دنیا قابل خواندن، بدون مشکل خواهند بود.