Thursday, October 7, 2010

साध्या वेबसाईटचे डिझाईन भाग - ३

अक्षरसंच
दुसर्‍या धड्यात आपण अक्षरांविषयी काही टॅग पाहिले. पण अक्षराचा प्रकार बदलला नाही. वेबपेजवर एरियल, टाईम्स न्यू रोमन, वर्दना, ताहोमा यासारखे वेगवेगळे अक्षरसंच (font) वापरता येऊ शकतात. उदा. त्यासाठी फॉंटच्या टॅगचा उपयोग करण्यात येतो.

रंग - वेबपेज वा अक्षरांचा रंग आपल्याला हवा तसा निवडता येतो.रंग red,blue,green,gray अशा विविध नावानी वा अन्य प्रकारे दर्शविता येतात.

चित्र वा फोटो (इमेज)
वेबपेजवर चित्र असले की वेबपेजची शोभा वाढते. वेबपेजवर घालावयाचे चित्र सहसा png, jpg, gif याप्रकारचे व ५० केबीपेक्षा कमी मेमरी लागणारे असावे लागते अन्यथा वेबपेजवर ते चित्र उमटायला वेळ लागतो. फोटोशॉप किंवा फायरवर्क्ससारखे सॉफ्टवेअर वापरून फोटो वा चित्राचा आकार व मेमरी कमी करता येते. चित्र अधिक उटावदार दिसावे यासाठी त्यावर संस्कार करुन मग ते वेबपेजमध्ये वापरले जाते. चित्र घालण्यासाठी img src (image source) हा टॅग वापरावा लागतो व चित्राचे स्थान व नाव द्यावे लागते.
hr ( Horizontal Rule)
hr हा टॅग आडवी रेघ मारण्यासाठी वापरला जातो.
a (Anchor Link)
a हा टॅग html मध्ये सर्वात महत्वाचा आहे. कारण या टॅगचा वापर करून एका पानावरुन दुसर्‍या पानासाठी लिंक (href) देता येते.
अँकर (a व /a) टॅगचा वापर करून शब्द समूह वा चित्र याना कशी लिंक (href) देता येते. ते खालील उदाहरणावरून स्पष्ट होईल.

thirdpage.htm
आता नोटपॅडमध्ये खाली दाखविल्याप्रमाणे टाईप करून तिसरे पान thirdpage.htm या नावाने सेव्ह करा.

ब्राउजरमध्ये तिसरे पान कसे दिसेल हे खाली दाखविले आहे.
वरील प्रोग्रॅम मध्ये उदाहरणादाखल दाखविलेल्या इमेजेस (dlogo.jpg and mymarathi.jpg) ऎवजी आपण आपल्याकडे असणार्‍या इमेजेस वापराव्यात. वरिल टॅगमध्ये अनेक वैशिष्ठ्ये समाविष्ट करता येतात. या प्रोग्रॅम मध्ये अक्षरसंच, चित्र, व अँकर लिंक यात फेरबदल करून पहा. या विषयी अधिक सविस्तर माहिती आपण घेणार आहोतच.

3 comments:

  1. सर,

    माहिती छान मिळाली आहे. परंतु सेकंड पेजची लिंक दिल्यावर ते सेकंड पेजवर जात नाही. त्यासाठी काय करावे. तसेच टॅग देताना त्यात काही तरी अन्य मजकूर द्यावा, जेणेकरून समजण्यास सोपे जाईल. ही विनंती.

    नंदकुमार

    ReplyDelete
  2. नमस्कार,
    आपल्या अभिप्रायाबद्दल धन्यवाद.
    आपण secondpage.htm ही फाईल त्याच फोल्डरमध्ये सेव्ह केली नसल्यास लिंक जाणार नाही. लिंक देताना त्याचा पूर्ण पाथ द्यावा लागतो. एकाच फोल्डरमध्ये दोन्ही फाईल असतील तर त्याची गरज नसते.
    परत प्रयत्न करून पहा व अदचण आली तर कळवा.
    धन्यवाद!
    सु. वि. रानडे

    ReplyDelete
  3. नमस्कार सर ,
    बऱ्याच वेळानंतर मला एक अशी साइट मिळाली ज्यावर मी स्वत: समजुन घेवुन शिकु शकतो
    धन्यवाद सर

    ReplyDelete