Page 1 :
— Eee, , vy Ee, tivated by 8 letter keystroke., , CHAPTER - §, — ER-§, Every t vers once they've been created, |, , the Lay |, , 4, You cannot aad ie, 7 i length of a canvas %, , 5 Ye change the W idth and after You ¢ te, , «ta Adshe phowshoy holding the shift button will allow You to " | gonUe TION, . In ad, | vt, , selection. — q, 2. In pho you can make selection with lasso, marquee, magic y,, , we, , rhe Internet is a very large network of computers spread across the world. The, allows for each of these computers to send and Teceive information from each, , et ; ;, quaetict ‘cals. and, x wig of the major applications of the Internet is the World Wide Web (WWW). The, & Control-F is the shortcut for hiding/showing your rulers, vied wide Web or ae weH in short, can be thought of as an interconnected set of, 9, You can open color pallet from window menu. ys, images, audio, video files or software files. When you connect tothe Internet, : : und (we call it browsing), you are using a very interesting fe, im double-click on the words on the layer to chan; sa look 30 . j ‘hl; een ofthe WED,, 10. — ge the name oy peti Each time you click on a highlighted piece of text or image, you jump to, , iece of text or image and this could be on the same page. anoth, kower: LE 2T3F 4F 5ST 6T 7.T &F ot : di igh anodes pation he, -T 10.7 | game hard disk or on a page resicing on another computer, half way across the world, EXERCISES How this works and how we could make it happen is what we will learn in this chapter., web pages use a language called the Hyper Text Markup Language (HTML). The browser, , Why Photoshop is used ? Explain. applications (Microsoft’s Internet Explorer, Mozilla Firefox. etc.) are designed to interpret, Explain the purpose of Text Wrap ? HTML., , How to change black and white image to a colored picture using Photoshop ?, What do you mean by workspace ? Explain, 6. How can you soften the edges of selection ? Explain., , About HTML, , © HTML Stands for Hyper Text Markup Language used for creating web, , pages., ey s — collage ? What are the various steps to create a digital collag# © It Describes the structure of Webpages ., 8 What Si mean by Photshop Ralers? / It consists of Series of HTML Elements which tell the browser how to, es lers ? How can we change the various setting = display the content., 9. HTML is a Markup Language which means you use HTML to simply “mark-up” a, , ~~ ‘ansforming objets in Photoshop ? Give the use of et ‘ext document with tags that tell a Web browser how to structure it to display. Originally., was developed with the intent of defining the structure of documents like, ings, paragraphs, lists, and so forth to facilitate the sharing of scientific information, Neen researchers. Now, HTML is being widely used (0 format web pages with the help, OF different tags available in HTML language., , —End—, , Wit, Ning HTML document:, , HTML document is made up of elements called Tags and Attributes, , wf |, ‘is, , ) | (Computer Sere, , ee fh, , (Computer Seience-X1)
Page 2 : /_ a, , Tag, , step 2. Type the HTML document 7, indicate: parks lotepad, A tag is coded HTML command that indicates how parts of web Pages “ 88 shown in following figu, 5 ou ire, , , , , , , , , , , , , e, be displayed., @ All HTML tags are contained w ith angle brackets (<>), File Edit }, HTML tags are case insensitive. / <html>, @ There are two types of HTML tags Le = Container Tag and Empty tag <head>, <title>HTML</title>, Attributes , 7 </head> s, An attribute is special word used inside tag to specify additional information toy <body>, such as color, size, alignment ete. oe as HTML document |, </body> ”, Two Types of tags in HTML </html>, , , , , 1, Container Tag ‘a sea ;, HTML container tags require a starting as well as ending tag. @ Step 3. To save the document click at File Menu, , , , -> Save as Command, @ Step 4. The Save as Dialogue box will apprear as shown in the following, , |, |, , , , Some Examples of container Tags are :figure :, , <HTML>.... </HTML>, , <HEAD>..........</HEAD>, , <TITLE>oeos.es-</TITLE>, , , , <B>... </B>, , , , 2. Empty Tags, HTML empty tags require just a starting tag and not an ending tag. Some example, of empty tags are, <B>, <Hr>, <Img>, , , , Creating and Saving a HTML Document, ‘ * itor, Since HTML Documents are just TEXT Files, they can be written in any text edi, like Notepad, Front Page , Dreamweaver , Word Pad etc., . ws:, If You are using Notepad to create a HTML document, the steps are 48 bars, , | >, | © Step 1. Open Notepad by clicking at Start -> All Programs, Accessories=>Notepad, , , , , , , , nco-X!) | (Computer Science-X1), , sciet, (140) | (Computer S¢e!®
Page 3 :
© Step 5. In save as dialogue box. afer selecting the desired fold,, desired file name along with extension -htm or -html in file name fae Bivg ., click on save button. In above figure we have saved out HTML tay,, , under name First html., , VIEWING HTML DOCUMENT IN BROWSER, , You can view HTML document in any web browser Such as Intemet Ex, Mozilla Firefox . opera . Apple Safari, Netscape Navigator Goggle Chrome ee, We are Using Internet Explorer web browser to view the HTML document, “ee, , To view HTML document steps are as follows :, , @ = Step 1. Open Internet Explorer by Clicking at, , Start -> All Program ->Intemet Explorer., , @ Step 2. To open the document First.html, select File Menu -> open, , @ Step 3. The Open dialogue box will appear as in the following figure:, , , , , =) Tyre the intemet address of 2 document,, 32) Explore wd open enya aia, , , , , , Open: C\UsersVanna\DocumentiFirstit, , , , @® Type the Internet address of a document or folder. and, , Internet Explorer will open if for you, , (oe) (Cones) (tem), , Open |, Open dialog box with path, , (JOpen as Web Folder © Step 6. Now, you will be viewing your desired page as shown in the following, figure:, , Open dialog box, , , , , , , , , , , , , , <tatleowmac/eaeie>, </neaa>, boay>, Tae is a HTG docunent:, </body>, </nemi>, , © Step 4. fed, will Ae tek the browse button. The Microsoft Internet Explorer dialog”, “pear and select the file “FIRST” as shown in the following fig, , x, ene (Ce ., (142) | (Computer Scie! *Mputer Scienee-X1), , ee
Page 4 :
Basic Structure of HTML Pa, , , , A basic concept of programming is to present the code ina very structured, orm,, i, , Not only does it make it easy to read, but also helps to detect and correct errors ny, , we do these in the following way., , The entire HTML document is enveloped between a pair of tags; <HTM, </HTML>. In other words, when enclosed between these two tags, the browser, page as a web page. In our page we have a header, a body and a footer., , 1. The <HTML> Tag, e, , Mi, treats the, , <HTML and </ HTML> tags are used to mark the beginning ang end, HTML document. s, , This tag does not have any effect on appearance of document, , This tag is used to make browsers and other programs know that this ku, HTML document ., , 2. The <HEAD> Tag, @ The< HEAD> tag is used to define document header., @ <HEAD> tag contains information about the document. including its title ani, document description., 3. The <TITLE> Tag, @ <TITLE> tag contains title of the document., @ = Text written between<TITLE >.......</TITLE> tag shows up in title bar of, browser window., 4. The <BODY> Tag, @ The <BODY> tag defines the document's body., © = It contains all the contents of an HTML document, such _ ass text, images, lists, table, etc., e, , , , , , , , , , sic HTML TAGS, HTML provides some basic tags which are required for HTML code, , |. <HTML> Tag : It represents the root of an HTML document, so it acts as a, container for all other HTML elements. It informs the browser that it is dealing, with an HTML document. It is very Important to place both <HTML> and </, , HTML> tags in your document as they tell the browser, where your page begins, and ends., , Eg:, , <HTML>, , </HTML>, , Attributes of <HTML> Tag, , This tag provides various attributes, which, DIR, , It tells the browser the direction in which the display, “eibue can have values either Itr (left to right ) or Hl (right, “Ne of dit attribute is Itr ., , Syntax, , are as follows:, , fed text is to be read. This, to left ). By default , the, , , , 4, <BODY> tag is entered below the close </HEAD> tag and above the clos, HTML> Tag., , ne, (144) | (Computer Seie?®, , SHTML dir = “1te"/ “rtl">, , LANG now 3 days:, , and attribute values,, , it, '' specifies the language of an element conten, , ti |, , (Computer Seience-X1)
Page 5 : web pages are design, , g. German, Hindi, Greek Sp, * Panish o, le,, , ned in many languages, ¢, , <HTML lang ="f">, , Here, fr denotes (0 the French language., , codes are as follows :, , , , Se Common language, acer __—__—, , , , , , , , , , , , , , , , , , , , , , , , , , AREAS: ee Language, Hi Hindi en English, Fr French es Spanish, i YAS ar Arabic, It Tralian nu Russian, Rep Due zh Chinese, ss oe ja Japanese, , , , , , , , <HEAD> Tag : This element is a container for all the header eleme,, , Ty, , <HEAD> Tag must include a title for the document that le, it can include scripts, gy, , meta information and any more. The second line of your docum, , <HEAD> The content contained in the head section of your eae ; os, , = to the browsers and search engines but, it is not eae Bad, web page. The end of the head tag is indicated by </HEAD>. %, , Eg, , <HTML>, , <HEAD>, , Header information comes here, </HEAD>, , , , jg the title of my page., his, opt le?, , EAD?, aul, , , , his is the title of my page, , , , <poDY> Tag, This tag defines, s. It contains all, , tables, lists etc., and closing </BODY> tags., , the document’s body. It is used to set the basic page, uacteristic the necessary contents of a HTML document, such as text,, tperlinks, images, The content of your Web page is placed in between, fe opening <BODY> :, , The <BODY> tag is opened just after the h, , ‘fore closing the <HTML> tag., Eg:, , <HTML>, , <HEAD>, , <TITLE>, , ead section is closed. It is closed just, , , , , , , , , , , , , <HTML>, <TITLE> Tag : |, text and son dicnens tie i o tn document Tv tae TE “, as . |, , </HEAD> tags. J fle name. IT is placed between <HEAD, Eg., <HTML>, <HEAD>, <TITLE>, , ult, , (146) | (Computer, , My First web page., , ‘TITLE>, , </HEAD>, , <BODY>, , Hello world. This is my first web page., s/BODY>, , S/HTML>, , | (Computer Seience-X!)
