تبلیغات
قلمرو درخشش خورشید - آموزش کد نویسی فوق حرفه ای
سلام!
بخاطر این که بعضیاتون مبتدی هستید من از اول اول اول شروع می کنم
زبان کد نویسی طراحی قالب وب چیه؟
 آفرین!
 HTML !

میخوام بهتون HTML (اِچ تی اِم اِل) یاد بدم
زبان HTML برچسبی هست
منطق کار باهاش هم مشخصه دیگه...
 همیــنجوری شما برچسب می چسبونید


بریم سراغ اصل مطلب؛ ما دو نوع تگ(برچسب) HTML داریم:
1- Attribute ها یا تگ های (برچسب های) غیر اکتسابی
اینها تگ هایی هستند که چیزی کسب نمی کنند به عنوان مثال تگ لینک. لینک فقط و فقط یه آدرس هست؛ چیزی نمی تونه کسب کنه.
2- Elements ها یا تگ های اکتسابی
اینها تگ هایی هستند که ویژگی ها رو کسب می کنند، مثل متن! متن می تونه رنگ کسب کنه، استایل کسب کنه، سایز کسب کنه و ...

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



تگ Attribute :
ساختارش این شکلی هست: <a>
تگ Element:
ساختارش این شکلی هست: <p></p>

حالا من میخوام اپل وایت رو براتون با HTML پیاده کنم.

این کد خام هست:

<html>
<eye>

 
</skirt> <skirt>
</html>




این کد کاملش هست:
<html>
<eye color="blue>
<skirt color="red";size="120cm";>pattern</skirt>
</html>




من مثال اپل وایت رو زدم تا بهتر یاد بگیرید
رو میدونید HTML حالا که منطق کار با 
میریم سراغ کابرد اصلی اون در دنیای توسعه وب


<html>
  <h1>این سر موضوع هست</h1>
  <p> این پاراگراف هست</p>
</html>
 .یا اکتسابی بودند Element <h1> و <p>تگهای
.برای دیدن بقیه تگهای اکتسابی به این لینک برید



<html>
  <img src="http://s3.namasha.com/images/preview/6987348088-640x360.jpg">
</html>
   .هست Attribute  یه تگ غیر اکتسابی یا  <img>
برای دیدن بقیه تگ ها به لینک زیر برید

کلا Attribute ها زیاد کاربرد ندارند،
برمیگردم سراغ Element ها،
چطور می تونیم رنگ پاراگراف رو تغییر بدیم؟
خیلی ساده!
فقط کافیه style= باز کنیم
این شکلی:

<p/>این پاراگراف هست<";p style="color:red>
یادتون باشه وقتی ویژگی رو مینویسید آخرش ; بزارید.
تازه به جز color میتونید ویژگی های دیگه ای هم بزارید. این شکلی:



<p style="color:red; size:50px;">این پاراگراف هست</p>

حالا چیزای اساسی و پایه ای رو بلدید 
...بریم سراغ ویرایش قالب های حرفه ای مثل پیچک،ماه اسکین،میهن اسکین  
   ...شاید براتون سوال بوجود اومده باشه که جرا قالب های غیر حرفه مثل قالب های شیشه ای و میهن بلاگ
راحت قابل تغییرن، اما تا حالا تونستید قالب میهن اسکین رو تغییر بدید؟ اگر نه، من بهتون یاد میدم

برای طراحی قالب، شما یه استایل خاص به محتوای سایت میدید، HTML هرگز نخواست استایل بده اون فقط و فقط محتوا رو نشون میده، برای استایل شما یه زبان کدنویسی دیگه باید یاد بگیرید به اسم css

برای دریافت جزوه CSS به این لینک مراجعه کنید:


برچسب ها: پست آموزشی، جزوه،  

تاریخ : پنجشنبه 4 خرداد 1396 | 08:09 ب.ظ | نویسنده : 313 M | نظرات
نمایش نظرات 1 تا 30
.: Weblog Themes By M a h S k i n:.