Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

В помощь начинающему web-мастеру


Информационный Канал Subscribe.Ru

Главная Статьи Учебники Рейтинг Ссылки Форум
  Webstudent.net.ru - Мы учимся вместе!
Рассылка начинающему web-мастеру.


Дата: 2004-02-24
Выпуск: 12
Количество подписчиков: 2433


Приветствую, уважаемые подписчики!
Сегодня в выпуске:

Новости:

Вступление

Привет, люди! Чрезвычайно раз, что вы вновь читаете эти строки! С момента выхода прошлого выпуска прошло целых 3 недели, но, я надеюсь, вы не забыли меня и все что я тут вытворяю. Докладываю вам, что проблемы, послужившие причиной вынужденного отпуска, были успешно решены. Теперь будем работать в прежнем ритме.

Начать выпуск хочется с поздравлений в адрес всех защитников Отечества, бывших и будущих, потенциальных и действующих, и, конечно в адрес дам в погонах, что стоят на страже Родины. Желаю всего хорошего, здоровья, счастья и мирного неба над головой!

Теперь о новостях рассылки. Нынешний выпуск получися весь из себя "софтовый". Просто меня очень часто спрашивают о том, какие программы я использую, поэтому, я решил написать заметочку и поместить её в рассылку. Кроме того, в рассылке запускаю новую рубрику "полезные программы". Все, кто может (хочет), присылайте мне ссылки на интересные программы. Особое спасибо человеку с ником Islander, за качественную подборку материала. Еще одно спасибо ему за подборку цитат.

Вторая новость - экспериментальный запуск рубрики "Вопрос в рассылку". Присылайте мне все свои вопросы и я их буду помещать в данную рубрику. Очень надеюсь, что вы не будете забывать также отвечать на поставленные вопросы, ведь мы учимся вместе =) Посмотрим, что из этого всего выйдет...

И еще. Присылайте, пожалуйста, ваши идеи по поводу рубрики "Полезные советы", а то моя фантазия уже на исходе ;-) Буду очень рад разным фишкам и приемам, которыми вы со мной поделитесь!

Ладно, хватит слов, переходим к делу. Новые статьи на сайте. Все они сегодня приурочены к открытию нового раздела - "Web-кодинг". Пока присутствует лишь подраздел о PHP, но в будущем будем и другие языки поддерживать... Выражаю благодарность команде Iprit'а за помощь в написании статей!

PHP - руководство для начинающих. Часть 1
Этой статьей мы начинаем цикл для начинающих, который видится нам как краткий учебник по PHP, который годится как ознакомления с основами языка, так и для помощника при написании своих собственных, уже профессиональных, программ. Тем более, что упор делается именно на практику.

Основы работы с MySQL в PHP.
Название говорит за себя. Статья для начиниющих.

PHP и безопасность программ.
Несколько советов по защите ваших программ от злоумышленников. Полезно почитать, хотя америк и не открывают.

Что такое register_globals и как с этим бороться?
И вновь "говорящее" название. Просто и доступно о важнейшей настройке php-интерпретатора.

Реферинг - залог успеха.
Занятная статья о раскрутке сайта.

И еще, наконец дошли руки до открытия собственного блога. Блог открыт - милости прошу! Адрес: http://www.liveinternet.ru/users/crystall/


Программы для начинающего вебстроителя


Главное в любом деле - инструмент, с которым было бы удобно работать. Для создания и поддержки сайтов тоже надо подготовить "рабочее место", чтобы потом проблем меньше возникало. Вот этим мы сейчас и займемся.

Мне частенько задают вопросы по поводу ПО, необходимого дизайнеру. На самом деле, подобных статей в Сети очень много, но тот факт, что спрашивать продолжают и продолжают, говорит о нераскрытости вопроса, а значит придется написать свою заметку. Сразу скажу, что эта статья не претендует на охват всех возможных программных продуктов, т.к это просто нереально, я просто расскажу о том, что использую сам. Ссылок я сознательно не даю ввиду их непостоянности (сегодня есть, а завтра 404 - и все шишки на мою голову), так что те, кто заинтересуются, получают дополнительный повод залезть в какой-нибудь Яндекс и лишний раз отточить свое мастерство поиска.

Редактор HTML

Во-первых, забудьте о Word. C помощью него писать код также неестественно, как подключаться к Интернет через телеграф. Он просто не предназначен для профессионального создания страниц. Код, создаваемый этим текстовым процессором, содержит много лишних тегов, переводов строки, пробелов и прочего "мусора". Не будем углубляться, просто помним, что к использованию он не пригоден.

Точно также не пригоден и приснопамятный Notepad в народе ласково именуемый Блокнотом. Да, можно в нем писать html, но вот вопрос, нужно ли? Без подсветки синтаксиса, без проверки тегов… Ну если уж так приспичило писать все ручками, то выбираем что-то блокнотоподобное типа Bred или Aditor.

Но для полного комфорта я рекомендую использовать специальный инструментарий. Что касается меня, то я совершенно случайно остановился на редакторе 1stPage. Это первое, что попалось мне под руку, содержащее все необходимые мне функции. (Код в нем пишется в основном ручками, но существует масса средств, позволяющая избавится от рутины.) Также, хороший редактор HomeSite, о нем многие говорили теплые слова, так что рекомендую ознакомится.

Любители WYSIWYG ("Что видишь, то и получаешь") выбирают FrontPage от мелко-мягких или Dreamweaver от макромедии . По их поводу долго распинаться не буду - в Сети полно материалов по каждому из них. Но помните, что используя такие вот средства визуального редактирования, вы опять же отягощаете свой код "мусором". Бытует мнение, что эти редакторы подходят новичкам, но я предпочитаю учится сразу всему "взрослому", а не терять время на всякий детский сад, чего и вам желаю. Визуальные средства больше подходят профессионалам, когда надо быстро набросать сайт для презентации клиенту. А учится вебстроительству с помощью WYSIWYG, по-моему, глупо.

Браузер (Browser)

Вообще в настоящее время имеется только три браузера, заслуживающих упоминания - это "Microsoft Internet Explorer", "Netscape Navigator" и "Opera". Для проверки внешнего вида Ваших страничек Вам придется использовать именно их. Причем на компьютере желательно иметь все три браузера (у меня стоит Microsoft Internet Explorer 6.0 и Netscape Navigator 6.0 и Opera 7.0). Нормальная (профессионально) выполненная WEB-страничка должна одинаково выглядеть в любом из браузеров. Это закон такой, если кто забыл. Хотя подгонять сайт под Оперу, к примеру, дело невеселое… Но кому сейчас легко?

FTP Менеджер (для закачивания файлов на сервер)

Total Commander v.6.0 - может и далек от совершенства, но зато привычен и удобен. Я пользуюсь именно им. Хотя на свете существует великое множество других, специальных инструментов, например CuteFTP. Тут рекомендация одна - зайти на крупный софт-архив и выбрать себе что-то по душе.

Графические пакеты

Собственно, тут выбирать особо нечего. Стандартом де факто для растровой графики признан Adobe Photoshop (ныне, насколько я знаю, последней является его седьмая реинкарнация). Именно в нем я создаю все графические элементы для сайтов. Программа обладает огромными возможностями, имеет кучу подключаемых фильтров и модулей и не так-то проста в эксплуатации. Ну чтож, такова цена уймы возможностей. Для овладевания некоторыми интересными приемами приглашаю всех в раздел "Уроки Photoshop" на моем сайте.

Для создания анимированных изображения я по старинке использую утилиту ImageReady из все того же комплекта Photoshop. Но рекомендую обратить внимание на программу Ulead GIF Animator v.5. - позволяет Вам создавать анимированные GIFы, обладает очень мощными средствами оптимизации и, в принципе, может заменять на начальном этапе всю работу с анимацией.

Для работы с векторной графикой используют Corel DRAW 11.0 или Adobe Illustrator 10 - они обе являются лидерами в своих областях… Это тоже программы "must have" для дизайнера.

Для работы с флешем используем Macromedia Flash v.6.0 - практически это стандарт для использования в Web векторных изображений, обладает собственной средой разработки и позволяет создавать отличную векторную анимацию.

Утилиты

Начнем с Adobe PageMaker (ну куда же без этого Adobe! Прям монополист...). Этот пакет представляет собой удобную штуку для профессиональной верстки, издательского дела и оформления документации. Не скажу, что программа первой надобности, но если будет возможность, заимейте.

Browser Sizer 1.03а утилита, с помощью которой можно проверить, как будет выглядеть та или иная web-страница на мониторах с различным экранным разрешением, без изменения параметров настройки монитора в Windows

Для оптимизации графики и HTML используем JPEG Optimizer, GIF Optimizer, HTML Optimizer соответственно.

Для проверки сайта на предмет "битых ссылок" (т.е неработающих) я использую утилиту Link Utility

Semonitor - это отечественная программа, разработанная для мониторинга поисковых систем. С ее помощью вы можете определять позиции своего сайта по заданным ключевым словам в таких популярных среди российских пользователей поисковиках, как Яндекс, Google, Rambler и Aport (всего же поддерживается около 20 поисковых систем со всего мира). Semonitor позволяет также вести историю вашего рейтинга, искать внешние ссылки на ваш сайт, проверять индексацию сайта в поисковых системах и многое другое. Все отчеты, создаваемые Семонитором, можно экспортировать в форматы HTML и Excel, а также распечатывать. Очень удобная и полезная вещь!

Вот таков примерный список ПО, которое я использую для работы над сайтами. Не все это понадобится начинающему, так что нет смысла сломя голову шерстить Интернет или близлежащий магазин в поисках заветной софтины. Как говорила моя учительница, проблемы надо решать по мере их возникновения, так что, когда возникнет необходимость, тогда и приобретете . Для начала возможно вам хватит браузера, фотошопа и html-редактора. А там видно будет…


Полезные советы

Чтобы изменить цвет скроллера мы будем использовать CSS. Здесь я не буду рассказывать что это такое, просто приведу код, который надо всего лишь вставить в голову документа:

body {scrollbar-dark-shadowcolor: цвет;
scrollbar-light-shadow-color: цвет;
scrollbar-base-color: цвет;
scrollbar-arrow-color: цвет;
scrollbar-face-color: цвет;
scrollbar-shadow-color: цвет;
scrollbar-3d-light-color: цвет;}

Все что вам остается, так это заменить слово "цвет" на нужный цвет =)

Статус в ICQ. Наверняка, на многих сайтах вы видели радом с информацией о пользователе его номер ICQ и значок, означающий его присутствие или отсутствие в сети? Знаете как это делается? Очень просто:

<IMG SRC="http://online.mirabilis.com/scripts/online.dll?icq=UIN&img=N">

Вместо UIN надо подставить собственно сам номер. N - вариант индикатора. Их что-то около 11-ти (1-11).

HTML свойство disabled используется для задания цвета заблокированных полей форм. Жаль, что работает ТОЛЬКО в браузерах NN6/Mozilla. Ни любимый народом Ослик, ни даже распоследняя Опера с её хваленой поддержкой CSS2 данное свойство не поддерживают и всегда оставляют поле в стандартном цвете. А для NN6/Mozilla цвет можно поменять, например, на красный с помощью нехитрого кода:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <title>enabled-disabled</title> <style type="text/css"> <!-- input{ color:green } /* CSS2 selector */ input[disabled]{ color:red } --> </style> </head> <body> <form> <input value="enabled" /><br /> <input value="disabled" disabled="disabled" /> </form> </body> </html>

Изменение курсора мыши Курсор меняется при наведении на текст:

<span style="cursor: имя_курсора;"> нужный_текст </span>

Курсор меняется при наведении на гиперссылку:

<a href="ссылка" style="cursor: имя_курсора">ссылка</a>

Вместо "имя_курсора" нужно вставить название курсора, которое можно найти ниже. Следует отметить, что браузеры Netscape не понимают этого кода.

crosshair, move, wait, hand, text, help, n-resize, e-resize, s-resize, w-resize, nw-resize, sw-resize, ne-resize, se-resize


Интересные программы

PHP Edit 2.1
"PHP Edit" - популярный отечественный редактор файлов для веб... Быстрый, удобный, мощный инструмент для веб-программистов. Мощная подсветка кода для HTML, ASP, PHP, Perl, Java, JavaScript, VBScript, CSS, XML, C/C++, Python. Работа с файлами в кодировках: Ansi, Arabic, Baltic, Chinese, EastEurope, Gb2312, Greek, Hangeul, Hebrew, Johab, Mac, Eom, Russian, ShiftJis, Symbol, Thai, Turkish. Декодирование текста из Windows в Koi, Iso, Dos и обратно. Работа с закладками, недавно открытыми файлами. Бесконечное Undo/Redo. Предварительный просмотр во встроеном броузере, отладка и тестирование PHP скриптов. Быстрая вставка HTML тегов (Ctrl+Alt+Space), атрибутов (Ctrl+Shift+Space) и PHP функций (Ctrl+Space). CSS Maker позволит Вам быстро задать стиль Вашей страницы/сайта. Больше инфы на сайте проги...
Freeware, rus-eng
http://phpedit.svoi.net/download/phpedit.exe (1216 Кб)

Blog 8.0 beta 2.
Программа для создания так называемых "блогов" - сетевых журналов. Blog позволяет создавать новые сообщения и отодвигать назад старые без утомительного копания в HTML-коде. Для того чтобы загружать сообщения, требуется сообщить программе данные для входа на ваш FTP-сервер, а также определить шаблон, на основе которого будут создаваться все страницы. После этого надо лишь вписать очередной текст сообщения и нажать кнопку публикации. Также Blog осуществляет генерацию страниц для хранения более старых сообщений. Скачать:
http://www.farook.org/Blog80Beta2.exe (2.18 мб)

Crystal Button 2.30.
Инструмент для создания графических кнопок для веб-страниц. С программой Crystal Button Вы сможете создавать разнообразные 3d и 2d кнопочки, с использованием различных материалов (металл, пластмасса и т.п.), а также кнопок в стиле XP. Скачать:
http://www.web-buttons.net/crystalbutton.exe (1.34mb)
*Примечание: кряк валяется на Асталависте. Вышла ещё версия 2.40, но кряка пока нету(по крайнией мере, когда я смотрел не было).

HTML-Kit 1.292
Очень мощный редактор, который поможет создать и отредактировать веб-страницу, проанализировать код страницы на наличие ошибок, просмотреть ее или выложить на сайт. Главная особенность - подсветка синтаксиса HTML, XHTML, XML, CSS, XSLT, JavaScript, VBScript, PHP, ASP, Java, Perl, Питона, C/C ++, Visual Basic, Pascal/Delphi, Lisp, SQL, INI/Conf и прочие языки программирования. Скачать:
http://www.chami.com/dl/htmlkit/292/HKSetup.exe (3.12мб)

phpMyAdmin 2.5.5 pl1
Утилита для администрирования MySQL через web-интерфейс, написанная на PHP. На текущий момент включает в себя возможности создания/удаления баз данных, создания/удаления/редактирования таблиц, удаления/редактирования/добавления полей, позволяет выполнять произвольные SQL-запросы. Скачать:
http://cesnet.dl.sourceforge.net/sourceforge/phpmyadmin/phpMyAdmin-2.5.5-pl1.z (1.91мб)

Tea 8.0.0.583
TEA - plain-text редактор для всех категорий пользователей - веб-дизайнеров, программистов и др. Поддерживаемые кодировки: Windows CP 1251, DOS 866 и KOI8-R автоматически, Unicode, Mac, ISO 8859-5, translit, функция де-транслита. Встроенная подсветка синтаксиса для HTML, C, C++, Object Pascal (Delphi, Kylix), Java, JavaScript, Perl, SQL, Visual Basic Script. Если кто-то пользуется блокнотом, считая его самым удобным текстовым редактором, то этот редактор действительно заменит его. Также у этого текстового редактора приятный и удобный интерфейс, который заставит усмехнуться пользователя любой категории.
Скачать: http://www.roxton.kiev.ua/myfreesoft/teasetup.exe (1.26мб)

Blackman's E-mail encoder 1.1
Продвинутая утилита, прячущая e-mail адреса на ваших веб-страницах от спам-роботов. Вполне работает и адрес прячет неплохо...к тому же бесплатная. Скачать:
http://www.blackman2003.narod.ru/bee11.zip (75.8кб)


Вопрос в рассылку

Уважаемые Гуру! Нам, новичкам, нужна Ваша помощь! Помогите нам, ведь это выгодно обоим сторонам: мы получаем желанные знания, а вы имеете уникальную возможность продемонстрировать свои знания и опыт. Ссылка на ваш сайт гарантирована!

Вопрос №1
"Дело касается функции PreloadImages(),которую создал мне Dreamweaver когда я делал в нем свои странички. Все вроде бы ничего и когда инет работает быстро страницы "влетают" очень быстро и работы этой функции практически не видно.Но когда связь не очень, тут становится заметно, что функция не работает вовсе.

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

Сейчас делаю еще одну страничку, на ней графики будет поболее. Посему очень прошу если у вас есть, что нибудь получше, чтобы страница представала перед глазами пользователя уже полностью сформированной, не сочтите за труд, ответьте!"
Ответить!

Вопрос №2

"Что такое шелл? Что значит "войти в шелл"? Вообще зачем он нужен и как его найти?"
Ответить!


На посошок...

Предлагаю посвятить сегодняшний Посошок афоризмам на все случаи жизни:

- Решил я как-то попытать счастье - а оно возьми да умри.
- Ecли гopa нe идeт к Maгoмeтy, тo Maгoмeт идeт на ...
- Умом Россию не понять. Но остается надежда на какие-то другие места.
- За одного битого 15 сyток дают.
- Запеpшись в ванной, занимался оптимизмом.
- Не возлюби жену ближнего своего - а то придёт ближний твой и возлюбит тебя.
- Человек - аппарат по переработке пищи в дерьмо. Некоторые утверждают, что это звучит гордо.
- Enter нажат, к чему теперь рыданья...
- И снится нам трава, трава у дома... /Нарики/
- Винда медленно и бесстыдно снимала с себя задачи...
- Вот и я стал членом сети имени собаки некоего педераста...
- Новая стерео-система от Microsoft - Глюк вокруг...
- Не тисипи моё айпи
- У вас не виснет Windows ?!! Руки кривые ...
- "Разбил один логический драйв на два физических..."
- Тебя сейчас послать,иль по E-MAILу ?
- Одиночество- это когда есть E-mail, а письма присылает только сервер рассылки!
- Работа - не волк, а произведение силы на расстояние.


Последние темы форума:

Форум Тема Ответов Просмотров Последнее сообщение
Обсуждение сайтов http://realmaster.h11.ru 7 14 24/02/2004 15:46 p_kolya
Обсуждение сайтов Дом МТ - Дизайн МТ 17 57 23/02/2004 5:17 Yuma
Флейм продм шаблоны и не только 0 7 22/02/2004 23:04 STIF
Обсуждение сайтов www.vkt.cc 7 5 21/02/2004 11:17 supme
Юмор студента Хорошие манеры дизайнерам... ЛОЛ! 1 6 20/02/2004 23:57 IL-89
Обсуждение сайтов http://www.goor.org 7 18 19/02/2004 23:30 IL-89
Web-программирование Простейшая авторизация для Вашего сайта 2 34 17/02/2004 21:53 IL-89
Web-программирование Программируем на PHP 0 31 16/02/2004 15:57 IL-89
Теория Web-design'a Разрешения всякие 0 19 16/02/2004 14:20 IL-89
Флейм Просто интересные факты 2 18 15/02/2004 21:12 IL-89

На сегодня это все, встретимся в следующем выпуске рассылки! Удачи!
Самую свежую информацию всегда можно найти на нашем сайте - Webstudent.net.ru
Архив рассылки доступен по адресу:
http://subscribe.ru/archive/inet.webbuild.webstudent

P.S И не забывайте - мы учимся вместе!

C уважением, Поликарпов Роман


В начало выпуска


© 2003, Поликарпов Роман aka Crystall
По всем вопросам пишите на crystall@webstudent.net.ru

Все материалы данной рассылки охраняются законом об авторском праве!
Вы можете свободно использовать и распространять материалы, подписанные именем Поликарпова Романа, с указанием автора и активной ссылки на сайт (http://webstudent.net.ru/). Желательно уведомить меня по e-mail :)

Главная Статьи Учебники Рейтинг Ссылки Форум


http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное