Web Design and Publishing

Web Design and Publishing

1. Web Design Programming

   • HTML
     • Is a language for creating Web pages. HTML stands for HyperTextMarkupLanguage. it is a markup language. A markup language is a collection of markup tags or elements.
   • PHP
     • Is stands for HypertextPreprocessor (PHP) are a type of programming language whose main job is to allow the web developers to make a dynamic and vibrant content that reacts with the available databases.
   • CSS
     • Is stands for Cascading Style Sheets. CSS helps to change formatting of any HTML element by simply rolling out improvements at one place.
   • Bootstrap
     • It is a collection of tools to help you rapidly deploy websites and Web application on internet.
   • JavaScript
     • JavaScript is a lightweight, deciphered programming dialect with object-oriented capacities that enables you to incorporate intelligence with generally static HTML pages.

2. Is the process of broadcasting content on the Internet. It includes making and uploading websites, updating webpages, and posting blogs online. The published content may include text, images, videos, and other types of media.

3. Types Of HTML Tags

   • Container Tag
     • It is used twice in a document. Text is written in between the two tags. These are also called pair tag or companion tag.
   • Empty Tag
     • Is a single tag. It is also named as singular tag. It does nothave any companion tag. Closing or finishing tag is never used in it.

4. Structure of HTML Tags

   • Head
     • The Head section contains the Title that identifies the first part of your HTML coded document.
   • Body
     • The body section is where you do most of the works that includes text, graphics, and other HTML elements that provide control and formatting of a page like: fonts, paragraph, list and other elements.

5. Basic Tags of HTML

   • Head Tag
   • Title Tag
   • Body Tag
   • Heading Tag
   • Paragraph Tag
   • Line Break

6. Web Site Development & Publishing

   • Static Websites
     • They are loaded on the client’s browser as exactly they are stored on the web server. Such websites contain only static information. User can only read the information but can’t do any modification or interact with the information.
   • Dynamic Websites
     • Shows different information at different point of time. It is possible to change a portion of a web page without loading the entire web page.
     • Server-side dynamic web page
       • It is created by using server-side scripting. There are server-side scripting parameters that determine how to assemble a new web page which also includes setting up of more client-side processing.
     • Client-side dynamic web page
       • It is processed using client side scripting such as JavaScript. And then passed in to Document Object Model (DOM).

7. Website Designing

   • Is linked directly to the visual part of a web site. Active web design is essential to convey thoughts adequately. Web designing is subset of web development.
     • A site map of pages
     • Details about information architecture.
     • Planned structure of site.

8. Wireframe

   • Refers to a visual guide to entrance of web pages. It helps to define structure of web site, linking between web pages and layout of visual elements.

9. Web Page Anatomy

   • Containing Block
     • Container can be as page's body tag, an all containing div tag. In the absence of container there wont be any place to put the contents of a page.
   • Logo
     • Logo alludes to identity of a website and is utilized over an organization's different types of advertising, for example, business cards, letterhead, broachers et cetera.
   • Navigation
     • The important criteria of the site’s navigation system should be such that it should be convenient to find and use. On an often the navigation is just placed at the top of the page on the extreme right.
   • Content
     • The content on a web site ought to be significant to the goal of the web site.
   • Footer
     • Footer is situated at the base of the page. It for the most part contains copyright, contract and legal information and in addition few links to the primary sections of the site.
   • Whitespace
     • It is also known as negative space and refers to any area of page that where there is no coverage of any type or illustrations.