Нүүр хуудасны загварууд. Microsoft FrontPage загвар болон шидтэнг ашиглах. FrontPage програм дээр вэб хуудас үүсгэх

22.11.2023 -

Интернетийн хуудсуудыг зохион бүтээх үндсэн зарчмуудыг хялбархан ойлгох боломжтой програм бөгөөд энэ нь нарийн төвөгтэй интернет сайт, портал үүсгэх нэмэлт хэрэгслүүдийн өргөн сонголттой.

Microsoft FrontPage програмын талаар товчхон

Энэ нь вэб сайтыг зохион бүтээх, бэлтгэх, нийтлэхэд хялбар, сурахад хялбар вэб засварлагч юм. MS Office-ийн гэр бүлийн бүтээгдэхүүнүүдтэй нэгдсэн, танил болсон интерфейс, олон тооны загваруудын ачаар уг програм нь MS Word дээр ажиллах үндсийг мэддэг шинэхэн хэрэглэгчдэд ч гэсэн ажлыг хурдан эзэмших боломжийг олгодог. Үүний зэрэгцээ, FrontPage-ийг "дамми" -ын шийдэл гэж нэрлэх боломжгүй: програм нь интернетийн хуудсыг оновчтой болгох өргөн цар хүрээтэй функц, төрөл бүрийн хэрэгслээр хангадаг.

Microsoft FrontPage нэр нь 2003 он хүртэл оршин байсан бөгөөд дараа нь шинэ функцээр нэмэгдэж, програм хангамжийн нэр өөрөө өөрчлөгдсөн гэдгийг тэмдэглэх нь зүйтэй. FrontPage нь 2007 онд Microsoft Expression Web, 2010 онд Microsoft Office SharePoint Designer нэртэй болсон. Үнэн хэрэгтээ шинэ хувилбаруудад зарим нэмэлтүүд нэмэгдсэн боловч хөтөлбөрийн үндсэн дүр төрх хадгалагдан үлджээ.

Програмын үндсэн хэрэгслүүд

Microsoft FrontPage програмын ерөнхий дүр төрх

Microsoft FrontPage нь MS Word хэрэглүүртэй ижил төстэй зүйл байдаг тул олон товчлуурууд болон цэсийн табууд нь ойлгомжтой байдаг тул хуудас үүсгэх үйл явцыг хөнгөвчилдөг. Олон хүмүүс энгийн текст бичих, форматлах, Microsoft Word дээр хүснэгт үүсгэх, FrontPage дээр хуудсыг засварлахад ижил зарчим үйлчилдэг.

Баруун талд байгаа зураг нь текст, холбоос, зураг бүхий хуудасны загвар үүсгэж болох стандарт хэрэгслүүд бүхий програмын ерөнхий дүр төрхийг харуулж байна. "Харах" таб, дараа нь "Хэрэгслийн самбар" руу очоод " Стандарт", "Форматлах"Ба" Хүснэгтүүд", эдгээр хэрэгслүүд нь зөвхөн хуудас үүсгэхэд хангалттай байх болно. Доорх "Дизайнер", "Код" болон "Харах" табуудыг анхаарч үзээрэй - эдгээр нь таны үүсгэж буй хуудас ямар харагдахыг үргэлж харах боломжтой гурван өөр горим юм. дуртай.

Дизайнер дээр бүх засварыг оруулах, текст бичих, форматлах, зураг оруулах, холбоос үүсгэх, фон болон үсгийн өнгийг Microsoft Word програмын нэгэн адил өөрчилдөг.
"Код" таб дээрээс та HTML код гэж нэрлэгддэг зүйлийг харж болно. HTML бол World Wide Web дээрх баримт бичгийн стандарт тэмдэглэгээний хэл юм. Ихэнх вэб хуудсыг HTML ашиглан бүтээдэг. Энэ таб дээр та хуудсыг засах боломжтой, гэхдээ та энэ тэмдэглэгээний хэлийг мэдэх хэрэгтэй. Гэсэн хэдий ч эхлэгчдэд бүх өөрчлөлтийг бүтээгч дээр хийх ёстой бөгөөд HTML-д хийсэн бүх өөрчлөлт автоматаар хийгдэх болно.
"Харах" таб дээрээс та хөтөч дээр (жишээ нь Internet Explorer гэх мэт) хуудас хэрхэн харагдахыг шууд харах боломжтой.

Microsoft FrontPage-ийн бусад цэс, товчлуур болон функцуудын дэлгэрэнгүй тайлбарыг програмын Тусламжаас үзнэ үү. Үүнийг хийхийн тулд "F1" товчийг дарна уу.

FrontPage дээр хуудасны загвар үүсгэх

Үндсэн хүснэгтийг редакторт оруулж байна

Тиймээс энгийн загвар үүсгэхийн тулд та гурван блок бүхий хүснэгт оруулах хэрэгтэй. Гурван блок нь энгийн стандарт юм: дээд блок нь сайтын нэр, хоёр дахь блок нь сайтын навигацийн холбоос, гурав дахь блок нь хуудасны текст, зураг болон бусад мэдээлэлд зориулагдсан. Тохиромжтой болгохын тулд та илүү олон ширээний блок оруулж болно, гэхдээ эдгээр блокуудыг хэрхэн, хичнээн, ямар хэмжээтэй хийх нь таны амт юм. Хүснэгт үүсгэх замаар биш харин "div" гэж нэрлэгддэг элементүүдийг хуудсанд оруулах, тэдэнд тодорхой хэв маяг өгөх замаар блок үүсгэх өөр нэг арга бий, гэхдээ энэ арга нь шинэ вэбмастеруудад зориулагдаагүй бөгөөд энэ талаар тусдаа нийтлэл бичиж болно.

Хүснэгт оруулахын тулд "Хүснэгт" > "Оруулах" > "Хүснэгт" таб руу орж баруун талын зурагт үзүүлсэн шиг талбаруудыг бөглөнө үү. Үнэн хэрэгтээ та өөрийн параметрүүдийг оруулж болно, гэхдээ энэ хүснэгт нь тогтмол өргөнтэй бөгөөд дэлгэцийн талбайн 100% хүртэл сунгасан байна. Ингэснээр хүснэгт нь хөтөч дээр авсаархан харагдах болно.
Дараа нь та гурван нүдийг оруулсны дараа ижил өндөртэй тул тэдгээрийг тохируулах хэрэгтэй. Хамгийн дээд талын нүдэн дээр хулганы баруун товчийг дараад "Үүрэн шинж чанар" руу очно уу, өндрийн талбарт "150" гэж нөхцлөөр оруулаад "цэгээр" гэсэн нүдийг шалгана уу. Нүдний хэмжээ 150 пиксел байх болно. Үүнтэй ижил цэсэнд бид нүдний арын өнгийг сонгох боломжтой бөгөөд "загварын ..." цэсийг дарснаар та бусад нүдний тохиргоог хийх боломжтой, жишээлбэл, нүдний хүрээний өнгө, хэмжээг сонгох боломжтой. Үүнийг туршиж үзээд үр дүнг нь үзээрэй. Нүдэнд та сайтын нэрийг оруулж болно.
Дараа нь бид сайтын навигацийн линкүүдэд зориулагдсан хоёр дахь нүдийг засна. Бид өргөнийг 40 орчим пикселээр тохируулсан бөгөөд энэ нь хангалттай байх болно, мөн бид арын өнгө, захын зай зэрэг бусад тохиргоог таны амтанд тохируулна. Дараа нь бид холбоосуудын нэрийг босоо шугамын тэмдэг эсвэл өөр тэмдгээр тусгаарлаж бичнэ (та загварыг бүхэлд нь татаж авах замаар доороос харж болно). Туршилтыг сонгоод, MSWord дээрх шиг голд зэрэгцүүлэх товчийг дарна уу. Үүнтэй адилаар та фонт, үсгийн хэмжээ болон бусад текстийн тохиргоог өөрчилж болно.
Бид мөн сүүлчийн үүрийг суулгасан. Энэ нь үндсэн текстэд зориулагдсан бөгөөд та мэндчилгээний текст оруулах боломжтой.
Эцэст нь та "Файл"> "Properties" таб руу орж, сайтын нэрийг оруулж, хуудасны ерөнхий дэвсгэр болон бусад ерөнхий тохиргоог өөрчлөх боломжтой.

Загвар одоо бэлэн боллоо. Энэ нь сайтын дараагийн бүх хуудасны хүрээ юм. Энэ сайт HTML кодоор иймэрхүү харагдаж байна:

Ингэж бид сайтын загварыг олж авдаг

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "текст/html; charset=windows-1251"> < title >Сайтын нэр < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >Сайтын нэр < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >гэр | < b >Хуудас 2 | < b >Хуудас 3 | < b >Хуудас 4 | < b >Хуудас 5 | < b >Харилцагчид < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Нүүр хуудасны текст. Энд та мэндчилгээний текст оруулж, сайт юунд зориулагдсан болохыг товч бичиж болно.

Энэ HTML кодыг "Код" таб дахь засварлагч руу нэн даруй оруулах боломжтой бөгөөд та бэлэн загварыг шууд харах болно. Үүнийг өөрийн хэрэгцээнд тохируулан өөрчилж, засварлаж болно. Энд жишээн дээр үзүүлсэн шиг үндсэн текстийг оруулсан газар, талбарт ойрхон байрлуулахгүйн тулд "div" шошгон дээр доголын тохиргоотой жаазтай болохыг тайлбарлах нь зүйтэй.

Нэмэлт загварууд

Та мөн FrontPage програм болон бусад ижил төстэй программуудад хуудас үүсгэхэд ашиглаж болох стандарт загварууд байдгийг мэдэх хэрэгтэй бөгөөд тэдгээрийг хялбархан засварлаж, хүссэн загвараа өөрийн хэрэгцээнд тохируулан өөрчилж болно. Стандарт загварыг сонгохын тулд нээгдэх цонхноос "Файл" таб> "Үүсгэх..." хэсэгт очоод "Бусад хуудасны загварууд" хэсгийг сонгоод хүссэн загвараа сонгох боломжтой.
Хоёрдахь сонголт бий - бүх загварыг интернетээс татаж авах. Ийм үйлчилгээ үзүүлдэг олон сайтууд байдаг. загварууд нь төлбөртэй эсвэл үнэ төлбөргүй байж болно. Энэ эсвэл өөр загварыг татаж авсны дараа та програмдаа засварлаж, шаардлагатай контентоор дүүргэж, энэ эсвэл тэр элементийн хэв маягийг өөрчилж болно.

Стандарт хүснэгт болон загвар зохион байгуулалтыг ашигла

Microsoft FrontPage нь вэбсайт бүтээхэд зориулж бэлэн хүснэгтийн загвар, сэдвүүдэд зориулсан сайн хэрэгслээр хангадаг

Microsoft FrontPage нь ердийн хуудас эсвэл нэрийн хуудас үүсгэх урлагт суралцахад тань туслах хүснэгтийн загвар, загваруудын стандарт багцтай гэдгийг та мэдэх хэрэгтэй. Тиймээс баруун дээд хэсэгт унждаг цэс (баруун талд байгаа зургийг харна уу, хүснэгтийн зураглал, дизайны сэдвийг ашигласны үр дүнг харна уу), товшсоноор "Layout" -ыг сонгох шаардлагатай цэс гарч ирнэ. Хүснэгт ба нүднүүд" гэж бичээд дараа нь доороос олон янзын хүснэгтийн загвар гарч ирэх бөгөөд та өөрийн үзэмжээр, хүссэнээр сонгож болно. Энэ нь хүснэгтийг гараар үүсгэх боломжийг танд олгоно.

Хүснэгтийн нүднүүдэд текст, лого, холбоосуудаа шивж, буулгаж, ижил цэс рүү орсноор та "Сэдэв" цэсийг сонгож, хуудасны дизайн, холбоос, хуудасны янз бүрийн сэдвүүдийг сонгох боломжтой. дэвсгэр болон бусад олон. Энэ боломж нь дөнгөж интернет хуудас үүсгэж сурч байгаа хүмүүст тохиромжтой бөгөөд вэбсайт үүсгэх үйл явцыг маш тодорхой тусгасан болно. Өөрөөр хэлбэл, Microsoft FrontPage дээр та өөр өөр тохиргоог туршиж үзээд тухайн хуудас хэрхэн хувирч байгааг тодорхой харж болно. Энд та нэг зөвлөгөө өгч болно: програмын бүх функцийг судалж, энэ эсвэл өөр цэсийг ашиглахаас бүү ай, учир нь хэрэгсэл бүр өөрийн гэсэн өмч, бүрэн хэмжээний хуудас үүсгэх зорилготой байдаг.

Зураг оруулаад хуудасны холбоос үүсгэнэ үү

Шинэхэн вэбмастерууд хуудас руу хэрхэн зураг оруулах, бусад хуудас руу холбоос хийх талаар мэдэх нь чухал юм. Жишээлбэл, сайтын нэрний текстийн оронд та сайтын логоны зургийг оруулж болно. Үүнийг хийхийн тулд эхлээд зураг оруулах талбар дээр дарж, хамгийн дээд хэсэгт байрлах "Оруулах" таб > "Зураг зурах"> "Файлаас" дээр товшоод, хүссэн зургаа сонгоод "Оруулах" дээр дарна уу. хуудсан дээр зураг гарч ирэх болно. Зурган дээр хулганы баруун товчийг дарснаар та зургийн нэмэлт тохиргоо бүхий цэс рүү очиж болно. Бүх зургууд нь бүх зургийн хувьд хатуу тодорхойлогдсон нэг хавтсанд байх нь чухал юм.

Сайтын бусад хуудсууд руу орохын тулд хэрэглэгчид сайтын бүх хуудсуудаар зочлох холбоос үүсгэх хэрэгтэй. Үүнийг хийхийн тулд та холбоосын хүссэн текстийг сонгоод "Insert"> "Hyperlink" таб руу очих хэрэгтэй бөгөөд нээгдэх цэсэнд холбоос үүсгэгдэж буй хуудсыг зааж, "ok" дээр дарна уу. . Үүнтэй ижил цонхонд холбоосыг шинэ цонхонд нээх эсэх гэх мэт бусад тохиргоонууд байдаг. Зарчмын хувьд та үүнийг бие даан судалж болно.

Дүгнэлт

Үндсэндээ эдгээр редакторууд нь бие биетэйгээ төстэй бөгөөд ижил төстэй функц, цэстэй байдаг. Үндсэн тохиргоог эзэмшсэний дараа та бусад редакторуудад вэбсайт үүсгэх боломжтой. Эдгээр зарчмуудыг эзэмшсэний дараа та CSS гэж нэрлэгддэг вэбсайтын дизайны илүү төвөгтэй арга руу шилжиж болно. Энэ нь юу вэ, вэбсайтын дизайныг хэрхэн засах талаар CSS-ийн тухай нийтлэлээс уншиж болно.

Энэхүү "загвар" аргын сул тал нь үүсгэсэн загвар дээр үндэслэн хуудас бүрийг тусад нь үүсгэх явдал юм. Хөдөлгүүр гэж нэрлэгддэг вэбсайтуудыг үүсгэх үед тусдаа хуудас үүсгэх шаардлагагүй бол контент нэмэгдэх тусам тэдгээр нь автоматаар үүсгэгддэг.

Хэрэв танд нийтлэлийн талаар эсвэл вэбсайт үүсгэхийн тулд ийм програм ашиглах талаар асуух зүйл байвал манай форумын хэлэлцүүлгийн хэсгээс асууж болно.

Ижил төстэй сэдвээр нийтлэлүүд

FrontPage дээр шинэ вэб сайт үүсгэх.

Хөтөлбөрийг нээх үед олон хэрэглэгчид өөрсдийн вэбсайтаа хаанаас эхлэхээ ойлгодоггүй. FrontPage программыг ашиглан вэб сайт үүсгэхдээ эхлээд цаашид ажиллах вэб сайтаа үүсгэх ёстой. Үүнийг хэрхэн хийх талаар доор харуулав.

FrontPage-г анх нээхэд бид иймэрхүү цонхыг хардаг.

Тэгэхээр. Руу явцгаая "Файл"\"Шинэ"

Үүний дараа баруун талд бидний сонгосон самбар гарч ирнэ "Нэг хуудас вэб сайт..."

Нээгдсэн цонхонд та үүсгэх зангилааны төрлийг сонгох ёстой. Энэ нь таб дээр хийгддэг "Нийтлэг байдаг". Та мөн зангилааны байршил, нэрийг оруулах хэрэгтэй. (зангилааны нэрийг үргэлж өөрчилж болно!)

Та одоо байгаа сайтын загваруудыг сонгож болно. Гэхдээ бидний хичээлүүдийн даалгавар бол эхнээс нь вэбсайт үүсгэх явдал тул бид сонгодог "Нэг хуудас вэб сайт"

Шинэ "Нэг хуудас вэб сайт" үүсгэсний дараа манай дэлгэцэн дээр энэ вэб сайтад хамаарах файл, фолдеруудын жагсаалт гарч ирнэ.

Вэб сайт дээр хуудас үүсгэх, хадгалах

Тиймээс бид вэб сайтаа үүсгэсэн бөгөөд одоо бид үүнийг хуудсуудаар дүүргэх болно.

Бидний үүсгэх хуудасны жагсаалт:

Нүүр хуудас (Автоматаар үүсгэгдэж, index.htm нэртэй)
Зохиогчийн Тухай
Холбоо барих хаяг (энэ хуудсан дээр сайт бүтээгчид цахим шуудангаар захидал илгээх маягт байх болно)
Галерей (Зурагнаас галерей үүсгэх)
Видео (Онлайн видео бүхий хуудас)
Аудио (Онлайн аудио хуудас)
Сайтын хайлт
Шаардлагатай бол та жагсаалтын нэмэлт зүйлсийг өөрөө нэмж болно....

Шинэ хуудас үүсгэх:

Товчлуур дээр дарна уу "Шинэ ердийн хуудас үүсгэх"

Үүнийг контентоор дүүргэхгүйгээр бид үүнийг хадгалдаг. дарна уу "Файл"\"Хадгалах..."

Гарч ирэх цонхонд та хуудсыг манай вэбсайтад хадгалсан эсэхийг шалгах хэрэгтэй. Үүнийг хийхийн тулд та параметрийг харах хэрэгтэй "Хавтас"

Үүний дараа товчлуур дээр дарна уу "Өөрчлөх"параметрийн хажууд "Нэр".Гарч ирэх цонхонд хуудасны нэрийг оруулна уу. (нэрийг кирилл үсгээр, өөрөөр хэлбэл орос үсгээр бичиж болно)

Талбайд "Файлын нэр"та хуудасны нэрийг оруулах ёстой, гэхдээ латинаар, i.e. Жишээлбэл "зохиолч"

Үүний дараа та хуудсыг үүсгэсэн эсэхийг шалгах боломжтой. Үүнийг хийхийн тулд "Вэб сайт" таб руу орж, манай шинэ хуудас үүсгэгдэж, сайт дээр байрлуулсан эсэхийг харцгаая.

Үүнтэй адилаар бид төлөвлөсөн бусад бүх хуудсыг бүтээдэг.

Үндсэн хуудасны нэрийг өөрчлөхийн тулд хулганы баруун товчийг дараад сонгох хэрэгтэй "Properties"

Нээгдсэн цонхонд та параметрийг өөрчлөх хэрэгтэй "Нэр"хүссэн зүйлдээ. Жишээлбэл - "Нүүр хуудас"эсвэл "Гэр"

Одоо бидний хийх ёстой зүйл бол динамик вэб загвар үүсгэх, хуудсуудыг нүдээр харуулах, тэдгээрийг мэдээллээр дүүргэх явдал юм.

Ерөнхий бүтэц. Хуудсуудад загвар хавсаргаж байна.

1-р хэсэг.

Яагаад танд динамик вэб загвар хэрэгтэй байна вэ? Товчхондоо, администраторын хувьд энэ нь таны сайтын нэг хуудсыг өөрчлөх, нэмэлт болгоход зориулагдсан бөгөөд та энэ хуудсан дээр ажиллах үед энэ хуудсанд хавсаргасан бусад бүх хуудас өөрчлөгдөнө. Энэ бол богинохон. Илүү дэлгэрэнгүй мэдээлэл авах боломжтой Энд. (office.microsoft.com вэбсайт)

Загвар үүсгэх ажил руугаа явцгаая.

Эхлээд та ердийн хуудас үүсгэх хэрэгтэй. Дээр товшино уу "Шинэ ердийн хуудас үүсгэж байна."

Одоо манай сайтыг бий болгох ерөнхий бүтэц рүү шилжье - элементүүдийг хэрхэн, хаана байрлуулах гэх мэт.

Бүтэцийг сонгосны дараа үүнийг хаа нэгтээ тайлбарлах ёстой. Үүнийг ердийн цаасан дээр хийж болно. Доорх видеоны зураг дээрх бүтцийг би танд өгч байна.

Тиймээс бүтэцтэй байхын тулд бид үүнийг хүснэгт болгон хөрвүүлэх хэрэгтэй бөгөөд үүнийг хийх болно.

Хүснэгт үүсгэх - 1х1

Шинэ хүснэгт дээр хулганы баруун товчийг дараад сонгоно уу "Хүснэгтийн шинж чанарууд."

Гарч ирэх цонхонд зураг дээрх шиг параметрүүдийг оруулна уу.

· Зохицуулах - төв

· Өргөнийг -100 хувь болгож тохируулна

· Нүдний талбарууд - 0

· Эсийн хоорондын зай - 0

Хилийн хэмжээ - 0

Товчлуур дээр дар "БОЛЖ БАЙНА УУ"

Энэ хүснэгт нь манай хуудасны суурь болно.

Энэ хүснэгтэд бид хэд хэдэн хүснэгт үүсгэх ёстой.

Бидний үүсгэх эхний хүснэгт нь сайтын толгой хэсэгт хамаарах болно. Бид шинэ хүснэгтэд өөр хүснэгт үүсгэдэг, гэхдээ одоо 3 нүдтэй, учир нь Сайтын толгой хэсэг нь лого, баннер, хайлт гэсэн 3 элементээс бүрдэнэ.

Бид энэ хүснэгтийг өмнөхтэй ижил параметрүүдийг тавьсан. Та бусдыг тохируулж болно, жишээлбэл, өргөн нь 1024 пиксел бөгөөд энэ нь сайтыг тодорхой дэлгэцийн нягтралд зориулж бичсэн байх ёстой.

Энэ хичээлээр бид хайлт, логоны хатуу хэмжигдэхүүнтэй вэбсайт хийх бөгөөд хэрэглэгчийн дэлгэцийн нягтралаас хамааран баннер бүхий хэсэг нь багасах эсвэл нэмэгдэх болно.

Одоо та лого бүхий нүд болон хайлттай нүднүүдийн яг хэмжээсийг тохируулах хэрэгтэй.

Надад урьдчилан хийсэн лого байгаа бөгөөд энэ нь хэмжээстэй - өргөн - 300, өндөр - 186 оноо. Үүнийг хавтас дотор байрлуулах ёстой "Зураг"чам дээр "Вэб сайт"

Лого байрлах эхний нүдэн дээр хулганы баруун товчийг дараад сонгоно уу "Эмийн шинж чанарууд"

Нүдний параметрүүдийг тохируулна уу:

· Хэвтээ байрлал - "Төв"

· Өргөн - 300 оноо

· Өндөр - 186 оноо.

"Оруулах"\"Зураг зурах"\"Файлаас..." товчийг дараад логог сонгоно уу:

Хүснэгтийн үлдсэн хоёр нүдийг сонгоод эхний нүдтэй тэнцүү өндрийг онооно.

"Эмийн шинж чанарууд"

"Өндөрийг тохируулах" - 186 оноо.

Бид хайлтын нүдний өргөний хэмжээг одоогоор тохируулахгүй, бид хайлтын маягтыг тохируулахдаа үүнийг хийх болно.

Толгой хэсэгт зориулж хийсэн хүснэгтийн доор өөр хүснэгт нэмнэ үү. Ширээний хэмжээ 1х3

Та юу авах ёстой вэ:

Энэ хүснэгтийг өмнөхтэй ижил параметрүүдийг тохируулна уу:

Эхний нүдийг сонгоод түүний өргөнийг логоны өргөнтэй тэнцүүлээрэй (Энэ нь сонголттой. Та бусад хэмжээсийг тохируулж болно.)

Доорх нь ижил параметртэй өөр хүснэгт үүсгэ. Энэ хүснэгт нь "Сайтын доод хэсэгт" зориулагдсан бөгөөд лангуунууд тэнд байрлана.

Анхаар!Доорх хүснэгтэд заавал гурван нүд байх албагүй. Нэг нь хангалттай. Та лангууны ширээгээ өөрөө хийх шаардлагатай хэвээр байх болно.

Бүх хүснэгтийн бүх нүдийг сонгоод, очно уу "Эмийн шинж чанарууд"мөн параметрийг тохируулна уу "Босоо зэрэгцүүлэх:" - "Дээд ирмэг дээр"

Хэрэв нүднүүдэд байгаа текст зэрэгцэхгүй байвал дээд ирмэгийн дагуу, дараа нь нүд бүрт энэ параметрийг гараар тохируулна уу.

Хайлт болон нэмэлт цэстэй нүднүүдийн хувьд та сонголтоор тохируулж болно өргөн - 200 оноо.Энэ нь нүднүүдэд текст бичихдээ хүснэгтийг үнэн зөв хэмжээсийг хадгалах боломжийг олгоно.

Одоо бид дараахь зүйлийг авах ёстой.

Динамик вэб загвар үүсгэх.

FrontPage бол хамгийн алдартай визуал вэб дизайны хэрэгслүүдийн нэг юм.

Microsoft FrontPage 2003 нь динамик вэб сайтуудыг бий болгоход шаардлагатай мэргэжлийн дизайн, хөгжүүлэлт, мэдээллийн шинжлэх ухаан, хэвлэн нийтлэх хэрэгслүүдийг агуулдаг.

FrontPage нь HTML кодыг засварлахгүйгээр визуал дизайны горимд вэб сайтыг хөгжүүлэх, ажиллах явцад бий болгосон харгалзах код руу нэвтрэх боломжийг олгодог.

FrontPage-д зориулсан олон тооны төлбөртэй, үнэ төлбөргүй нэмэлт модулиуд (plug-ins) байдаг бөгөөд энэ нь түүний боломжийг өргөжүүлдэг. Жишээлбэл, график оновчтой болгох Ulead SmartSaver болон Ulead SmartSaver Pro нь зөвхөн Photoshop-д төдийгүй FrontPage-д суурилагдсан.

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

FrontPage нь сайтын загварууд болон хуудасны загваруудыг агуулдаг. Сайтын шидтэн хэрэгсэл нь хэрэглэгчийн сонгосон сайтын загварт тулгуурлан тэдгээрийн хоорондох холбоос бүхий олон тооны хуудсыг үүсгэдэг. Хэрэглэгч үүсгэсэн вэбсайтын загварын хуудсуудыг мэдээллээр бөглөхөд л хангалттай. Хуудасны загвар нь загварын мэдээллийн сангаас шаардлагатай хуудасны төрлийг сонгож, мэдээллээр дүүргэх боломжийг олгодог.

FrontPage-ийн гол онцлог нь энэ засварлагч нь WYSIWYG горимд ажилладаг (What You See Is What You Get - Та юу харж байгаа бол түүнийгээ олж авдаг), өөрөөр хэлбэл танд HTML хуудсыг визуал горимоор үүсгэх боломжийг олгодог. Хуудас үүсгэхийн тулд хэрэглэгч Microsoft Word дээр ажиллахтай ижил арга барил, ур чадварыг ашигладаг. Энэ тохиолдолд шаардлагатай HTML кодыг автоматаар үүсгэдэг.

Вэб сайт

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

Вэб хөтөч (хөтөч, хөтөч) нь интернетийн янз бүрийн эх сурвалжуудыг удирдах, үзэхэд ашигладаг програм юм. Вэб хөтөч нь HTML баримт бичгийг уншиж, хэрэглэгчдэд үзүүлэхээр форматладаг. Хамгийн өргөн хэрэглэгддэг хөтчүүд нь Microsoft Internet Explorer, Netscape Navigator, Mozilla, Opera юм.

Вэб сайт нь тусдаа вэб хуудсуудаас бүрддэг. Вэб хуудас бүрийн бүтцийг дотоод HTML кодоор нь тодорхойлдог. Хэрэглэгч энэ кодыг Code panel эсвэл Split View самбар дээрээс харж, ажиллах боломжтой боловч ихэнх ажлыг Дизайн самбар дээр хийдэг. FrontPage-г ашиглахын тулд HTML кодыг хэрхэн үүсгэдгийг мэдэх шаардлагагүй.

Вэб сайтыг эхлээд өөрийн компьютер дээр хөгжүүлж, дараа нь интернетэд нийтэлдэг. FrontPage серверийн өргөтгөлүүдийг ажиллуулж байгаа серверт сайт нийтлэх хүртэл хэрэглэгч олон функцэд хандах боломжгүй болно.

Зангилааны төрлүүд

FrontPage 2003 ашиглан бэлтгэж болох зангилааны төрлүүдийг авч үзье.

Хоёр төрлийн зангилаа байдаг: дискний зангилаа ба серверийн зангилаа. Дискний зангилаануудыг ямар ч компьютер дээр эсвэл уян диск эсвэл CD-ээс ч ажиллуулж болно. Дискний зангилаа нь зөвхөн үндсэн HTML функцийг дэмждэг. FrontPage-ийн дэмждэг олон вэб бүрэлдэхүүн хэсэг нь дискний зангилаа дээр ажилладаггүй.

Серверийн зангилаа нь вэб сервер дээр ажилладаг, өөрөөр хэлбэл зангилаа (хост) байрлуулахаар тусгайлан тохируулсан компьютер дээр ажилладаг. Жижиг хэмжээний хувьд вэб сервер нь дотоод компьютер эсвэл компанийн дотоод сүлжээн дэх сервер байж болно. Томоохон хэмжээний хувьд корпорацын интернет сайтуудыг байршуулдаг вэб серверүүд нь ихэвчлэн интернетийн үйлчилгээ үзүүлэгч (ISP) эсвэл вэб хостинг компанийн удирддаг мэргэжлийн серверийн санд багтдаг.

Ихэнх зангилаанууд нь ихэвчлэн дискний зангилаа хэлбэрээр бүтээгдсэн байдаг. Энэ нь тэдгээрийг дотоод компьютер дээр хөгжүүлсэн гэсэн үг юм. Дараа нь тэдгээрийг дотоод эсвэл гадаад байршуулсан вэб серверт нийтэлдэг.

Зарим FrontPage вэб бүрэлдэхүүн хэсгүүд нь гипер холбоосын мөр, агуулгын хүснэгт зэрэг урьдчилан бүтээгдсэн элементүүд юм. Тэд зөвхөн FrontPage-ээс бүтээгдсэн сайтын нэг хэсэг болох хуудсан дээр байрлуулсан тохиолдолд л хүчин төгөлдөр болно.

Зарим бүрэлдэхүүн хэсэг нь сайт эсвэл вэб хуудсыг Microsoft-ын Windows SharePoint Services багцыг ажиллуулж байгаа вэб сервер дээр байрлуулахыг шаарддаг.

Бусад нийтлэг вэб бүрэлдэхүүн хэсгүүд нь зөвхөн FrontPage серверийн өргөтгөлүүдтэй вэб сервер дээр байрладаг серверийн зангилаа дээр ажилладаг.

Зарим бүрэлдэхүүн хэсгүүд нь контентоо бусад зангилаанаас шууд хүлээн авдаг тул интернет холболтын дүрслэлийг шаарддаг.

Серверийн удирдлагын чадамж нь зөвхөн Windows SharePoint Services эсвэл FrontPage серверийн өргөтгөлүүдийг ажиллуулж байгаа вэб серверүүд дээр байрлах серверийн зангилаанд ашиглах боломжтой.

Өгөгдлийн сангийн мэдээллийг харуулахын тулд зангилаа дээр байрлах ёстой

Frontpage нь танд хоосон хуудас болох үндсэн хуудасны загвараас эхлээд нэлээд төвөгтэй гурван баганатай хуудас хүртэл асар олон төрлийн хуудасны загваруудыг санал болгоно. Загвар ашиглан үүсгэсэн хуудсуудыг одоо байгаа сайтдаа нэмснээр та вэб сайтаа хурдан бөгөөд хялбархан өөрчлөх боломжтой.

Загвар ашигласан хуудсуудыг Редактор дээр үүсгэнэ.

1. Explorer дээр шинэ хуудас байрлах сайтыг нээнэ үү. (Хэрэв та хүсвэл энэ алхамыг алгасаж болно, учир нь та хуудсыг хадгалсны дараа үүнийг одоо байгаа аль ч сайт руу оруулах боломжтой).

2. Editor дотроос тухайн зүйлийг сонгоно Үүсгэхцэснээс Файл.

3. Цонхонд Бусад хуудасны загваруудөгөгдсөн жагсаалтаас хүссэн загвараа сонгоод товчийг дарна уу БОЛЖ БАЙНА УУ.

Та вэбсайтдаа ашиглаж болох олон төрлийн хуудасны загваруудыг санал болгож байна. Загваруудыг харилцах цонхны зүүн талд байгаа жагсаалтад жагсаасан болно Хуудасны загварууд, мөн энэ цонхны баруун талд одоогийн загвар болон түүний ойролцоо харагдах байдлын тайлбарыг харуулна.

Хүрээний хуудас үүсгэх

Энэхүү лекц нь Физик-математикийн факультетэд зориулсан вэб хуудас үүсгэх жишээг авч үзэх болно. Бид сайтын загвар ашиглахаас татгалзаж, хүрээний хуудасны загварыг ашиглах болно.

Хүрээнүүд нь хуудсуудыг тэгш өнцөгт хэсэгт хуваах боломжийг олгодог бөгөөд тус бүр өөрийн гэсэн хуудсыг харуулдаг. Та жаазны хуудсан дээр нэг буюу хэд хэдэн хүрээ байрлуулж болно. Энэ нь та өөр өөр хэсгүүдэд өөр өөр контент харуулдаг хуудас үүсгэж болно гэсэн үг юм. Нэг фрэймийн агуулгыг өөрчилснөөр нөгөө фреймийн агуулгыг өөрчлөх шаардлагагүй, гэхдээ та хүсвэл нэг фрейм дэх холбоосоор нэвтэрч буй хуудсыг нөгөө хүрээний хэсэгт харагдуулж болно.

Фрейм нь вэб дизайнеруудын дунд нэлээд түгээмэл байдаг бөгөөд тэдний зарим нь хуудсаа тав, зургаа, түүнээс ч олон хүрээ болгон хуваадаг (энэ бүтэц нь сайтын ачааллыг ихээхэн удаашруулдаг!). Frontpage нь танд фрэймийн хуудас бүрт дээд тал нь дөрвөн фрэймтэй арван фрэймийн загварыг санал болгож байна.

Хүрээний загваруудыг ашиглах

1. Шинэ хүрээний хуудас үүсгэхийг хүссэн сайтаа Explorer дээр нээнэ үү.

2. Editor дотроос тухайн зүйлийг сонгоно Үүсгэхцэснээс Файл.

3. Гарч ирэх харилцах цонхонд Хуудасны загваруудтаб дээрээс загвар сонгоно уу Хүрээний хуудас, дараа нь OK дарна уу.

Та өөрийн сонгосон хүрээний хуудсыг урьдчилан харах боломжтой, учир нь түүний байрлал нь харилцах цонхны баруун талд харагдах болно.

Та загварыг сонгосон гэж бодъё нэг зарлал ба агуулгын хүснэгт.Дэлгэц дээр та дараах зүйлийг харах болно.

Жич: Таалагдсан загвараа сонгосны дараа гарч ирэх тэгш өнцөгт хэсэгт байрлах Шинэ хуудас дээр дарж хүрээ бүрийг хадгалахаа мартуузай. Зөвхөн үүний дараа та зураг дээрхтэй ижил үр дүнд хүрэх болно. Та хүрээ тус бүрийг өөрийн хүссэнээр нэрлэж болох боловч хуудсыг бүхэлд нь ихэвчлэн дууддаг гэдгийг анхаарна ууиндекс.

2. ms FrontPage дээр ажиллах үндсэн ойлголтууд

Хэрэв та шидтэнг ашиглан вэб хуудас үүсгэхгүй, зөвхөн хүрээний загвар ашиглахаар шийдсэн бол текстийг хэрхэн байрлуулах, навигацийг зохион байгуулах (гипер холбоос оруулах), мультимедиа технологийг ашиглах талаар сайтар танилцах хэрэгтэй.

Хөгжилтэй хамт Интернетмэдээлэл солилцох протокол гарч ирвэл протоколыг дуудна HTTP (HyperText Transfer Protocol- гипертекст дамжуулах протокол) Энэ протоколын хамт үйлчилгээ гарч ирэв World Wide Web(ихэвчлэн дууддаг WWWэсвэл зүгээр л Вэб), серверүүдийн өргөн сүлжээг хангадаг HTTPдамжуулан файл дамжуулах Интернет.

Эдгээр файлуудын гол хэсэг нь Вэб хуудсууд– хэлээр бичигдсэн тусгай файлууд HTML (HyperText Markup Language).- Hyper Text Markup хэл). Вэб хуудсуудонд хэвлэгдсэн Интернетийм файлуудыг сервер дээр байрлуулах замаар HTTP (вэб сайтууд). Агуулга Вэб хуудсуудөөр өөр байж болох бөгөөд бүрэн дур зоргоороо сэдэвт зориулагдсан боловч тэд бүгд ижил үндэс суурийг ашигладаг - хэл HTML.
Өөрийнхөө вэбсайт эсвэл хуудас үүсгэх хүсэлтэй хүмүүсийн ихэнх нь тухайн хэлийг мэддэг HTMLзөвхөн цуу яриагаар. Тиймээс хөтөлбөр нь тэдэнд туслах болно Microsoft FrontPage, хамгийн алдартай вэбсайт бүтээгчдийн нэг.

FrontPage, програмын багцад багтсан Microsoft Office, өргөн хэрэглэгддэг анхны бүтээгдэхүүн болсон Интернет, энэ нь үйлчлүүлэгч болон серверийн хэсгүүдийг нэгтгэсэн бөгөөд сайтыг бүхэлд нь хөгжүүлж, хамгийн алдартай серверүүд дээр суулгах боломжийг олгодог. Өмнөх хуудасшаардлагатай бүх програмчлалын ажлыг хийх чадвартай. Гэсэн хэдий ч Өмнөх хуудасЭнэ нь бүтээлч үйл явцыг бүрэн хянахыг илүүд үздэг мэргэжлийн хөгжүүлэгчдэд ноцтой туслах болно.

Програмын цонх Өмнөх хуудас 2003.

Хөтөлбөр Өмнөх хуудаскомпаниас гаргасан Microsoftмөн багцад багтсан бүтээгдэхүүнтэй ижил загвараар хийгдсэн Microsoft Office, тиймээс програмын харагдах байдал нь текст процессороос бараг ялгаатай биш юм Үг .

Цонхны дээд хэсэгт цэсийн мөр ба хоёр хэрэгслийн мөр байна: Стандарт ба форматлах. Та багаж самбарын дэлгэцийг идэвхжүүлж эсвэл идэвхгүй болгож болно Цэсийг харах.
Зүүн талд байна Самбарыг харах, үүний тусламжтайгаар та баримт бичгийн горимыг сольж болно.
Цонхны гол хэсгийг ажлын хэсэг эзэлдэг бөгөөд тус тусдаа баримт бичгийг агуулсан нэг буюу хэд хэдэн цонхыг нээх боломжтой.
Цонхны доод талд байдаг статус мөр, агуулсан суурь мэдээлэл. Мөн цонхны доод хэсэгт баримтыг үзэх гурван товчлуур байна.
Хэрэгслийн мөрүүдийг харуулж байна.
Хэрэгслийн мөрүүдийг удирдахын тулд Өмнөх хуудасдээрхтэй ижил аргуудыг ашиглаж болно Microsoft Word. Тухайлбал:
цэс дээр Харахсонгох хэрэгтэй Хэрэгслийн самбарын зүйл, мөн нээгдэх шинэ дэд цэсэнд суулгана уу шалгах нүднүүдтанд хэрэгтэй хэрэгслийн мөрний эсрэг талд; эсвэл дарна уу баруун товшино ууямар ч шалтгаанаар хяналтын самбарууд(эсвэл түүний хажуугийн хэсэгт) мөн контекст цэсийг ижил аргаар ашиглана уу.

Өмнөх хуудас, бусад програмуудын нэгэн адил Microsoft Office, багаж самбар дээрх цэсийн зүйл, товчлууруудыг нэмэх, устгах, дахин зохион байгуулах боломжийг танд олгоно. Мөн өөрийн хавтанг бүрэн бүтээх боломжтой.
Үүнийг хийхийн тулд танд хэрэгтэй:

IN Үйлчилгээний цэссонгох зүйл Тохиргоо…
эсвэл
В Цэсийг харахсонгох Хэрэгслийн самбарын зүйл, мөн гарч ирэх каскадын цэсэнд - зүйл Тохиргоо…
Таны үйлдлийн үр дүнд харилцах цонх нээгдэнэ Тохиргоо, шаардлагатай хавтанг суулгах боломжтой.

Шинээр үүсгэх Вэб хуудсууд.

Хэрэв та эхэлсэн бол Өмнөх хуудас, энэ нь шинэ гэсэн үг Вэб хуудаста аль хэдийн үүсгэсэн байна (эхлэх үед Өмнөх хуудасшинэ хоосон нь нэн даруй нээгдэнэ Вэб хуудас, текст болон бусад элементүүдийг байрлуулахад бэлэн).
Шинээр үүсгэх Вэб хуудасТа үүнийг өөр аргаар хийж болно:

Товч ашиглан Шинэ хуудасдээр Стандарт самбархэрэгсэл.
Файл цэсдэд цэсийг сонгоно уу Үүсгэх, Тэгээд - Хуудасэсвэл Вэб сайт;
хослолуудыг ашиглах Ctrl+N;
ашиглах замаар контекст цэс(горимуудаас бусад бүх горимд ажилладаг Даалгавар ба тайлангууд) - энэ дотор Хавтасны жагсаалтөгсөн Вэб) та хулганы баруун товчийг дараад гарч ирэх контекст цэсэнд байгаа зүйлийг сонгох хэрэгтэй  Хуудас үүсгэх.

Шидтэн болон загвар ашиглан хуудас үүсгэх.

Дээр дурдсанчлан, хэрэв та шинэ хуудас үүсгэхийн тулд цэсийг ашигласан бол Файл  Шинэ  Хуудас эсвэл вэб сайт, Тэр Өмнөх хуудасшинэ хуудас үүсгэхийн тулд загвар ашиглахыг танд сануулах болно.
Үүнийг хийхийн тулд харилцах цонх нээгдэх бөгөөд түүний гадаад төрхийг доор харуулав.

Таб дээр Нийтлэг байдагЭнэ харилцах цонх нь загваруудын жагсаалтыг харуулдаг Өмнөх хуудас, одоогоор боломжтой. Загваруудын аль нэгийг сонгосноор та түүний тайлбарыг харах боломжтой Жишээ талбар.
Бүтээл FrontPage вэб.
Microsoft FrontPage вэб- энэ бол багц Вэб хуудсууд, зургийн файлууд болон бусад бүрэлдэхүүн хэсгүүдийг бүхэлд нь харж болно.
Хэрэв та вэбсайт хийвэл Өмнөх хуудас, дараа нь хадгалах хамгийн тохиромжтой арга бол ашиглах явдал юм FrontPage вэб.
Хамгийн чухал давуу тал бол файлын нэрийг өөрчлөх чадвар юм FrontPage вэб.
Сайтаа нийтлэхээсээ өмнө үүнийг төсөөлөөд үз дээ ИнтернетТаны хэд хэдэн файл орос нэрээр нэрлэгдсэн байгааг та гэнэт анзаарав. - "Одоо та бүх файлуудыг үзэж, холбоосыг гараар өөрчлөх хэрэгтэй болно!" Энэ нь танд туслах болно FrontPage вэб- та файлын нэрийг аюулгүйгээр өөрчлөх боломжтой Өмнөх хуудасорсон бусад бүх файлуудыг бие даан үзэх болно FrontPage вэбтаны зассан файлын бүх холбоосын нэрийг өөрчлөх болно.
Би бусад бүх давуу талыг тайлбарлахгүй, гэхдээ бүх боломжуудыг ашиглах хэрэгтэй гэж хэлмээр байна. Өмнөх хуудас, дараа нь ашиглах нь дээр FrontPage вэб.
Тиймээс шинээр бий болгох FrontPage вэбХэрэгслийн самбар дээрх "Шинэ хуудас" товчны зүүн талд байрлах сум дээр товшоод гарч ирэх цэснээс тухайн зүйлийг сонгоно уу. Вэбсайт…

Вэб хуудас нээх.

Маш олон удаа вэбсайт үүсгэхдээ аль хэдийн үүсгэсэн зүйлийг засах хэрэгтэй болдог Вэб хуудсууд. Та нэг хуудас руугаа хэдэн ч удаа засварлах эсвэл хэсэг хэсгээр нь шинэ хуудас үүсгэх боломжтой. Вэб хуудсууд.

Одоо байгаа нэгийг нь нээ Вэб хуудасодоо байгаа аль ч горимд боломжтой.

горимоос Хуудас үзэхОдоо байгаа хуудсыг нээх дөрвөн арга бий:

1 арга зам

Хэрэв та хамтран ажиллаж байгаа бол FrontPage вэб, дараа нь зүгээр л хүссэн файлаа сонгоно уу Хавтасны жагсаалтдээр нь хулганаараа давхар товшино уу.

Арга 2

Файл цэснээс сонгоно уу Хамгийн сүүлийн үеийн файлууд. Гарч ирэх шаталсан цэснээс хүссэн файлаа сонгоно уу.

3 арга зам

Файл нээх харилцах цонхыг ашиглан: Файл  Нээлттэй.

Урьдчилан үзэх.

Таны хуудас хөтөч дээр шууд хэрхэн харагдахыг харахын тулд засварлах горимд Урьдчилан харах табыг ашиглаж болно Вэб хуудсууд. Гэхдээ энэ тохиолдолд хөтөч гарч ирж магадгүй юм Өмнөх хуудастаны зарим элементийг харуулахгүй хуудаснууд, тиймээс хамгийн сайн:
хэрэгслийн самбар дээрх товчлуурыг ашиглана уу
эсвэл дотор Файл цэсзүйл сонгох Урьдчилан үзэх r хөтөч дээр.

Хэрэв та эхний аргыг ашигласан бол таны хуудасны агуулгыг суулгасан хөтөч дээр харуулах болно Өмнөх хуудас.
Хэрэв та хоёр дахь аргыг хэрэглэсэн бол Өмнөх хуудасхарилцах цонх гарч ирнэ Хөтөч дээр үзэх...

Эндээс та:
Өөрийн үзэхийг хүссэн хөтчөө сонгоно уу Вэб хуудас. Ихэвчлэн энд анх харуулдаг хөтөч, энэ нь таны машин дээр анхдагчаар суулгагдсан байдаг.
Та товчлуурыг ашиглах шаардлагатай өөр хөтөч нэмнэ үү Нэмэх.
Суулгасан хөтчүүдийг засах эсвэл устгах.
Таны дэлгэцийн хэмжээг тохируулна уу Вэб хуудас

Хадгалалт Вэб хуудсууд.

Өгөгдмөл Өмнөх хуудаснэрний оронд хуудаснуудтекстийн эхний мөрийг таныхаас авдаг хуудаснууд. Энэ нь үргэлж хэрэгтэй зүйл биш юм. Та хуудасны гарчгийг ашиглан өөрчилж болно Товчлуурыг өөрчлөх- энэ товчийг дарснаар Гарчиг харилцах цонх нээгдэнэ хуудаснууд, үүнд та нэрийг өөрчлөх боломжтой хуудаснууд.

Устгах Вэб хуудсууд.

Хамт ажиллаж байхдаа Вэб сайтэрт орой хэзээ нэгэн цагт танд зарим хуудас хэрэггүй болж, тэдгээрийг устгахыг хүсэх болно.

Устгах гурван арга бий Вэб хуудсууд.

1 арга зам

Самбарт Хавтасны жагсаалтустгахыг хүссэн файлаа сонгоод товчийг дарна уу Устгахгар дээр.

Арга 2

Самбарт Хавтасны жагсаалтбаруун товшино уу файл(эсвэл дүрс файл), устгах шаардлагатай бөгөөд гарч ирэх контекст цэснээс тухайн зүйлийг сонгоно уу Устгах.

3 арга зам

IN Жагсаалтын самбархавтаснууд файлыг сонгоно ууустгахыг хүсэж байгаа зүйлээ сонгоод дараа нь Засварлах цэснээс устгана уу.

Тексттэй ажиллах.

Эхлээд харахад текст оруулах Өмнөх хуудасямар ч текст засварлагч дээр текст оруулахаас ялгаатай биш (жишээлбэл, Microsoft Word).
Текст бичихийн тулд хуудасны аль ч хэсэгт хулганыг дарахад л курсорыг текст оруулах боломжтой хамгийн ойрын цэг дээр байрлуулна.
Том үсгээр бичих, текст засварлах (тэмдэгтүүдийг устгах, текст оруулах гэх мэт) нь дээрхтэй яг адилхан хийгддэг. Microsoft Word.
Ганцхан жижиг ГЭХДЭЭ: дарах үед Түлхүүрүүдийг оруулна уу in Өмнөх хуудасДогол мөрний өмнө болон дараа нь тогтмол догол мөрийг байрлуулсан байхад курсорыг шинэ мөрөнд шилжүүлэх шаардлагатай болдог.
Хэрэв та догол мөр үүсгэх шаардлагагүй бол шинэ мөрөнд шилжихийн тулд гарын товчлолыг ашиглах нь дээр. Shift + Enter.

Зурагтай ажиллах.

Графикаар форматлана Вэб.

Компьютерийн бүх дүрс, тэдгээрийг хадгалах бүх формат (үүний үр дүнд тэдгээрийг боловсруулах бүх програмууд) нь хоёр том ангилалд хуваагддаг. вектор ба растер. Вектор зурагобъектуудаас бүрддэг - шулуун шугам, нум, тойрог, Безье муруйгаас бүрдсэн геометрийн хэлбэрүүд. Давуу тал вектор графиколон. Дизайнерын үүднээс авч үзвэл түүний хамгийн чухал давуу тал нь вектор графикийг зураг дээр "нүх үрэх" эсвэл зарим мэдээллийг алдахаас айхгүйгээр хүссэнээрээ "эргэлдэж" болно. Өөр нэг давуу тал бол жижиг хэмжээтэй файлууд (растер зурагтай харьцуулахад) ба гаралтын төхөөрөмжүүдийн нягтралаас (хэвлэгч эсвэл дэлгэцийн дэлгэц гэх мэт) бие даасан байдал юм. Эдгээр хүчин зүйлсийг бий болгосон вектор графикашиглах магадлалтай Интернет. Гэсэн хэдий ч одоогийн байдлаар вектор графикууд бидний хүссэнээр тийм ч түгээмэл биш байгааг дурдах нь зүйтэй.
Гэсэн хэдий ч үнэндээ ашигласан вектор форматуудын дунд би форматыг тэмдэглэхийг хүсч байна Macromedia-ийн Shockwave Flash. Энэ форматыг үзэхийн тулд хөтөчзалгаас хэрэгтэй ( залгах), компаниас үнэ төлбөргүй тараадаг Макромедиа. Өнөөдөр энэ технологийг бүхэлд нь ашиглан бүтээсэн сайтууд болон ашигласан сайтууд байдаг Flash форматзөвхөн хэсэгчлэн.
Графикийн растер дүрслэл нь растер гэдэг ойлголт дээр суурилдаг. Растернь ижил мөр, баганад байрлуулсан объектуудын цуглуулга (энэ тохиолдолд пиксел). Тэдгээр. растер компьютерийн файлдүрсний мозайкийг бүрдүүлдэг жижиг өнгийн эсвэл саарал квадратуудын цуглуулга гэж үзэж болно. Учир нь Эдгээр квадратуудын хэмжээ нь мэдээжийн хэрэг жижиг тул растер графикийг үзэхэд эдгээр квадратууд хоорондоо нэгдэж, өнгөний тасралтгүй өөрчлөлтийг үүсгэдэг.

Растер зургийн хадгалах формат нь давуу болон сул талуудтай. Растер графикийн том давуу талуудын нэг нь хагас өнгөт дүрстэй ажиллах чадвар юм. бодит амьдрал дээр байгаа дүр төрхийг яг адилхан дамжуулах чадвар. Гэхдээ сул талуудын дунд гол асуудал бол файлын хэмжээ юм. Мэдээжийн хэрэг, илүү их пикселийг үүсгэхэд хуваарилдаг Зураг, дамжуулах чанар өндөр байх болно Зураг, гэхдээ ингэснээр файлын хэмжээ илүү том болно.
Хэрэв бид одоо хөтчүүд рүү буцвал дараах зүйлийг хэлж болно: ихэнх хөтчүүд дөрвөн форматтай график файлуудыг ямар ч асуудалгүйгээр харуулах боломжтой (* .gif, *.jpg, *.png, *.bmp), одоогоор хоёрыг ашиглах нь хамгийн сайн арга юм - * .gif болон *.jpg. Тэгээд ч гэсэн урьдчилсан оновчлолын дараа.
Зураг оруулж байна Вэб хуудас.
Зураг руугаа зураг оруулна уу Вэб хуудасхэд хэдэн аргаар хийж болно:
1. Зургийг чирнэ үү Windows Explorer(өөрөөр хэлбэл Explorer-ээс шууд).
2. Зургийг чирнэ үү Internet Explorer.
3. Зургийн файлыг самбараас чирнэ үү Хавтасны жагсаалт, шууд хуудас руу.
4. хамт санах ой- Зургийг бусад програмаас санах ойд хуулж, хуудасны санах ойноос буулгана уу.
5. хамт Товчлуур нэмэхбагаж самбар дээрх файлаас зурах Стандарт.
6. Цэсийг ашиглах Оруулах  Зураг.
Эдгээр аргуудыг илүү нарийвчлан авч үзье.
Арга 1
Windows Explorer(өөрөөр хэлбэл судлаачаас шууд) танд дараах зүйлс хэрэгтэй:
in Өмнөх хуудас
Explorer цонхыг нээх;
Explorer цонхноос хуудсандаа оруулахыг хүссэн зурагтай файлаа сонгоно уу;
хулганы зүүн товчийг дарж, зургийн файлыг өөрийнхөөрөө чирнэ үү Вэб хуудасЗургийг хуудас дээр оруулах курсор байрлуулсан газарт оруулах болно.
Арга 2
Зургийг чирнэ үү Internet Explorerшаардлагатай:
in Өмнөх хуудасзураг нэмэхийг хүссэн хуудсыг нээх;
В хөтөчдээр тавихыг хүссэн зургаа нээнэ үү Вэб хуудас хөтөчФайлын нэр нь төгсгөлтэй байх ёстой jpg, jpeg, gif);
Хулганы зүүн товчийг ашиглан сонгосон зургийг өөрийн зураг дээр чирнэ үү Вэб хуудас;
Арга 3
Төлөө файлыг чирэх, буулгахсамбараас авсан зурагтай Жагсаалтфолдерууд, танд хэрэгтэй хуудас руу шууд:
in Өмнөх хуудаснэмэхийг хүссэн хуудсыг нээнэ үү зураг;
самбар дээр шаардлагатай зургийн файлыг сонгоно уу Хавтасны жагсаалт;
хулганы зүүн товчсонгосон зургийг өөрийнхөөрөө чирнэ үү Вэб хуудас;
Сонгосон зургийг хуудасны курсор байрлуулсан газарт оруулах болно.
Арга 4
Таны дотор зураг оруулахын тулд Вэб хуудассанах ойг ашиглан та дараахь зүйлийг хийх хэрэгтэй.
Зургийг хуулахыг хүссэн програмын дотроос зургийг сонгоод товчлууруудыг ашиглана уу Ctrl+Cзургийг санах ойд хуулах;
чам дээр Вэб хуудасгарын товчлолыг ашиглан санах ойноос энэ зургийг буулгана уу Ctrl+V
Арга 5
Вэб хуудасТа товчлуурыг ашиглахаар шийдсэн Зураг нэмнэ үүбагаж самбар дээрх файлаас Стандарт, Тэр Өмнөх хуудасхарилцах цонх нээгдэнэ Зурах.
Энэ харилцах цонхонд өөрийн нэмэхийг хүсэж буй зургийн файлаа зааж өгнө үү Вэб хуудасболон товчлуурыг дар Оруулах.

Арга 6
Хэрэв та зураг оруулахыг хүсвэл Вэб хуудасТа цэсийг ашиглахаар шийдсэн Insert  Зураг, Тэр Өмнөх хуудаснэмэлт сонголт хийхийг танд сануулах болно:

Зураг... – цэсийн зүйлийг сонгосноор бэлэн зургийн санг ашиглах боломжтой болно.
Файлаас... – энэ цэсийн зүйлийг сонгосноор та өөрийн зурагт нэмэхийг хүссэн зургийн файлын байршлыг бие даан зааж өгөх боломжийг олгоно. Вэб хуудас(энэ зүйлийг ашигласнаар харилцах цонх нээгдэнэ Зурах, дээр дурдсан ажил).
Зургийн цуглуулга үүсгэх... - энэ цэсийн зүйлийг ашиглан та тодорхой хэв маягийн зургийн цуглуулга үүсгэж болно. Үүний тулд нээгдэх цонхонд Үл хөдлөх хөрөнгөтовчлуур ашиглан зургийн цуглуулга Нэмэхтаб дээр Зурагзургуудыг сонгоод таб дээр Зохион байгуулалтдизайны хэлбэрийг сонгох.
Медиа файл нэмж байна.

* доторх зураг гэх мэт энгийн графикуудаас гадна .gif, *.jpg, *.pngгэх мэт. Өмнөх хуудасдээр нийтлэх боломжийг танд олгоно Вэб хуудсуудмедиа файлууд. Үүнд: видео клип, дуу...

Видео клип оруулахын тулд та хийх хэрэгтэй Цэс оруулахзүйл сонгох Зурах, Тэгээд Видео бичлэг...

Харилцах цонх нээгдэнэ. Видео цонх, энэ нь видео клипийг * дотор харуулах болно .avi, *.asf, *.ram, *.ra.

Дуу нэмэх Вэб хуудасхарилцах цонхны Ерөнхий таб дээрээс олж болно. Хуудасны шинж чанарууд.

Хүснэгттэй ажиллах.

Хүснэгт- вэбсайт үүсгэхэд ашигладаг хамгийн хүчирхэг хэрэгслүүдийн нэг.
Эхэндээ хүснэгтүүдзөвхөн бүтэцлэгдсэн өгөгдлийг төлөөлөхөд ашигласан. Гэсэн хэдий ч тэдгээр нь аажмаар хүчирхэг, бүх төрлийн зохион байгуулалтын хэрэгсэл болж хувирсан. Вэб хуудсууд.

Хүснэгтүүдийг үүсгэх

Хамгийн хялбар арга хүснэгт үүсгэх- товчийг ашиглана уу Хүснэгт нэмэххэрэгслийн самбар дээр байрладаг Стандарт.
Өөр нэг арга бол тухайн зүйлийг ашиглах явдал юм цэс Хүснэгт  Insert  Хүснэгт.
Тэгээд ширээсанах ойг ашиглан зурж, буулгаж болно.

Өгөгдөл оруулах, хүснэгтийн навигаци.

Хүснэгтийн нэг сайхан зүйл бол таны оруулсан текстийг бид баримт бичигт форматлахад дассан шиг нүдэн дотор форматласан байдаг. Нүдэнд байрлуулсан текстийн урт нь баганын өргөнөөс хэтэрсэн тохиолдолд автоматаар шинэ мөрөнд ороогдоно. Та товчлуур дарах үед Оруулна уу, ердийнх шигээ шинэ догол мөрийг оруулсан болно. Текст эсвэл тоог гараас хүснэгтэд оруулна.

Мэдээлэл оруулахаас өмнө ширээ, та текст курсорыг хүссэн нүдэнд байрлуулах хэрэгтэй хүснэгтүүд. Үүнийг хулганаар дарж хийж болно.

Гэсэн хэдий ч нүднүүдийн хооронд шилжихийн тулд товчлуурын хослолыг ашиглах нь илүү тохиромжтой.
Гарын товчлол: Үйлдэл:

ТабСүүлийн эгнээний төгсгөлөөс бусад хүснэгтийн аль ч хэсэгт зэргэлдээх нүд рүү очоод агуулгыг нь сонгоно уу.
Табсүүлчийн мөрийн төгсгөлд хүснэгтийн доод талд шинэ мөр нэмнэ
Shift+Tabөмнөх нүд рүү очоод агуулгыг нь тодруулна уу
Оруулна уушинэ догол мөрийг эхлүүлэх
Оруулна ууэхний нүдний эхэнд баримт бичгийн эхэнд байгаа хүснэгтийн өмнө текст нэмнэ

Маягт үүсгэх, хэрэглэх.

Маягтуудтекст талбарууд, радио товчлуурууд, шалгах хайрцагууд, товчлуурууд болон бусад олон хяналтуудыг төлөөлдөг. Сайтын зочин зөвхөн нэг эсвэл өөр текст талбарт зарим мэдээллийг оруулах хэрэгтэй бөгөөд санал болгож буй жагсаалтаас зарим өгөгдлийг сонгоод, Илгээх товчийг дарж өгөгдлийг илгээнэ. Вэб серверболовсруулахад зориулагдсан (эсвэл хуудасны яг тэнд боловсруулсан).

Тантай танилцацгаая - дараах талбаруудыг бөглөнө үү.
Таны нэр:

Таны овог:

Таны төрсөн огноо: жил, сар өдөр

Баярлалаа! Тэгээд одоо - явцгаая!
1. Жижигхэн боловч хөдөлгөөнтэй.
Тэр хаана ч байсан тэр тушаал өгдөг.
Тэр майханд орох болно -
Баатар эргэх болно.
Энэ хэн бэ?
Fly Flea Capricious хүүхэд
2. Нүдээ бүлтийлгэн суух,
Тэр франц хэлээр ярьдаг
Бөөс шиг үсэрдэг
Хүн шиг сэлдэг.
Бид хэний тухай яриад байна вэ?
Муур мэлхий тоть

3. Мөсөн доогуур шумбахдаа далайн хав юугаар амьсгалдаг вэ?

4. Том яст мэлхий яагаад уйлдаг вэ?

5. Хэрхэвч ямар хувцас өмсөж болох вэ?
Үслэг хүрэм
6. “Голын морь” гэж хэнийг нэрлэдэг вэ?
Халиуны хиппо матар

7. Ямар шувууд дэгдээхэйгээ гаргадаггүй вэ?

8. Ямар шувууд нисч чадахгүй вэ?

Хэрэв та хэд хэдэн хариулт сонгох шаардлагатай бол товчлуурыг дарж, бүү гарга Ctrlмөн хүссэн хариулт дээрээ хулганы зүүн товчийг дарна уу

Гэхдээ хэлбэрүүдийг бий болгохяг дээр хуудасЭнэ бол ажлын зөвхөн тал хувь нь юм. Хэрэглэгчийн оруулсан өгөгдлийг маягт ашиглан боловсруулж чаддаг програм байх ёстой.
Ийм програмыг сервер дээр байрлуулж болно; энэ нь таных байж магадгүй юм Вэб сайттусдаа файл хэлбэрээр, эсвэл зүгээр л кодоор бичиж болно htmlчам дээр Вэб хуудас.
Хэрэглэгчийн оруулсан мэдээлэлд юу тохиолдохыг тэр л тодорхойлдог.

мэдээлэлмэдээллийн санд нэмж, төрөл бүрийн график, үнэлгээ... түүний үндсэн дээр барьж болно;
мэдээлэлимэйлээр илгээх боломжтой (энэ нь ихэвчлэн янз бүрийн төрлийн асуулгад хэрэглэгчийн тухай мэдээлэл авахад ашиглагддаг);
мэдээлэлшууд газар дээр нь боловсруулах боломжтой бөгөөд таны сайтад зочилсон хүн тэр даруй санал хүсэлтийг хүлээн авах болно (жишээлбэл, тэд шалгалтын оноо авах болно, зочны дэвтэрт оруулсан мэдээллээ харах болно ...).

Харилцаанд байгаа хэлбэрүүдХэд хэдэн үндсэн дүрэм байдаг:

1. Тус бүр хэлбэртодорхой газар нутгийг эзэлдэг Вэб хуудсууд. Нэг дээр Вэб хуудаснэг буюу хэд хэдэн хэлбэрийг байрлуулж болно.
2. Маягт бүр дор хаяж нэг хэлбэрийн элементийг агуулсан байх ёстой (хэдийгээр дүрмээр бол тэдгээр нь хэд хэдэн байдаг).
3. Элемент бүр хэлбэрүүднэр, утгатай. Нэр нь мэдээлэл оруулах талбарыг тодорхойлох бөгөөд утга нь хэрэглэгчийн сонгосон утгатай тэнцүү байна.
4. Маягтын элементүүдийн аль нэг нь (энэ нь ердийн товчлуур эсвэл ямар ч зураг байж болно) товчлуурын үүргийг гүйцэтгэх ёстой Илгээх.

Маягт үүсгэх Өмнөх хуудас.
Маягт нэмэхийн тулд Вэб хуудас, шаардлагатай:

Курсорыг буулгахыг хүссэн газартаа байрлуул хэлбэр.
IN Цэс оруулахсонгох зүйлийн маягт, нээгдэх цэснээс дахин сонгоно уу зүйлийн маягт. Маягттаны дээр тавигдах болно Вэб хуудас- тасархай хүрээгээр тэмдэглэгдсэн хэсэг нь хоёр товчлууртай гарч ирнэ: Илгээх ба дахин тохируулах.
Үүнтэй ижил цэгийг ашиглах цэс Insert  Formхэрэгтэй элементүүдээ дараалан оруулна хэлбэрүүдунадаг каскадын цэснээс сонгох замаар (бүх маягтын элементүүдийг тасархай хүрээгээр тэмдэглэсэн маягтын талбарт оруулна гэдгийг санаарай).
Дараа хэлбэрүүсгэсэн, үлдсэн бүх зүйл нь үүнийг агуулга - элементүүдээр дүүргэх явдал юм хэлбэрүүд, текст, зураг, хүснэгт... (хэмжээтэй хэлбэрүүдавтоматаар өөрчлөгдөх болно).
Агуулга нэмэх хэлбэрүүдердийн аргаар хийж болно. Жишээлбэл, санах ойноос текстийг бичиж эсвэл буулгаж болно... Нэмсэн объект бүхий бүх үйлдлүүд ижил төстэй байна.
Гэсэн хэдий ч хэлбэрийг бий болгох- Энэ бол ажлын дөнгөж эхлэл. Үүнийг үүсгэсний дараа та шинж чанаруудыг тохируулах хэрэгтэй хэлбэрүүд, түүний элементүүд.

Маягтын шинж чанарыг тохируулах.

Зочдын оруулсан өгөгдлийг боловсруулах эсвэл хадгалах Вэб хуудсууд, та олгосон боломжуудыг ашиглах ёстой FrontPage серверийн өргөтгөлүүд, эсвэл өөр програм ажиллаж байна Вэб сервер.
Гэхдээ та ямар ч програмыг сонгосон байсан ч гэсэн маягт болон доторх элементүүдийн шинж чанарыг тохируулах шаардлагатай болно.
Маягтын шинж чанарын цонхыг нээхийн тулд та дараах зүйлийг хийх хэрэгтэй.
В Цэс оруулахсонгох зүйлийн маягт, Тэгээд -
эсвэл
Маягтын контекст цэс рүү залгаж, нээгдэх контекст цэсэн дэх зүйлийг сонгоно уу Маягтын шинж чанарууд.
Үүний үр дүнд харилцах цонх нээгдэнэ Маягтын шинж чанарууд.

1. Б Талбарыг хадгалахҮр дүн нь оруулсан өгөгдөлд юу хийх шаардлагатайг зааж өгөх ёстой хэлбэр. Та дараах сонголтуудыг сонгож болно.
о Файлын нэрийг илгээж байна- өгөгдлийг заасан файлд байрлуулах болно Вэб сервер. Энэ файл байж болно Вэб хуудас, энэ нь цаг хугацааны явцад уртассаар байх болно, эсвэл дараа нь боловсруулж болох өгөгдлийн файл Excel, Accessэсвэл бусад програм;
о Мэйл хаяг илгээж байна- энэ тохиолдолд зочин товших болгонд Вэб хуудсуудТовчлуур руу илгээх хэлбэримэйл үүсгэж, таны оруулсан хаяг руу илгээгдэх болно. Энэ мессеж нь хэрэглэгчийн оруулсан бүх өгөгдлийг агуулна Вэб хуудас.
о Мэдээллийн санд- энэ тохиолдолд өгөгдөл хэлбэрүүдмэдээллийн сан руу илгээгдэх болно. Суурь нь асаалттай байх ёстой Вэб сервер(эсвэл түүнд боломжтой байх).
2. Б Properties талбармаягт, та маягтын нэрийг зааж өгөх ёстой
Үзэх горимууд Өмнөх хуудас.
Өмнөх хуудасАгуулгыг үзэх зургаан өөр горимыг санал болгодог Вэбсайт:

Хуудас,
Хавтас,
Тайлангууд,
Шилжилт,
Гипер холбоосууд,
Даалгаврууд.
Хүссэн горимыг сонгохын тулд та ашиглаж болно Үзсэн самбардэлгэцийн зүүн талд эсвэл цэсэнд байрладаг Харахбагаж самбар дээр Стандарттохирох цэсийн зүйлийг сонгоно уу.

Хуудас
Энэ горимд та үүсгэх, засах боломжтой Вэб хуудсууд.Энд та хоосон зүйл үүсгэж болно Вэб хуудсуудболон загварт суурилсан хуудсууд нь хуудсуудад сэдвүүдийг (дэлгэц дээр хуудсыг харуулах загварын багц) оноодог. Энэ горимд та текст, дизайн нэмж, форматлах боломжтой хуудаснуудграфик болон видео дүрсийг ашиглах (хэд хэдэн график форматыг * болгон хөрвүүлэхийг дэмждэг .gif, *.jpg болон *.png), хуудсанд аудио нэмж, мэдээллийг хүснэгт, жааз, маягтаар харуулах, эцэст нь гипер холбоос үүсгэх. Энэ бол боломжуудын бүрэн жагсаалт биш юм. Өмнөх хуудасконтент засварлах талаар Вэб хуудсууд.
Хавтас
Энэ горимд та бүтцийг харж болно Вэб сайт(файл, фолдер) ба үүнийг өөрийн хийдэгтэй ижил аргаар удирдаарай Windows, энэ горим нь файл, фолдеруудын талаар үзэх горимд өгөгдсөнөөс илүү дэлгэрэнгүй мэдээллийг авах боломжийг олгодог Хуудас.
Тайлангууд
талаар олон төрлийн мэдээлэл агуулсан арав гаруй тайланг танд хүргэж байна Вэб сайт, онд нээгдсэн Өмнөх хуудас.
Шилжилтүүд
Сайтын шатлалыг үзэхэд зориулагдсан. Энэ горимд та тэгш өнцөгтүүдийг чирж (тус бүр нь тодорхой нэгийг илэрхийлдэг) шатлалыг удирдах боломжтой. Вэб хуудас).
Гипер холбоосууд
Хуудсуудыг хооронд нь холбодог гипер холбоосын системийг харуулдаг Вэб сайт(мөн бусад зангилааны холбоосын систем) нь тэдгээрийн бүрэн бүтэн байдлыг шалгаж, өөрчлөх боломжийг баталгаажуулдаг.
Даалгаврууд
Энэ горим нь ажлыг удирдахад зориулагдсан Вэб сайт(нэмэх, устгах, гүйцэтгэх, гүйцэтгэх тэргүүлэх чиглэлийг тогтоох, даалгаврын статусыг хянах).

Үнэгүй татаж авах Өмнөх хуудаста дараах холбоосыг ашиглаж болно.

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html