Web Authoring
Web authoring is a practice to create web documents using web authoring software and tools. Web application software is a type of desktop or web-based publishing tool that enables users to build websites without using HTML (HTML is the abbreviation for Hypertext Markup Language; it is for creating the structure of web pages.) and other codes by offering a different kind of graphical user interface. The software generates the required codes for the layout of the web page based on what the user designs. The designer, the developer, can see a visible result of the final project after it built.
Web authoring tools are like HTML editors. However, they typically let swapping between an HTML code view and visual design. These types of devices also described as WYSIWYG (What You See Is What You Get). It alternative is to hand code development for less experienced designers in coding.
There are many different web authoring tools available for those who are less skilled with web code syntax. Though most of these applications are entirely suitable for hand coding, too, you do not need these applications for creating web pages; You can use any text editor, even windows notepad to code websites if you are versed in coding.
Popular Web Authoring Applications
Desktop Publishing:
Web-Based Software
Text Editors
How to create a website?
I guide you in a brief how works this the creation of a website from planning to publishing.
Planning
Every site, small or big, needs some preparation.
- Brainstorming, gathering information, ideas, research on the chosen topic.
- Purpose of the site. Define why you want to make the site.
- Goals. What would you like, or your client to achieve your site?
- Audience. You must define your target audience and identify the audience needs.
- Figure out a couple of primary and subtopics for your site. Each topic will represent one page of your website. Name each of your pages, for instance, index.html, about.html and so on.
- Create the content of your every page, depending on the topics and ensure the content is appropriate for the target audience. The content should include text, the main images (graphics, photos, illustrations) and Multimedia.
Design
- Create a Sitemap. It is a graphical representation of the website structure, including the navigation form and identifies the relationship and hierarchy between the pages.
- Create Wireframes. These are schematic, pencil drawing or digital sketch versions of the pages of a website and should be created both, first for mobile after desktop and show the key content as well as the required functions. Wireframes have no colour, no font, no graphics.
- Design comps. Choose the colour, images and text fonts for your site, including beautiful photos, icons, favicon.
Technical Requirements
Identify the vital technical details for implementing your site, like JavaScript, whether there will be a server-side language, like PHP use or shopping cart and so on.
Building
- Structure the pages with HTML 5 (This is the latest version of HTML). Browsers do not display HTML tags but using them to render the content of the page.
- Apply CSS. CSS stands for Cascading Style Sheets and describing the style of an HTML document, how HTML elements should display.
- Apply JavaScript. JavaScript programming language can provide dynamic interactivity on web pages. Together with HTML and CSS, it is one of the three leading technologies of the World Wide Web creations.
- Build the necessary other applications, plugins.
Testing
Under the testing process make sure your HTML and CSS, scripts and other technical features working correctly. Fix any glitches efficiently. The design works all significant browsers appropriately
.
- Periodically preview your pages both on the desktop and mobile browsers at the under-construction phase.
- If it is possible, you can set up a local host on your computer.
- You also can use GitHub testing your site.
- Validate your site.
Publishing
If you want to publish your site, you need to upload your files to a hosting provider’s server, but also you can use GitHub to bring your website to the public.
References
Learning Resources
Web Design Tutorials
Web Development
Useful links
Thank You for reading,
Gesha
Congratulations @geshasproject! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :
You can view your badges on your Steem Board and compare to others on the Steem Ranking
If you no longer want to receive notifications, reply to this comment with the word
STOP