 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
| |
|
|
|
|
|
|
|
|
|
|
|
| صفحه نخست | تماس با مدیر | فروشگاه سایت | انجمن سایت | ||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||
|
اخبار سایت :
|
||||||||||||||||||||||||||||||||||||||||||||||||||
|
در صورت تمایل به کسب اطلاع از آخرین مطالب ارسالی در خبرنامه ثبت نام کنید. |
با توجه به اهمیت وب و گسترش فوق العاده سریع آن در دنیا سعی کردیم تا مطالب آموزنده و کاربردی در زمینه طراحی وب را ارائه کنیم. این خود آموز به صورت پله پله نوشته شده است پس با ما همراه باشید.
سازمان جهانی وب ( World Wide Web Consortium )
این سازمان مسئولیت استاندارد سازی زبان های برنامه نویسی و کلیه اجزاء تشکیل دهنده صفحات وب و وب سایتها را به عهده دارد. خود آموز زیر بر طبق استانداردهای این سازمان نوشته شده است.
Html چیست ؟
Hyper Text Markup Language
یا زبان نشانه گذاری فوق متن یک زبان برنامه نویسی نیست بلکه این زبان یک زبان برای نشانه گذاری عناصر یک صفحه وب است به طوری که یک مرورگر مانند Internet Explorer بتواند آن صفحه وب را به عناصر قابل رویت ترجمه کند و روی صفحه نمایشگر شما نشان بدهد. یک زبان نشانه گذاری از عناصر علامت گذاری (Tag ) ساخته شده است. HTML از عناصر علامت گذاری و یا تگ ها برای توضیح یک صفحه وب استفاده می کند. یادگیری این کدهای علامت گذاری به عنوان پایه ای برای یادگیری کلیه زبان های برنامه نویسی تحت وب و یا طراحی صفحات وب الزامیست. این نکته را فراموش نکنید که میزان یادگیری شما با میزان انگیزه شما رابطه مستقیم دارد. سعی کرده ایم در بیان مطالب از ساده ترین روش ها و گویا ترین کلمات استفاده کنیم تا برای تمامی علاقه مندان قابل استفاده باشد.
تگ چیست ؟ تگها کلماتی هستند که به وسیله یک جفت علامت <> احاطه شده اند مانند . تگها معمولا به صورت یک جفت می باشند مانند<br> </br> . اولین تگ ( تگ ابتدایی) و دومین ( تگ انتهایی) نامیده می شوند. تگ ابتدایی تگ شروع ویا تگ باز و تگ انتهایی تگ پایان ویا تگ بسته نیز نامیده می شوند. یک مجموعه کد html یک صفحه وب را شرح میدهد . یک صفحه وب توسط مجموعه ای از تگهای html و متن ها تشکیل میشود. در واقع یک صفحه وب مساوی است با یک صفحه html. منظور از یک مرورگر وب مانند Internet Explorer و یا FireFox وسیله ایست برای خواندن کدهای html و ترجمه ونمایش آنها به صورت صفحات وب .یک مرورگر تگها را نشان نمی دهد بلکه از آنها برای ترجمه صفحه وب استفاده می کند. در زیر میتوانید نمونه ای از کدهای html را ببینید :
متن بین <html> و <html/> صفحه وب را مشخص می کند. متن بین <body> و <body/> قسمت قابل رویت یک صفحه وب را نشان میدهد. متن بین <h1> و <h1/> به صورت یک سر فصل نمایش داده می شود. متن بین <p> و <p/> به صورت یک پاراگراف نمایش داده می شود.
چه چیزی احتیاج دارید؟ شما برای شروع یادگیری html احتیاج به هیچ نرم افزار پیچیده و یا یک وب سایت ندارید. در این خود آموز ما از نرم افزار Notepad موجود در windows برای نوشتن و ویرایش کدهای html استفاده میکنیم و اعتقاد داریم که این بهترین راه برای یادگیری html می باشد.
برای شروع شما میتوانید نرم افزار Notepad خود را از آدرس Start>Program>Accessories باز کنید و متن زیر را درون آن بنویسد .
پس از اتمام ، نوشته مورد نظر خود را با یکی از پسوندهای .htm و یا .html به نام Mainpage ذخیره کنید. این اولین صفحه وب ساخته شما است.
html. یا htm. ؟ برای ذخیره یک صفحه وب شما باید یکی از این پسوندها را انتخاب کنید .htm و یا .html در عمل این دو پسوند تفاوتی با یکدیگر ندارند . پسوند .htm یک پسوند قدیمیست و مربوط به زمانی است که پسوندها از ۳ حرف تشکیل می شدند ولی امروزه بهتر است از پسوند .html استفاده کنید. اگر احتمالا مطالبی که تا کنون برای شما گفته شده برای شما مبهم بوده است احساس نگرانی نکنید زیرا در قسمتهای بعدی توضیحات بیشتری خواهیم داد.
مثال ها برای یادگیری بهتر از چندین مثال شروع می کنیم.
سرفصل و یا Head Line
سر فصلها توسط تگهای <h1>تا <h6> علامت گذاری می شوند.
پاراگراف
پاراگراف ها توسط تگهای <p> علامت گذاری می شوند.
پیوندها و یا link ها
Link ها و یا پیوندها در توسط تگ <a> علامت گذاری می شوند. این تگ دارای نشانه هایی می باشد که در قسمت های بعدی توضیح داده خواهد شد.
تصاویر
صاویر در توسط تگهای <img/> علامت گذاری می شوند که دارای نشانه ها و تفاوت هایی با ۳ تگ قبلی است که در ادامه توضیح داده می شود. ( مانند نام و اندازه تصاویر )
عناصر HTML عناصر HTML اجزاء سازنده یک مجموعه HTML هستند. عنصر HTML یعنی هر چیزی که بین تگ ابتدایی و انتهایی وجود دارد. تگ شروع تگ باز و تگ پایانی تگ بسته نیز نامیده می شوند. عناصر و یا اجزاء یک مجموعه HTML دارای نظام و قواعد خاصی هستند که تعدادی از آنها در زیر گفته می شود.
البته در مورد تواناییها و مشخصات عناصر HTML در ادامه به صورت کامل توضیح داده خواهد شد.
تگهای HTML تو در تو (Nested) تگهای HTML معمولا توسط تگهای دیگری احاطه شده اند و از قانون خاصی پیروی می کنند به این صورت که تگ ابتدا در آخر بسته می شود این بدین معناست که تگی که جلوتر از همه تگها باز میشود باید در آخر همه آنها بسته شود .برای درک بهتر این مطلب به مثال زیر توجه کنید.
در این مثال تگ <html> در ابتدای همه تگها باز شده است و در انتهای همه آنها با <html/> بسته شده . محتوای تگ <html> تگهای <body> و <p> هستند. تگ <body> که بعد از آن باز شده قبل از آن با <body/> بسته شده است. محتوای تگ <body> که در واقع بدنه و قسمت قابل رویت یک صفحه HTML است در این مثال یک تگ <p> است. در مورد تگ <p> هم این موضوع تکرار شده است.
تگهای پایانی را فراموش نکنید
یکی از اشتباهات متداول در نوشتن کدهای HTML رعایت نکردن قانون (Nesting) و یا همان تگهای تو در تو و یا نبستن تگهای باز به وسیله تگهای بسته است . فراموش کردن تگهای پایانی در مثال بالا باعث بروز خطا نمیشود . ولی در اکثر موارد فراموش کردن تگهای پایانی و یا بستن تگها و رعایت نکردن قانون تگهای تو در تو باعث بروز خطا های ساختاری خواهد شد.
عناصر HTML خالی عناصر HTML بدون محتوا را عناصر خالی (empty element) می نامند .این عناصر در همان تگ ابتدایی بسته می شوند. تگ <br> یکی از عناصر خالی است که بسته نمیشود و باعث شکستن خط بعد از خود می شود. البته در زبانهای پیشرفته تر مانند XHTML و XML تگها حتما باید بسته شوند بنابرین استفاده از تگ <br/> به جای <br> مناسب تر می باشد.
حروف بزرگ یا کوچک؟ HTML حساس به بزرگ بودن و یا کوچک بودن حروف نیست به طور مثال <p> همان کاری را انجام می دهد که <P> انجام میدهد.بسیاری از صفحات وب از حروف بزرگ برای ساختن تگهای HTML استفاده میکنند. ولی استفاده از حروف کوچک طبق استانداردهای سازمان جهانی وب یک امر کاملا ضروریست. قسمت اول این خودآموز به پایان رسید و زمان ارائه قسمتهای بعدی آموزش زبان برنامه نویسی HTML از مقدماتی تا پیشرفته به نظر شما عزیزان و میزان استقبال شما عزیزان مربوط میشه.
|
این سایت به منظور انجام پروژه های دانشجویی و همچنین ارائه جدید ترین مقاله ها و آموزش های موجود در رشته مختلف دانشجویی به خصوص رشته های کامپیوتری طراحی شده است. در صورت تمایل به تبادل لینک ، لینک ما را با نام پروژه و آموزش دانشجویی در سایت خود قرار دهید و با ما تماس بگیرید. محبوب کردن الکتروبوت در گوگل
کلیک کنید : نظر شما درمورد ثبت نام در سایت و پرداخت هزینه ماهیانه محدود ، برای دریافت لینک های دانلود مستقیم سایت چیست؟ تاریخ نظر سنجی : 1390.4.12 " لپ تاپ , نوت بوک " آپلود عکس و فایل موبایل آموزش شبکه سورس برنامه نويسي پایگاه دانلود کتب آماری و تحلیل آماری مرکز دانلود رباتیک و الکترونیک ایران وطن ۲۰ رابین سافت مرجع دانلود رایگان حرفه ای ترین قالب هاي وبلاگ آموزش برنامه نویسی طراحی سایت در مشهد بانه ویترین دانلود رایگان فیلم و نرم افزار پروژه دانشجویی دانشجویان معماری پردیسان بزرگترین مرجع رشته کامپیوتر دانلود دانلودها بروزترین سایت تفریحی طراحی وب سایت زیباپیکس دانلود رایگان کتاب ZARAN | طراحی حرفه ای وب سایت Free photos and wallpapers بزرگترین مرکز وبمسترهای ایرانی آریا دانلود جامعه دانشجویان ایران -- همه چیز -- پی.سی.ول عقیق مجموعه ای گرانبها پرتال جامع موبایل مهندسی معماری ایستگاه نیاز روز دانلود پروژه های آموزشی ::.به روز رسانی نود 32.:: موسسه خیریه شیعیان مركزدانلود آموزش و پروژه دانشجويي کتب و جزوات شبکه و الکترونیک ๑۩۞۩๑ترفندهای داغ ویندوز7 ๑۩۞۩๑ بزرگترین سایت دانلود برنامه‌ها www.elec4u.ir پورتال آموزشي و تفريحي ايران فورت P30p30 بهترین سایت سرگرمی و دانلود وطـــن دانلود آریا مسکن - خرید و فروش املاک قالـــب وبلاگ دانلود پروژه، تحقیق و مقالات دانشجویی جزيره دانش پرشیا دانلود دریافت پروژه کارشناسی کلیک جادویی بزرگترین مرکز دانلود مقالات و کتابهای رشته کامپیوتر جدیدترین دستاوردهای فیزیک وبلاگ انجمن سرامیک میبد وبلاگ شخصی مهندس پورقاسمی دنیای کامپیوتر و تکنولوژی منابع plc ،برق،الکترونیک ،رباتیک فاروکسا / وب2 ۩۞۩ بزرگترین شهر دانلود ۩۞۩ نمایشگاه مبل سفیر مکانیک ، هوافضا ، اخترفیزیک فقط مهندسی برق خانه آیلتس ایران بزرگترین سایت اطلاعات کامپیوتری .:: قالب وبلاگ ::. طراحی سایت - Radcom وبلاگ مهندس مهدی بقالها پربیننده ترین مرجع اطلاع رسانی ایران .:: پادشاه کامپیوتر ::. فروشگاه و کسب درآمد از اینترنت دانشجويان الکترونيک شوشتر آفتابـــــــــگردان دانشجویان الکترونیک بوشهر دانلود رايگان پلان و مقالات عمراني پایگاه مجازی برق الکترونیک
» مطالب ارسالی : 372
» امروز : يكشنبه 16 بهمن 90 » بازدید های امروز : 529 » بازدید های دیروز : 2480 » بازدید های ماه : 8851 » نظرات : 227 » افراد آنلاین : 11 » کاربران عضو : 7635 » بازدید کل : 1404582 » تاریخ تاسیس : 1388/7/1
|
||||||||||||||||||||||||||||||||||||||||||||||||
| ElectRobot.ORG @ 2009 | Powered By ElectRobot.ORG | ||||||||||||||||||||||||||||||||||||||||||||||||||
