To create a web page using DotNetNuke, the first step is to slice the PSD file into small pieces with several layers, so that each section can become a flexible HTML block. The HTML code, which is a markup language for web pages, is then written for each block. Initially, all sections or blocks are static, but later, when converting to DNN, dynamic content can be added using DNN modules.
Along with HTML, style files (Cascading Style Sheets) are created to specify the color and style of various HTML elements. To make web pages interactive and functional, JavaScript is used.
Web pages must also be responsive and support different devices such as mobile, tablet, and desktop. They should be rendered well on a variety of devices and window or screen sizes, from minimum to maximum display size, using media queries or supported frameworks to make pages with responsive content.
Once the HTML is approved, it is transformed into the DNN theme phase. During this phase, DotNetNuke configurations, such as SMTP settings, roles, registration, and domain alias changes, are made. Necessary changes are also made to the HTML and layout to match the DNN theme. Custom-designed skins and containers are implemented to match the style and layout, and navigations and page headers and footers are set up to match each inner or sub-page.