تا %60 تخفیف خرید با صدور مدرک برای 4 نفر فقط تا
00 00 00

با خرید یکجای این دوره 5 درصد تخفیف بیشتر بر روی خرید خود بگیرید. این تخفیف تنها شامل پرداخت های بانکی بوده و شامل پرداخت از روی شارژ حساب کاربری نمی باشد.

قیمت: 378,410 تومان

با 25% تخفیف مدرس: 283,810 تومان

با 30% تخفیف وب سایت و مدرس: 264,890 تومان

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

آموزش طراحی سایت صفر تا صد قسمت 3 : قالب بندی متن ها

آموزش طراحی سایت صفر تا صد قسمت 3 : قالب بندی متن ها

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

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

از اولین کاربردهای زبان HTML نمایش متون بود. فرمت دادن به متون در زبان HTML یکی از اصلی ترین قابلیت های این زبان Markup است که هر طراح وبی باید با آن آشنایی داشته باشد. در قسمت دوم از دوره آموزشی طراحی وب به سراغ تگ هایی می رویم که برای قالب بندی متون استفاده می شوند. در این قسمت از آموزش:

  1. با مفهوم DOCTYPE آشنا می شویم که از آن برای مشخص کردن نسخه HTML ای که صفحه وب بر اساس آن ایجاد شده استفاده می شود. برای نسخه های مختلف HTML باید DOCTYPE مخصوص به آن را استفاده کرد.
  2. تگ ها در HTML بر دو نوع هستند، تگ های Container و تگ های Self-Closing، در ادامه با تگ های Self-Closing آشنا شده و یاد میگیریم چگونه بوسیله تگ br می توان خط جدید در صفحات HTML ایجاد کرد.
  3. با تگ های heading آشنا می شویم، تگ های heading نقش زیادی در ساختار صفحات ما دارند و همچنین به صورت پر رنگی می توانند در سئو یا رتبه بندی سایت ما در موتورهای جستجو تاثیر داشته باشند. با تگ های heading و شیوه صحیح استفاده از آن ها آشنا می شویم و همچنین با مفهوم heading hierarchy در زمان استفاده از تگ های heading آشنا خواهیم شد.
  4. با attribute ها یا همان خصوصیت برای برچسب ها آشنا می شویم که برای اعمال توصیفات تکمیلی تگ ها استفاده می شوند. خصوصیت title که برای مشخص کردن عنوان تگ ها استفاده می شوند را بررسی می کنیم و یاد میگیریم که چگونه بوسیله خصوصیت align، چیدمان متن را در صفحات html اعمال کنیم.
  5. در صفحات html، به دلیل نوع نمایش متون، فاصله های ابتدای خطوط یا ... از بین می روند، یاد میگیریم که چگونه بوسیله تگ pre می توانیم قالب اولیه یک متن را در صفحات html حفظ کنیم.
  6. با تگ هایی آشنا می شویم که می توان بوسیله آن ها متن را bold یا italic کرد، همچنین تگ های مفهومی مثل strong یا em را بررسی می کنیم که در ساختار صفحات طراحی شده تاثیر می گذارند.
  7. یاد میگیریم که چگونه بوسیله تگ های sup و sub می توان فرمول های ریاضی نوشت و جایگاه متن ها را نسبت با سایر قسمت های متن بالا و پایین برد.
  8. با تگ hr برای ایجاد خطوط افقی در صفحات وب آشنا می شویم.
  9. با برچسب هایی که برای افزودن نقل قول، نمایش کلمات مخفف یا آدرس کاربرد دارند آشنا می شویم و یاد میگیریم که چگونه می توانیم از خصوصیت های مربوط به این برچسب ها به صورت صحیح استفاده کنیم.

تصاویری از آموزش


آموزش طراحی وب




تهیه کننده: حسین احمدی
منبع: ITPRO
#تفاوت_تگ_i_و_em #قالب_بندی_متن_در_html #تگ_های_کار_با_متن_در_html #فرمت_دهی_به_متون_در_html #مفهوم_heading_hierarchy_در_طراحی_وب #آموزش_طراحی_وب_سایت #آموزش_طراحی_وب #تفاوت_تگ_b_و_strong #تاثیر_تگ_های_heading_در_سئو
عنوان
1 آموزش طراحی سایت صفر تا صد قسمت 1 : مقدمه ای بر دوره 23′:39″ رایگان
2 آموزش طراحی سایت صفر تا صد قسمت 2 : ساختار HTML 32′:29″ 9,900
3 آموزش طراحی سایت صفر تا صد قسمت 3 : قالب بندی متن ها 41′:38″ 9,900
4 آموزش طراحی سایت صفر تا صد قسمت 4 : ماهیت برچسب ها در HTML 50′:55″ 11,880
5 آموزش طراحی سایت صفر تا صد قسمت 5 : استفاده از Link ها 37′:28″ 7,920
6 آموزش طراحی سایت صفر تا صد قسمت 6 : کار با تصاویر در HTML 27′:0″ رایگان
7 آموزش طراحی سایت صفر تا صد قسمت 7 : کار با جداول در HTML 36′:56″ 7,920
8 آموزش طراحی سایت صفر تا صد قسمت 8 : فرم ها و ورود اطلاعات 54′:58″ 14,810
9 آموزش طراحی سایت صفر تا صد قسمت 9 : آشنایی اولیه با CSS 48′:21″ رایگان
10 آموزش طراحی سایت صفر تا صد قسمت 10 : کار با فونت و متن در CSS 32′:47″ 9,900
11 آموزش طراحی سایت صفر تا صد قسمت 11 : بک گراند در CSS 21′:0″ 7,920
12 آموزش طراحی سایت صفر تا صد قسمت 12 : Display و Visibility در CSS 11′:39″ رایگان
13 آموزش طراحی سایت صفر تا صد قسمت 13 : مفهوم BoxModel 31′:15″ 13,860
14 آموزش طراحی سایت صفر تا صد قسمت 14 : Position ها در HTML و CSS 27′:31″ 11,880
15 آموزش طراحی سایت صفر تا صد قسمت 15 : استفاده از Pseudo Class ها 18′:36″ رایگان
16 آموزش طراحی سایت صفر تا صد قسمت 16 : ایجاد Navigation ها 16′:3″ 9,900
17 آموزش طراحی سایت صفر تا صد قسمت 17 : ایجاد منوهای کشویی با HTML 21′:48″ 9,900
18 آموزش طراحی سایت صفر تا صد قسمت 18 : ایجاد Mega Menu در CSS 9′:13″ رایگان
19 آموزش طراحی سایت صفر تا صد قسمت 19 : خاصیت Float و Layout صفحات 34′:23″ 12,830
20 آموزش طراحی سایت صفر تا صد قسمت 20 : آشنایی با Pseudo Element ها 15′:52″ رایگان
21 آموزش طراحی سایت صفر تا صد قسمت 21 : آشنایی با Grid System 1:5′:29″ 18,770
22 آموزش طراحی سایت صفر تا صد قسمت 22 : آموزش CSS Reset 6′:32″ رایگان
23 آموزش طراحی سایت صفر تا صد قسمت 23 : آموزش HTML5 34′:56″ 7,270
24 آموزش طراحی سایت صفر تا صد قسمت 24 : طراحی وب سایت خبری : بخش 1 47′:39″ 9,900
25 آموزش طراحی سایت صفر تا صد قسمت 25 : کار با فونت های شخصی در CSS 15′:57″ رایگان
26 آموزش طراحی سایت صفر تا صد قسمت 26 : طراحی وب سایت خبری : بخش 2 1:2′:1″ 13,860
27 آموزش طراحی سایت صفر تا صد قسمت 27 : طراحی وب سایت خبری : بخش 3 37′:24″ 5,940
28 آموزش طراحی سایت صفر تا صد قسمت 28 : آموزش CSS3 21′:0″ رایگان
29 آموزش طراحی سایت صفر تا صد قسمت 29 : Background و Color در CSS3 23′:45″ 7,920
30 آموزش طراحی سایت صفر تا صد قسمت 30 : آشنایی با Gradient در CSS3 17′:9″ رایگان
31 آموزش طراحی سایت صفر تا صد قسمت 31 : کار با سایه ها در CSS3 21′:25″ 10,850
32 آموزش طراحی سایت صفر تا صد قسمت 32 : کار با متن در CSS3 10′:48″ رایگان
33 آموزش طراحی سایت صفر تا صد قسمت 33 : Transform ها در CSS3 18′:2″ 8,870
34 آموزش طراحی سایت صفر تا صد قسمت 34 : محیط سه بعدی (3D) در CSS 17′:11″ 8,870
35 آموزش طراحی سایت صفر تا صد قسمت 34 : Transition در CSS3 15′:51″ رایگان
36 آموزش طراحی سایت صفر تا صد قسمت 36 : ایجاد مکعب سه بعدی (3D Cube) 20′:23″ 10,850
37 آموزش طراحی سایت صفر تا صد قسمت 37 : ایجاد Animation در CSS3 23′:28″ 9,900
38 آموزش طراحی سایت صفر تا صد قسمت 38 : Multiple Columns 16′:21″ رایگان
39 آموزش طراحی سایت صفر تا صد قسمت 39 : آشنایی با Flexbox در CSS3 18′:27″ رایگان
40 آموزش طراحی سایت صفر تا صد قسمت 40 : طراحی واکنشگرا یا Responsive 33′:35″ 17,550
41 آموزش طراحی سایت صفر تا صد قسمت 41 : تکنیک Sprite Images 20′:5″ 8,870
42 آموزش طراحی سایت صفر تا صد قسمت 42 : آشنایی با Font Awesome 19′:38″ رایگان
43 آموزش طراحی سایت صفر تا صد قسمت 43 : آشنایی با تکنیک Flipcard 13′:26″ 7,650
44 آموزش طراحی سایت صفر تا صد قسمت 44 : تکنیک Hover Effect 17′:23″ رایگان
45 آموزش طراحی سایت صفر تا صد قسمت 44: آموزش جاوااسکریپت 15′:49″ رایگان
46 آموزش طراحی سایت صفر تا صد قسمت 46 : مفاهیم اولیه جاوا اسکریپت 20′:10″ رایگان
47 آموزش طراحی سایت صفر تا صد قسمت 47 : نوع های داده و عملگرها 42′:24″ 14,810
48 آموزش طراحی سایت صفر تا صد قسمت 48 : مباحث تکمیلی نوع های داده 30′:15″ رایگان
49 آموزش طراحی سایت صفر تا صد قسمت 49 : آشنایی با حلقه ها (Loops) 21′:0″ 8,870
50 آموزش طراحی سایت صفر تا صد قسمت 50 : دستورات کنترلی if و switch 19′:31″ رایگان
51 آموزش طراحی سایت صفر تا صد قسمت 51 : آشنایی با توابع (Functions) 18′:34″ 9,900
52 آموزش طراحی سایت صفر تا صد قسمت 52 : آموزش کار با DOM 40′:16″ 16,790
53 آموزش طراحی سایت صفر تا صد قسمت 53 : آموزش کار با DOM 14′:15″ 8,870
54 آموزش طراحی سایت صفر تا صد قسمت 54 : آموزش کار با DOM 5′:31″ رایگان
55 آموزش طراحی سایت صفر تا صد قسمت 55 : آموزش کار با DOM 54′:9″ 15,840
56 آموزش طراحی سایت صفر تا صد قسمت 56 : آشنایی با BOM 28′:25″ رایگان
57 آموزش طراحی سایت صفر تا صد قسمت 57 : کار با فرم ها در JavaScript 34′:19″ 8,870
58 آموزش طراحی سایت صفر تا صد قسمت 58 : آموزش Timing Events 12′:16″ رایگان
59 آموزش طراحی سایت صفر تا صد قسمت 59 : چند مثال کاربردی JavaScript 32′:45″ 8,870
زمان و قیمت کل 26:21′:5″ 378,410
4 نظر
حمیده سلامی

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

حمیده سلامی

encoding رو روی همون utf-8-bom گذاشتم ولی باز هم نمایش نمیده.

و یک سوال دیگر؟این attribute >>>lang که زبان صفحه رو مشخص می کنه همون ویژگیه که میشه باهاش برای یک صفحه دو زبان در نظر گرفت؟؟مثلا دوتا آیکون باشه بالای صفحه یکیش زبان فارسی وبسایت رو نشون بده و گزینه ی کناریش صفحه رو تماما با همون محتویات با زبان انگلیسی نشون بده؟؟!!!

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

حمیده سلامی

باسلام.encoding کد رو روی utf-8 be bom گذاشتم درست شد (زبان فارسی رو نشون میده)

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر