X
تبلیغات
رایتل
سبز نیوز
مطالب کاربردی گیاهان زینتی.گیاهان دارویی.کشت قارچ.کشت گلخانه ای.تراریوم و بونسای
فروشگاه ساز رایگان فایل
HTML به زبان ساده (جلسه آموزشی دوم)
جمعه 20 بهمن‌ماه سال 1391 ساعت 06:15 ب.ظ | نوشته ‌شده به دست علیزاده | ( 0 نظر )

HTML به زبان ساده (جلسه آموزشی دوم)

cover

قبل از هر چیزی باید به‌خاطر نظرها و لطف شما عزیزان تشکر کنم. دو نکته را لازم می‌دانم در ابتدا بگویم: اول اینکه تمام تلاشم را می‌کنم تا هر هفته دو قسمت از آموزش را آماده نمایم (به احتمال زیاد برای روزهای دوشنبه و پنجشنبه).
دوم اینکه آدرس ایمیل من Hamed.zarei@itresan.com است. اگه سوال یا مشکلی داشتید، می‌توانید در بخش نظرها بپرسید و یا حتی ایمیل بزنید.
و اما ادامه آموزش!
اول از همه، جواب تمرین جلسه اول را می‌دهم. همان طور که همگی عزیزان درست حل کردید، برای اضافه کردن یک پاراگراف دیگر کافی است یک بار دیگر از جفت تگ <p> و </p> استفاده کنید.
بنابراین کد به صورت زیر خواهد بود:
<html>
<body>
<p>My first paragraph</p>
<p>My second paragraph</p>
</body>
</html>

سوال!!
به نظر شما در HTML این امکان وجود دارد که در داخل یک تگ، از یک تگ دیگر استفاده کنیم؟!
خب کافی است خودتان امتحان کنید! یک فایل HTML خالی ایجاد کنید (همان‌طور که در جلسه اول گفته شد به‌وسیله نوت پد) و کد بالا را به‌صورت زیر تغییر دهید:
<html>
<body>
<p>My first paragraph <p>My second paragraph </p> </p>
</body>
</html>
فایل رو ذخیره کرده و باز کنید.
حال می‌توانید حتما به سوال بالا جواب بدهید. نه؟! جواب این است که بله! می‌توان تگ‌های HTML را در داخل هم به‌کار برد.
نکته مهم 1: زمانی که تگ‌ها را به‌صورت تو در تو به‌کار می‌برید (مثل کد بالا)، باید یک نکته ساده اما بسیار اساسی را به یاد داشته باشید: تگی که زودتر باز می‌شود، دیرتر بسته می‌شود!
معنی این حرف این است که کد زیر یک کد اشتباه است:
<html>
<body>
<p>
This is my first paragraph.
</body>
</p>
</html>
به این دلیل که تگ body زودتر باز شده و بعد از آن تگ p آمده است. بنابراین ابتدا باید </p> ظاهر شود و سپس </body>. اما در کد بالا اوضاع برعکس است!
نکته مهم 2: اگر پیش‌تر با یکی از زبان‌های برنامه نویسی مثل جاوا یا سی شارپ یا پاسکال یا… کار کرده باشید، حتما با مفهوم کامپایل شدن کد آشنا هستید. اما اگر از قبل تجربه برنامه نویسی نداشته‌اید، باید به زبان ساده بگویم که با کامپایل شدن، کدهای نوشته شده قبل از اجرا شدن، از نظر وجود خطاهای دستوری بررسی می‌شود (مثل اشتباه نوشتن کلمات رزرو شده و…).
از نظر دستوری، کد HTML بالا درست نیست اما باید توجه کنید که HTML فاقد کامپایلر است! یعنی چه؟!!
یک فایل خالی دیگر ایجاد کنید و کدهای بالا را عینا در آن وارد و سپس آن را باز کنید. می‌بینید که مرورگر آن را بدون هیچ مشکل یا پیغام خطایی باز می‌کند.
برای این که کمی موضوع را بیشتر متوجه شوید، این بار کدهای زیر را در فایلی جدید ریخته و باز کنید!
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
این بار هم مرورگرتان کدها را بدون مشکل و به شکل درست نمایش می‌دهد. زیرا مرورگرتان بصورت خود جوش(!) کدهای بالا را به همراه تگ‌های پایانی در نظر می‌گیرد!
اما شما به عنوان یک طراح سایت هیچ گاه نباید به این موضوع تکیه کنید! زمانی که در حال طراحی یک صفحه وب هستید تعداد تگ‌هایی که باید به‌کار ببرید گاهی بسیار زیاد خواهند شد و اگر در استفاده درست آن‌ها دقت نکنید ممکن است ایرادات ناخواسته‌ای در نتیجه به‌وجود بیاید!

زنگ تفریح!!
نوبتی هم باشه نوبته استراحته! پس پنج دقیقه استراحت کنید و بعد ادامه درس! من هم کمی استراحت کنم!
.
.
.
.
.
خب در ادامه این جلسه با مفهوم Attribute یا صفت آشنا می‌شوید.

Attribute چیست؟
• تگ‌های HTML می‌توانند صفت داشته باشند.
• صفت‌ها در واقع، اطلاعات اضافی‌تری درباره یک تگ ارایه می‌دهند!
• صفت‌ها همیشه و همیشه در تگ آغازین مشخص می‌شوند.
• ساختار صفت‌ها به‌صورت زوج‌های “نام/مقدار” بکار می‌روند.
به مثال زیر توجه کنید تا بیشتر متوجه شوید:
لینک‌ها در کد HTML به‌وسیله تگ <a> مشخص می‌شوند. آدرس لینک مورد نظر به‌وسیله صفتی به نام href مشخص می‌شود.
کد زیر را در یک فایل جدید قرار داده و اجرا کنید.
<html>
<body>
<a href=”http://www.google.com”>This is a link</a>
</body>
</html>
نتیجه مشابه تصویر زیر خواهد بود:

pic-1

با کلیک بر روی لینک بالا، به سایت گوگل خواهید رفت!
در واقع، تگ a بدون صفت href نباید بکار برده شود. این href است که مشخص می‌کند آدرس لینک مورد نظر چیست!
برای امتحان کافی است یک بار تگ a را بدون صفت href به‌کار ببرید.
نکته 1: یادتان باشد که در صفت‌ها، مقدار باید همواره بین دو “ (دابل کوتیشن) و یا دو ‘ (سینگل کوتیشن) قرار بگیرد (مانند مثال href در بالا). در واقع صفت‌ها همواره به صورت زیر استفاده می‌شوند:
Name=”value”
یا
Name=’value’
نکته2: در بعضی مواقع خاص، زمانی که خود مقدار value دارای کاراکتر “ است، مجبوریم از تک کوتیشن استفاده کنیم! مثلا:
Name= ’Joe “ShotGun” Nelson’
مهمترین Attributesها:
یکی از مهم‌ترین صفت‌ها، id است که یک نام منحصر به‌فرد برای تگ ایجاد می‌کند. مثال:
<p id=”first_paragraph”> this a paragrapgh. </p>
در مثال بالا، به پاراگراف نام first_paragraph را اختصاص داده‌ایم. با این نام می‌توان در زبان جاوا اسکریپ، جی کوئری و CSS به این پاراگراف دسترسی پیدا کرد!
نکته: زبان جاوا اسکریپ یک زبان Client-side (سمت گیرنده) است که روی مرورگر کاربر اجرا می‌شود. برعکس زبان PHP که server-side است و سمت سرور اجرا شده، نتیجه به مرورگر کاربر منتقل می‌شود.
توجه کنید که جاوا اسکریپت هیچ ارتباطی با زبان برنامه نویسی جاوا ندارد!
اگر با جاوا اسکریپت، جی کوئری، پی اچ پی، سی اس اس آشنا نیستند، نگران نباشید. برای یاد گرفتن این‌ها، ابتدا باید HTML را به‌خوبی بشناسید. ضمن اینکه، به امید خدا و اگر عمری باقی باشد پس از پایان یافتن این سری آموزش به سراغ این‌ها هم خواهیم رفت.


Read more: http://itresan.com/10416/html-%d8%a8%d9%87-%d8%b2%d8%a8%d8%a7%d9%86-%d8%b3%d8%a7%d8%af%d9%87-%d8%ac%d9%84%d8%b3%d9%87-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d8%af%d9%88%d9%85.html#ixzz1FAeAL3TY
چاپ این مطلب: کلیک کنید

HTML چیست؟ جلسه اول
جمعه 20 بهمن‌ماه سال 1391 ساعت 05:44 ب.ظ | نوشته ‌شده به دست علیزاده | ( 0 نظر )

HTML چیست؟
HTML خلاصه عبارت Hyper Text Markup Language است، یک زبان برای تشریح و توصیف صفحات وب!
به زبان ساده، HTML یک زبان برنامه نویسی نیست بلکه تنها یک زبان نشانه گذاری (Markup) است که از مجموعه‌ای به نام تگ‌ها (Tag) تشکیل شده است.
در واقع، HTML به وسیله این تگ‌ها، یک صفحه وب را تشریح می‌کند.
اما تگ چیست؟!
تگ هایHTML :
تگ‌های HTML در واقع مجموعه‌ای از کلمات کلیدی و از قبل مشخص شده (keywords) هستند که به وسیله دو علاومت > و < مشخص می‌شوند. مانند: <html>،<p>،<img> و…
به زبان ساده‌تر، هرچیزی در یک صحفه وب باید بوسیله یکی از این تگ‌ها مشخص شود!
تگ‌های HTML معمولا به صورت جفتی به‌کار می‌روند، مانند <p> و </p> که به اولی تگ آغازین و به دومی تگ پایانی می‌گویند. هرچند که تعدادی از تگ‌ها هم بصورت تکی استفاده می‌شوند (مثل <br/>) که در جلسه‌های بعدی کاملا با آن‌ها آشنا می‌شوید.
نکته مهمی که باید همیشه به یاد داشته باشید، این است که تگ‌های پایانی همیشه بصورت </> بکار می‌روند! مثل </p>. به زبان ساده‌تر، تگ‌های پایانی را باید همیشه به‌همراه علامت / بکار ببرید.
وظیفه یک مرورگر وب مانند کروم، فایرفاکس یا اینترنت اکسپلورر در واقع خوانندن تگ‌های HTML و نمایش دادن صحیح آن‌ها بصورت صفحات وب است.
به مثال زیر توجه کنید:
<html>
<body>
<p>My first paragraph</p>
</body>
</html>
عباراتی بین دو تگ <html> و </html> قرار می گیرند، یک صفحه وب را شرح می‌دهند.
تگ های <body> و </body> بخش قابل مشاهده صفحه را مشخص می‌کند (هر چیزی که در صفحه وب قابل مشاهده است، در بین این دو تگ قرار می گیرد).
تگ‌های <p> و </p> هم مشخص می‌کنند که عبارت قرار گرفته بین این دو تگ، یک پارگراف است.
برای اینکه نتیجه را خودتان امتحان کنید، برنامه نوت پد ویندوز را باز کرده و عبارات بالا را در آن بنویسید و در آخر با نام example1.html ذخیره کنید. حالا فایل خود را بوسیله یک مرورگر باز کنید (برای این کار، از منویFile، Save As را انتخاب کنید و در پنجره‌ای که باز می‌شود، نام فایل را example1.html و Save as type را برابر All files قرار دهید).
حالا فایل HTML خود را باز کنید. باید دقیقا تصویر زیر را ببینید.

html-j1

حالا اگر از IE استفاده می‌کنید از منوی Page گزینه View Source را انتخاب نمایید. چه خواهید دید؟! دقیقا کدهای بالا را! درست است؟! (درصورت استفاده از فایرفاکس، کروم و اپرا با زدن دکمه های ترکیبی Ctrl+U می‌توانید از View Source استفاده کنید)
این نکته را هم باید همین جا اضافه کنم که برنامه‌های زیادی برای ساده‌تر کردن نوشتن کدهای HTML وجود دارد ازجمله HTMLPad، Adobe Dreamweaver و… که البته فعلا نیازی به استفاده از آن‌ها نیست.
فراموش نکنید که بهترین راه یادگیری HTML، نوشتن و تمرین زیاد است!
تمرین 1: کد بالا را طوری تغییر دهید که شامل دو پاراگراف My first paragraph و My second paragraph باشد.
جواب تمرین شماره 1 را در جلسه دوم خواهم داد!
در جلسات بعد با ما همراه باشید تا به تدریج با تگ‌های HTML و ویژگی‌های هر کدام آشنا شوید


Read more: http://itresan.com/10361/html-%d8%a8%d9%87-%d8%b2%d8%a8%d8%a7%d9%86-%d8%b3%d8%a7%d8%af%d9%87-%d8%ac%d9%84%d8%b3%d9%87-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d8%a7%d9%88%d9%84.html#ixzz1FAW92oC4
چاپ این مطلب: کلیک کنید

پرورش توت فرنگی
شنبه 14 بهمن‌ماه سال 1391 ساعت 05:47 ب.ظ | نوشته ‌شده به دست علیزاده | ( 0 نظر )
تاریخچه توت فرنگی:توت فرنگی میوه ای نسبتا جدید است که تا 250-300 سال قبل به این شکل امروزی وجود نداشت و بیشتر موارد استفاده دارویی داشته است. در قرن چهاردهم در فرانسه توت فرنگی های وحشی از جنگل به زمین زراعتی منتقل شد و از آن به عنوان یک گیاه اهلی استفاده گردید. در جنگلهای شمال ایران توت فرنگی

چاپ این مطلب: کلیک کنید

ساخت ویروس
دوشنبه 9 بهمن‌ماه سال 1391 ساعت 09:40 ب.ظ | نوشته ‌شده به دست علیزاده | ( 0 نظر )
ساخت ویروس

ساخت ویروس

اجرای این ویروس باعث میشود فضای کارت گرافیک پر شده و دیگر هیچ بازی روی کامپیوتر اجرا نشود.
وحالا دستور ساخت

چاپ این مطلب: کلیک کنید

(SubSeven
دوشنبه 9 بهمن‌ماه سال 1391 ساعت 09:33 ب.ظ | نوشته ‌شده به دست علیزاده | ( 0 نظر )

رای این کار شما به نرم افزار معروفی به نام ساب سون (SubSeven ) نیاز دارید خوب پس این نرم افزار را از اینترنت دانلود کنید وقتی شما وارد پوشه ی این نرم افزار میشوید چند فایل اجرایی را مشاهده می کنید که مهمترین آن ها Edit Server & Subseven هست من در این درس نم

چاپ این مطلب: کلیک کنید

تعداد کل صفحات: 1072


برای عضویت در خبرنامه ایمیل خود را وارد کنید