• اگر سمپادی هستی همین الان عضو شو :
    ثبت نام عضویت

آموزش HTML برنامه نویسی تحت وب 2

  • شروع کننده موضوع NOOB
  • تاریخ شروع

Yabançı

کاربر نیمه‌حرفه‌ای
ارسال‌ها
255
امتیاز
388
نام مرکز سمپاد
طلایه داران
شهر
لاچین
رشته دانشگاه
JLE
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

بله اگر دیدم دنبال کننده داره و بازدید میشه بعد از اچ تی ام ال میرم css و بعد جاوا اسکریپت و php یک فروم دیگه هم ایجاد میکنم تا دوستان بتوانند مشکلاتشون رو بپرسند.لطفا سولاتتون رو تو تاپیک سوالات مربوط به همین تاپیک بپرسید.
 

Yabançı

کاربر نیمه‌حرفه‌ای
ارسال‌ها
255
امتیاز
388
نام مرکز سمپاد
طلایه داران
شهر
لاچین
رشته دانشگاه
JLE
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

بخش 1
خب آموزش وب رو با آموزش html شروع میکنم که احتمالا حدود سی بخشی میشه البته دقت کنید امکان داره روزی چند بخش پست کنم نمیدونم چند نفر بخوان یاد بگیرن اگه بازدید خوب شد ادامه میدم اگر نه تا آخر اچ تی ام ال فقط یاد میدم.پست ها رو آخرش یه پی دی اف میکنم واستون میزارم واسه دانلود.لطفا سوالاتتون رو در تاپیک سوالات همین بحث بپرسین.
خب آموزش رو با این سوال شروع میکنم که html چی هست؟
اچ تی ام ال زبان برنامه نویسی نیست بلکه به زبان نشانه گذاری متن هست که به مرورگر میگه کدوم قسمت مربوط به عنوان متن هست کجا پارارگراف هست کجا تیتر هست و...
خب همونطوری که گفتم اچ تی ام ال زبان نشانه گذاری هست در نتیجه از تگ های علامت گذاری تشکیل شده به طور مثال ما وقتی بخواهیم بگیم فلان قسمت عنوان هست بین تگ عنوان میذاریمش.کل آموزش اچ تی ام ال هم تو یاد گرفتن تگ ها و کاربرد اون ها خلاصه میشه.
اچ تی ام ال مخفف(hyper text markup language) هست که هایپرتکست یعنی یه متنی که واسه خوندن توسط ماشین ساخته شده مارکاپ هم یعنی نشونه گذاری که میشه زبون نشونه گذاری هابپرتکست!
تگ های نشونه گذاری اچ تی ام ال معمولا جفتی هستند که به اولی میگیم تگ شروع یا آغاز به آخری تگ پایان.تگ ها همیشه بین angle bracketها هستند که نمیدونم تو فارسی بهشون چی میگن انگل براکت ها همین علامت های <> هستند.
تمامی متن اچ تی ام ال ما باید بین دو تا تگ شروع <html> و تگ پایانی <html/>قرار میگیرند به متن وسط این دو تگ میگیم content یا محتوای تگ و به کل این تگ شروع و پایان و محتوای توش میگیم element یا همون عنصر خوب واسه شروع میتونید اگه ویندوز استفاده میکنید نرم افزار notepad تون رو باز کنید و اگه سیستم عامل دیگه استفاده میکنید ویرایشگر متنیتون رو باز کنید و اولین کد اچ تی ام التون رو توش بنویسید.خب ساختار کلی فایل اچ تی ام ال از سر و بدن تشکیل میشه یعنی head و body که به صورت زیر هست
<html>
<head>
</head>
<body>
</body>
</html>
البته به خاطر مشکلات رایت تو لفت تگ آغاز و پایانی اشتباه نمایش داده میشوند که باید به صورت <html> و <html/> اصلاح شوند در باقی کد ها نیز به همین صورت خواهد بود.
واسه دیدن نتیجه ی کار میتونید فایل متنیتون رو با فرمت .html یا .htm ذخیره کنید و نتیجه ی کار رو ببینید که یک صفحه ی خالی هست!!!!
متن بین تگ body محتوای صفحه ی ما رو نشون خواهد داد و تو بخش head یک سری تنظیمات قرار خواهند گرفت به طور مثال کد زیر رو اجرا کنید.
<html>
<head>
</head>
<body>
Hello world!
</body>
</html>
مشاهده خواهید کرد که متن سلام دنیا انگلیسی تو صفحه مرورگر شما ظاهر میشه.
تگ تیتر:
اچ تی ام ال تیتر های صفحه رو بر حسب اهمیت با شش تا تگ نشون میده که به ترتیب اهمیت سایزشون بزرگتر میشه پر اهمیت ترین تیتر با تگ <h1> نشون داده میشه و دارای بزرگترین سایز هست و کم اهمیت ترین تیتر دارای کوچکترین سایز با تگ <h6> نشون داده میشه.
تگ پاراگراف:
خب اگه شما با زبون انگلیسی آشنایی عمیق داشته باشید میدونید که پاراگراف انگلیسی مثل پاراگراف فارسی نیست پاراگراف انگلیسی وحدت موضوع داره و هر متن انگلیسی به چند پاراگراف تقسیم میشه ما از تگ پاراگراف برای نمایش متنمون استفاده خواهیم کرد تگ پاراگراف در اچ تی ام ال <p> هست.
برای نمونه کد زیر رو اجرا کنید.
<html>
<head>
</head>
<body>
<h1>this is title of text</h1>
<p>this is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
خب چون بخش اولمون هست تا همینجا کافی هست.
 
ارسال‌ها
2,126
امتیاز
23,682
نام مرکز سمپاد
فرزانگان
شهر
قم
سال فارغ التحصیلی
97
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

اگه تصویری که برای بک گراند می ذاریم کوچیک باشه باید چی کار کنم که یه دونه باشه؟چون دارم از روی سی دی یاد می گیرم خیلی به فوت و فن هاش اشاره نمی شه؟
حالا اگه بزرگ باشه چه طور؟
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

باید از سی اس اس استفاده کنید
کد رو بهتون میدم اما به صورت مفصل در آموزش سی اس اس در موردش بحث میکنیم


کد:
<html>
<head>
	<style type="text/css">
		body{
			background-repeat: no-repeat;
		}
	</style>
</head>
<body background="adress.jpg">


</body>
</html>
 
ارسال‌ها
2,126
امتیاز
23,682
نام مرکز سمپاد
فرزانگان
شهر
قم
سال فارغ التحصیلی
97
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

خیلی ممنونم از لطفتون پیدا کردم کدشو . چون دارم قدم به قدم پیش می رم هنوز به سی اس اس نرسیدم .
بعد یه سوال دیگه:
برای این فرم ها form actionرو توضیح می دین؟
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

اکشن ها توی اچ تی ام ال کاربردی نداره توی PHP و ASP , ... کاربرد داره
 
ارسال‌ها
2,126
امتیاز
23,682
نام مرکز سمپاد
فرزانگان
شهر
قم
سال فارغ التحصیلی
97
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

می دونی صورت اصلی سوالم داغونه اصن یه وضی اما مجبورم بپرسم.
آدرسی که برای اکشن می دیم می تونه این طوری باشه؟
مثلا:h.htm یا باید یه ادرس اینترنتی باشه مثلا sampadia.com
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

آره میتونی استفاده کنی


در ضمن برای ادرس سایت دادن httpL// یادتون نره
 

iman12

کاربر نیمه‌فعال
ارسال‌ها
6
امتیاز
2
نام مرکز سمپاد
متوسطه علامه حلی 2
شهر
تهران
مدال المپیاد
-
دانشگاه
-
رشته دانشگاه
-
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از ف . د . د :
ببخشید از کجا باید notepad++ رو دانلود کنم؟ "اینجا"تون کار نمیکنه!
https://notepad-plus-plus.org/download/v6.7.8.2.html ازاین جا میتونی دانلودش کنی ولی به نظر خودم برای زدن کد hrml و به خصوص css, rapid css خیلی بهتره
که اونو میتونی از این آدرس دانلود کنین.
http://p30download.com/fa/entry/12126/
 

☭ɐudɐrgnilɐ⋊

هرچه هستی بمان و داراباش هرچه داری ببخش و مسکین شو
ارسال‌ها
343
امتیاز
1,773
نام مرکز سمپاد
علامه طباطبایی ناحیه 1 (طلایه داران سابق)
شهر
تبریز
سال فارغ التحصیلی
95
مدال المپیاد
برنز المپیاد فیزیک*
دانشگاه
دانشگاه تبریز
رشته دانشگاه
مهندسی برق قدرت - فیزیک محض
*کتاب آموزش HTML و CSS و برنامه نویسی ترکیبی تحت وب

من کاملترین کتاب ریفرنس دانشجویان طراح وب رو در اختیارتون قرار میدم.
دیگه غیر از این نیازی به هیچ کتاب دیگه ای ندارین!
ولی فقط برای بعضی ها انگیلیسی بودنش سخته ولی چندان مشکل بزرگی هم نیست!
ضمنا میتونید برخی اسناد رو به راحتی کپی کنید و سپس در نرم افزار Adobe Dreamwave ویرایش کنید و در وقتتون صرفه جویی کنید!
البته هرکس ویرایش 2014 رو داره حتما به من اطلاع بده چون من تا حالا نتونستم پیدا کنم!
(The.Complete.Reference.5th.(2010
1434214847.png


آدرس دانلود:
http://freeupload.in/index.php?a=download&q=17606

Introducing Net 4.0 With Visual Studio 2010
1434200901.png

آدرس دانلود:
http://freeupload.in/index.php?a=download&q=17607
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

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

☭ɐudɐrgnilɐ⋊

هرچه هستی بمان و داراباش هرچه داری ببخش و مسکین شو
ارسال‌ها
343
امتیاز
1,773
نام مرکز سمپاد
علامه طباطبایی ناحیه 1 (طلایه داران سابق)
شهر
تبریز
سال فارغ التحصیلی
95
مدال المپیاد
برنز المپیاد فیزیک*
دانشگاه
دانشگاه تبریز
رشته دانشگاه
مهندسی برق قدرت - فیزیک محض
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از <Al!ReZa/> :
سلام به همه من برگشتم و قراره این تاپیک رو ادامه بدم
برای شروع اگه سوالی هست بپرسید
سوالم چندان به طراحی وب مربوط نیست ولی میتونی لینک دانلود کتاب C++ آقای استراستوپ رو بذاری (چاپ پنجم و زبان اصلی نه ویرایش شده!)
ضمنا اگه یکی بخواد به C++ در HTML یک برنامه بنویسه چجور باید اونکارو بکنه؟
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از رهبر حزب رادیکالیسم :
ضمنا اگه یکی بخواد به C++ در HTML یک برنامه بنویسه چجور باید اونکارو بکنه؟
c++ تحت وب نیست برای همین بعید میدونم از HTML بشه براش استفاده کرد اما من زبان های زیادی رو دیدم که از XML استفاده میکنن شاید با C++ هم بشه
 

fateme.n

کاربر فوق‌حرفه‌ای
ارسال‌ها
629
امتیاز
2,398
نام مرکز سمپاد
فرزانگان
شهر
نجفآباد
سال فارغ التحصیلی
1394
رشته دانشگاه
کامپیوتر
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

خب اول از همه میشه یه کتاب فارسی خوب معرفی کنید؟
 

☭ɐudɐrgnilɐ⋊

هرچه هستی بمان و داراباش هرچه داری ببخش و مسکین شو
ارسال‌ها
343
امتیاز
1,773
نام مرکز سمپاد
علامه طباطبایی ناحیه 1 (طلایه داران سابق)
شهر
تبریز
سال فارغ التحصیلی
95
مدال المپیاد
برنز المپیاد فیزیک*
دانشگاه
دانشگاه تبریز
رشته دانشگاه
مهندسی برق قدرت - فیزیک محض
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از فاطمه خانوم :
خب اول از همه میشه یه کتاب فارسی خوب معرفی کنید؟

واسه C++ کتاب آقای استراستوپ کاملترین و جامع ترین کتاب هست که به زبان اصلی هست!
واسه HTML و CSS اون کتابای بالا رو که من گذاشتم دانلود کن!
عالی اند!
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از فاطمه خانوم :
خب اول از همه میشه یه کتاب فارسی خوب معرفی کنید؟
سلام
برای برنامه نویسی و بخصوص تحت وب اصلا اصلا و اصلا کتاب توصیه نمیشود
توی طراحی وب همه چیز روز به روز داره تغییر زیادی میکنه برای همین استفاده از وبسایت های به روز و معتبر بهترین کار میباشد
 

☭ɐudɐrgnilɐ⋊

هرچه هستی بمان و داراباش هرچه داری ببخش و مسکین شو
ارسال‌ها
343
امتیاز
1,773
نام مرکز سمپاد
علامه طباطبایی ناحیه 1 (طلایه داران سابق)
شهر
تبریز
سال فارغ التحصیلی
95
مدال المپیاد
برنز المپیاد فیزیک*
دانشگاه
دانشگاه تبریز
رشته دانشگاه
مهندسی برق قدرت - فیزیک محض
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از <Al!ReZa/> :
سلام
برای برنامه نویسی و بخصوص تحت وب اصلا اصلا و اصلا کتاب توصیه نمیشود
توی طراحی وب همه چیز روز به روز داره تغییر زیادی میکنه برای همین استفاده از وبسایت های به روز و معتبر بهترین کار میباشد

نمیگم که تا آخر عمر یک کتاب!
خوب این کتاب هم داره روز به روز آپدیت میشه!
6 ماه بعد قرار HTML6 بیاد!
ولی به قول تو پیشنهاد نمیکنم که فقط از کتاب استفاده کنی!
میتونی کتاب+سایت طراحان معتبر HTML استفاده کنی!
 

fateme.n

کاربر فوق‌حرفه‌ای
ارسال‌ها
629
امتیاز
2,398
نام مرکز سمپاد
فرزانگان
شهر
نجفآباد
سال فارغ التحصیلی
1394
رشته دانشگاه
کامپیوتر
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از رهبر حزب آیو-رادیکالیسم :
واسه C++ کتاب آقای استراستوپ کاملترین و جامع ترین کتاب هست که به زبان اصلی هست!
واسه HTML و CSS اون کتابای بالا رو که من گذاشتم دانلود کن!
عالی اند!
اونا زبان اصلند و من حوصله زبان اصل خوندن ندارم :D
html خیلی گسترده و سخته؟(دارم با php , ++c مقایسه میکنم.)
ما سایت فارسی برای یادگیریش داریم؟
و اینکه حتما باید html رو فول بشیم بعد بریم سراغ php ؟
 
ارسال‌ها
687
امتیاز
915
نام مرکز سمپاد
راهنمایی حلی 2 - دبیرستان حلی10
شهر
تهران
سال فارغ التحصیلی
1397
دانشگاه
Shahed Uni
رشته دانشگاه
Computer Science
تلگرام
اینستاگرام
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

به نقل از فاطمه خانوم :
اونا زبان اصلند و من حوصله زبان اصل خوندن ندارم :D
html خیلی گسترده و سخته؟(دارم با php , ++c مقایسه میکنم.)
ما سایت فارسی برای یادگیریش داریم؟
و اینکه حتما باید html رو فول بشیم بعد بریم سراغ php ؟
برای PHP لازم نیست HTML رو خیلی فول باشید (اما بسیار کمک کننده است)
سایت فارسی هم میتونید با سرچ پیدا کنید
قطعا html خیلی ساده تر از PHP , ++C هست چون اصلا زبان برنامه نویسی نیست و اصلا به اون گستردگی هم نیست.
 

RezA19

کاربر فعال
ارسال‌ها
64
امتیاز
277
نام مرکز سمپاد
حقانی بندر
شهر
kermanshah
سال فارغ التحصیلی
98
دانشگاه
Razi university
رشته دانشگاه
Computer Engineering
پاسخ : آموزش HTML برنامه نویسی تحت وب 2

اول اینکه HTML تگه و ن زبان برنامه نویسی تحت وب :D
دوم اینکه می تونید آموزش های خوبی رو http://html.ir/ ببینید
:)
 
بالا