Визуальные и невизуальные HTML-редакторы для создания сайта

Обзор визуальных редакторов для создания сайтов

Создание веб-сайта состоит из нескольких этапов и взаимосвязанных процессов — таких, как проектирование сайта, создание макетов его страниц, написания наполнения и помещения его на сайт, обслуживание сайта и его программной основы.

Одним из этапов разработки веб-сайта является веб-дизайн, который, в узком смысле термина, означает визуальное оформление веб-страниц. В какой-то степени это аналогия верстки газеты или журнала или создание изображения в полиграфическом дизайне. В то же время веб-дизайн может включать в себя и проектирование структуры сайта, его навигации и в некоторых случаях даже движков ресурса. Другими словами, продукт веб-дизайна должен включать в себя не только визуальные аспекты сайта, но и его юзабилити — т. е. удобство при использовании.

Существует множество инструментов, с помощью которых веб-дизайнер осуществляет верстку страниц. Такие программы называются HTML-редакторами. В веб-дизайне используется два типа редакторов — визуальные и невизуальные (текстовые). Первые работают по принципу WYSIWYG (от англ. — What You See Is What You Get — что видишь, то и получаешь. Другими словами, это способ подразумевает, что при редактировании материал выглядит так же, как он и будет выглядеть в конечном результате. Текстовыми же редакторами, в основном, пользуются профессиональные веб-дизайнеры — так как такие инструменты подразумевают написание кода самостоятельно. С помощью текстовых редакторов создается чистый программный код, который позволяет веб-дизайнерам полностью воспроизводить задуманное, без вмешательства инструмента “по умолчанию”. Существуют также редакторы, которые поддерживают оба принципа работы.

Визуальные и невизуальные HTML-редакторы для создания сайта

Наиболее известными визуальными редакторами являются следующие программы, некоторые из которых будут рассмотрены ниже подробнее:

Платные WYSIWYG-редакторы:

— Microsoft FrontPage
— Adobe Dreamweaver
— Adobe GoLive
— IBM WebSphere Studio Homepage Builder
— Macromedia HomeSite (до версии 5.0)
— NetObjects Fusion
— Namo Web Editor
— WYSIWYG Web Builder

Бесплатные WYSIWYG-редакторы:

— Microsoft FrontPage Express
— OpenOffice. org
— HTMLArea
— TinyMCE
— FCKeditor
— Quanta Plus
— Nvu

Далее я рассмотрю редактор Microsoft Front Page (Microsoft), в котором и сделан почти полностью сайт www.abrams.ru. Это HTML-редактор, входящий в пакет приложений Microsoft Office. Последняя версия — 2003-его года (11-ая). В 2007-ом году на смену программе приходят SharePoint Designer и Microsoft Expression Web.
FrontPage считается простейшим визуальным редактором и популярным среди тех, кто отдает предпочтение программным инструментам Microsoft Office и создает сайт специально для сервера на основе технологий Microsoft. К тому же при разработке веб-сайтов данный редактор пользуется движком Interner Explorer (Tirend), что означает, что в браузерах с другими движками сайт, написанный с помощью FrontPage, может отображаться неверно. Эта проблема, в свою очередь, решается при правильно выбранном режиме совместимости браузеров.

FrontPage поддерживает HTML, JavaScript (скриптовый язык), CSS (каскадные таблицы стилей), DHTML (сочетание HTML, JavaScript, CSS и DOM — объектной модели документа), совместим с технологиями ASP (создание веб-приложений), XML (язык разметки, текстовый формат, применяемый для хранения структурированных данных), VBScript (скриптовый язык программирования), XSL (расширяемый язык таблиц стилей — смена CSS). FrontPage также имеет неплохие возможности по управлению изображениями, flash-роликами, и вообще, по заявлениям его разработчиков, способен создавать сайты с широкими возможностями и предоставляет средства управления ими, а также производить в режиме реального времени автоматическую отправку изменений, внесенных веб-дизайнером в исходные тексты.

По сути, FrontPage является чуть ли не типичным приложением Microsoft Office, и интеграция редактора с этой серией является его очевидным преимуществом. Любой пользователь, имеющий опыт работы с такими приложениями как Word, Excel, Access, не будет испытывать особых сложностей в работе с редактором FrontPage — знакомые панели инструментов, наборы мастеров и редакторов, шаблонов, автоматических функций и т. д. Другими словами, FrontPage — прекрасное решение для начинающих пользователей и веб-мастеров.

Пользователь может выбрать из множества инструментов, представленных редактором те, которые ему приходится наиболее часто использовать и поместить их в основном окне на видное место — это значительно облегчает работу. Удобен также переключатель режимов — страницу можно посмотреть в разных ракурсах: структуру ссылок сайта или схему его навигации.

Простота использования — главное качество этого редактора, как, впрочем, и других продуктов серии Microsoft Office. Множество шаблонов и помощников освобождают пользователя от рутинной и сложной работы — допустим, термин “веб-компонент” в FrontPage может подразумевать под собой фотогаллерею, которую можно вставить буквально с помощью двух-трех переходов: Insert > Web Component или Insert > Picture > New Photo Gallery. Пользователь может работать с традиционный интерфейсом, представляющим превью-картинки, которые, в свою очередь являются активными ссылками на изображения в их полном качестве и размере. Есть возможность организации монтажа, слайд-шоу, фотогаллереи с пояснениями к изображениями и т. д. Впрочем, с веб-компонентами вполне может возникнуть сложность — под ними редактор понимает и динамические эффекты, и содержания, указателя, счетчики посещений и т. д., другими словами — сделать выбор не так-то легко и быстро, как могло бы показаться.

Как и Word, позволяющий открывать одновременно несколько файлов, FrontPage позволяет оперировать несколькими страницами, что очень удобно, когда пользователю необходимо отслеживать согласованность информации и переходить от одной страницы к другой. С помощью FrontPage можно скопировать страницу вместе с HTML-кодом и отредактировать ее, что незаменимо в тех случаях, когда веб-мастеру нужно быстро получить информацию с других своих сайтов, или с сайтов других дизайнеров. Правда, при копировании подобной информации желательно соблюдать авторские права и не допускать их нарушений.

Так как FrontPage прекрасно работает с серверами Microsoft, то это дает такие дополнительные возможности, как просмотр статистики посещений ресурса с указанием операционных систем пользователей и URL, с которых был совершен переход на сайт, интеграция с содержимым и веб-технологиями Microsoft.

Считается, что совместимый в первую очередь с серверами Microsoft, редактор FrontPage способен также поддерживать и Unix-сервера. Для этого необходима установка FrontPage Extensions на любом из серверов.

Другими словами, FrontPage довольно простой визуальный редактор, но очень удобен в тех случаях, когда от пользователя не требуется создание уникального дизайна, сложной структуры сайта. С помощью FrontPage любой пользователь, обладающими базовыми знаниями, способен сделать за короткий период времени простейший (хотя и банальный) сайт с гостевой книгой, форумом, обратной связью и HTML-формами. В некоторых случаях этого бывает вполне достаточно. Но стоит понимать, что FrontPage практически не предоставляет пользователю создать с его помощью что-то действительно идеальное, а лишь предлагает воспользоваться своего рода “заготовками”.

Конечно, у FrontPage есть и недостатки — такие, какие могут быть у редактора для “шаблонных сайтов”. Другими словами, именно шаблонность создающихся с его помощью продуктов — и является главной отрицательной стороной этого визуального редактора. К тому же, сам по себе FrontPage зависим от своих же расширений, без установки которых какие-то параметры сайта уже после его запуска могут отображаться некорректно, несмотря на то, что при локальном тестировании все отвечало запросам веб-дизайнера. К тому же, совместимость редактора исключительно с программным обеспечением Microsoft, делает его невозможным для использования пользователями таких операционных систем, как, например, Linux или Mac OS.

В Microsoft Office 2007 FrontPage был сменен на Microsoft Expression Web и SharePoint Designer. Microsoft Expression Web отличается тем, что предоставляет своим пользователям больше свободы, производит чистый, совместимый со стандартами, код, работает с CSS и CSS-макетами. По сути, это не приемник FrontPage, он, скорее, представляет собой конструктор и имеет большее сходство с SharePoint Designer, делая акцент на разработке и адаптации к сайтам, выполненных с помощью последнего. Приемником является SharePoint - хотя и не предлагает ничего революционного и также вызывает недовольство среди веб-мастеров. Среди возможностей — поддержка интерактивных страниц ASP. NET, создание вида данных из RSS, XML, Office XML, сотрудничество со встроенным Workflow Designer, инструменты CSS, отслеживание статистики страниц, проверка орфографии, интеграция с SharePoint Server 2007.

И напоследок: чтобы скачать и установить ту или иную программу, достаточно набрать её название в поисковой строке и задать поиск.
Желаю вам удачной работы с программами!

Компьютер и Windows

Главная сайта | 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 | 452 | 453 | 454 | 455 | 456 | 457 | 458 | 459 | 460 | 461 | 462 | 463 | 464 | 465 | 466 | 467 | 468 | 469 | 470 | 471 | 473 | 473 | 474 | 475 | 476 | 477 | 478 | 479 | 480 | 481 | 482 | 483 | 484 | 485 | 486 | 487 | 488 | 489 | 490 | 491 | 492 | 493 | 494 | 495 | 496 | 497 | 498 | 499 | 500 |





@Mail.ru