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 – единственный в своем роде продукт, позволяющий автоматизировать работу над созданием...
Октябрь 2018 (14)
Февраль 2017 (3)
Январь 2017 (1)
Август 2016 (1)
Май 2016 (2)
Ноябрь 2015 (1)

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

Друзья сайта



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

Cory Dodt:

"Если называть Python заменой BASIC, то тогда и трансформер Optimus Prime — это только замена грузовика."

Опрос

Ваша ОС?

Windows XP
Windows 7
др. версия Windows
Linux
др. ОС