بدون تصاوير صفحات وب مسلما به هيچ عنوان جذابيت و گيرايي نداشتند
براي اضافه كردن تصوير به يك صفحه وب ابتدا نشانگر ماوس را در جايي كه مايل به قرار گيري تصوير هستيد قرار داده و از نوار ابزار Document بر روي اين آيكن كليك كرده و گزينه Image را كليك كنيد و يا از منوي Insert گزينه Image را كليك كنيد و يا از Ctrl+Alt+I كليدهاي ميانبر استفاده كنيد.
در هر صورت شما با پنجرهSelect Image Source روبرو مي شويد.
در اين پنجره شما يك فايل تصوير را از سيستم خود انتخاب كرده و ok کنید. كليك بر روي گزينه شما را به انتخاب يك تصوير از اينترنت قادر مي سازدكليك بر روي كادر Relative To دو گزينه را در اختيارتان مي گذارد گزينه اول تصوير را مربوط به صفحه جاري و گزينه دوم تصويرتان را به كل سايتتان مربوط ميكند پيشنهاد مي كنم همان گزينه اول را انتخاب کنید.
اگر شما تصويري را غي ر از فولدر عكسي كه در فولدر اصلي سايتتان ايجادكرده بوديد انتخاب كنيد پس ازOK كردن با پيغام زير روبرو مي شوید.
در اين پيغام برنامه از شما ميخواهد اين تصوير را در فولدر اصلي سايتتان ذخيره كنيد پس در اين كادر حتما گزينه ok را انتخاب كرده و مسيري را در فولدر ريشه سايتتان انتخاب كرده و در آنجا ذخيره كنيد بهتر است هميشه در فولدر اصلي فولدري بنام Image داشته باشيد و تمام تصاوير را در آن ذخيره كنيد تا دسترسي شما آسانتر شده و در هنگام آپلود سايتتان نيز به مشكل بر نخوريد به محض وارد شدن تصوير به صفحه تان پانل گزينه ها هم مطابق با تصوير تغيير ميكند اين پانل به اين صورت تبديل مي شود.
در اين پانل پيش نمايشي از تصوير سلكت شده شما در بالاي پانل به چشم مي خورد در كادر سفيد كنار آن شما مي توانيد يك نام مجازي به تصويرتان بدهيد اين نام با نام حقيقي فايل تفاوت دارد و كار برد آن زماني است كه با جاوا اسكريپت بخواهيد يك رفتار متقابل را پياده سازي
كنيد در آنجا اين نام بسيار كمكتان خواهد كرد و بنده هم پيشنهاد ميكنم هميشه تصاويرتان را نام گذاري كني.
د در قسمتهای H و W طول و عرض تصويرتان را به پيكسل نشان ميدهد شما با تغيير اين اندا زه ها ميتوانيد طول و عرض تصويرتان را تغيير دهيد و روش دوم هم اگر به تصوير دقت كنيد به هنگام سلكت كردن يك تصوير ۳ دستگيره ظاهر ميشود دستگيره اي كه در طول تصوير قرار دارد مي تواند تنها طول و دستگيره اي كه در عرض تصوير قراردارد تنها مي تواند عرض تصوير را تغيي ر دهد و جابجايي دستگيره اي كه در گوشه تصوير قرار دارد باعث تغيير اندازه تصوير در جهتهاي افقي و عمودي مي شود اما به عنوان يك پيشنهاد به شما عرض ميكنم هيچ گاه تصاويرتان را از اين طريق تغيير ندهيد زيرا اگر تصوير را زياد بزرگ كنيد تصاويرتان شطرنجي مي شود و اگر آن را كوچك هم كنيد حجم تصويرتان همچنان به حالت قبل است و اين خود باعث حجيم شدن صفحه تان مي شود پس پيشنهاد ميشود ابتدا ويرايش تصاويرتان را در يك برنامه ويرايشگر تصوير مانند فوتو شاپ انجام دهيد و فايل را براي قرار گيري در صفحه وب تان آماده كنيد اما گزينه Src در پانل گزينه ها به آدرس تصويرتان اشاره دارد اگر بر روي علامت فولدر در كنار اين كادر كليك كنيد ميتوانيد تصوير ديگري Src اما گزينه را انتخاب و جايگزين اين تصوير كنيد
كادر link براي لينك تصوير بكار ميرود كه در جاي خود كاملا شرح داده ميشود.
كادر alt به شما اين اجازه را ميدهد كه متني را به تصويرتان نسبت دهيد تا اگر در صورتي كه عكس به هر دليل در صفحه ظاهر نشد اين متن به نمايش در آيد تا بازديد كنندگان از طريق متن به محتواي تصوير پي ببرند.
كادر Class در اينجا و در هر كجا مربوط به كلاسي است كه شما از طريق css قادر به كنترل آن هستيد اين موضوع در سطح پيشرفته بطور كامل توضيح داده مي شود.
گزينه هاي edit براي ويرايش تصوير است گزينه اول ويرايشگر پيش فرض شما را جهت ويرايش تصوير باز ميكند گزينه دوم برنامه Fireworks را جهت ويرايش تصوير باز مي كند مشروط به اين كه اين برنامه را در سيستمتان داشته باشيد و گزينه هاي بعدي هم براي ويرايشهاي جزئي در خود برنامه كاربرد دارد در كادر پائين پانل گزينه ها ما تعدادي از گزينه ها را توضيح داده و مابقي را در وقتي كه به مبحث آن رسيديم توضيح مي دهيم.
در كادر پائين كادر گزينه هاي H Space و V Space به مقدار فاصله افقي و عمودي تصوير با شي و آبجكت مجاور خود اشاره دارد اين آبجكت مي تواند تصوير ديگري يا متن يا كادر جدول و... باشد. گزينه border به ميزان كادر دور تصويرتان مربوط است عدد صفر در اين كادر به معناي عدم لزوم كادر براي تصويرمان است سه گزينه براي چيدم ان تصوير است البته همين گزينه ها و تعدادي گزينه هم در كادر Align قرار دارد كه آنها را زماني كه به قرار دادن تصوير در جدول رسيديم توضيح ميدهم.
در پايان سعي كنيد با همين مقدار اطلاعات طرحه ايي را پياده كنيد تا بر گزينه ها مسلط شويد تا با مطالب درس دوم مشكلي نداشته باشيدهمان طوركه ديديد ما از توضيح دادن بعضي گزينه ها خودداري كرديم مطمئن باشيد تا پايان آموزش تمام گزينه ها توضيح داده خواهد شدمنتها ما نميخواهيم همانند كتابها عمل كنيم اكثر كتابها جنبه مرجع دارند يعني شما در صورتي مي توانيد از تمام قسمتهاي آن استفاده كنيد كه با تمام مفاهيم آن آشنا باش يد و گر نه در درك بعضي مفاهيم كه هنوز مقدمات آن مفاهيم را فرا نگرفته ايد مشكل خواهيد داشت به هر حال فرا گيري يك چنين نرم افزاري مسلما مستلزم كار خود شماست اين آموزش معجزه نخواهد كرد بلكه آن چيزي كه شما را در كار با برنامه حرفه اي خواهد كرد تلاش و پشتكار و صد البته علاقه خود شماست.
|