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

Yabançı · 2014/7/16

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

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

Yabançı · 2014/7/16

پاسخ : آموزش 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>
خب چون بخش اولمون هست تا همینجا کافی هست.

hastikhanoom · 2014/8/16

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

اگه تصویری که برای بک گراند می ذاریم کوچیک باشه باید چی کار کنم که یه دونه باشه؟چون دارم از روی سی دی یاد می گیرم خیلی به فوت و فن هاش اشاره نمی شه؟
حالا اگه بزرگ باشه چه طور؟

@LiReZ@ · 2014/8/19

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

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

کد:

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


</body>
</html>

hastikhanoom · 2014/8/20

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

خیلی ممنونم از لطفتون پیدا کردم کدشو . چون دارم قدم به قدم پیش می رم هنوز به سی اس اس نرسیدم .
بعد یه سوال دیگه:
برای این فرم ها form actionرو توضیح می دین؟

@LiReZ@ · 2014/8/20

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

اکشن ها توی اچ تی ام ال کاربردی نداره توی PHP و ASP , ... کاربرد داره

hastikhanoom · 2014/8/20

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

می دونی صورت اصلی سوالم داغونه اصن یه وضی اما مجبورم بپرسم.
آدرسی که برای اکشن می دیم می تونه این طوری باشه؟
مثلا:h.htm یا باید یه ادرس اینترنتی باشه مثلا sampadia.com

@LiReZ@ · 2014/8/20

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

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

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

iman12 · 2015/6/8

پاسخ : آموزش 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ɐ⋊.∀⋆☭ · 2015/6/13

*کتاب آموزش HTML و CSS و برنامه نویسی ترکیبی تحت وب

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

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

Introducing Net 4.0 With Visual Studio 2010

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

@LiReZ@ · 2015/6/18

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

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

ɐudɐrgnilɐ⋊.∀⋆☭ · 2015/6/20

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

به نقل از <Al!ReZa/> :
سلام به همه من برگشتم و قراره این تاپیک رو ادامه بدم
برای شروع اگه سوالی هست بپرسید

سوالم چندان به طراحی وب مربوط نیست ولی میتونی لینک دانلود کتاب C++ آقای استراستوپ رو بذاری (چاپ پنجم و زبان اصلی نه ویرایش شده!)
ضمنا اگه یکی بخواد به C++ در HTML یک برنامه بنویسه چجور باید اونکارو بکنه؟

@LiReZ@ · 2015/6/20

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

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

c++ تحت وب نیست برای همین بعید میدونم از HTML بشه براش استفاده کرد اما من زبان های زیادی رو دیدم که از XML استفاده میکنن شاید با C++ هم بشه

fateme.n · 2015/7/9

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

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

ɐudɐrgnilɐ⋊.∀⋆☭ · 2015/7/9

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

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

واسه C++ کتاب آقای استراستوپ کاملترین و جامع ترین کتاب هست که به زبان اصلی هست!
واسه HTML و CSS اون کتابای بالا رو که من گذاشتم دانلود کن!
عالی اند!

@LiReZ@ · 2015/7/9

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

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

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

ɐudɐrgnilɐ⋊.∀⋆☭ · 2015/7/9

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

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

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

fateme.n · 2015/7/10

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

به نقل از رهبر حزب آیو-رادیکالیسم :
واسه C++ کتاب آقای استراستوپ کاملترین و جامع ترین کتاب هست که به زبان اصلی هست!
واسه HTML و CSS اون کتابای بالا رو که من گذاشتم دانلود کن!
عالی اند!

اونا زبان اصلند و من حوصله زبان اصل خوندن ندارم

html خیلی گسترده و سخته؟(دارم با php , ++c مقایسه میکنم.)
ما سایت فارسی برای یادگیریش داریم؟
و اینکه حتما باید html رو فول بشیم بعد بریم سراغ php ؟

@LiReZ@ · 2015/7/10

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

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

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

RezA19 · 2015/7/10

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

اول اینکه HTML تگه و ن زبان برنامه نویسی تحت وب

دوم اینکه می تونید آموزش های خوبی رو http://html.ir/ ببینید
:)

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

کاربر نیمه‌حرفه‌ای

کاربر نیمه‌حرفه‌ای

کاربر خاک‌انجمن‌خورده

фотрос

کاربر خاک‌انجمن‌خورده

фотрос

کاربر خاک‌انجمن‌خورده

фотрос

کاربر نیمه‌فعال

هرچه هستی بمان و داراباش هرچه داری ببخش و مسکین شو

фотрос

هرچه هستی بمان و داراباش هرچه داری ببخش و مسکین شو

фотрос

کاربر فوق‌حرفه‌ای

هرچه هستی بمان و داراباش هرچه داری ببخش و مسکین شو

фотрос

هرچه هستی بمان و داراباش هرچه داری ببخش و مسکین شو

کاربر فوق‌حرفه‌ای

фотрос

کاربر فعال