Электронный web-ресурс по информатике: Web-сайтов с помощью HTML в
Чтобы бесплатно скачать слайд для использования на уроке информатики, щёлкните на изображении правой кнопкой мышки и нажмите «Сохранить изображение как... Чтобы совершить какие-нибудь действия, необходимо набрать минимум 500 бонусов. Для работы с шаблонами сайтов, для начала, необходимо распаковать ZIP-архив с понравившимися вам страницами.
На начальной странице сайта разместим указатели гиперссылок на страницы сайта. Как часто вы задумываетесь над смыслом жизни? А какими бывают законы?
Электронный web-ресурс по информатике: Web-сайтов с помощью HTML в - Просмотрите страницу в браузере.
После того как вы ознакомились с перейдем к сайту посложнее , из пяти страниц. Ввиду того,что мы будем создавать простой пятистраничный сайт мы рассмотрим создание сайта без CMS без движка. Стоит заметить что для создания сайта применяются или В большинстве случаев для создания применяется и табличная и блочная верстка. Здесь мы будем рассматривать табличную верстку. В эту папку вы должны помещать все документы связанные с созданием сайта. Для описания страницы применяются теги. В основном они парные,то есть один открывает тег например ,а другой закрывает. Напишем необходимый минимальный набор тегов. Пишем код таблицы между тегами и. Далее приступим к созданию таблицы. Составим таблицу, что бы разместить наши данные в тех частях страницы в которых мы хотим их видеть. Таблицы для того и служат чтобы представлять данные по всей странице. Сделаем таблицу из 3 строк и 3 столбцов всего 9 ячеек. Пишем код таблицы здесь и далее вставляемые элементы будут выделены красным цветом. Контент сайта пишется в ячейке между тегами и Так таблица будет выглядеть : 1 ячейка 2 ячейка 3 ячейка 4 ячейка 5 ячейка 6 ячейка 7 ячейка 8 ячейка 9 ячейка Теперь приступим к точной разметке таблицы введя теги width и height в тег и таблицы. Ширину width и высоту height таблицы можно задавать в пикселях или в процентах от размера монитора. В пикселях можно более точно установить размеры таблицы,но сейчас мы будем указывать в процентах,так как в дальнейшем не придется дополнительно описывать процедуру адаптации сайта под различное разрешение экрана у посещающих ваш сайт пользователей. В теге указываем проценты от размера таблицы а также желательно сразу указать цвет строк bgcolor,чтобы таблица была видна. Посмотрите страницу с таблицей в малом окне. Щелкните по фото ниже. Мой сайт о дизайне Мы занимаемся дизайном дома и приусадебного участка. Мы можем спроектировать ландшафты загородного дома. Далее будем наполнять содержимым наш сайт Напишем во 2 ячейке название страницы,сразу задайте размер шрифта Мой сайт о дизайне , в 5 ячейке Мы занимаемся дизайном дома и приусадебного участка. Мы можем спроектировать ландшафты загородного дома. А теперь добавим в наш сайт картинки дизайна. Чтобы вставить картинку или фото на сайт применяется тег. Когда будете добавлять свои картинки на сайт,замените имя картинки на своё и поместите их в папку сайта. Мы можем спроектировать ландшафты загородного дома. Посмотрите страницу в малом окне. Щелкните по фото ниже. Создание сайта самостоятельно Мой сайт о дизайне Главная Садовый дизайн Дизайн интерьера Мы занимаемся дизайном дома и приусадебного участка. Мы можем спроектировать ландшафты загородного дома. Дизайн для кухни Приступим к дальнейшей вставке содержимого в сайт. Придумайте название сайта и впишите его в заголовок между тегами и Заголовок сайта будет невидим в рабочей области и нужен для поисковых систем Интернета. Седьмую ячейку отдадим под меню. Заполните ячейки содержимым сайта к примеру ,в 4 ячейке- Главная, в 5 ячейке-Садовый дизайн, в 6 ячейке-Внутренний дизайн, в 9 ячейке-Кухонный дизайн. На 4,5,6,9 ячейку тоже создаются вторые страницы со ссылками на них Посмотрите первую страницу в малом окне. Щелкните по фото ниже. Осталось немного,увеличить шрифт и расположить его в середине. В Мой сайт о дизайне добавьте размер шрифта и измените шрифт основного текста значением а также разместите эти надписи по центру Создание сайта самостоятельно Мой сайт о дизайне Главная Садовый дизайн Дизайн интерьера Мы занимаемся дизайном дома и приусадебного участка. Мы можем спроектировать ландшафты загородного дома. Дизайн для кухни Посмотрите первую главную страницу Создайте вторую страницу сайта. Скопируйте минимальный набор тегов которые мы писали в самом начале создания сайта и вставьте в текстовый редактор. Сохраните его под именем site2. Это и будет вторая страница сайта на которую мы будем делать ссылку из первой главной страницы. Это полный код вашей второй страницы Я покажу вам свои фотографии Посмотрите вторую страницу Смотрим Сделаем ссылку на эту страницу в первой главной странице. Ссылки создаются тегом Ссылка Откройте первую страницу в текстовом редакторе и напишите в 7 ячейке таблицы ссылку Мои фото Посмотрите полный код вашей главной страницы Мой сайт о дизайне Главная Садовый дизайн Дизайн интерьера Мои фото Мы занимаемся дизайном дома и приусадебного участка. Мы можем спроектировать ландшафты загородного дома. Дизайн для кухни Для страниц со ссылок: Садовый дизайн site5. В папке htdocs которую вы создали в начале урока должны быть файлы tab1. Папка, в которой будете хранить файлы для сайта должна называться htdocs. Имена папок и файлов сохраняйте с английскими буквами. Создавая сайт в одном браузере обязательно просмотрите его в других,потому что сайт созданный к примеру в OPERA может совсем по другому выглядеть к примеру в INTERNET EXPLORER Мы рассмотрели создание самого простого сайта. Я надеюсь что вы поняли основы создания WEB-страниц. Для того что бы сделать хороший сайт,который пользовался бы успехом в Интернете, надо знать намного больше. К примеру вам надо изучить языки JavaScript,PHP,MySQL и другие ,каскадные таблицы CSS,в общем все это придет вам со временем. Для создания сайта вам потребуется текстовый редактор. На крайний случай можно воспользоваться Блокнотом из стандартных программ Windows,но лучше сразу скачать текстовый редактор предназначенный для создания сайтов,например Notepad. У вас на компьютере должны быть установлены основные браузеры Internet Explorer,Opera, Google,Firefox, для обработки графики должен быть установлен графический редактор к примеру бесплатный Photoscape. Для закачки файлов вашего сайта на хостинг скачайте и установите FTP-клиент,к примеру бесплатный Filezilla. Также установите простую программу для анимации. Стоит обратить внимание на безопасность вашего компьютера. Наличие своего сайта предполагает частое пользование почтой на сайте, приходящих писем на ваш почтовый ящик,посещение различных ресурсов в интернете, поэтому антивирусные программы обновляйте постоянно. Чаще производите чистку и дефрагментацию жестких дисков. Раз в месяц производите проверку и исправление ошибок реестра.
Строгими, справедливыми, вечными, а еще … нелепыми! Тем, кто считает, что человеку свойственны пять чувств, спешу сказать, что их уже девять! Тем, кто считает, что человеку свойственны пять чувств, спешу сказать, что их уже девять! Посмотрите страницу с таблицей в малом окне. Имена папок и файлов сохраняйте с английскими буквами. Но сегодня, как я уже и сказал, не принято использовать. Пример 2: кегль шрифта задается в пунктах. Что уже успели сделать за дарованные вам годы жизни?