HTML&CSS Dərsləri Veb Səhifə dizayn etməyi öyrənin.

Name: HTML&CSS Dərsləri Veb Səhifə dizayn etməyi öyrənin.
Rating: 4.3 (61 reviews)

HTML CSS və Praktiki nümunələr olaraq 3 hissəyə bölünən kursda Teorik və praktik olaraq veb proqramlaşdırmaya giriş edin

Created byHashim Hashimov

Last updated 6/2018

Azerbaijani

What you'll learn

HTML və CSS ilə veb səhifələr dizayn edə bilmək

Course content

4 sections • 25 lectures • 3h 36m total length

Giriş, Struktur, Paragraf, Başlıqlar8:08
Bu videoda yeni başlaqdıq.
Qazet manşeti tərzində bir yazı düzəldin.
Başlıq altında xırda hərflərlə tarixi paraqrafı və s. artıq sizin öz yaradıcılığınızdan asılı olaraq
Yazı düzəliş teqləri8:09
Bu dərsdə yazı formatlama teqlərini gördük bunu bir öncəki düzəltdiyiniz manşet tipli yazıda tətbiq edin və yazını dahada gözəlləşdirin.Bu ayrıca sizə bloq, xəbər tipli saytlarda oxuma səhifəsini dizayn edərkən təcrübə olacaq.
Əlavə olaraq bütün teqləri sizin üçün siyahı şəklində yazdım. Buyurun:
<b> - Qalın Yazı
<strong> - Vacib Yazı
<i> - İtalic yazı
<em> - Vurğulanan yazı
<mark> - İşarələnmiş yazı
<small> - Xırda Yazı
<del> - Silinmiş yazı
<ins> - Alt xətli yazı
<sub> - Alt yazı
<sup> - Üst yazı
Və bundan əlavə olaraq handbookda digərlərini görə bilərsiniz.Hamısını əzbərləməyi məsləhət görmürəm burda yazılanları əzbərləyin lazım olduqda zatən reference bookda tapmaq mümkündür
Atributlar, Stillər, Rəy(Comment)8:13
Şəkillər, Arxa fon şəkilləri8:46
Bu dərsdən sonra belə bir tapşırıq.
Bir səhifə düzəldin arxa fonda sadə rəng olan şəkil.Məzmunda isə sanki xəbər oxuma səhifəsi kimi şəkil və altında formatlanmış yazılar.
Sual bölməsində suallarınızı verin cavablandırım.
You can ask in english too
Linklər8:52
Linklərin rənglənməsi:
a:link- sadə linkin rəngi
a:visited - Tıklanılmış linkin rəngi
a:hover - Mouse üzərində olanda linkin rəngi
a:active - tıklanıldığı an linkin rəngi
<a href="#div4">İd-si 4 olan div-ə get</a> - bu səhifə daxilində gedir
Bunları bir öncəki dərsdə düzəltdiyiniz şəkil yazı xəbər tipli mətndə tətbiq edin link verin google youtube və s. yerlərə
Cədvəllər9:59
Tapşırığın son düzəltdiyinizin ardına cədvəl halında bir məlumat əlavə edin.
Sanki bu xəbərin məlumatları cədvəl şəklində daxil edilməlidi.bunu cədvəl vasitəsilə əlavə edin.Hələki heç bir stilə ehtiyac yoxdur sadəcə html ilə edin.
Siyahılar8:26
Xəbər səhifəsinə list ilə bu postu facebookda instagramda paylaş kimi linklər verin
Bloklar, Classlar9:29
Blok tipli teqlər
<address>
<article>
<aside>
<blockquote>
<canvas>
<dd>
<div>
<dl>
<dt>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<h1>-<h6>
<header>
<hr>
<li>
<main>
<nav>
<noscript>
<ol>
<output>
<p>
<pre>
<section>
<table>
<tfoot>
<ul>
<video>
Sətir daxili teqlər
<a>
<abbr>
<acronym>
<b>
<bdo>
<big>
<br>
<button>
<cite>
<code>
<dfn>
<em>
<i>
<img>
<input>
<kbd>
<label>
<map>
<object>
<q>
<samp>
<script>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<textarea>
<time>
<tt>
<var>
Formlar 19:17
<input type="text"> Yazı daxil etmək üçün
<input type="radio"> Müxtəlif seçimlərdən birini seçmək üçün
<input type="submit"> Formu tamamlamaq üçün düymə

Formlar 29:58

accept-charset	Xüsusi yazılmış yazıları qəbul etmək
action	Formun göndəriləcəyi səhifə
autocomplete	Brauzerin avtomatik tamamlamanı aktiv yada deaktiv etmək
enctype	Xüsusi məlumatların ötürələcəyini qeyd etmək(məs: Şəkil və s.)
method	Formun HTTP metodunu bildirir. GET və ya POST olur
name	Javascriptdə istifadə etmək üçün forma verilən ad

HTML5 yeni daxil etmə tipləri

color
date
datetime-local
email
month
number
range
search
tel
time
url
week

Son yazdığınız tapşırıqda xəbərə rəy yazmaq üçün form yazın bunları sadəcə html ilə edin stilləri daha sonra verəcəksiniz.

İframe, Başlıq, Yerləşdirmə(Layout)9:14
Bu video biraz teorik videodur. Son yazdığınız xəbər oxuma səhifəsində head-də title və s. teqləri qeyd edin.
Səslər və videolar5:50
Xəbər səhifəsində video əlavə edin xəbər üçün

Simvollar - HTML SON8:40

Bir neçə simvol

©	©	©	COPYRIGHT SIGN
®	®	®	REGISTERED SIGN
€	€	€	EURO SIGN
™	™	™	TRADEMARK
←	←	←	LEFTWARDS ARROW
↑	↑	↑	UPWARDS ARROW
→	→	→	RIGHTWARDS ARROW
↓	↓	↓	DOWNWARDS ARROW
♠	♠	♠	BLACK SPADE SUIT
♣	♣	♣	BLACK CLUB SUIT
♥	♥	♥	BLACK HEART SUIT
♦	♦	♦	BLACK DIAMOND SUIT

Xəbər oxuma səhifəsinə copyright işarəsi yerləşdirin və digərlərinidə yaradıcıllığınıza uyğun əlavə edin alt hissəsinə

HTML

Giriş Stil6:28
Arxa fon, Çərçivələr9:51
Bu videoda öyrəndikləriniz ilə düzəltdiyiniz xəbər oxuma səhifəsindəki arxa fon şəklini css vasitəsilə yerləşdirin.Bundan əlavə yazı hissəsinə çərçivə verərək səliqəli görünməsini tamamlayın
Qutu modeli(Box-model), Kənarlıqlar(Outline)8:41
Bunlardan istifadə edərək yazı hissəsinə aralıq verin və kənarlıqlar verin

Yazı Formatlama(Text formatting)8:14

Artıq html ilə etdiyimiz text formatlamağı css ilə edəcəyik.Bunların ikisinidə paralel etməyinizi məsləhət görürəm

Xəbər oxuma səhifəsində etdiyiniz formatlamaları indi css ilə edin və yazıları dahada gözəlləşdirin.

color	Yazının rəngini seçin
direction	Sözün yazılma istiqamətini düzəldin
letter-spacing	Sözün xarakterləri arasında məsafəni ayarlayın
line-height	Sətir hündürlüyünü ayarlayın
text-align	Yazıların yerləşməsini seçin (sol sağ)
text-decoration	Yazı dekorasiyasını edin
text-indent	İlk sətirin soldan boşluğu
text-shadow	Yazı kölgəsi
text-transform	Yazı hərflərin böyük kiçik olmasını ayarlayın

Fontlar7:08
İndi öyrəndikləriniz ilə yazıların fontlarını dəyişərək səhifənin yazılarını daha da gözəlləşdirin

Requirements

İlkin Veb haqqında biliklər
Kompyuter ilə işləmə bacarığı

Description

Bu kursda veb sahəsinə başlayan hər kəs ilkin olaraq baza məlumatları alaraq faydalana bilərlər.Praktiki və teorik videolar var.

Necə edilir konseptində videolarla praktika edə biləcəksiniz.HTML CSS və Praktiki nümunələr olaraq 3 yerə bölünüb bu kurs.İlk öncə html ilə markup etməyi, css ilə stil vermə üsullarını və bunları birlikdə necə kombinasiya edərək səhifə düzəltməyi öyrənəcəksiniz.

3 hissədə javascript-i praktik görəcəksiniz. Lazım olan hissələrini özünüz görəcəksiniz və daha sonra bu biliyi təkmilləşdirəcəksiniz.BU kurs sizə veb proqramlaşdırma sahəsində çox yaxşı baza verəcək.

Who this course is for:

Veb proqramlaşdırma sahəsinə başlamaq istəyən, yeni başlayan hər bir kəs

<input type="text">	Yazı daxil etmək üçün
<input type="radio">	Müxtəlif seçimlərdən birini seçmək üçün
<input type="submit">	Formu tamamlamaq üçün düymə

HTML&CSS Dərsləri Veb Səhifə dizayn etməyi öyrənin.

What you'll learn

Explore related topics

Course content

HTML13 lectures • 1hr 53min

CSS5 lectures • 40min

Praktiki Nümunələr (Practical Section)6 lectures • 1hr 3min

Təşəkkürlər1 lecture • 1min

Requirements

Description

Who this course is for: