{"id":35341,"date":"2022-09-26T11:17:49","date_gmt":"2022-09-26T04:17:49","guid":{"rendered":"https:\/\/adsmo.vn\/thuat-ngu-trong-thiet-ke-web\/"},"modified":"2026-03-09T17:24:21","modified_gmt":"2026-03-09T10:24:21","slug":"11-basic-web-design-terms-you-should-know","status":"publish","type":"post","link":"https:\/\/adsmo.vn\/en\/11-basic-web-design-terms-you-should-know\/","title":{"rendered":"11 Basic Web Design Terms You Should Know"},"content":{"rendered":"

Every profession has its own specific terminology and so does Website design<\/a><\/strong>. Whether you want to build a sales website, promote your brand, personal blog, work with Web designers or simply want to learn about this field, understanding the terminology in Web design is necessary. <\/span><\/p>\n

Hopefully with the 11 common basic Web design terms<\/strong> below, you will have a better understanding of this vast field. <\/span><\/p>\n

1. Breakpoints<\/h2>\n

Breakpoints<\/strong> are the points, the limits at which the content and design of the website will be adjusted to suit different screen sizes. This gives users the best layouts, which can be viewed on all devices. In Responsive Design, Breakpoints are usually determined by the screen width of the device, such as smartphones, tablets and desktops above 1024px.<\/span><\/p>\n

2. CSS<\/h2>\n

CSS<\/strong> (short for Cascading Style Sheets<\/em>) is a web style sheet language used to find and format elements created by the HTML markup language. Simply put, if HTML formats elements on a web page such as text paragraphs, titles, tables, CSS has the role of adding style to those HTML elements such as color, font size, font, layout, background color, position…<\/span><\/p>\n

CSS’s working method is based on selection, which means it will find HTML tag names, ID names, classes,… and apply the properties that need to be changed to these selections.<\/span><\/p>\n

\"css-javascript-html\"<\/span><\/p>\n

3. Content Management System (CMS)<\/h2>\n

Content Management System (CMS)<\/strong> is a content management system used to edit content on a website. This allows you to log into the \u201cback end\u201d of the website to edit text and images. Examples include WordPress and Drupal, CMSs designed to make it easy to publish web content without requiring you to have technical knowledge of code. <\/span><\/p>\n

4. DNS<\/h2>\n

DNS<\/strong> (short for Domain Name System<\/em>), roughly translated as domain name resolution system, refers to a system that allows the establishment of correspondence between IP addresses and domain names<\/a><\/strong>, which means it will convert the Website domain name to a corresponding numeric IP address. DNS can be simply understood as an Internet version of a phone book with the role of controlling the website domain name. When users access your website address, the DNS settings will control which server will point to them. <\/span><\/p>\n

\"thiet-ke-website-dns\"<\/span><\/p>\n

5. HTML<\/h2>\n

HTML<\/strong> (short for HyperText Markup Language<\/em>), roughly translated as hypertext markup language, is used to build and restructure components in a website, divide paragraphs, headings, links, blockqoutes,… HTML is not a programming language, so it cannot perform “dynamic” functions but can only layout and format a website, similar to Microsoft Word. <\/span><\/p>\n

An HTML document is formed by HTML elements. Each element is specified by a pair of tags (tags and attributes). Each pair of tags is enclosed in angle brackets (like <header>, <footer>) and declared with a pair of opening and closing tags. <\/span><\/p>\n

For example, you can create a paragraph by placing text within the opening tag pair <\/span><p> <\/i><\/b>and closing tag pair <\/span><\/p><\/i><\/b>.<\/b><\/p>\n

6. Information Architecture (IA)<\/h2>\n

Information Architecture<\/strong> is a technique for organizing and structuring the content of a website, allowing users to know where they are and what information they need based on their current location. IA often includes a sitemap, wireframes for each web page, or any necessary symbols related to navigation, content, and features that will be included on the website.<\/span><\/p>\n

7. Responsive design<\/h2>\n

In recent years, Responsive design has become a trend in Website design<\/strong><\/a>. Responsive Design is a way to design a website with a beautiful interface and layout with elastic content display suitable for all device screens such as desktop, laptop, tablet, smartphone, with all screen resolutions, helping the content to always be displayed consistently and aesthetically on all resolution modes.<\/span><\/p>\n

Responsive Design<\/strong> is made up of 3 basic components including:<\/span><\/p>\n