تگ های قالب بندی متن

سلام خدمت دوستان 

امروز بخش سوم آموزش را با عنوان " معرفی تگ های قالب بندی متن "

آغاز می کنیم. خب برای متوجه شدن بهتر این مطالب حتمن باید جلسات قبل رو خوانده باشید، خب بریم سراغ این جلسه :

تبدیل قالب PSD به کد ریسپانسیو

با سلام خدمت بازدیدکنندگان عزیز ! یه پیشنهاد خوب !  من قالب های PSD شما را به کد html5 و css3 تبدیل میکنم ؛ با هدیه! ریسپانسیو سازی قالب و تبدیل رایگان آن به بلاگ بیان! کافیست که فقط فقط زیر همین مطلب فایل خود را از قسمت نظرات برام ارسال کنید.

ویژگی طرح تبدیل شده :

کاملا استاندارد W3C

استفاده از میکرودیتا ( اهمیت میکرودیتا در سئو)

کد بهینه و لود سریع

استفاده از فونت آیکون

و انجام افکت های درخواستی شما

هزینه بسیار مناسب + ریسپانسیو و ترجمه رایگان به بلاگ

لطفا طرح یا اسکرین شات با توضیحات ارسال شود تا با هزینه ی کمتری برایتان انجام شود ، موفق باشید

فیلم آموزش ایجاد ساختار صفحه عریض با html و css

دراین فیلم آموزشی یک صفحه عریض را با html و css کدنویسی می کنیم. امیداورم براتون مفید باشه ! در مطالب بعدی با html5  عزیز آشنا می شویم  و به همرا آن با فیلم آموزشی یک صفحه با ساختار دو ستونه ایجاد می کنم.

تگ های متا و تاثیر آن بر موتورهای جست و جو

تو این مطلب میخام متا تگ های مهم در html رو معرفی میکنم که در نمایش وب سایت یا وبلاگ شما در موتورهای جست و جو تاثیر داره!

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

 

مشاهده عکس

 

 

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

نرم افزار مورد نیاز :

 

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

همچین چیزی اصلا درست نیس!!! درسته که یه سری نرم افزارها هستن که کدنویسی را

راحتر میکنند و یه سری دیگر بصورت ویژوال کار طراحی رو انجام میدن! اما بطور کلی برای کد نویسی وب

شما به یک ویرایشگر متن به سادگی “نوت پد” ویندوز، به برنامه دیگری نیاز ندارید! و یا حداکثر برنامه های

نوت پد پلاس پلاس و ساب لایم تکست   را در پیوست آموزش دانلود و نصب نمایید.در طول آموزش از این برنامه ها استفاده می شود.

 

 

اصول نوشتن کدهای html

 

اچ تی ام ال از شناسه ها یا همان تگ ها ساخته شده هست. خب این تگ ها چی هستند و به چه صورتی نوشته می شوند.

هر تگ اچ تی ام ال با علامت  کوچکتر ریاضی > باز می شود و با علامت بزرگتری < به پایان می رسد.       <تگ>

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

بخش اول - معرفی اچ تی ام ال

 

 

زبان HTML (اچ تی ام ال) اولین ، ساده ترین ، پرکاربردترین و مهم ترین زبان برای طراحی وب هست.

HTML یکی از محدود زبان هایی هست که مرورگرها قابلیت خواندن و معنی کردن آن رو به صورت مستقیم دارند.و کاربرد بیشتر زبان های مانند php و … هم در واقع برای مدیریت بهتر بر روی HTML است ، در واقع از همین نکته هم می شود از اهمیت این زبان با خبر شد

طراحی وب استاتیک و دینامیک

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

 

مشاهده عکس