Planning and designing a web app
HTML may not be a programming language, but we apply the same rigor and attention to detail as with other programming languages. Commonly, HTML and CSS are part of development in other languages, like Java, Python, PHP, and many others, to design the user interface for an application.
Software development is the process of conceiving, specifying, designing, programming, documenting, testing, and bug fixing involved in creating and maintaining applications, frameworks, or other software components.
Read further How the Web works
Keep in mind that the process involves many aspects that we are not including here. A significant part of planning and design, is to identify and organize content, then to consider how this content (objects) is going to be presented to the user. The process includes the following steps and techniques:
- Step 1: understand theme and topics of website and decode user requirements.
- Step 2: choose right style and sketch ideas using storyboard techniques.
- Step 3: draw clean and clear wireframes to summarize structure.
- Step 4: design pages in pixels and create a real-scale mockups.
- Step 5: convert mockups to HTML and CSS.
You will work from textual descriptions, rendered results, and rough sketches, to convert to HTML, and later to CSS.