UI/UX development is the process of creating websites. It includes several different aspects, including webpage layouts, content productions, and graphic designs.
We create Websites using a markup language called HTML. Web designers build a webpages using HTML tags that define the content and metadata of page. The layout and appearance of the elements within a webpage are typically defined using CSS ( cascading style sheets). Mostly websites includes a combination of HTML and CSS that each page will appear in a browser.
I prefer hand code pages (typing HTML and CSS from scratch). Adobe Dreamweaver types of editor provide a visual interface for designing the webpage layout and the software automatically generates HTML tags.
HTML and CSS is used for design the look and feel of the website, images must be created separately in Photoshop. Since graphic designers create images for use on the website. Some graphic programs like Adobe Photoshop provides an easy way to export images in any format optimised for web publishing.
After the two of the most common methods used for design websites works well both on desktop and mobile responsive and adaptive design. In responsive design, content and images moves dynamically depending on screen sizes. The content and images are fixed layout in different screen sizes.
— Create a layout Step by Step
HTML stands for (Hyper Text Markup Language) is the most requirement of any web designer. It is the major component which involve to learn web design. Using the label, class, ID, input and other concepts to started with web design.
In HTML, elements are represented by tags. Browser do not display the HTML tags on the page but use them to manage and control content of the page.
CSS Stands for “Cascading Style Sheet” CSS is used to format the layout of Web pages. It is used to define text styles, table sizes, and other aspects of Web pages. It defined in a page’s HTML. Plus, CSS makes it easy to change using styles across several pages at once.
1. Text Editor
A Text editor used for web design in which developer write a code. The benefit of text editors is already added a lots of extra functionality related for web design.
They turn the websites and programs into simplicity way.
2. Image editor
Image editor is also one of the main components used in web design. The designers has to create and edit different images, logos, or icons for website.
Many tools are available online and offline tools for the Image editor. You can use Photoshop, Sketch, Illustrator, InDesign and many more tools are used for this purpose.
Designer can view the page in all the browser like chrome, mozilla, firefox, internet explorer. Not all browsers have the same outputs a little differences in all browsers. Websites can look a little different in each browsers.
Hi, My name is nancy seth. I am a UI/UX Developer I hope you like my blog and know about how we design the page in simple way . to read more about my blogs just click here.. https://jsaddicts.com/easily-create-amp-template/