WebClub - Всероссийский Клуб Веб-разработчиков
WebClub.RU » Советы » Урок9 Создание сайта/продолжение

Урок9 Создание сайта/продолжение


Дата публикации: 17-06-2008

Продолжение темы 8 урока. Здесь опишем создание сайта. Можно конечно и обратится к профессионалам http://www.dvaslona.ru/ все сделают качественно и быстро.

<теория>

Рассмотрим создание остальных страниц сайта, их объединение, содержание(графику, контент). Изменяем код только в "изменяемой" части документа, всё остальное оставим как есть.  Добавляемый код в "Гостевой" следующий:

<P align=center>
[Гостевая книга]
</P>

и всё, остальной код у нас стоит из предыдущей страницы, т.е. мы удаляем "изменяемый код"  между "блоками таблицы контента", и вставляем нужные нам теги.

основной код внесённый нами код(изменяемый) код "шапки" код меню код блока, таблицы содержащей контент

Создание страницы сайта, раздел - Гостевая книга

Код HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//ru">

<HTML>

<HEAD>

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">

<META NAME="Description" content="краткое описание сайта/страницы">

<META NAME="Keywords" content=" ключевые слова через запятую/смысловая нагрузка страницы ">

<TITLE>Страничка начинающего мегакулпорталостроителя/фото</TITLE>

</HEAD>

<BODY text="black" link="red" vlink= "maroon" alink= "fuchsia"font face="Arial,'Comic SansMS',Courier"

leftmargin=0 topmargin=0 bgcolor="#004080">


<basefont face="'Comic Sans MS',Arial" ><FONT face="Comic Sans MS">

<P align=left>

<!--здесь код который мы изменили, добавили. в странице сайта-->

<!--шапка странички-->

<TABLE align=center>

  <TBODY>
 
  <TR>
    <TD>
      <P align=center><FONT color=#ccff00><IMG height=39
      alt=logo src="images/logo.gif" width=40 align=left
      border=0></A></P>
      <P align= left>&nbsp;Страничканачинающего<BR>     мегакулпорталостроителя-=KR0Na= -

< P> <FONTsize=1><!--здесь можно вставить свой логотип сайта -->&nbsp;</FONT></P>
    </TD>
  </TR>
  
       

<!--меню страницы-->

<TR>
    <TD>&nbsp;
<TABLE align=center>
       
        <TR>
          <TD><IMG height=45 alt=""
            src="images/button.gif" width=45 border=0><FONT color=#ff6600>фото</FONT></TD>
          <TD><A title="обо мне" href="itogad.html"><IMG
            height=45 alt="обо мне" src="images/buttongr.gif" width=45
            border=0>обМне</A></TD>
          <TD><A title=links href="itogag.html"><IMG
            height=45 alt=links src="images/buttonye.gif" width=45
            border=0>ссылки</A></TD>
          <TD><A title=GB href="itogab.html"><IMG
            height=45 alt=GB src="images/buttonred.gif" width=45
            border=0>гостевая</A>
          </TD>
        </TR>
     </TABLE>

            <P>&nbsp;</P>

<!--таблица для контента -->

<TABLE align=center style="WIDTH: 628px; HEIGHT: 136px">
       
        <TR>
          <TD>

          <!--Нижеприведённые 3и строчки и есть код который мы добавили --> 

           <P align=center>
           [Гостевая книга]<!--здесь ставим ссылку на гостевую-->
           </P>

 <!--окончание таблицы для контента -->

</TD>
       </TR>
        </TBODY>
         </TABLE>

          </P>
           </FONT>
            </BASEFONT>

</BODY>

</HTML>

 

 


Создание страницы сайта, раздел - About me

Код HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//ru">

<HTML>

<HEAD>

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">

<META NAME="Description" content="краткое описание сайта/страницы">

<META NAME="Keywords" content=" ключевые слова через запятую/смысловая нагрузка страницы ">

<TITLE>Страничка начинающего мегакулпорталостроителя/фото</TITLE>

</HEAD>

<BODY text="black" link="red" vlink= "maroon" alink= "fuchsia"font face="Arial,'Comic SansMS',Courier"

leftmargin=0 topmargin=0 bgcolor="#004080">


<basefont face="'Comic Sans MS',Arial" ><FONT face="Comic Sans MS">

<P align=left>

<!--здесь код который мы изменили, добавили. в странице сайта-->

<!--шапка странички-->

<TABLE align=center>

  <TBODY>
 
  <TR>
    <TD>
      <P align=center><FONT color=#ccff00><IMG height=39
      alt=logo src="images/logo.gif" width=40 align=left
      border=0></A></P>
      <P align= left>&nbsp;Страничканачинающего<BR>     мегакулпорталостроителя-=KR0Na= -

< P> <FONTsize=1><!--здесь можно вставить свой логотип сайта -->&nbsp;</FONT></P>
    </TD>
  </TR>
  
       

<!--меню страницы-->

<TR>
    <TD>&nbsp;
<TABLE align=center>
       
        <TR>
          <TD><IMG height=45 alt=""
            src="images/button.gif" width=45 border=0><FONT color=#ff6600>фото</FONT></TD>
          <TD><A title="обо мне" href="itogad.html"><IMG
            height=45 alt="обо мне" src="images/buttongr.gif" width=45
            border=0>обМне</A></TD>
          <TD><A title=links href="itogag.html"><IMG
            height=45 alt=links src="images/buttonye.gif" width=45
            border=0>ссылки</A></TD>
          <TD><A title=GB href="itogab.html"><IMG
            height=45 alt=GB src="images/buttonred.gif" width=45
            border=0>гостевая</A>
          </TD>
        </TR>
     </TABLE>

            <P>&nbsp;</P>

<!--таблица для контента -->

<TABLE align=center style="WIDTH: 628px; HEIGHT: 136px">
       
        <TR>
          <TD>

          <!--Нижеприведённое мы добавили --> 

          <P align=center><FONT size=1>[коротко обо мне]</FONT></P>
            <P><FONT size=1><FONT>Председатель правления и Главный архитектор
            программного обеспечения корпорации Microsoft, ведущего мирового
            производителя программного обеспечения для персональных компьютеров.
            Доходы компании Microsoft за последний финансовый год, который
            закончился в июне 1999 г., составили $19,75 миллиардов. В отделениях
            компании, расположенных в 60 странах мира, работает более 32 000
            человек.</FONT> </FONT></P>
            <P><FONT size=1>Билл Гейтс родился 28 октября 1955 г. Он и две его
            сестры выросли в Сиэтле. Их отец, Уилльям Гейтс II, - адвокат. Мать
            г-на Гейтса, Мэри Гейтс, была школьной учительницей, членом
            правления в Университете штата Вашингтон (University of Washington)
            и председателем благотворительной организации United Way
            International. </FONT>
            <P><FONT size=1>Билл Гейтс учился в муниципальной начальной школе, а
            затем - в частной школе Lakeside School. Там, в возрасте 13 лет, он
            начал программировать. </FONT>
            <P><FONT size=1>В 1973 г. г-н Гейтс поступил на первый курс
            Гарвардского университета. В Гарварде он жил на одном этаже со
            Стивом Баллмером (Steve Ballmer), который сегодня занимает пост
            вице-президента Microsoft по продажам и поддержке. Во время своего
            пребывания в Гарварде Билл Гейтс разработал язык программирования
            BASIC для первого миникомпьютера - MITS Altair. </FONT>
            <P><FONT size=1>На третьем куре Билл Гейтс оставил учебу в Гарварде,
            решив полностью посвятить себя Microsoft, компании, которую он
            основал в 1975 г. с Полом Алленом (Paul Allen). Твердо уверенные в
            том, что персональный компьютер станет незаменимым на каждом рабочем
            месте и в каждом доме, они начали разрабатывать программное
            обеспечение для персональных компьютеров. <BR>Дар предвидения Билла
            Гейтса относительно развития персональных компьютеров стал ключевым
            фактором успеха Microsoft и индустрии программного обеспечения в
            целом. Г-н Гейтс активно занимается управлением и принятием
            стратегических решений в Microsoft и играет важную роль в
            технической разработке новых продуктов. Значительная часть его
            времени посвящена встречам с клиентами, а также общению по
            электронной почте с сотрудниками Microsoft во всем мире. </FONT>
            <P><FONT size=1>Под руководством Билла Гейтса, Microsoft постоянно
            развивает и совершенствует информационные технологии и продукты.
            Залог успеха Microsoft - стремление сделать работу с компьютером
            более простой, экономичной и приятной. Не упускаются из виду и
            долгосрочные перспективы - в текущем финансовом году на
            научно-исследовательские работы было выделено более $3 миллиардов.
            </FONT>
            <P><FONT size=1>В 1995 г. Билл Гейтс написал книгу "Дорога в
            будущее" ("The Road Ahead"), в которой изложил свои взгляды на то, в
            каком направлении движется общество в связи с развитием
            информационных технологий. Книга была написана в соавторстве с
            Натаном Мирволдом (Nathan Myhrvold), вице-президентом Microsoft, и
            журналистом Питером Райнарсоном (Peter Rinearson). На протяжении
            семи недель "Дорога в будущее" занимала первое место в списке
            бестселлеров газеты New York Times. Книга была опубликована в США в
            издательстве Viking и продержалась в списке бестселлеров New York
            Times в общей сложности 18 недель. "Дорога в будущее" была издана
            более чем в 20 странах. Только в Китае было продано свыше 400 000
            экземпляров.&nbsp; </FONT>
            <P><FONT size=1>В 1996 г., когда корпорация Microsoft была
            переориентирована на Интернет-технологии, Гейтс внес в книгу
            значительные коррективы. Во второй редакции нашла отражение идея о
            том, что появление интерактивных сетей - важная веха в истории
            развития человечества. Вторая редакция книги, вышедшая в мягкой
            обложке, также стала бестселлером. </FONT>
            <P><FONT size=1>В 1999 году Билл Гейтс написал книгу ("Бизнес со
            скоростью мысли") Business @ the Speed of Thought, которая
            показывает, как информационные технологии могут решать бизнес-задачи
            в совершенно новом ключе. Эта книга, созданная в соавторстве с
            Коллинзом Хемингуэем (Collins Hemingway), была выпущена на 25 языках
            и продается более чем в 60 странах мира. "Бизнес со скоростью мысли"
            получила высокую оценку критиков и была внесена в списки
            бестселлеров газет New York Times, USA Today, Wall Street Journal и
            веб-сервера Amazon.com. </FONT>
            <P><FONT size=1>Доходы от продаж обеих своих книг г-н Гейтс
            перечисляет в благотворительный фонд, деятельность которого
            направлена на поддержку использования информационных технологий в
            учебном процессе. </FONT>
            <P><FONT size=1>Помимо увлечения компьютерными технологиями, Билл
            Гейтс интересуется биотехнологией. Он входит в правление компании
            Icos Corporation и владеет акциями компании Darwin Molecular,
            которая является подразделением британской компании Chiroscience. Он
            также основал компанию Corbis Corporation, которая занимается
            разработкой крупнейшего источника визуальной информации в мире - это
            всеохватывающий цифровой архив произведений искусства и фотографий
            из государственных и частных коллекций, хранящихся в разных странах.
            Билл Гейтс также вложил средства в компанию Teledesic, которая
            работает над реализацией грандиозного проекта по запуску на низкую
            орбиту вокруг земного шара нескольких сотен спутников. Задача этих
            спутников - обеспечивать всемирные двусторонние широкополосные
            телекоммуникации. </FONT>
            <P><FONT size=1>1 января 1994 г. Билл Гейтс женился на Мелинде Френч
            Гейтс (Melinda French Gates). В 1996 г. у них родилась дочь,
            Дженнифер Кэтрин Гейтс (Jennifer Katharine Gates), а в 1999 году -
            сын, Роури Джон Гейтс (Rory John Gates). </FONT>
            <P><FONT size=1>Билл И Мелинда Гейтс основали благотворительный фонд
            и внесли в него более $17 миллиардов для поддержки филантропических
            инициатив в области здравоохранения и образования. К настоящему
            моменту Фонд Билла и Мелинды Гейтс (Bill and Melinda Gates
            Foundation) передал более $300 миллионов организациям, работающим в
            области здравоохранения; более $300 миллионов - на совершенствование
            образовательного процесса, в том числе на развитие инициатив в
            области библиотечного дела (Gates Library Initiative), которые
            позволят населению США и Канады с малым доходом работать с
            персональными компьютерами и Интернетом в публичных библиотеках;
            более $54 миллионов - на общественные проекты в странах
            северо-западного побережья Тихого океана; и более $29 миллионов - на
            другие специальные проекты и в рамках ежегодных благотворительных
            кампаний. </FONT>

 <!--окончание таблицы для контента -->

</TD>
       </TR>
        </TBODY>
         </TABLE>

          </P>
           </FONT>
            </BASEFONT>

</BODY>

</HTML>

 

вспомним что...

основной код внесённый нами код(изменяемый) код "шапки" код меню код блока, таблицы содержащей контент

Итак, у нас готовы 3и страницы, 4 создаётся точно также, как и предыдущие, поэтому рассматвать её не имеет смысла. Осталось пояснить некоторые моменты и сайт готов. На основе созданных страниц видим, что создав один раз шаблон нам не приходиться  делать новую страницу с нуля, а получаем оную путём вставки/замены "изменяемой области" нужными нам описаниями(тегами), далее объединяем между(с графикой/указываем путь) собой страницы сайта ссылками и сайт готов.

Домен продается

Популярное

Не так давно в сети появился новый сервис, под названием Dead Man Zero. Этот сервис сделал...
Рынок социальных площадок уже давно стал стабильным. Несмотря на то, что время от времени...
Artisteer 4 – единственный в своем роде продукт, позволяющий автоматизировать работу над созданием...
Июль 2025 (1)
Август 2024 (1)
Май 2024 (1)
Апрель 2024 (1)
Октябрь 2018 (14)
Февраль 2017 (3)

Карта сайта: 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

Друзья сайта



Случайная цитата

Оноре де Бальзак:

"Тот, кто ищет миллионы, весьма редко их находит, но зато тот, кто не ищет, не находит их никогда."

Опрос

Какой браузер Вы используете?

Internet Explorer
Google Chrome
Mozilla Firefox
Netscape Navigator
Maxthon Browser
Opera
Mozilla Suite
SeaMonkey
K-Meleon
Safari
Amaya
Avant Browser
SlimBrowser
Другой...