Basics of website layout - free course from Netology, training 3 weeks, date January 19, 2023.
Miscellaneous / / December 02, 2023
If you are not familiar with HTML and CSS and want to understand the basics of web development, this course is for you
Past experience. Position: Web developer (S7, Tele2, VTB)
In Netology: lecturer, trainer and course developer in JavaScript, PHP, HTML and CSS
Key skills: PHP/JS (Laravel/Yii/Node+Express/Sails; MySQL/MSSQL/Postgre/Redis). Level - senior
Text markup tags and attributes
At the beginning of the training, you will become familiar with tags and their attributes, and learn the rules of design. Also during the lecture, you will understand in detail what tag nesting is and how to make your markup readable and understandable. Study with live examples the order of using tags such as paragraph, quote, link, picture. Learn to place accents in the text. Homework: Work out the order of using the studied tags and their attributes: add headings, images, quotes, etc. to the text. You will also play the role of a reviewer: you will try to find errors in the markup and correct them.
- What is a browser
- Semantics and markup
- HTML
- Tags and hyperlinks
- URL
- Images
Lists and tables
Study the types and order of formation of lists and tables. You'll understand the differences between bulleted, numbered and descriptive lists, and create markup for your first multi-level list. Consider table design options: learn how to make headers and summary blocks, and merge cells using attributes. At the end, the lecturer will share with you another way to design images. Homework: You will practice the skill of creating bulleted and numbered lists, and also work with tables. Traditionally: reviewing the table markup in order to find errors and correct them.
- Lists
- Tables
- Tags for adding a picture with a description
Selectors and Properties
Learn CSS. Learn what a selector is. You will understand how to correctly describe CSS rules: a property and its meaning. You will clearly see how using CSS you can change the font size, style, and color. Consider the topic of property inheritance. Study in detail the issue regarding combining selectors. Homework: Try to format the text according to the technical specifications using CSS rules. You will practice the skill of composing selector combinations.
- What is CSS
- CSS rule: syntax, selector combinations
- Analysis of examples
Style text blocks using CSS
Deepen your CSS knowledge. Learn the concept of class selectors, understand the syntax and rules for their combination. Continue exploring CSS rules that will help you format text and set its alignment, and also learn how to how to change markers in lists and set an original picture instead of a standard symbol and not only. In the final part of the lesson, you will analyze color formats and learn how to make the background of your website as attractive as possible. Homework: Work with lists and background images. Continue to practice the skill of composing selector combinations.
- Class selector
- Design of text blocks
- Color in CSS
- Background image properties
Fundamentals of client-server interaction
In the final lesson, you will learn what a server is and why it is important for programmers to understand the essence of client-server interaction. You will understand the concepts of DNS, the HTTP protocol, and get acquainted with various server technologies. Learn the difference between backend and frontend. The final stage of training will be the final test.
- IP addresses
- Domain name system
- HTTP protocol and the problems it solves
- Server and technologies for it
B
bublij.oks
21.06.2017 G.
I liked the free course
ADVANTAGES: Free, accessible DISADVANTAGES: Didn’t find it In the fall of 2016, my old dream finally came true - I created my own website! But along with the joy of creating it, a lot of questions were added, and I felt especially helpless precisely in technical issues, because even if you have a good ready-made template, sometimes there is a need to get into the code and do something fix it. On Netolo...