Homeسەرەکی Start readingدەست بە خوێندنەوە بکە
Web Designدیزاینی وێب
Design and build websites with HTML and CSS: page structure, text, images, links, media and forms, styling and typography, the box model, Flexbox, Grid and responsive layouts, Kurdish right-to-left pages, colour and design principles, accessibility and user experience, a first look at JavaScript, and publishing your own site.
دیزاینکردن و دروستکردنی تۆڕگەکان بە HTML و CSS: پێکهاتەی لاپەڕە، دەق، وێنە، بەستەر، میدیا و فۆڕم، ڕازاندنەوە و جۆری پیت، Box Model، Flexbox، Grid و دیزاینی ڕێسپۆنسیڤ، لاپەڕەی کوردیی ڕاست بۆ چەپ، ڕەنگ و بنەماکانی دیزاین، دەستڕاگەیشتنی وێب و ئەزموونی بەکارهێنەر، یەکەم سەیرکردنی JavaScript و بڵاوکردنەوەی تۆڕگەی خۆت.
-
1 Start Hereلێرەوە دەست پێ بکە 1
-
2 HTML: Structure and ContentHTML: پێکهاتە و ناوەڕۆک 7
- HTML Basics: Documents, Links and Tablesبنەماکانی HTML: بەڵگەنامە، بەستەرەکان و خشتەکان 2.1
- HTML Text, Images and Listsدەق، وێنە و لیست لە HTMLـدا 2.2
- Semantic HTML: Page Structure and LandmarksHTMLـی واتایی: پێکهاتەی لاپەڕە و ناوچە نیشانەدارەکان 2.3
- Links and Navigation Menusبەستەرەکان و لیستە ڕێنیشاندەرەکان 2.4
- Images for the Web: Formats, Size and Responsive Imagesوێنە بۆ وێب: جۆرەکانی فایل، قەبارە و وێنە ڕێسپۆنسیڤەکان 2.5
- Audio, Video and Embedded Contentدەنگ، ڤیدیۆ و ناوەڕۆکی چەسپێنراو 2.6
- HTML Formsفۆرمەکانی HTML 2.7
-
3 CSS: Styling PagesCSS: ڕازاندنەوەی لاپەڕەکان 5
- CSS Basics: Rules, Three Places and Coloursبنەماکانی CSS: ڕێسا، سێ شوێن و ڕەنگ 3.1
- CSS Selectors, Pseudo-classes and Pseudo-elementsهەڵبژێرەکانی CSS، نیمچەکلاسەکان و نیمچەتوخمەکان 3.2
- Styling Text, Backgrounds, Lists and Tablesڕازاندنەوەی دەق، باکگراوند، لیست و خشتەکان 3.3
- Typography and Web Fontsتایپۆگرافی و فۆنتەکانی وێب 3.4
- The CSS Box Model: Margin, Border and Paddingمۆدێلی سندووقی CSS: پەراوێز، سنوور و بۆشایی ناوەوە 3.5
-
4 Page Layout and Responsive Designڕێکخستنی لاپەڕە و دیزاینی ڕێسپۆنسیڤ 6
- Normal Flow, Floats and Positioningڕەوتی ئاسایی، float و شوێندانان 4.1
- Flexbox: Layout in One DirectionFlexbox: ڕێکخستن بە یەک ئاڕاستە 4.2
- CSS Grid: Rows and Columns TogetherCSS Grid: ڕیز و ستوون پێکەوە 4.3
- Responsive Design: Viewport, Media Queries and Mobile-Firstدیزاینی ڕێسپۆنسیڤ: ناوچەی بینین، پرسەکانی میدیا و مۆبایل لە پێشدا 4.4
- Kurdish and Bilingual Websites: Right to Leftتۆڕگەکانی کوردی و دووزمانە: ڕاست بۆ چەپ 4.5
- Project: Building and Styling Pagesپڕۆژە: دروستکردن و ڕازاندنەوەی لاپەڕە 4.6
-
5 Visual Designدیزاینی بینراو 3
- Design Principles: Hierarchy, Alignment, Contrast and White Spaceبنەماکانی دیزاین: پلەبەندیی بینراو، ڕێکبوون، کۆنتراست و شوێنی بەتاڵ 5.1
- Colour for the Web: Palettes, Contrast and Themesڕەنگ بۆ وێب: پالێتی ڕەنگ، کۆنتراست و تێمەکان 5.2
- Effects, Transitions and Animationsکاریگەرییەکان، گۆڕانە نەرمەکان و ئەنیمەیشنەکان 5.3
-
6 Designing for Peopleدیزاین بۆ مرۆڤ 3
-
7 From Plan to Live Websiteلە پلانەوە تا تۆڕگە لەسەر ئینتەرنێت 4
- A First Look at JavaScript: Making Pages Interactiveسەرەتایەک بۆ JavaScript: لاپەڕەی کارلێککار 7.1
- Static and Dynamic Websites and Website Typesلاپەڕەتۆڕە نەگۆڕەکان، لاپەڕەتۆڕە داینامیکەکان و جۆرەکانی تۆڕگە 7.2
- The Website Development Life Cycleسووڕی ژیانی گەشەپێدانی تۆڕگە 7.3
- Publishing Your Website: Hosting, Domains and HTTPSبڵاوکردنەوەی تۆڕگەکەت: هۆستینگ، ناوەکانی دۆمەین و HTTPS 7.4
-
8 Final Project and Reviewپڕۆژەی کۆتایی و پێداچوونەوە 2