Создание простенького сайта

AlinaLaz

Создание собственного сайта

Что бы создать свой собственный сайт, Вы можете прибегнуть к помощи программы Dreamweaver

Картинка

 

Прежде чем начинать создание собственного сайта, нужно определить, какой тематики будет Ваш сайт (об этом прочтите здесь). Решили?  Хорошо!  Тогда для создания будущего сайта Вы можете прибегнуть к помощи программы Dreamweaver

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

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

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

Типы тестирования
Сначала давай разберемся, о каком тестировании идет речь. Если Вы опытный программист, то при слове «тестирование», вероятно, сразу вспоминаете о популярном подходе программирования Test Driven Development (разработка через тестирование). Одновременно с кодом пишутся так называемые Unit-тесты, проверяющие, как этот самый код работает.

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

Тестирование отображения в разных браузерах;

Тестирование корректной работы и отладка AJAX, дизайна и процесса взаимодействия;

Нагрузочное тестирование;

Тестирование интерфейса (usability)

Тестирование безопасности (pentest)

Разработка интерфейса – это тема для отдельного разговора. Поэтому подробно остановимся на первых трех пунктах и инструментах, которые Вам пригодятся.

Тестирование дизайна и общей работы сайта в разных браузерах

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

Microsoft Internet Explorer. Каждая из версий 5.5, 6.0, 7.0, – это, фактически, отдельный разговор.

Opera. Учтите, что Opera – кроссплатформенный браузер и Вам стоит посмотреть, как ведет себя сайт под разными платформами. Многие пользователи просто без ума от нового браузера Opera Mini (для обычных телефонов с Java) или Opera Mobile (для смартфона).

Mozilla Firefox. Браузер также кросс платформенный, и у разных версий своя специфика обработки скриптов. Сейчас существуют несколько популярных проектов, построенных на движке Firefox – Gecko (например, Flock, K-Meleon, Camino), но единство движка отнюдь не обозначает, что страницы всегда будут отображаться одинаково.

Safari. Обязательно проверите этот браузер, родной для MacOS, но теперь и с версией для Windows.

Открывать страницу во всех этих браузерах – довольно кропотливая работа, однако, задачу можно упростить. Очень полезны виртуальные машины (например, на базе VMware Server), позволяющие быстро загрузить новую систему. Самые большие сложности возникают при попытке установить на одной системе несколько браузеров Internet Explorer параллельно – так как он очень сильно внедряется в систему и поставить еще один браузер проблематично. Но в программе Dreamweaver 8 Вы сможете проверить свой сайт в Microsoft Internet Explorer и в Mozilla Firefox. Вы можете здесь скачать программу Macromedia Dreamweaver 8.0.2.zip.  А узнать о всех тонкостях создания сайтов можно из книги «INFO-Бизнес с нуля или, как стабильно зарабатывать 1000 рублей в день«.

Со всеми этими трудностями столкнулась не только я, но и многие начинающие веб-разработчики, да и еще многим новичкам этого не избежать. По этому, приходиться обращаться к специалистам, а это стоит не дешево! Кому интересно узнать все тонкости INFO-бизнеса могут скачать бесплатное пошаговое руководство здесь.  А на сегодня у меня все, до следующих уроков.

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

Ну, что приступим к созданию сайта? Для этого переходите сюда и читайте урок.

Спасибо, что порекомендовали нас кликнув на кнопочку!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Next Post

Урок 1

 Создаем свой собственный, простенький сайт с помощью программы Dreamweaver                           Главная страница сайта  Наcтройка программы Adobe Dreamweaver. Вам нужно зайти в настройки Dreamweaver и сделать некоторые изменения, которые позволят использовать данную программу в качественном объеме. После того, как […]

Subscribe US Now