WEB APPLICATION. XI, Code- 803

Transcription

1 WEB APPLICATION XI, Code- 803

2 Part A 1. Communication & its methods 2. Importance of communication 3. Factors effecting communication skills. 1. Communication Communication is a vital (Important) part of our daily routines. In a simple language Communication means to say something, to express something through different method like speaking, talking, actions, gestures etc. The imparting (to communicate information to someone) or exchanging of information by speaking, writing, or using some other medium. "Television is an effective means of communication Communication is the heart of every organization. Everything you do in the workplace results from communication. Therefore good reading, writing, speaking and listening skills are essential if tasks are going to be completed and goals to be achieved. Methods of Communication Verbal Communication Non-Verbal Communication Visual Communication Verbal Communication The sharing of information between individuals or groups by using SPEECH. Non-Verbal Communication Transmission of messages by a medium other than speech or writing. Non-verbal communication includes facial expressions, gestures displayed through body language Nonverbal communication between people is communication through sending and receiving wordless cues. Visual Communication Visual communication is the transmission of information and ideas using symbols and imagery. It is one of three main types of communication. Visual communication is believed to be the type that people rely on most, and it includes: - Objects - Models - Graphs - Visuals - Movies/Videos - Maps

3 - Tables - Poster Boards - Social Media 2. Importance of Communication Skills 1. Communication skills help to learn more from elders 2. The quality of being friendly with others 3. Communication skills help in career development 4. Enhancement in teamwork and collaborative attitude 5. Communication skills develop professionalism in human being 6. Improvement in presence of mind and memory enhancement 7. It Improves the quality of education and personal development. 3. Factors Effecting Communication Skills Factors affecting effective communication Status/Role, Cultural Differences, Choice of communication channels, Length of Communication, Use of Language, Disabilities, Known or Unknown Receiver, Individual Perceptions, Atmosphere/Noise, Clarity of Message, Lack of Feedback. Past Experience, Environment,

4 Feelings Part B Content 1. About HTML 2. About HTML Editors 3. Creating, Opening & Saving HTML Document 4. Html Basic Document Creation / Structure of HTML 5. Inserting Images, hyperlinks, heading, paragraphs. 6. HTML Elements & Structure 1. About HTML WHAT IS HTML? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages. HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in HTML 4.01 was a major version of HTML and it was published in late However, HTML 4.01 version is widely used but currently we are having HTML-5 version, which is an extension to HTML 4.01, and this version was published in There are two types of tags in HTML paired or unpaired tags. Definition of an HTML Document An HTML document is a file containing hypertext markup language. HTML code is based on tags, or hidden keywords, which provide instructions for formatting the document. A tag starts with an angle bracket and the 'less than' sign: '<'. The tag ends with an angle bracket and the 'greater than' sign '>'. Tags tell the processing program, often the web browser, what to do with the text. For example, to make the word 'Hello' bold, you would use the opening bold tag <b> and then the closing bold tag </b>, like this: <b>hello</b> HTML is defined by the World Wide Web Consortium, an organization that regulates standards for the Internet. Each version of HTML has a set of definitions. Note that HTML is not a programming language. Example: <html> <head> <title>page Title</title> </head>

5 <body> <h1>my First Heading</h1> <p>my first paragraph. </p> </body> </html> 2. HTML Editors Web pages can be created and modified by using professional HTML editors. However, for learning HTML always recommend a simple text editor like Notepad (PC) or TextEdit (Mac). Using a simple text editor is a good way to learn HTML. Follow the steps below to create your first web page with Notepad or TextEdit or Notepad++. On Windows Step 1: Open Notepad (PC) or Notepad++ Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad or Notepad++. Windows 7 or earlier: Open Start > Programs > Accessories > Notepad On Mac Step 1: Open TextEdit (Mac) Open Finder > Applications > TextEdit Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text" Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text". Then open a new document to place the code. Step 2: Write Some HTML code Write or copy some HTML into Notepad or Notepad++.

6 Step 3: Then Run your Code as same on both operating systems. 3. Creating, Saving & Opening HTML Document Creating a Document: Open HTML Editor Type your code and save it to RUN Saving a Document: Save your HTML document by using.html extension. Step 1 : Create Folder on desktop Step 2 : Then Save your document in this by clicking on save button or by pressing Ctrl+S Step 3 : Type Name + Extension (document_name.html) Opening a Document: Click on Open button in File menu or by pressing Ctrl+O 4. HTML Basic Document Creation / Structure of HTML Basic structure of an HTML document

7 A basic concept of programming is to present the code in a very structured format. Not only does it make it easy to read, but also helps detect and correct errors. In HTML, we do these in the following way. The entire HTML document is enveloped between a pair of tags: <HTML> and </HTML>. In other words, when enclosed between these two tags, the browser treats the page as a web page. The sections of the page are then defined. In our page we have a header, a body and a footer. The tags are <head></head> and <body></body>. So the HTML page looks like this : <html> <head> Instructions for the browser goes here; </head> <body> Everything on the web page goes here; </body> </html> All the contents of the web page displayed in the browser window are between the tags <body></body>. In our web page, this includes the following:. The banner, Computers and Communication Technology against a coloured background;. The menu bar with buttons to each chapter;. Text Alignments & Background Colors. A set of hyperlinks;. Two input boxes; and. The footer So HTML Structure is very important in HTML To create a web page. Example: Title Head Body 5. Inserting Images, hyperlinks, heading, paragraphs. Inserting an Image Images can improve the design and the appearance of a web page. HTML Images Syntax In HTML, images are defined with the <img> tag.

8 The <img> tag is empty, it contains attributes only, and does not have a closing tag.the src attribute specifies the URL (web address) of the image: <img src="url"> Inserting Heading HTML defines six levels of headings. A heading element implies all the font changes, paragraph breaks before and after, and any white space necessary to render the heading. The heading elements are H1, H2, H3, H4, H5, and H6 with H1 being the highest (or most important) level and H6 the least. Example <html> <head> <title>hlo</title> </head> <body> <h6>hello</h6> <h5>hello</h5> <h4>hello</h4> <h3>hello</h3> <h2>hello</h2> <h1>hello</h1> </body> </html> HTML Hyperlinks HTML links are hyperlinks. You can click on a link and jump to another document. When you move the mouse over a link, the mouse arrow will turn into a little hand. Example <html> <head> <title>hlo</title> </head> <body> <a href= # > </body> </html> Paragraphs Paragraph tag <p> is used to create a paragraph on the Web Page. It is a paired tag that starts with <p> and ends with </p>. <p>write here what you want</p>

9 Paired or UN Paired tags Tags are instructions that are embedded directly into the text of a HTML document. Each HTML tag describes that the browser should do something instead of simply displaying the text. In HTML, the tags begin with (<) and end with (>) HTML tags can be of two types. They are 1. Paired Tags 2. Unpaired Tags Paired Tags: A tag is said to be a paired tag if the text is placed between a tag and its companion tag. In paired tags, the first tag is referred to as Opening Tag and the second tag is referred to as Closing Tag. Example <i>this text is in italics. </i> Note: Here <i> is called opening tag. and </i> is called closing tag. Unpaired Tags: An unpaired tag does not have a companion tag. Unpaired tags are also known as Singular or Stand-Alone Tags. Example <br>, <hr>etc. These tags does not require any closing tag.