Рассылка закрыта

При закрытии подписчики были переданы в рассылку "От Винта - Раскрутка сайта. Способы. Сравнительный анализ." на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Декабрь 2007   →
					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

Автор

Владимирис

Статистика

8.145 подписчиков
-7 за неделю

• Выпуски
• Статистика

←   Все выпуски   →

Web - полезные советы по веб-строительству - Работа HTML кодера. Часть 2.

Создай ФОТОальбом на WebFile.ru!           Орк-техника – это не офисное оборудование, а новые правила ведения боя. Wizards World II Играй в онлайн игру бесплатно http://wiw2.ru онлайн-игра Острова приключения на море и на суше http://www.islandsworld.ru/ Если у Вас есть сайт... Загрузка файлов на Вашем сайте Вы можете абсолютно бесплатно разместить форму для загрузки файлов на бесплатный сервер на своем сайте. Новости на Вашем сайте Вы можете разместить у себя на сайте информеры с последними новостями на самые разные темы. Партнерская программа Wizards World. Размести ссылку на своем сайте и получай проценты от платежей привлеченных пользователей.

Wizards World - онлайн игра в стиле фэнтези, 1 000 000 игроков!   Работа HTML кодера 4. Степень зависимости от программно- аппаратной части. Худший вариант: Высокая зависимость от программно- аппаратной части. Хорошая практика: Автономная, параллельная работа. Влияние: Примеры зависимостей, которые отражаются на времени: - зависимость от аппаратной части ПК (Photoshop (несколько одновременно открытых PSD), Dreamweaver (2-3 окна), TopStyle (2-3 открытых файла), проводник (или коммандер), 2-3 открытых браузера (FireFox, IE, Opera) и иногда программа для работы c PHP – вот вполне типовой пример рабочий области). - зависимость от аппаратной части и интернетHTML кодеру в работе требуется видеть моментальный результат своих действий, т.к. иногда вёрстка строится на предположении и результатах того, как ведёт себя дизайн в определенных изменяющихся условиях. Время ожидания результата иногда превышает время на его создание. Когда, даже чтобы увидеть результат самых небольших изменений, необходимо дождаться долгой перегрузки всей страницы (а перезагружает страницу кодер за проект достаточно много раз). - зависимость от действий программиста и программ, связанных с рабочим процессом. Несмотря на то, что SVN (и другие системы контроля версий) призвана не только сохранить код, но и распараллелить разработку, временами приходится вместо разработки возиться с обновлением SVN и восстановлением работоспособности своего хоста после обновления. Это связано с тем, что параллельный разработчик меняет что-то радикальное, скрывает или добавляет часть функциональности влияющей и на работу HTML кодера. Действия: 1. Рабочий процесс (проектная команда): Обсудить влияние друг на друга и исходя из этого предложить порядок тасков. 2. Рабочий процесс: Приемлемые мощности ПК и скорость интернет. 5. Стадия вступления в проект. Худший вариант: Кодер вступает в проект, когда ещё не готова часть ключевой функциональности или часть, влияющая на визуальное отображение. Возможны вмешательство или доработки в уже проработанных страницах. Остались не выясненными до конца части сайта. Хорошая практика: Проект проходит таким образом, что кодер и девелопер работают либо параллельно, либо кодер после девелопера. Влияние: Регрессии необоснованно забирают время, которое не может быть просчитано в начале. Действия: 1. Рабочий процесс (проектная команда): Обсудить влияние друг на друга и исходя из этого предложить порядок тасков. 2. Рабочий процесс: Эффективные коммуникации по ходу проекта позволяют избежать регрессий или снизить их количество, избежать багов. 3. PM: Контролирует проект на промежуточных стадиях. Отсутствие контроля со стороны PM в ходе проекта выльется в регрессии, переделку и аврал в конце. Если в начале идёт девелопмент, потом кодинг и натяжка, то перед натяжкой следует проверить результаты девелопмента на соответствие требованиям спецификации и своим представлениям. Как показала практика, отсутствие этого приводит к следующим ситуациям: - время на девелопмент израсходовано, и нет возможности привлечь ресурс для доработки. Приходится отвлекать занятых на другом проекте людей. - нормальный процесс HTML кодинга нарушается. Из-за недоработок приходиться переделывать и доделывать куски проекта, по которым, как казалось, работа завершена. - авральная работа, перерасход рабочего времени, баги. 6. Коммуникации и выяснение возникающих вопросов по ходу проекта с участниками проекта. Худший вариант: Коммуникации затруднены (между клиентом и PM или участниками команды). Хорошая практика: С коммуникациями никаких проблем. Влияние: Затруднение обсуждения оперативных вопросов ведёт к неоднозначному пониманию требований. Если у вас был вопрос, который вы решили самостоятельно, и его решение не совпало с видением клиента, то это приведёт к переделке => потери проектного времени. Внутрикомандные коммуникации тоже влияют на процесс. Например, использование IM при обсуждении оперативных вопросов часто замедляет общение, т. к. некоторые вещи достаточно тяжело и долго объяснять, и также приходиться делать это сразу с несколькими людьми в нескольких окнах. Действия: 1. Рабочий процесс: Один из неявных примеров улучшения коммуникаций - словарь рабочего сленга в Wiki. Новый сотрудник без труда может прочитать и понять используемые слова из лексикона коллег. Участники проектной команды должны проявлять инициативу в улучшении коммуникаций (использовать как логические инструменты, так и технические средства). 2. Рабочий процесс: Для проектной группы лучше использовать общий чат, где все участники проекта будут в курсе обсуждения проекта. 7. Условия и ограничения используемой платформы или проекта. Худший вариант: Проектная команда не знает требований системы или работы компонентов, отвечающих за дизайн. Приходится переделывать под вновь узнанные требования. Хорошая практика: Вёрстка учитывает требования системы при натяжке. Влияние: Появляющиеся новые требования в виде ограничений и условий системы приводят к переделкам и адаптации, что влечёт трату незапланированного времени. Пример 1: Не всегда есть возможность скачать текущую версию сайта клиента, поэтому для работы локально приходиться вырывать какие-то части и ставить их на локал. Ещё чаще приходится делать сначала локально, потом после проверки проделывать те же действия на клиенте. Незапланированное время - это повтор тех же действий на клиенте и время, потраченное на устранение разницы (закачка/скачка на/с клиента). Пример 2: Open Source сильно подвержен ограничениям и условиям. Так в системе OsCommerce содержание категории товаров генерируется жёстко в коде, что может повлечь не только переделку HTML, но даже переделку PHP. Действия: 1. Рабочий процесс (проектная команда): Обсудить узкие места, изучить систему до старта проекта. 2. PM и HTML кодер: Воспользоваться консультантом, попросить консультации у коллег. 3. Рабочий процесс: Конспектировать решение проблем или сами проблемы в Wiki, создавая базу знаний. 8. Квалификация и опыт. Способность идентифицировать проблему, решить и «законспектировать». Худший вариант: HTML кодер использует нестабильные решения, не заинтересован в улучшении качества работы, безразличен ктенденциям и техникам. Хорошая практика: HTML кодер совершенствует технику, интересуется тенденциями. Знакомится с чужим опытом и создаёт собственные наработки. Влияние: Опытный специалист - ключ к решению любой задачи. Действия: 1. Рабочий процесс: Популяризировать пользу базы знаний. Культивировать и централизировать материал. Освещать и доводить до сведения, вовлекать. 2. HTML кодер: Использовать прочтённое на практике, не боятся экспериментировать, наблюдать результат. Знакомиться и изучать смежные области знаний, накапливать и синтезировать знания. Предлагать внедрение обкатанных и обдуманных вариантов. 3. HTML кодер: 70% проблем с которыми сталкиваешься в процессе работы уже решал кто-то. Задокументированное решение позволит не только не вспоминать судорожно, как это решалось в прошлый раз, но и избавить от таких мыслей коллег. Продолжение следует... Источник: Блог о web-разработке и способах её улучшения Вам понравилась рассылка? (голосование возможно только из письма рассылки) понравилась не понравилась средне

---

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти"> <!--</a>--> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div> <!-- <div class="gray_bg register_shadow"></div> --> </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br />  <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}