Scribd
Upload
453 views3 pages

Principles of HTML Design

The document discusses the principles, features, objectives, and steps for designing HTML pages. It outlines principles like compatibility, utility, and interoperability. It also lists features of HTML like being easy to use and platform independent. The document provides objectives for understanding web page design, learning HTML and CSS, and developing programming skills. It lists 9 steps for creating an HTML webpage, such as opening an HTML editor and adding text and tags. Finally, it discusses how to design HTML pages by deciding on an editor, thinking about look and setup, and writing code.

Uploaded by

Shafeeu Muhammad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
453 views3 pages

Principles of HTML Design

The document discusses the principles, features, objectives, and steps for designing HTML pages. It outlines principles like compatibility, utility, and interoperability. It also lists features of HTML like being easy to use and platform independent. The document provides objectives for understanding web page design, learning HTML and CSS, and developing programming skills. It lists 9 steps for creating an HTML webpage, such as opening an HTML editor and adding text and tags. Finally, it discusses how to design HTML pages by deciding on an editor, thinking about look and setup, and writing code.

Uploaded by

Shafeeu Muhammad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Principles of Html Design

1. Compatibility
Address the necessity of supporting existing HTML content, design HTML 5 document requirements so
that Web content can degrade gradually; and specify, adopt and adapt existing technology where possible.
2. Utility
The principles of utility call for design that ensures features can be used effectively, and for all intended
purposes.
3. Interoperability
Interoperable HTML 5 implementation means defining behaviors in preference to vague or
implementation-define behavior, avoiding needless complexity, and handling errors gracefully as opposed
to hard failure.
4. Universal access
Features should be designed for universal access - to work across as many platforms as possible, support
all world languages and scripts, and to be accessible to all users, including those with disabilities.
HTML page requirement
 The HTML page should be cross browser compatible.
 The data capture fields should be well validated.
 The HTML page should comply with W3C standards.
Features of HTML:
 It is easy to learn and easy to use.
 It is platform-independent.
 Images, videos, and audio can be added to a web page.
 Hypertext can be added to the text.
 It is a markup language.
27 Sep 2021
Course Objectives
 Understand the principles of creating an effective web page, including an in-depth consideration
of information architecture.
 Become familiar with graphic design principles that relate to web design and learn how to
implement theories into practice.
 Develop skills in analyzing the usability of a web site.
 Understand how to plan and conduct user research related to web usability.
 Learn the language of the web: HTML and CSS.
 Learn CSS grid layout and flexbox.
 Learn techniques of responsive web design, including media queries.
 Develop skills in digital imaging (Adobe Photoshop.)
 Develop basic programming skills using Javascript and jQuery.
 Be able to embed social media content into web pages.
HTML Learning Objectives

 Insert a graphic within a web page.


 Create a link within a web page.
 Create a table within a web page.
 Insert heading levels within a web page.
 Insert ordered and unordered lists within a web page.
 Use cascading style sheets.
 Create a web page.
 Validate a web page.
9 steps in creating a html webpage

Step 1: Open a text/ html editor. Remember the text editor I talked about earlier
on, time to open and use it. ...
 Step 2: Write some html code. ...
 Step 3: Add the text content. ...
 Step 4: Add the html tags. ...
 Step 6: Add a list. ...
 Step 7: Add images. ...
 Step 1: Open Notepad (PC) Windows 8 or later: ...
 Step 1: Open TextEdit (Mac) Open Finder > Applications > TextEdit. ...
 Step 2: Write Some HTML. Write or copy the following HTML code into
Notepad: ...
 Step 3: Save the HTML Page. Save the file on your computer. ...
 Step 4: View the HTML Page in Your Browser.
 How do you design HTML?


 Before writing any HTML code or designing your first web page, you must decide
on an HTML editor or text editor, such as Notepad or WordPad. After installing
an HTML editor and are ready to begin setting up your website, think about how
you want the site to look and be set up. 2 Jan 2021
3.4 References
 About S I W E S, (2015),Student Industrial Work Scheme, [Online] Available:
www.uniprojectsearch.com

You might also like