Header Background day #26
آموزش برنامه نویسی ...
 
آگاه‌سازی‌ها
پاک‌کردن همه

[مهم] آموزش برنامه نویسی وب - ایستگاه اول:html(جلسه ی هفتم)

68 ارسال‌
16 کاربران
204 Reactions
201.7 K نمایش‌
meg
 meg
(@meghasemim1999)
Reputable Member
عضو شده: 7 ماه قبل
ارسال‌: 257
شروع کننده موضوع  

سلام! خب بالاخره شروع شد!

با اولین جلسه از آموزش اچ تی ام ال در خدمت شما هستیم!

خب با اجازه بزرگان جمع بریم سر اصل مطلب!:

اول از همه چند نکته بگم:

1- از پرسیدن هیچ سوالی نترسید! بترسید می کشمتون! هر کسی هم که کسیو تو کلاس من(:دی) مسخره کنه می کشمش!

2- اگه دوس داشتین خوب یاد بگیرین تمرین هایی که میگم رو انجام بدین تا خوب درک کنین مسائل رو... این تمرین ها با عنوان "

" قرار داده خواهد شد!

3- امیدوارم معلم خوبی باشم!:دی و بتونم سوالاتتون رو جواب بدم!

جلسات:


   
Azi، tajik-mahsa، shiny و 18 نفر دیگر واکنش نشان دادند
نقل‌قول
meg
 meg
(@meghasemim1999)
Reputable Member
عضو شده: 7 ماه قبل
ارسال‌: 257
شروع کننده موضوع  

سلام علیکم و رحمته الله و برکاته!

الحمدلله رب العالمین و بهی نستعین انّه خیر ناصر معین...

یا مقلب القلوب ، ثبت قلوبنا علی دینک.

((3))

خوبین؟ خوشین؟!

نیستین؟! :| به من چه! من اومدم بگم براتون یه جلسه ی دیگه آوردم! :|

بریم سراغش!

خب اولش یه ویژگی از تگ لینک!

ویژگی target برای تگ a :

این یه ویژگی هست که معلوم می کنه لینکتون به چه صورت باز بشه، توی یک تب جدید یا توی همین تبی که همین الان هستین یا توی یه صفحه ی جدید.

مقادیرش این هاست:

_blank Opens the linked document in a new window or tab
_self Opens the linked document in the same frame as it was clicked (this is default)
_parent Opens the linked document in the parent frame
_top Opens the linked document in the full body of the window
framename Opens the linked document in a named frame

خودتون می فهمین دیگه؟! :دی

نفهمیدین بپرسین ولی غیر قابل فهم نیست! :دی

خب حالا میریم سراغ لیست ها توی اچ تی ام ال:

دو نوع لیست داریم:

  • با ترتیب
  • بدون ترتیب

:))

:دی

نوع اول لیست های هستن که ترتیب دارن و مورد اول نسبت به مورد دوم فرق می کنه!

مثل این:

  1. مورد اول
  2. مورد دوم
  3. مورد سوم
  4. مورد بعدی! :دی

که این نوع لیست توسط تگ ol شناخته میشه و هر موردش با تگ li تعریف می شه. یعنی به این صورت:

  1. Coffee
  2. Tea
  3. Milk

خودتان امتحان کنید »

حالا شما میتونید با استفاده از خاصیت type نوع این ترتیب دهی رو مشخص کنین که مثلا توسط اعداد باشه یا اعداد رومی باشه یا حروف انگلیسی باشه و یا ....

اینجوری:

Type Description
type="1" The list items will be numbered with numbers (default)
type="A" The list items will be numbered with uppercase letters
type="a" The list items will be numbered with lowercase letters
type="I" The list items will be numbered with uppercase roman numbers
type="i" The list items will be numbered with lowercase roman numbers

به عنوان مثال:

  1. Coffee
  2. Tea
  3. Milk

خودتان امتحان کنید »

توی این مثال توسط اعداد معمولی ترتیب داده می شه به لیستمون.

لیست بدون ترتیب هم دقیقا مثل همونه!

هیچ فرقی نمی کنه!

فقط مقادیری که می تونیم به type بدیم فرق می کنه! و در ضمن باید این مقادیر رو از طریق استایل بدیم. ینی به type نمی دیم! :دی به style میدیم.

این مقادیر:

Style Description
list-style-type: disc The list items will be marked with bullets (default)
list-style-type:circle The list items will be marked with circles
list-style-type:square The list items will be marked with squares
list-style-type:none The list items will not be marked

همین!

حالا اگه بخواین لیستتون به صورت افقی نشون داده بشه باید این کارو بکنین:

  • HTML
  • CSS
  • JavaScript
  • PHP

این جلسه خیلی کم بود... می دونم .... :|

:((

می دونننننممممممممممم! :|

ساکت!

بزارین جرفمو بزنم...

ببینین

خدافظ!

به من چه که کم بود! :دی

وقت ندارم خو!

((3))

ولی قول میدم جلسه ی بعدو تا یه ماه دیگه بزارم! :) :| :دی

ایشالا زودتر می زارم! باشه بابا!

یکی این محمد مهدیو ساکت کنه!((3))

میگم باشه!

:|

باشه! ایشالا زودتر از یه ماه می زارم! :دی

شب خوش!

:دی

سوال بپرسین! :|


   
Paneer، the-ship و lordfire910 واکنش نشان دادند
پاسخنقل‌قول
Azi
 Azi
(@mixed_nut)
Prominent Member
عضو شده: 6 سال قبل
ارسال‌: 768
 

سلام به همگی.

لطفا منو هم توی کلاس ثبت نام کنین. ((27))

ببخشید که مشقام عقب افتاده. همشونو جمع کردم یه جا نوشتم(البته تا ابتدای آموزش سی اس اس)

استاد بگو از بیست چند میگیرم؟((62))

Let's begin

In the name of God

تالارگفتمان 1

Hi

I'm A and I just started learning HTML.

I used to think that it's boaring and hard,

But it turned out to be exciting and full of fun!

Everybody, wish me luck!

How to start

So I've been looking for a strong and high

quallity instruction and a good friend suggested me here:

Try the link

The instructions are complete and got an Easy-To-Hard system!

I believe you won't come to any problem.

FYI: They answer all your questions, completely and precisely!

What's needed

Any special application?
Absolutely nothing!

Since you got Notepad on your computer, it would be enough!

Just get to the work and enjoy it!

Remember

Nothing is impossible

Inspiration

Don't be afraid. Just take the first step and don't worry about the rest.

T.S.Elliot, a essayist and playwright says:Only those who will risk going too far

can possibly find out how far one can go.

Also, Stacy London, American auther says:

Don't let fear or insecurity stop you from trying new things.

believe in yourself. Do what you love. And most importantly, be kind to others,

even if you don't like them.

About me

Name: Mixed nut

Translator

Visit me at:

Forum.pioneer-life.ir


Go Up

و اما سوالات من:

1. حتما باید بین بند بند متن یه inter زده بشه؟ حکمتش چیه؟ برای خوشگلی و تمیزی؟ برای آسون تر شدن خوندنش؟

2. آیا لیستی از فونتها و رنگ هایی که مرورگر قادر به خوندن اون‌هاست وجود داره؟

3. حالا که نمیشه برای headها style تعریف کرد، باید از تگ font استفاده کنیم؟

4. میشه رنگ highlight رو تغییر داد؟ یا نمیشه و تنها چاره استفاده از استایل background-color میباشد؟

5. انتهای پست شماره 51# در همین تاپیک، مبحث کامنت‌ها قرار گرفته که "خودتون امتحان کنید" نداشت. میشه قرار بدین؟ (و بماند که هیچی نفهمیدم ازش...)

6. توی head به جز title چه چیزهایی میشه قرار داد؟

7. آیا
نیازی به بستن نداره؟ همین جوری آخر جمله به جای inter قرارش بدیم کافیه؟

8. وقتی تگ های مربوط به متن داریم مثل بولد و ایتالیک و اینها، باز هم لازمه از

استفاده کنیم؟

9. آیا notepad قابلیت ذخیره فایل با فرمت html رو نداره؟ داره؟ چه کنم؟

10. من sublime text3 رو دان کردم و نصب کردم و توی patch کردنش گیر کردم :)))

ممنون از وقتی که صرف می‌کنید.

پ.ن: حالا که یه بار این پستو میخونم، می‌بینم که بعضی از <ها سر جاشون نیفتادن |:

آیا این پست نوشتن راست نویس و چپ نویس نداره؟ (منظورم alignش نیستا.)

- - - - - - - - - به دلیل ارسال پشت سر هم پست ها ادغام شدند - - - - - - - - -

ای خداااااااااا

نمیدونم بخندم یا چی!!!!

اون ایموجی اون وسطاااا که زبون درمیاره در واقع یه : با یه p هستش اونجوری شده هاااا. من وسطش مسخرم نگرفته!


   
Nari واکنش نشان داد
پاسخنقل‌قول
mmm20001378
(@mmm20001378)
Noble Member
عضو شده: 6 سال قبل
ارسال‌: 1717
 

@mixed-nut 91081 گفته:

سلام به همگی.

لطفا منو هم توی کلاس ثبت نام کنین. ((27))

ببخشید که مشقام عقب افتاده. همشونو جمع کردم یه جا نوشتم(البته تا ابتدای آموزش ++C)

استاد بگو از بیست چند میگیرم؟((62))

Let's begin

In the name of God

تالارگفتمان 1

Hi

I'm A and I just started learning HTML.

I used to think that it's boaring and hard,

But it turned out to be exciting and full of fun!

Everybody, wish me luck!

How to start

So I've been looking for a strong and high

quallity instruction and a good friend suggested me here:

Try the link

The instructions are complete and got an Easy-To-Hard system!

I believe you won't come to any problem.

FYI: They answer all your questions, completely and precisely!

What's needed

Any special application?
Absolutely nothing!

Since you got Notepad on your computer, it would be enough!

Just get to the work and enjoy it!

Remember

Nothing is impossible

Inspiration

Don't be afraid. Just take the first step and don't worry about the rest.

T.S.Elliot, a essayist and playwright says:Only those who will risk going too far

can possibly find out how far one can go.

Also, Stacy London, American auther says:

Don't let fear or insecurity stop you from trying new things.

believe in yourself. Do what you love. And most importantly, be kind to others,

even if you don't like them.

About me

Name: Mixed nut

Translator

Visit me at:

Forum.pioneer-life.ir


Go Up

و اما سوالات من:

1. حتما باید بین بند بند متن یه inter زده بشه؟ حکمتش چیه؟ برای خوشگلی و تمیزی؟ برای آسون تر شدن خوندنش؟

2. آیا لیستی از فونتها و رنگ هایی که مرورگر قادر به خوندن اون‌هاست وجود داره؟

3. حالا که نمیشه برای headها style تعریف کرد، باید از تگ font استفاده کنیم؟

4. میشه رنگ highlight رو تغییر داد؟ یا نمیشه و تنها چاره استفاده از استایل background-color میباشد؟

5. انتهای پست شماره 51# در همین تاپیک، مبحث کامنت‌ها قرار گرفته که "خودتون امتحان کنید" نداشت. میشه قرار بدین؟ (و بماند که هیچی نفهمیدم ازش...)

6. توی head به جز title چه چیزهایی میشه قرار داد؟

7. آیا
نیازی به بستن نداره؟ همین جوری آخر جمله به جای inter قرارش بدیم کافیه؟

8. وقتی تگ های مربوط به متن داریم مثل بولد و ایتالیک و اینها، باز هم لازمه از

استفاده کنیم؟

9. آیا notepad قابلیت ذخیره فایل با فرمت html رو نداره؟ داره؟ چه کنم؟

10. من sublime text3 رو دان کردم و نصب کردم و توی patch کردنش گیر کردم :)))

ممنون از وقتی که صرف می‌کنید.

پ.ن: حالا که یه بار این پستو میخونم، می‌بینم که بعضی از <ها سر جاشون نیفتادن |:

آیا این پست نوشتن راست نویس و چپ نویس نداره؟ (منظورم alignش نیستا.)

- - - - - - - - - به دلیل ارسال پشت سر هم پست ها ادغام شدند - - - - - - - - -

ای خداااااااااا

نمیدونم بخندم یا چی!!!!

اون ایموجی اون وسطاااا که زبون درمیاره در واقع یه : با یه p هستش اونجوری شده هاااا. من وسطش مسخرم نگرفته!

اهم با اجازه من اونایی که میدونم جواب بدم تا بعدا خوداستاد ابراهیم بیان حرفامو نقض کنن :)) ((200))((200))

1- به گمونم برای همش ، چون خوشگلی و تمیزی باعث میشه که راحت تر خونده بشه کدا ، همونطور که توی یه آموزش سی پلاس پلاس توصیه کرده بود هر خط یه اسپیس جلو تر از خط قبلی بشه چون تشخیص و خوندن کدا راحت تره :)

2- اممم اینو من نمیدونم وایسید خود ابراهیم بیاد جواب بده :) فقط چیزی که میدونم اینه که شما میتونید با سی اس اس هر فونتی که خواستید رو روی قالبتون نصب کنید و همه چه اونو داشته باشن یا نه میتونن ببیننش ^____^

3- فک کنم میشه ، ابراهیم توی آموزشاش مثالشم زده بودا Oo یادمه یه بار هدینگو با استایل رفته بود برای مثال :) البته باز خودش بیاد بگه بهتره -____-

4- حدس میزنم همون استایل باشه چاره اش ، چون تو سایتا چیز دیگه ای ننوشتن :)

5- بفرمایید کل خودتان امتحان کنیدای مبحث کامنت :

http://www.w3schools.com/html/html_comment

کامنتا برای خودتونن که قاطی نکنید ، مثلا شما یه پروژه خیلی عظیمی نوشتید، ممکنه بعد از هزار خط دیگه نتونید بگید این کد مال کدوم بخشه دیگه اصلا ، برای همین میاید تگ کامنت میذارید و توش یاد میذارید که بعدا سریع یادتون بیاد ، تگ کامنتو مرورگر نمایش نمیدهنمیده ^_^

6- اینا رو

نمیدونم چین اصلا بذارید خود ابراهیم بگه ((200))((200))

7 - نه نیازی به بستن نداره :) اون تگی که یه خط تو صفحه میکشه هم همینطوریه ، یادم رفت چی بود :|

8 - نمیدونم والا ، بدون تگ پی هم کار میکنه ولی نمیدونم اصولیه یا نه '____'

9 - اصلا خیلیا با نوتپد میرن .... کار که تموم شد فایلو با فرمت HTML. سیو کنید بعد با مروگر اجراش کنید :)

10 - من خودم اولش ابراهیم بهم توصیه کرد با notepad ++ کار کنم، خیلی عالیه هم رایگانه هم اکثر زبانای برنامه نویسو ساپورت میکنه ... متنا و تگای مختلفم رنگی میکنه که قاطی نکنید . هرچند htmlpad و atom هم خیلی خوبن :) مخصوصا اتم طراحیس خیلی ساده و قشنگه رایگانم هست کرک نمیخواد

میتونیدکداتونو تو تگ اچ تی ام ال بذارید که مشخص باشه و قاطی و اینا نشه

اینجوری :)

توی ادیتور علامتش هست میتونید انتخاب کنید:)


   
Nari و Azi واکنش نشان دادند
پاسخنقل‌قول
meg
 meg
(@meghasemim1999)
Reputable Member
عضو شده: 7 ماه قبل
ارسال‌: 257
شروع کننده موضوع  

سلام!!

پس از سال ها دوباره بازگشتم!!

و اما در مورد آموزش!! میخوام ببینم چند نفر پیگیر و مشتاق هنوز وجود دارن!!

که اگه ارزش داره وقتتون رو بازم بگیرم!!

پس اعلام وجود کنید!!


   
Azi، Leyla، lord_samn و 1 نفر دیگر واکنش نشان دادند
پاسخنقل‌قول
PythoN
(@python)
Eminent Member
عضو شده: 6 سال قبل
ارسال‌: 37
 

اعلام وجود((72))


   
meg واکنش نشان داد
پاسخنقل‌قول
kianick
(@kianick)
Reputable Member
عضو شده: 6 سال قبل
ارسال‌: 391
 

اوهوم.

اجازه آقا؟

منم هستم!


   
meg واکنش نشان داد
پاسخنقل‌قول
meg
 meg
(@meghasemim1999)
Reputable Member
عضو شده: 7 ماه قبل
ارسال‌: 257
شروع کننده موضوع  

خب از اونجا که با دو نفر نمیشه کلاس ها رو ادامه داد کلاس همینجا تموم شده و شما رو به خدای بزرگ میسپارم!!

از مدیران عزیز هم درخواست بسته شدن تاپیک رو دارم!!


   
پاسخنقل‌قول
JuPiTeR
(@jupiter)
عضو Admin
عضو شده: 6 سال قبل
ارسال‌: 1626
 

تاپیک به درخواست فرستنده بسته شد.

دوستانی که می‌خوان ادامه بدن آموزش رو، پیشنهاد می‌کنیم از لینک‌های زیر دیدن کنن:

آموزش فوق العاده جامع HTML و CSS از صفر تا صد | ویدئویی | کاملا رایگان

آموزش HTML5 به صورت جامع و ویدئویی بسیار روان و کاربردی | کاملا رایگان

آموزش جامع CSS3 به صورت ویدئویی | کاملا رایگان

پیشتاز باشید


   
Azi، python، meg و 1 نفر دیگر واکنش نشان دادند
پاسخنقل‌قول
صفحه 5 / 5
اشتراک: