От homepage к порталу!
Создание Web-сайтов
Загруженный рисунок понадобится нам в следующем
опыте. Хотя его можно быстро скопировать в папку Web
с прилагаемого компакт-диска, мы воспользуемся другим
способом.
>• Щелкните правой кнопкой мыши на рисунке в окне
браузера и из появившегося контекстного меню выберите
команду Сохранить рисунок как (Save Picture
As) (Save Image As). В появившемся диалоге Сохранение
рисунка (Save Picture) откройте папку Web, a
затем нажмите кнопку Сохранить (Save).
Если рисунок очень большой, и вы не хотите, чтобы он
замедлял загрузку основного Web-документа, можно
поместить рисунок на отдельную страницу, вставив в
основном документе гиперссылку на нее, например, так:
<а href="Aflpec_URL">3flecb</a>Bbi
можете увидеть
фотографию Рис. 3.8. Загруженный
рисунок
В этом случае пользователь сам решает - смотреть или
не смотреть данный рисунок.
Мы уже отмечали, что для файлов, подобных загруженному, т.е. сохраненных в формате
JPEG, основной способ оптимизации - сжатие. Только таким способом можно уменьшить
объем файлов данного формата. Однако следует помнить, что сжатие JPEG ведетк
потере качества. При каждом сохранении файла этого формата происходит новое сжатие
и качество снова ухудшается: Вместе с тем, технология JPEG замечательна именно тем,
что позволяет достичь серьезного выигрыша в сокращении размера при минимально
заметных для глаза потерях в качестве.
Еще один способ ускорения загрузки графики большого размера - нарезать изображение
на части и поместить отдельные фрагменты в HTML-таблицу, где они будут восприниматься
как единое целое. Каждый такой фрагмент можно оптимизировать индивидуально,
применив наиболее подходящие для него параметры. При этом размер фрагментированного
рисунка станет меньше, чем неразрезанного, что значительно ускорит его появление
на экране. Для графики, сохраняемой в формате GIF, можно также оптимизировать
палитру каждого фрагмента, что иногда позволяет уменьшить объем файла в 2-3 раза.
€п4уг.т JV&3. Графический фон
Создавая наши первые Web-страницы, мы использовали для них однотонный фон, указывая
его цвет в теге <body> с помощью атрибута bgcolor. Однако фон может быть не
только однотонным, но также в виде рисунка или фотографии. В этом случае, как и любое
другое изображение, рисунок фона должен быть представлен в формате GIF, JPEG
или NPG. Для указания фонового рисунка в теге <body> используется атрибут background,
значение которого - имя или URL-адрес файла с рисунком.
Вставим в файл geoton.html в качестве фона Web-страницы рисунок BG.JPG, который
мы сохранили в папке Web в предыдущем опыте.
[...]
Главная
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] [41] [42] [43] [44] [45] [46] [47] [48] [49] [50] [51] [52] [53] [54] [55] [56] [57] [58] [59] [60] [61] [62] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] [73] [74] [75] [76] [77] [78] [79] [80] [81] [82] [83] [84] [85] [86] [87] [88] [89] [90] [91] [92] [93] [94] [95] [96] [97] [98] [99] [100] [101] [102] [103] [104] [105] [106] [107] [108] [109] [110] [111] [112] [113] [114] [115] [116] [117] [118] [119] [120] [121] [122] [123] [124] [125] [126] [127] [128] [129] [130] [131] [132] [133] [134] [135] [136] [137] [138] [139] [140] [141] [142] [143] [144] [145] [146] [147] [148] [149] [150] [151] [152] [153] [154] [155] [156] [157] [158] [159] [160] [161] [162] [163] [164] [165] [166] [167] [168] [169] [170] [171] [172] [173] [174] [175] [176] [177] [178] [179] [180] [181] [182] [183] [184] [185] [186] [187] [188] [189] [190] [191] [192] [193] [194] [195] [196] [197] [198] [199] [200] [201] [202] [203] [204] [205] [206] [207] [208] [209] [210] [211] [212] [213] [214] [215] [216] [217] [218] [219] [220] [221] [222] [223] [224] [225] [226] [227] [228] [229] [230] [231] [232] [233] [234] [235] [236] [237] [238] [239] [240] [241] [242] [243] [244] [245] [246] [247] [248] [249] [250] [251] [252] [253] [254] [255] [256] [257] [258] [259] [260] [261] [262] [263] [264] [265] [266] [267] [268] [269] [270] [271] [272] [273] [274] [275] [276] [277] [278] [279] [280] [281] [282] [283] [284] [285] [286] [287] [288] [289] [290] [291] [292] [293] [294] [295] [296] [297] [298] [299] [300] [301] [302] [303] [304] [305] [306] [307] [308] [309] [310] [311] [312] [313] [314] [315] [316] [317] [318] [319] [320] [321] [322] [323] [324] [325] [326] [327] [328] [329] [330] [331] [332] [333] [334] [335] [336] [337] [338] [339] [340] [341] [342] [343] [344] [345] [346] [347] [348] [349] [350] [351] [352] [353] [354] [355] [356] [357] [358] [359] [360] [361] [362] [363] [364] [365] [366] [367] [368] [369] [370] [371] [372] [373] [374] [375] [376] [377] [378] [379] [380] [381] [382] [383] [384] [385] [386] [387] [388] [389] [390] [391] [392] [393] [394] [395] [396] [397] [398] [399] [400] [401] [402] [403] [404] [405] [406] [407] [408] [409] [410] [411] [412] [413] [414] [415] [416] [417] [418] [419] [420] [421] [422] [423] [424] [425] [426] [427] [428] [429] [430] [431] [432] [433] [434] [435] [436] [437] [438] [439] [440] [441] [442] [443] [444] [445] [446] [447] [448] [449] [450] [451]