جادوگران و قالب ها ابزاری موثر برای ایجاد وب سایت در فرانت پیج هستند. در فصل 3، ما به جادوگرانی نگاه کردیم که وب سایت ها و صفحات را به صورت تعاملی تولید می کنند. این فصل در مورد الگوها است. شما نه تنها یاد خواهید گرفت که چگونه وب سایت ها و صفحات وب را بر اساس قالب های داخلی ایجاد کنید، بلکه نحوه ایجاد الگوهای خود را نیز یاد خواهید گرفت.
قالب سایت
Frontpage الگوهایی را برای ایجاد یک وب سایت و یک صفحه وب ارائه می دهد. ابتدا به الگوهای وب سایت نگاه می کنیم. فرانت پیج را دانلود کنید. هنگامی که فرآیند دانلود کامل شد، دستور زیر منوی وب منوی فایل جدید را فعال کنید. کادر محاوره ای جدید که باز می شود لیستی از جادوگران و الگوهای وب سایت را نمایش می دهد. در کل پنج قالب وجود دارد:
وب یک صفحه؛
وب سایت پشتیبانی مشتری (وب سایت پشتیبانی مشتری)؛
وب خالی (وب سایت خالی)؛
Persona] Web (Personal Website);
پروژه وب
قالب وب یک صفحه
الگوی وب یک صفحه به طور پیش فرض در کادر محاوره ای جدید انتخاب می شود. هنگام استفاده از این الگو، یک ساختار پوشه وب سایت ایجاد می شود و یک صفحه (صفحه اصلی) تولید می شود. در مرحله بعد، موارد زیر را انجام دهید:
اقدامات:
1. در کادر محاوره ای New، نام وب سرور و نام وب سایت (به عنوان مثال، یک صفحه) را در قسمت Specify The Location Of The New Web وارد کنید. روی OK کلیک کنید.
2. برای مشاهده ساختار گره، با کلیک بر روی عنصر کنترلی به همین نام در پنل Views، به حالت نمای پوشه ها بروید (شکل 4.1.)
3 روی فایل صفحه اصلی (htm پیش فرض) دوبار کلیک کنید تا در حالت نمایش صفحه B باز شود این لحظهصفحه خالی است عنوان صفحه را وارد کنید "صفحه اصلی"

شکل 4.1. یک وب سایت مبتنی بر الگوی یک صفحه در نمای پوشه ها

در آینده می توانید صفحات جدیدی را در هر حالت مشاهده ای به وب سایت اضافه کنید و در نمای ناوبری بین صفحات پیوند ایجاد کنید.این کار را انجام دهید: 1 رفتن به نمای ناوبری بر روی نماد صفحه اصلی در قسمت سمت راست کلیک کنید. نماد تغییر خواهد کرد). برای ایجاد یک صفحه جدید روی دکمه New Page در نوار ابزار استاندارد کلیک کنید.به طور پیش فرض صفحه جدید New Page 1 نام دارد.این صفحه به عنوان صفحه فرزند صفحه اصلی ایجاد می شود.به این ترتیب می توانید هر موردی را ایجاد کنید. تعداد صفحات و سپس، در صورت لزوم، پیوندهای بین آنها را تغییر دهید.
3. حالا لینک های بین صفحات را تغییر دهید برای این کار مثلا صفحه New Page 4 را انتخاب کنید و در حالی که دکمه ماوس را نگه داشته اید زیر صفحه New Page 2 بکشید و دکمه ماوس را پایین بیاورید. بنابراین، صفحه New Page 4 به فرزند صفحه جدید تبدیل شده است. اکنون صفحه New Page 5 را فرزند صفحه New Page 2 و صفحه New Page 6 را فرزند صفحه New Page 4 قرار دهید (شکل 4.2.)

توجه داشته باشید
در حالت مشاهده ناوبری می توانید از ابزارهای پنلی به همین نام استفاده کنید که با رفتن به این حالت روی صفحه نمایش داده می شود که یکی از این ابزارها کادر لیست Zoom است که در آن می توانید مقیاس نمایش را انتخاب کنید. ساختار وب سایت اندازه مورد را در این لیست انتخاب کنید Fit (انتخاب اندازه) در صورت انتخاب، نمادهای تمام صفحات وب سایت نمایش داده می شود.اندازه آیکون ها بستگی به مساحت پنجره Frontpage دارد. پانل سمت راست در حال حاضر اشغال شده است (مساحت این پانل توسط نوار لغزنده عمودی تنظیم می شود که آن را از پنل فهرست پوشه جدا می کند) 2 شش صفحه دیگر در همان سطح صفحه جدید ایجاد کنید (نماد صفحه اصلی باید باشد. انتخاب شد)
3. حالا لینک های بین صفحات را تغییر دهید برای این کار مثلا صفحه New Page 4 را انتخاب کنید و در حالی که دکمه ماوس را نگه داشته اید زیر صفحه New Page 2 بکشید و دکمه ماوس را رها کنید. بنابراین، صفحه New Page 4 به فرزند صفحه جدید تبدیل شده است. اکنون صفحه New Page 5 را فرزند صفحه New Page 2 و صفحه New Page 6 را فرزند صفحه New Page 4 قرار دهید (شکل 4.2).

شکل 4.2. تغییر پیوند بین صفحات در نمای ناوبری

توجه داشته باشید
در حالت Navigation view می توانید از ابزارهای پنلی به همین نام استفاده کنید که با رفتن به این حالت روی صفحه نمایش داده می شود که یکی از این ابزارها کادر لیست Zoom است که در آن می توانید مقیاس نمایش را انتخاب کنید. ساختار وب سایت مورد Size to Fit را از این لیست انتخاب کنید. در صورت انتخاب، نمادهای تمام صفحات وب سایت نمایش داده می شود. اندازه نمادها بستگی به این دارد که در حال حاضر چه مقدار از پنجره Frontpage توسط پانل سمت راست اشغال شده است. ناحیه این پانل توسط یک نوار لغزنده عمودی تنظیم می شود که آن را از هم جدا می کند و پانل لیست پوشه ها)
3. با انتخاب دستور Delete Web از منوی File و فعال کردن کلید Delete This Web Entirely در کادر محاوره ای تایید حذف، وب سایت خالی را حذف کنید. الگوی وب شخصی
هنگامی که از الگوی وب شخصی استفاده می کنید، یک وب سایت ایجاد می کنید که شامل پنج صفحه است که برای نشان دادن یک سازمان یا فرد کوچک طراحی شده است. برای ایجاد یک سایت، مراحل زیر را دنبال کنید:
1. در کادر محاوره ای New، الگوی وب شخصی را انتخاب کنید.آدرس وب سایت را وارد کنید (نام سایت را برای مثال Personalweb بگذارید). پس از کلیک بر روی دکمه OK، یک وب سایت جدید ایجاد می شود. برای مشاهده ساختار آن به حالت نمایش پوشه ها بروید.
2. باز کنید صفحه نخستگره در حالت نمایش صفحه (شکل 4.3.)

شکل 4 3 صفحه اصلی وب سایت شخصی

این صفحه مجموعه ای از عناصر را ارائه می دهد که می توانید به طور کامل یا جزئی از آنها استفاده کنید یا اصلاً استفاده نکنید. مهمترین عناصر شامل موارد زیر است.
نواحی عمومی - قسمت هایی که در لبه های بالا، پایین، چپ و (کمتر اوقات) سمت راست صفحه قرار می گیرند. این مناطق در قسمت اصلی قرار می گیرند. نوارهای ناوبری(در سمت چپ و بالا) و اطلاعات تماس (در پایین) در صفحه اصلی Personulweb قسمت های کلی بالا و چپ وجود دارد.
هدر صفحه یک بنر صفحه کامپوننت FrontPage است این کامپوننت یک هدر را به صورت تصویر گرافیکی و نه به صورت متن در صفحه درج می کند.شما می توانید در پنجره Page Banner Properties نوع هدر را تعیین کنید که وقتی باز می شود شما دستور منوی زمینه به همین نام را فعال می کنید
برای تغییر عنوان صفحه (در در این مورد- صفحه اصلی)، باید روی صفحه در حالت نمایش ناوبری راست کلیک کنید، دستور تغییر نام را از منوی زمینه انتخاب کنید و عنوان جدیدی وارد کنید.
پانل های ناوبری که مستقیماً در زیر هدر و در سمت چپ صفحه قرار دارند اجزای FrontPage هستند. پارامترهای پانل در کادر محاوره ای Navigation Bai Pioperties تنظیم می شوند.

متن ساده متنی است که می توانید آن را با متن خود جایگزین کنید.
هایپرلینک ها زیر خط کشیده شده اند و صفحات را در یک وب سایت پیوند می دهند.
تصویر پس‌زمینه یک تصویر گرافیکی کوچک است که بسیاری از موارد تکراری آن یک پس‌زمینه موزاییک‌مانند یا پس‌زمینه جامد را در یک صفحه تشکیل می‌دهند.
فونت ها و رنگ متن، مانند تصویر پس زمینه، در موضوع اختصاص داده شده به این وب سایت تعریف شده اند.
تاریخ و زمان -- جزء تاریخ و زمان FrontPage که تاریخ را درج می کند اخرین بروزرسانیصفحات می‌توانید ویژگی‌های این مؤلفه را در کادر محاوره‌ای Date And Time Properties که با دوبار کلیک کردن روی تاریخ باز می‌شود، تغییر دهید.
آرم Frontpage 2000 در سمت راست پایین صفحه اصلی قرار دارد. می توان آن را در هر ویرایشگر گرافیکی حذف یا ویرایش کرد. به طور پیش فرض، ویرایش گرافیکی برای ویرایش گرافیک استفاده می شود. ویرایشگر مایکروسافتآهنگساز تصویر. لوگو پس از دوبار کلیک کردن روی آن برای پردازش در پنجره ویرایشگر موجود است. ویرایشگر گرافیکی پیش فرض را می توان به صورت زیر تغییر داد. دستور Options را در منوی Tools فعال کنید. در کادر گفتگوی گزینه ها، به تب Configure Editor بروید. لیستی از ویرایشگرهایی را مشاهده خواهید کرد که می توان از آنها برای پردازش فایل ها با پسوندهای مناسب استفاده کرد. مسیر دسترسی حجم را مشخص کنید ویرایشگر گرافیکی، که می خواهید با آنها کار کنید. علاوه بر این، می توانید تصویر را با استفاده از ابزارهای موجود در پنل Pictures تغییر دهید که با کلیک بر روی تصویر روی صفحه نمایش داده می شود.

پارامترهای تصویر در کادر محاوره‌ای Pictuie Properties تنظیم می‌شوند که با فعال کردن فرمان منوی زمینه به همین نام باز می‌شود. صفحات دیگر وب سایت را در حالت مرور باز کرده و مشاهده کنید
صفحه حذف وب سایت شخصی وب سایتی که با استفاده از الگوی وب شخصی ایجاد شده است، مبنای خوبی برای یک وب سایت پیچیده تر است (توصیه می کنیم هنگام ایجاد وب سایت خود این را در نظر داشته باشید) الگوی وب پروژه
الگوی پروژه وب (وب سایت پروژه) برای ایجاد یک وب سایت چند صفحه ای طراحی شده است (شکل 4.4.) که برای نمایش دائمی اطلاعات مختلف در مورد پروژه از همان ابتدای کار بر روی آن استفاده می شود. سایت حاوی اطلاعاتی مانند لیست شرکت کنندگان پروژه، طرح و وضعیت، سرصفحه و پاورقی صفحه، آرشیو، و تابلوی بحث و موتور جستجو است. یک وب سایت بر اساس الگوی وب پروژه به شرح زیر ایجاد کنید:
1. در کادر محاوره ای جدید، الگوی پروژه وب را انتخاب کنید. URT - آدرس وب سایت را وارد کنید (نام سایت، به عنوان مثال، پروژه)

شکل 4.4. وب سایت بر اساس الگوی وب پروژه

2. روی نماد صفحه اصلی در پانل ناوبری دوبار کلیک کنید تا صفحه اصلی در حالت نمایش صفحه باز شود (شکل 4.5).

برنج. 4.5. صفحه اصلی وب سایت پروژه با هدر و ناوبری و پانل ها در نمای صفحه

مناطق عمومی
صفحات وب سایت پروژه دارای سه قسمت کلی هستند که می توانید آنها را ویرایش کنید.
1. نوار پیمایش واقع در قسمت عمومی بالا را ویرایش کنید. برای انجام این کار، روی یک نوار، ابتدا یکبار کلیک کنید تا آن را انتخاب کنید و سپس دوبار کلیک کنید تا کادر محاوره ای ویژگی های نوار ناوبری باز شود.
2. در قسمت Hyperlinks To Add To Page در کادر محاوره ای ویژگی های نوار ناوبری، سوئیچ Child Level را فعال کرده و گزینه های Home Page و Parent Page را تنظیم کنید. در ناحیه Orientation And Appearance، سوئیچ های Horizontal و Text را فعال کنید (شکل 4.6). در نهایت روی دکمه OK کلیک کنید.

شکل 4.6. تغییر تنظیمات در کادر گفتگوی ویژگی های نوار ناوبری

شما می توانید با قرار دادن نشانگر ماوس خود بر روی دکمه نوار پیمایش، تعیین کنید که کدام صفحات در نوار پیمایش به کدام یک لینک شده اند، که مسیر کامل آن صفحه را در نوار وضعیت پنجره Frontpage نمایش می دهد. قبلاً متذکر شدیم که نام دکمه‌های نوار ناوبری با عنوان صفحاتی که با استفاده از گزینه‌های مربوطه در کادر محاوره‌ای ویژگی‌های نوار ناوبری پیوند داده شده‌اند، مطابقت دارد. با تغییر نام صفحات در نمای پیمایش، نام هایی که در نوار پیمایش ظاهر می شوند، تغییر می کنند
3. به پایین صفحه بروید قسمت عمومی پایین را همانطور که در زیر نشان داده شده است بررسی کنید. این شامل مولفه FrontPage تاریخ و زمان حق چاپ یا سایر بیانیه های اختصاصی است که در اینجا آمده است.
4. در نمای صفحه، صفحات اعضا، زمانبندی، وضعیت و بایگانی را باز کرده و مشاهده کنید، که هر کدام شامل مناطق مشترک هستند.
گروه های جستجو و بحث
وب سایت پروژه حاصل موارد زیر را دارد عملکرد، مانند جستجوی متن و گروه های بحث (ما در فصل 3 به این موارد نگاه کردیم. اکنون آنها را در رابطه با یک وب سایت بر اساس الگوی وب پروژه بررسی خواهیم کرد:
1. صفحه جستجو (search.htm) را در حالت نمایش صفحه باز کنید (شکل 4.7.) این صفحه حاوی یک فرم حاوی یک فیلد واحد است. این فرم به شما امکان می دهد اسناد وب سایت را برای اطلاعاتی که با معیارهای جستجوی مشخص شده در فرم مطابقت دارد بررسی کنید.

شکل 4.7. صفحه جستجوی وب سایت پروژه

فرم جستجو یک جزء FrontPage است. دستور Search Form Properties منوی زمینه به شما اجازه می دهد تا ویژگی های این مؤلفه را تغییر دهید. صفحه جستجو دستورالعمل هایی را برای تعیین معیارهای جستجوی شما ارائه می دهد. صفحه جستجو را ببندید و صفحه Discussions (بحث htm) را باز کنید که حاوی پیوندهایی به گروه های بحث و گفتگوی نیازمندی ها و پایگاه دانش است.گروه بحث گروهی از صفحات وب مرتبط (عمدتا موضوعی) است که شامل فرم ها و FiontPage -Components است. این به برخی از کاربران این امکان را می دهد که نظرات و پیشنهادات خود را بیان کنند و برخی دیگر در مورد آنها اظهار نظر کنند. به این ترتیب گفت و گو انجام می شود
3. برای ارزیابی ظاهرصفحات یک وب سایت ایجاد شده با استفاده از الگوی پروژه وب، از دستور Preview In Browser در منوی File یا دکمه نوار ابزار به همین نام استفاده کنید. در کادر محاوره ای که ظاهر می شود، مرورگر خود را انتخاب کنید و اندازه پنجره آن را مشخص کنید، سپس روی OK کلیک کنید. پس از اتمام مرور، مرورگر و صفحه اصلی خود را ببندید. سپس وب سایت پروژه را در فرانت پیج حذف کنید. وب سایتی که با استفاده از الگوی وب پروژه ایجاد شده است، می تواند برای ارائه اطلاعات نه تنها در مورد یک پروژه، بلکه در مورد روزهای کاری استفاده شود. - کار روزانه یک تیم یا بخش.
الگوی وب پشتیبانی مشتری
الگوی وب پشتیبانی مشتری یک وب سایت ایجاد می کند که به کاربران اطلاعات مختلفی را ارائه می دهد (به روش های مختلف) و همچنین به آنها اجازه می دهد اطلاعات خود را منتشر کنند. سپس مراحل زیر را دنبال کنید:
1. در کادر محاوره ای جدید، الگوی وب پشتیبانی مشتری را انتخاب کنید URL وب سایت را وارد کنید (نام سایت را مثلاً مشتری) (وب سایت ایجاد شده در شکل 48 نشان داده شده است)

شکل 4.8. وب سایت مبتنی بر الگوی وب پشتیبانی مشتری

2. صفحه خوش آمدگویی (صفحه اصلی) را در نمای صفحه باز کنید. این صفحه شامل یک ناحیه کلی بالا، پایین و چپ و همچنین نوارهای پیمایش بالا و چپ است.
3. صفحات تازه ها و فائو (سوالات متداول) را در حالت نمایش صفحه مشاهده کنید این صفحات به خوبی طراحی شده اند و کاملاً با هدف خود مطابقت دارند و متن، لینک ها، سرصفحه ها و پاورقی ها را ترکیب می کنند.
4. صفحه Bugs (Bugrep.htm) را باز کنید. این شامل فرمی است که در آن کاربر می تواند خطای نرم افزاری را که با آن مواجه شده است توصیف کند و سوالات مرتبط را بپرسد. این فرممی توان تغییر داد: برچسب ها، اندازه و محتویات فیلدها را تغییر دهید.
5. بارگذاری پنجره مشخصات فیلد لیست: روی این عنصر کلیک راست کرده و دستور Form Field Properties را در منوی زمینه فعال کنید. کادر محاوره‌ای ویژگی‌های منوی کشویی ظاهر می‌شود (شکل 4.9)، که حاوی دکمه‌هایی است که به شما اجازه می‌دهد تا فیلدهای فهرست را اضافه، حذف کنید، تغییر دهید و آنها را به بالا و پایین ببرید.

شکل 4.9. کادر گفتگوی ویژگی های منوی کشویی

6. کادر محاوره ای ویژگی های منوی کشویی و صفحه اشکالات را ببندید صفحه پیشنهادات از مشتریان (پیشنهاد، htm) را که حاوی پیشنهادات مشتری است باز، مشاهده و ببندید. صفحه دانلود پشتیبانی مشتری (دانلود، htm) را باز کنید. صفحه دانلود به گونه ای طراحی شده است که به کاربران امکان می دهد نرم افزار یا اسناد را از سایت شما در رایانه خود دانلود کنند. در این مثال، فایل ها با استفاده از FTP (پروتکل انتقال F-e) از سرور به کامپیوتر مشتری منتقل می شوند. اگر نشانگر ماوس خود را روی یک پیوند قرار دهید، در نوار وضعیت آدرس وب سایتی را خواهید دید که پس از فعال شدن پیوند، فایل از آن دانلود می شود.
7. صفحه دانلود را ببندید. صفحات بحث و جست و جو را باز کنید، مشاهده کنید و ببندید. در آنها یک گروه بحث و یک فرم جستجو پیدا خواهید کرد که مشابه مواردی است که در بالا مورد بحث قرار گرفت.
8. وب سایت را بر اساس الگوی پشتیبانی مشتری در مرورگر خود باز کنید و روی صفحات پیشنهادات (ارسال پیشنهاد) و اشکالات (اشکالی که در حین کار با نرم افزار با آن مواجه شده اید توضیح دهید) کار کنید.
9. به Frontpage برگردید و دستور Refresh را در منوی View فعال کنید. برای باز کردن و مشاهده صفحات Buglist.htm و Feedback.htm به Frontpage بروید.
10. در نهایت، وب سایت مشتری را حذف کنید.
الگوهای صفحه وب
بر اساس الگوهای وب سایت، سایت ها با مقدار زیادصفحات مختلف و عملکردهای متنوع در هر یک از آنها. اما گاهی اوقات شما نیاز به ایجاد یک صفحه دارید. Frontpage 26 قالب و یک جادوگر ایجاد صفحه را ارائه می دهد. ما به برخی از مفیدترین قالب ها نگاه خواهیم کرد. فرآیند ایجاد یک صفحه وب بر اساس یک الگو شامل مراحل زیر است:
1. در Frontpage، یک وب سایت جدید بر اساس الگوی Empty Web ایجاد کنید. نام آن را TestPages بگذارید. با کلیک بر روی دکمه صفحه جدید در نوار ابزار استاندارد یک صفحه اصلی ایجاد کنید.
2. صفحه اصلی خود را در نمای صفحه باز کنید.
3. دستور Page را در زیر منوی New از منوی File فعال کنید، در نتیجه کادر محاوره ای New با لیستی از الگوهای صفحه وب ارائه شده در تب General ظاهر می شود (شکل 4.10). ما بر روی پنج الگو تمرکز خواهیم کرد. پس از ایجاد یک صفحه با استفاده از قالب بعدی، ابتدا آن را در Frontpage و سپس در مرورگر مشاهده کنید.
توجه داشته باشید
به طور پیش فرض، الگوی صفحه عادی در کادر محاوره ای انتخاب شده است. بر اساس آن یک صفحه خالی ایجاد می شود. این کادر محاوره ای فقط در حالت نمایش صفحه ظاهر می شود. در سایر حالت‌های مشاهده، با استفاده از دستور Page از زیر منوی New از منوی File، صفحه‌ای بر اساس الگوی صفحه عادی ایجاد می‌شود. با کلیک بر روی دکمه New در نوار ابزار استاندارد در هر حالت مشاهده، صفحه ای بر اساس این الگو بدون بارگیری کادر محاوره ای جدید ایجاد می شود.

برنج. 4.10. کادر محاوره ای جدید (برگه عمومی) با لیستی از الگوها

قالب فرم بازخورد
الگوی فرم بازخورد برای ایجاد صفحه ای با فرمی که برای جمع آوری اطلاعات مورد نیاز شما طراحی شده است استفاده می شود (شکل 4.11). به این فرم فرم بازخورد می گویند که مطابق با قالب چند نوع فیلد تشکیل می شود که نام هایی به آن ها اختصاص داده می شود که در قالب Confirmation Form نیز استفاده می شود و همچنین مشخص می شود که داده های فرم در ذخیره می شود. فایل Feedback.txt پوشه _Private وب سایت (نام فایل، قالبی که داده ها در فایل نوشته می شوند و سایر تنظیمات همیشه می توانند در کادر محاوره ای ویژگی های فرم لغو شوند). اگر سایت شما TestPages نام دارد و از سیستم پوشه پیش فرض استفاده می کند، مسیر فایل Feedback.txt به صورت زیر خواهد بود:
C:\InetPub\Wwwroot\TestPages\_Private\Feedback.txt.

برنج. 4.11. صفحه با استفاده از الگوی فرم بازخورد ایجاد شده است

قالب فرم تایید
این الگو یک صفحه تأیید ایجاد می کند که برای نشان دادن دریافت ورودی کاربر در یک فرم در یک صفحه استفاده می شود (صفحه تأیید به طور خودکار در مرورگر مشتری بارگیری می شود پس از اینکه کاربر داده ها را به وب سایت ارسال کرد). هنگامی که یک فرم ایجاد می کنید، Frontpage به طور خودکار یک صفحه تایید ایجاد می کند. می توانید ایجاد کنید صفحه خودتایید با استفاده از قالب فرم تایید.
برای این کار باید مراحل زیر را انجام دهید. روی فرم واقع در صفحه ای که می خواهید اطلاعات را از آن انتقال دهید کلیک راست کرده و در منوی زمینه ظاهر شده، دستور Form Properties را فعال کنید. در کادر محاوره ای که باز می شود، دکمه Options را فعال کنید. در پنجره Options Of Saving Results Of Form، تب Confirmation Page را انتخاب کنید و در قسمت URL Of Confirmation Page (اختیاری) URL صفحه تایید خود را وارد کنید. در فرانت پیج، در نمای Hyperlinks، می توانید پیوندی بین فرمی که داده ها از آن ارسال می شود (فرم ارسال) و صفحه تایید را مشاهده کنید. اگر صفحه بر اساس قالب Confirmation Form ایجاد شود، حاوی اجزای FrontPage فیلد تایید خواهد بود (شکل 4.12). این مؤلفه داده های ارسال شده از فیلد فرم مربوطه را در صفحه تأیید نمایش می دهد.
برای افزودن یک مؤلفه FrontPage فیلد تأیید به صفحه تأیید، این مراحل را دنبال کنید. دستور Confirmation Field را در زیر منوی Components در منوی Insert فعال کنید. در گفتگوی Confirmation Field Properties که بارگیری می شود، یک نام برای قسمت تایید وارد کنید. برای اینکه اطلاعات ارسال شده از یک فیلد فرم به درستی در صفحه تأیید نمایش داده شود، نام فیلد فرم و فیلد تأیید باید مطابقت داشته باشند.

برنج. 4.12. صفحه با استفاده از قالب تأیید فرم ایجاد شده است

جستجوی قالب صفحه
الگوی صفحه جستجو صفحه ای را ایجاد می کند که حاوی فرم جستجوی مؤلفه FrontPage است که به شما امکان می دهد اطلاعات را در تمام صفحات یک وب سایت جستجو کنید. این صفحه همچنین دستورالعمل هایی در مورد نحوه استفاده از عملگرهای زبان پرس و جو ارائه می دهد (شکل 4.13).
نتایج جستجوی کلمه کلیدی TestPages در یک وب سایت ایجاد شده با استفاده از الگوی وب پروژه در شکل نشان داده شده است. 4.14 (لیستی از صفحاتی که این کلمه کلیدی در آنها وجود دارد نمایش داده می شود). برای مشاهده صفحه کافیست بر روی آیتم لیست مربوطه کلیک کنید.

شکل 4.13. صفحه جستجو با استفاده از الگوی صفحه جستجو ایجاد شده است

شکل 4.14. نتایج جستجو برای کلمه کلیدی TestPages

الگوی فهرست مطالب
این الگو به شما امکان می دهد صفحه ای با فهرست مطالب ایجاد کنید. این جدول حاوی پیوندهایی به تمام صفحات وب سایت است و ناوبری سریع به هر صفحه وب را فراهم می کند. فهرست مطالب فقط در مرورگر قابل مشاهده است.
در شکل 4.15. فهرست مطالب وب سایت نشان داده شده است که حاوی پیوندهایی به صفحاتی است که با استفاده از الگوهایی که ما بررسی کردیم ایجاد شده اند. ویژگی های جدول محتویات را می توان در کادر محاوره ای Table Of Contents Properties تغییر داد که با استفاده از دستور Table of Contents در زیر منوی Components در منوی Insert بارگذاری می شود.

برنج. 4.15. صفحه فهرست مطالب در مرورگر

الگوی بدنه باریک و راست چین
ما تا کنون به الگوهایی نگاه کرده‌ایم که امکان استفاده از اجزای FrontPdge مانند فرم جستجو، فهرست مطالب و فیلد تأیید را فراهم می‌کنند. الگوهایی وجود دارند که بر اساس آنها صفحات طرح‌بندی ایجاد می‌شوند (مثلاً حاوی جداول). ) با متن و گرافیک پر شود از چنین صفحاتی استفاده نمی شود اجزای FrontPage باریک، بدنه با تراز راست (باریک، بدنه راست چین) یکی از این الگوها است. هنگام استفاده از این الگو، این امکان وجود دارد که پیش نمایشترکیب صفحه در قسمت پیش نمایش کادر گفتگوی جدید. صفحه تولید شده از الگوی متن باریک و راست چین حاوی جدولی از دو ستون و یک ردیف است. سلول سمت چپ جدول حاوی یک تصویر گرافیکی بزرگ است. سلول سمت راست با متن بی معنی پر شده است که باید جایگزین شود. بازدیدکنندگانی که صفحه وب سایت را مشاهده می کنند، نمی بینند خطوط نقطه چین، جداسازی سلول ها در صفحه اول در شکل. 4.16. نشان داده شده است این صفحهدر حالت پیش‌نمایش صفحه اول به نظر می‌رسد (بر روی تب پیش‌نمایش در پایین پنجره صفحه در حالت نمایش صفحه کلیک کنید) این حالتحاشیه سلول نمایش داده نمی شود. قبل از شروع توسعه قالب های خود، وب سایت TestPages را که استفاده می کردید ببندید و حذف کنید

شکل 4.16. صفحه ای که بر اساس الگوی باریک، بدنه تراز راست، در حالت پیش نمایش در صفحه اول ایجاد شده است.

ایجاد قالب در فرانت پیج
از آنجایی که مدتی است با قالب‌ها کار می‌کنید، احتمالاً ایده‌هایی در مورد نوع قالب‌های فرانت پیج دارید که می‌خواهید داشته باشید.
در مرحله بعد، به فرآیندهای ایجاد قالب برای این دو خواهیم پرداخت انواع متفاوت.
انواع قالب
قالب ها در واقع گره ها یا صفحاتی هستند که به طور جداگانه (در یک پوشه خاص) قرار دارند و به عنوان مدلی برای توسعه وب سایت ها و صفحات مختلف عمل می کنند. قالب های وب سایت و قالب های صفحه وب در آن ذخیره می شوند پوشه های مختلفبا این حال شباهت های زیادی بین آنها وجود دارد. الگوهای صفحه معمولاً یک صفحه ایجاد می کنند که بخشی از یک وب سایت ایجاد شده جداگانه می شود. یک قالب وب سایت به شما امکان می دهد یک وب سایت فرانت پیج کامل با یک یا چند صفحه مرتبط ایجاد کنید. همه فایل های قالب در یک پوشه قرار دارند که بخشی از ساختار پوشه Frontpage است. ایجاد الگوهای دو نوع نشان داده شده به ایجاد یک گره یا صفحه به روش معمول منجر می شود. هنگامی که سایت یا صفحه کاملاً مطابق با نیاز شما طراحی شد، آن را در پوشه ای که برای قالب ها تعیین شده است قرار دهید (پوشه های حاوی فایل های قالب باید دارای پسوند TEM باشند). پوشه الگوها شامل فایل‌های HTML وب‌سایت و همچنین یک فایل INF (که حاوی اطلاعاتی درباره الگو است) و یک فایل DIB (تصویر کوچکی از الگو که در کادر پیش‌نمایش پنجره جدید ظاهر می‌شود) است. برخی از پوشه های قالب حاوی فایل های گرافیکی هستند.
ساختار پوشه فرانت پیج
در طول مراحل نصب Frontpage 2000، پوشه‌هایی ایجاد می‌شوند که حاوی الگوهایی برای صفحات، گره‌ها، فریم‌ها و شیت‌های سبک (به ترتیب نام‌های پوشه، Pages، Webs، Frames، Css) هستند. مسیر پیش فرض این پوشه ها C:\Program Files\Microsoft Onice\Templates\1033\ است. در شکل 4.17 در Windows Explorer محتویات پوشه Pages را نشان می دهد (فایل های هر الگو در یک زیرپوشه جداگانه با پسوند TEM قرار دارند). اگر Microsoft Personal را روی رایانه خود نصب کرده اید وب سرور 4.0، با استفاده از تنظیمات پیش فرض در طول مراحل نصب، مسیر فایل ها و پوشه های آن به صورت زیر خواهد بود: C:\InetPub\Wwwroot\. این پوشه پوشه اصلی وب سرور است. این شامل وب سایت ریشه خواهد بود. تمام گره های ایجاد شده در Frontpage در زیر پوشه های پوشه ریشه وب سرور قرار می گیرند. وب سایت ریشه سایتی است که از یک URL که فقط نام سرور را مشخص می کند (بدون نام پوشه یا صفحه) قابل دسترسی است.
دسترسی به فایل اجراییفرانت پیج (frontpa ge.exe) به طور پیش فرض در مسیر زیر قرار دارد: C:\Program Fi les\Microsoft Office\0ffice

شکل 4.17. پوشه مایکروسافت Front Page و زیرپوشه‌های Pages حاوی فایل‌های قالب صفحه

در ویندوز اکسپلورر، پوشه Pages را باز کنید (مسیر کامل C:\ProgramFiles\Microsoft Office\Templates\1033\Pages است) سپس یکی از زیرپوشه‌های آن را باز کنید، برای مثال 1 وسط tern. در پوشه قالب باید حداقل سه فایل وجود داشته باشد که یکی از آنها یک فایل HTML است، اگر روی نام این فایل دوبار کلیک کنید، مرورگر پیش فرض صفحه وب سایت را بر اساس این الگو بارگیری و نمایش می دهد. فایل های دیگر. در پوشه قالب فایل INF و فایل DIB قرار دارند. قبلاً در مورد هدف آنها صحبت کرده ایم. اجازه دهید نگاهی دقیق تر به فایل INF بیندازیم.
فایل INF
فایل INF حاوی اطلاعات توصیفی در مورد الگو است. این شبیه به یک فایل INI است سیستم های ویندوز. فایل INF باید همان نام پوشه ای باشد که در آن قرار دارد.
در پوشه Pages، پوشه Icentertem را باز کنید، سپس روی نام فایل center.inf دوبار کلیک کنید. اگر فایل INF با برنامه ای که می تواند آن را مشاهده کند مرتبط نیست، برای این منظور از ویرایشگر Notepad استفاده کنید. پنجره Notepad خلاصه ای از فایل را مانند تصویر زیر نمایش می دهد.
بخش فایل INF
فایل INF همیشه دارای یک بخش با حداقل دو بخش فرعی ~ عنوان الگو و توضیحات آن است. اگر این یک فایل قالب وب‌سایت است، اطلاعات زیر بخش‌ها در کادر محاوره‌ای جدید (برگه وب سایت‌ها) نمایش داده می‌شود و اگر این یک فایل الگوی صفحه وب باشد، در کادر محاوره‌ای جدید (برگه عمومی) نمایش داده می‌شود. در شکل 4.18. در کادر محاوره ای New، در تب General، قالب One Column Page انتخاب می شود که توضیحات آن در قسمت Description نمایش داده می شود.
اگر فایل INF ایجاد نشود، نام قالب در لیست قالب های موجود قرار نخواهد گرفت.
باید در نظر داشت که سازماندهی صحیح محتویات فایل INF دارد پراهمیت. داشتن یک بخش و همچنین زیربخش عنوان و توضیحات با عنوان و خط توضیحات موجود در آنها ضروری است. در یک بخش، طول کل نام و ورودی زیربخش می تواند تا 255 کاراکتر باشد. طول بهینه برای نمایش کامل عنوان و توضیحات در کادر محاوره ای New به ترتیب 30 و 100 کاراکتر است.
توجه داشته باشید
راحت ترین راه برای ایجاد. فایل INF برای الگوهای وب سایت که در Frontpage نمایش داده می شود ممکن است شامل بخش های اضافی باشد که هنگام بارگیری الگو استفاده می شود.

شکل 4.18. در کادر محاوره ای جدید (زبانه عمومی)، الگوی صفحه یک بخش صفحه ستونی انتخاب شده است

با استفاده از بخش (شکل 419)، ساختار ذخیره سازی فایل وب سایت ایجاد شده بر اساس این الگو را تعریف می کنید. Frontpage همه فایل‌ها را از پوشه بارگیری می‌کند، اما هیچ چیز را از زیرپوشه‌ها بارگیری می‌کند. همه فایل‌های JPG و GIF در پوشه TEM، حتی اگر هیچ بخشی وجود نداشته باشد، در زیرپوشه Image وب‌سایت قرار می‌گیرند. اگر می‌خواهید این بخش ضروری است:
به طوری که فایل های زیر پوشه های پوشه TEM در وب سایت استفاده می شوند،
فایل های مورد نیاز خود را در پوشه TEM که باید در وب سایت قرار گیرند تعیین کنید (فایل های پوشه TEM که در بخش موجود نیستند نادیده گرفته می شوند)
به طوری که فایل ها در پوشه های خاصی در وب سایت قرار می گیرند و نه فقط در ریشه
هنگام استفاده از یک بخش، باید لیستی از تمام فایل هایی که در وب سایت استفاده می شود بر اساس این الگو ایجاد کنید. اگر می خواهید هر صفحه یا تصویری را در پوشه دیگری از سایت قرار دهید، اما نه در ریشه، شما باید نام زیربخش و محتویات آن را طبق قوانین خاصی تشکیل دهید، مسیر فایل نسبت به پوشه قالب و نام این فایل باید به عنوان نام بخش استفاده شود. برای مثال پوشه images در پوشه template و فایل scrnshot.gif در پوشه images قرار دارد. سپس نام زیربخش به صورت زیر خواهد بود. images\scrnshot.gif. محتوای زیربخش باید URL این فایل در وب سایت شما باشد.

شکل 4.19. بخش فایل INF

بخش
این بخش برای ذخیره متغیرهای استفاده شده توسط کامپوننت فرانت پیج طراحی شده است. برای قرار دادن این کامپوننت در صفحه، باید دستوری به همین نام را در زیر منوی Components منوی Insert فعال کنید. این جزء برای قرار دادن انواع خاصی از اطلاعات در صفحات وب استفاده می شود، به عنوان مثال:

نام شرکت = Exciting Travel, Inc
آدرس شرکت = خیابان اصلی 1، Some Town، WA 98100
بخش
این بخش برای ارائه لیستی از وظایف استفاده می شود که در صورت ایجاد وب سایت با استفاده از این الگو، در حالت مشاهده وظایف نمایش داده می شود. I Created By]URLI Comment عناصر رکورد زیربخش با یک نوار عمودی از یکدیگر جدا می شوند (نام زیربخش، شماره منحصر به فرد یا کلید شناسایی کار)
توضیحات آنها در جدول 4 1 آورده شده است و روش استفاده در شکل 4.20 نشان داده شده است.

شکل 4.20. کادر محاوره ای favk Detail

جدول 4.1. شرح عناصر رکورد بخش [ra^kLi"sl]

عنصر	شرح	یادداشت
TaskNumber (شماره کار)	شماره یا کلید منحصر به فرد	به عنوان مثال، "t01"، "t02"، "t03"، و غیره.
نام وظیفه	شرح مختصری از کار	عبارت سه چهار کلمه ای
اولویت	یک عدد صحیح که اهمیت کار را توصیف می کند (اولویت آن)	1 - زیاد، 2 - متوسط، 3 - کم
ایجاد شده توسط (کسی که صفحه را ایجاد کرده است)	نام الگو	در فیلدهای Created By and Assign کادر گفتگوی Task Details نشان داده شده است
	URL صفحه ای که وظیفه برای آن ایجاد شده است	در قسمت Linked To در کادر محاوره‌ای Task Details مشخص شده است
اظهار نظر	شرح وظیفه	بیشتر توصیف همراه با جزئیاتچه باید انجام شود

توانایی های ویژه
وب سرورهای مختلف با این ویژگی مشخص می شوند تنظیمات مختلفبرای تنظیم نام فایل صفحه اصلی پیش فرض. اگر از MSPWS استفاده می کنید، به طور پیش فرض Frontpage صفحات اصلی وب سایت را Default.htm نام می برد. در سرور NCSA (سرور یونیکس)، نام صفحه اصلی Index، htm است، که می تواند هنگام دسترسی به وب سایت از URL حذف شود. به عنوان مثال، URL http://www*fairmountain*com/wine شما را به صفحه Index.htm وب سایت شراب واقع در سرور Fairmountain NCSA می برد. در سرور CERN (سرور یونیکس) معمولاً نام Welcome.htm و در سرور اطلاعات اینترنت معمولاً نام Default.htm است. همه فایل های صفحه اصلی قالب وب سایت index.htm نام دارند. هنگامی که یک سایت از یک الگو ایجاد می کنید، Frontpage به فایل صفحه اصلی نامی می دهد که به طور پیش فرض روی سرور وب تنظیم شده است. با این کار لینک ها به صفحه اصلی تغییر می کند. اگر نمی خواهید استفاده کنید این فرصت، سپس در فایل INF در قسمت باید خط زیر را وارد کنید (نام صفحه اصلی تغییر نمی کند): NoIndexRenaming"
توجه داشته باشید
نکته جالب این است که هنگام سازماندهی پیوند به صفحه اصلی، لازم نیست به صراحت نام فایل آن را ذکر کنید (مثلا Default.htm). می توانید به جای نام فایل از کاراکترهای "./" استفاده کنید.
این کاراکترها با نام فایل صفحه اصلی پیش فرض تنظیم شده در وب سرور مطابقت دارند.
ایجاد قالب های یک صفحه
این کار بسیار ساده انجام می شود. کافی است یک صفحه وب سایت معمولی با اطلاعات ایجاد کنید و سپس آن را به عنوان یک الگو ذخیره کنید. این همه:
1. یک وب سایت تک صفحه ای در Frontpage ایجاد کنید و نام آن را Templates بگذارید. روی صفحه اصلی دوبار کلیک کنید تا در نمای صفحه باز شود.
2. در بالای صفحه، متن "صفحه اصلی" را وارد کنید و به آن سبک پاراگراف دهید عنوان 1. متن را انتخاب کنید و روی دکمه مرکز در نوار ابزار Formatting کلیک کنید: متن با مرکز صفحه تراز می شود.
3. دستور Save As را از منوی File فراخوانی کنید. کادر محاوره ای به همین نام ظاهر می شود. در کادر فهرست Save As، Frontpage Template (*.tem) را انتخاب کنید. روی دکمه Save کلیک کنید. کادر محاوره ای Save As Template باز می شود.
4. یک عنوان قالب جدید "صفحه اصلی" و یک نام صفحه (hometem) را مشخص کنید، یک ورودی را در قسمت توضیحات وارد کنید، به عنوان مثال "Creates a home page" و روی OK کلیک کنید.
5. اگر از ساختار پوشه پیش فرض استفاده می کنید، مسیر پوشه حاوی فایل های قالب جدید به صورت زیر خواهد بود: C:\Windows\Application\Microsoft\FrontPage\Pages\Pages\Hometem.tem.
توجه داشته باشید
پس از ایجاد یک الگوی صفحه، اگر پوشه آن را در پوشه Pages در Windows Explorer پیدا نکردید، کلید را فشار دهید تا محتویات بازخوانی شوند. ویندوز ویندوزکاوشگر.
6. پوشه Hometem.tem را باز کنید. باید شامل سه فایلی باشد که می‌دانید هنگام ذخیره صفحه به‌عنوان الگو به‌طور خودکار ایجاد می‌شوند: یک فایل HTML، یک فایل INF و یک فایل DIB. روی نام فایل INF دوبار کلیک کنید. فایل در ویرایشگر Notepad باز می شود. محتویات آن در شکل زیر نشان داده شده است.
7. Notepad را ببندید و به Frontpage برگردید. دستور Page را از زیر منوی New منوی File فعال کنید و در کادر محاوره ای جدید که بارگذاری می شود، الگوی "صفحه اصلی" را انتخاب کنید (شکل 4.21). روی دکمه کلیک کنید

OK از پنجره New، که صفحه جدیدی را بر اساس الگوی شما باز می کند (شکل 4.22).

برنج. 4.21. در کادر محاوره ای New، قالب صفحه اصلی انتخاب شده است

برنج. 4.22. صفحه ای که از قالب صفحه اصلی ایجاد شده است.

مثال ارائه شده بسیار ساده است. هدف آن نشان دادن اصل ایجاد یک قالب صفحه است. احتمالاً در آینده می خواهید صفحات جالبی را که ایجاد کرده اید به عنوان یک الگو ذخیره کنید. پیوست B نحوه ایجاد الگوی وب سایت خود را به شما نشان می دهد. این روش کمی پیچیده تر از ایجاد یک قالب صفحه است، اما امیدواریم بتوانید به راحتی بر آن مسلط شوید.

برنامه ای که با استفاده از آن می توانید به راحتی اصول اولیه طراحی صفحات اینترنتی را با انتخاب گسترده درک کنید ابزار اضافیبرای ایجاد سایت ها و پورتال های پیچیده اینترنتی.

مختصری در مورد برنامه مایکروسافت فرانت پیج

این یک ویرایشگر وب با یادگیری آسان و راحت برای طراحی، آماده سازی و انتشار وب سایت ها است. به لطف ادغام با خانواده محصولات MS Office، رابط کاربری آشنا و الگوهای فراوان، این برنامه به کاربران مبتدی که با اصول کار در MS Word آشنا هستند نیز اجازه می دهد تا به سرعت بر کار مسلط شوند. در عین حال ، FrontPage را نمی توان راه حلی برای "دوم" نامید: این برنامه عملکرد گسترده و ابزارهای مختلفی را برای بهینه سازی صفحات اینترنت ارائه می دهد.

لازم به ذکر است که نام Microsoft FrontPage تا سال 2003 وجود داشت و سپس با توابع جدید تکمیل شد و نام خود تغییر کرد. نرم افزار. در سال 2007، FrontPage به Microsoft Expression Web تغییر نام داد و در سال 2010 به مایکروسافت آفیسطراح شیرپوینت در واقع، برخی از موارد اضافه شده به نسخه های جدید اضافه شد، اما ظاهر اولیه برنامه حفظ شد.

ابزارهای اصلی برنامه

فرم کلی برنامه های مایکروسافتفرانت پیج

Microsoft FrontPage اشتراکات زیادی با ابزارهای MS Word دارد، بنابراین بسیاری از دکمه‌ها و برگه‌های منو نیز بصری هستند و فرآیند ایجاد صفحه را آسان‌تر می‌کنند. بسیاری از مردم از قبل می دانند که چگونه متن ساده را تایپ و قالب بندی کنند، جداول را در آن ایجاد کنند مایکروسافت ورد، از همین اصل برای ویرایش یک صفحه در فرانت پیج استفاده می شود.

تصویر سمت راست نشان می دهد فرم کلیبرنامه هایی با مجموعه ای استاندارد از ابزارها که با آن می توانید یک الگوی صفحه با متن، پیوندها و تصاویر ایجاد کنید. به تب "View" و سپس "Toolbar" بروید و مطمئن شوید که " استاندارد", "قالب بندی"و" جداول"، این ابزارها برای ایجاد یک صفحه کافی هستند. در پایین، به برگه های "Designer"، "Code" و "View" توجه کنید - این سه هستند. حالت های مختلفکه در آن همیشه می توانید ببینید صفحه ای که ایجاد می کنید چگونه است.

• در Designer، تمام ویرایش‌ها وارد می‌شوند، متن تایپ و قالب‌بندی می‌شود، تصاویر درج می‌شوند، پیوندها ایجاد می‌شوند، پس‌زمینه و رنگ‌های فونت به همان روشی که در Microsoft Word تغییر می‌کند، تغییر می‌کنند.
• در تب "کد" می توانید کد به اصطلاح HTML را مشاهده کنید. HTML زبان نشانه گذاری استاندارد برای اسناد در شبکه جهانی وب است. اکثر صفحات وب با استفاده از زبان HTML. در این تب می توانید صفحه را نیز ویرایش کنید، اما باید این زبان نشانه گذاری را بدانید. با این حال، مبتدیان باید تمام تغییرات را در سازنده ایجاد کنند و همه تغییرات در HTML به طور خودکار انجام می شود.
• در برگه "View" می توانید مستقیماً در مرورگر (مانند اینترنت اکسپلورر) صفحه را ببینید.

توضیحات مفصل سایر منوها، دکمه ها و ویژگی های مایکروسافت FrontPage در کمک برنامه ارائه شده است. برای انجام این کار، کلید "F1" را فشار دهید.

ایجاد یک قالب برای صفحات در FrontPage

درج جدول اصلی در ویرایشگر

و بنابراین، برای ایجاد یک الگوی ساده، باید یک جدول با سه بلوک وارد کنید. سه بلوک یک استاندارد ساده است: بلوک بالا برای نام سایت، بلوک دوم برای پیوندهای ناوبری سایت، بلوک سوم برای متن، تصاویر و سایر اطلاعات موجود در صفحه است. برای راحتی می‌توانید بلوک‌های میز بیشتری قرار دهید، اما اینکه این بلوک‌ها را چگونه، چند و در چه اندازه بسازید، سلیقه‌ای است. راه دیگری برای ایجاد بلاک نه با ایجاد جداول، بلکه با قرار دادن عناصر به اصطلاح "div" در صفحات و اختصاص استایل های خاص به آنها وجود دارد، اما این روش برای وب مسترهای جدید نیست و می توان مقاله جداگانه ای در این مورد نوشت.

1. برای درج جدول، به تب “Table” > “Insert” > “Table” رفته و فیلدها را مانند شکل سمت راست پر کنید. شما در واقع می توانید پارامترهای خود را وارد کنید، اما این جدولدارای عرض ثابت است و تا 100٪ از سطح صفحه نمایش گسترش می یابد. به این ترتیب جدول به صورت فشرده در مرورگر نمایش داده می شود.
2. سپس باید هر سه سلول را تنظیم کنید، زیرا پس از درج ارتفاع آنها یکسان است. روی بالاترین سلول کلیک راست کرده و به "Cell Properties" بروید، در قسمت ارتفاع به صورت شرطی "150" را وارد کنید و کادر "in dots" را علامت بزنید. اندازه سلول 150 پیکسل خواهد بود. در همین منو می توانیم رنگ پس زمینه سلول را انتخاب کنیم و با کلیک در منوی “style...” تنظیمات سلولی دیگر را انجام دهیم، مثلا رنگ و اندازه حاشیه سلول را انتخاب کنیم. این را آزمایش کنید و نتیجه را ببینید. در خود سلول می توانید نام سایت را وارد کنید.
3. در مرحله بعد، سلول دوم را که برای لینک های ناوبری سایت در نظر گرفته شده است را ویرایش می کنیم. عرض را روی حدود 40 پیکسل قرار می دهیم، این کافی است و سایر تنظیمات مانند رنگ پس زمینه و حاشیه را نیز به سلیقه شما تنظیم می کنیم. در ادامه نام خود پیوندها را می نویسیم که با علامت ها از هم جدا شده اند خط عمودییا علامت دیگری (با دانلود کل الگو می توانید آن را در زیر مشاهده کنید). تست را انتخاب کنید و دکمه تراز مرکزی را مانند MSWord فشار دهید. به همین ترتیب، می توانید فونت، اندازه فونت و سایر تنظیمات متن را تغییر دهید.
4. آخرین سلول را نیز راه اندازی کردیم. برای متن اصلی در نظر گرفته شده است، جایی که می توانید متن تبریک را وارد کنید.
5. در نهایت می توانید به تب "File" > "Properties" بروید، در آنجا می توانید نام سایت را وارد کنید و پس زمینه کلی صفحه و سایر تنظیمات کلی را تغییر دهید.

اکنون قالب آماده است. این چارچوب برای تمام صفحات بعدی سایت است. این چیزی است که سایت در کد HTML به نظر می رسد:

به این ترتیب ما الگوی سایت را دریافت می کنیم

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text/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 را می توان بلافاصله در ویرایشگر در تب "Code" وارد کرد و بلافاصله مشاهده خواهید کرد قالب آماده. می توان آن را تغییر داد و مطابق با نیازهای خود ویرایش کرد. در اینجا لازم به توضیح است که در جایی که متن اصلی درج شده است و به طوری که نزدیک به فیلدها قرار نگرفته است، همانطور که در مثال نشان داده شده است، در تگ "div" با یک تنظیم تورفتگی قاب شده است.

قالب های اضافی

1. همچنین باید بدانید که در برنامه FrontPage و سایر برنامه های مشابه، قالب های استانداردی وجود دارد که می توان از آنها برای ایجاد صفحات استفاده کرد؛ آنها به راحتی قابل ویرایش هستند و می توانید هر قالبی را متناسب با نیاز خود شخصی سازی کنید. برای انتخاب یک الگوی استاندارد، در پنجره باز شده به تب "File" > "Create..." بروید، "Other page templates" را انتخاب کنید، جایی که می توانید هر قالبی را که دوست دارید انتخاب کنید.
2. گزینه دوم وجود دارد - کل قالب را از اینترنت دانلود کنید. سایت های زیادی وجود دارند که چنین خدماتی را ارائه می دهند. قالب ها می توانند پولی یا رایگان باشند. پس از دانلود این یا آن قالب، می توانید آن را در برنامه ویرایش کنید، آن را با محتوای لازم پر کنید و سبک این یا آن عنصر را تغییر دهید.

از طرح بندی جدول و تم استاندارد استفاده کنید

مایکروسافت فرانت پیج ابزارهای خوبی برای چیدمان جدول و تم های آماده برای ساخت وب سایت فراهم می کند

باید بدانید که مایکروسافت فرانت پیج مجموعه استانداردی از طرح‌بندی جدول و تم دارد که می‌تواند به شما در یادگیری هنر ایجاد صفحات معمولی یا سایت‌های کارت ویزیت کمک کند. و بنابراین در بالا سمت راست یک منوی کشویی وجود دارد (تصویر سمت راست را ببینید که نتیجه استفاده از طرح بندی جدول و تم های طراحی را نیز نشان می دهد)، با کلیک کردن، منویی ظاهر می شود که در آن باید "Layout" را انتخاب کنید. جداول و سلول‌ها» و سپس طرح‌بندی‌های مختلف جدول در زیر ظاهر می‌شود، شما می‌توانید هر کدام را به صلاحدید و سلیقه خود انتخاب کنید. این شما را آزاد می کند تا خودتان جدول را به صورت دستی ایجاد کنید.

و به این ترتیب، با تایپ یا چسباندن متن، لوگو، پیوندهای خود در سلول های جدول، با رفتن به همان منو، می توانید منوی "Theme" را انتخاب کنید، جایی که می توانید تم های مختلف را برای طراحی صفحه، پیوندها، صفحه انتخاب کنید. پس زمینه و خیلی بیشتر این فرصت برای کسانی که به تازگی نحوه ایجاد صفحات اینترنتی را یاد می گیرند خوب است و به وضوح روند ایجاد یک وب سایت را منعکس می کند. به عبارت دیگر، در مایکروسافت فرانت پیج می توانید تنظیمات مختلف را آزمایش کنید و به وضوح ببینید که چگونه یک صفحه خاص تغییر شکل می دهد. در اینجا می توانید یک توصیه داشته باشید: تمام عملکردهای برنامه را مطالعه کنید و از سرمایه گذاری در این یا آن منو نترسید، زیرا هر ابزار خاصیت و هدف خود را برای ایجاد یک صفحه تمام عیار دارد.

یک عکس درج کنید و پیوندهایی به صفحات ایجاد کنید

برای وب مسترهای مبتدی مهم است که بدانند چگونه تصاویر را در یک صفحه قرار دهند و به صفحات دیگر پیوند دهند. به عنوان مثال به جای متن نام سایت می توانید تصویری از لوگوی سایت درج کنید. برای انجام این کار، ابتدا روی فیلدی که می‌خواهید یک تصویر را در آن درج کنید، کلیک کنید، سپس در بالای صفحه، روی زبانه «درج» > «طراحی» > «از فایل» کلیک کنید، تصویر مورد نظر را انتخاب کنید و روی «درج» کلیک کنید. که تصویر در صفحه ظاهر می شود. با کلیک راست بر روی تصویر می توانید به منوی مورد نظر بروید تنظیمات اضافیتصاویر. مهم است که همه تصاویر در یک پوشه کاملاً تعریف شده برای همه تصاویر باشند.

برای رفتن به سایر صفحات سایت باید لینک هایی ایجاد کنید که از طریق آن کاربران بتوانند از تمامی صفحات سایت دیدن کنند. برای انجام این کار، باید متن مورد نظر را برای پیوند انتخاب کنید و به تب "Insert" > "Hyperlink" بروید، در منوی باز شده باید صفحه ای را که لینک در آن ایجاد می شود را مشخص کنید و روی "ok" کلیک کنید. . در همان پنجره تنظیمات دیگری برای پیوندها وجود دارد، مانند اینکه آیا پیوند در یک پنجره جدید باز شود یا نه. در اصل، شما می توانید این را به تنهایی مطالعه کنید.

نتیجه

در هسته خود، این ویرایشگرها شبیه به یکدیگر هستند و عملکردها و منوهای مشابهی دارند. تسلط داشتن تنظیمات پایه، می توانید به راحتی وب سایت هایی را در ویرایشگرهای دیگر ایجاد کنید. با تسلط بر این اصول، می توانید به روش پیچیده تری در طراحی وب سایت بروید - با استفاده از به اصطلاح CSS. می توانید در مورد چیستی و نحوه ویرایش طراحی وب سایت در مقاله CSS مطالعه کنید.

عیب این روش "قالب" این است که هر صفحه باید به طور جداگانه بر اساس الگوی ایجاد شده ایجاد شود. هنگامی که، مانند هنگام ایجاد وب‌سایت‌ها با استفاده از موتورهای به اصطلاح، نیازی به تولید صفحات جداگانه نیست، با اضافه شدن محتوا به طور خودکار تولید می‌شوند.

اگر در مورد مقاله یا استفاده از چنین برنامه هایی برای ایجاد وب سایت سؤالی دارید، می توانید آن را در موضوع بحث انجمن ما مطرح کنید.

مقالاتی با موضوعات مشابه

خدمات آنلاین OceanTheme پلتفرمی است که در آن افراد می توانند با علاقه متقابل با یکدیگر متحد شوند تا قالب ها و برنامه های افزودنی جوملا را خریداری کنند! با قیمت مقرون به صرفه مخاطبان این سرویس افراد و مشاغل کوچک و متوسط، توسعه دهندگان وب حرفه ای برای ایجاد فروشگاه های آنلاین، سایت های اجتماعی یا افرادی هستند که مایل به داشتن وبلاگ شما هستند. در مجموعه عالی ما از راه حل های برتر، هرکس آنچه را که نیاز دارد پیدا می کند.

منبع ما به‌عنوان یک گردآوری سازمان‌دهنده عمل می‌کند، تعداد افرادی را که می‌خواهید قالب‌ها و برنامه‌های افزودنی بخرند، هزینه کالا و همچنین مقدار و دسترسی به این مواد را مشخص می‌کند. وب سایت ما فرصت های زیادی برای جستجوی آسان قالب ها و برنامه های افزودنی دارد. ناوبری بصری، سیستم برچسب‌گذاری، مرتب‌سازی بر اساس فیلتر و ابزار «افزودن به نشانک‌ها» به شما این امکان را می‌دهد که مطالب مناسبی را که می‌خواهید با سرعت باورنکردنی پیدا کنید. علاوه بر این، شما همیشه آخرین اطلاعات را پیدا خواهید کرد تا مجموعه را هر روز به روز کنید.

دسترسی به کل پایگاه داده مواد برای مدت زمان باشگاه مشخص شده در کیف اشتراک ارائه شده است. مشترکین دسترسی نامحدودی به تمام آرشیوها، اخبار و به روز رسانی های موجود و همچنین پشتیبانی فنی در طول دوره اشتراک دریافت می کنند.

تمام محصولاتی که می توانید در این سایت پیدا کنید 100٪ با GPL سازگار هستند، به این معنی که می توانید آنها را به دلخواه تغییر دهید و در تعداد نامحدودی از سایت ها نصب کنید.

با تشکر از مجموعه ما، شما در زمان و هزینه زیادی صرفه جویی خواهید کرد، زیرا قالب ها و برنامه های افزودنی برای استفاده آسان، نصب و پیکربندی آسان، چند منظوره و متنوع هستند. این به شما این امکان را می دهد که بدون یادگیری فناوری های پیشرفته توسعه وب، وب سایتی با هر پیچیدگی و جهتی ایجاد کنید.

ویژگی های اصلی وب سایت ما

مجموعه ای غنی از عملکردها که خارج از جعبه کار می کنند:

از تمام فرصت های منابع ما برای دریافت راه حل های حرفه ای آماده برای اجرای سریع پروژه های تجاری یا ایده های خلاقانه خود استفاده کنید.

از ابزارهای جستجو استفاده کنید

از جستجو و فیلتر پیشرفته و ناوبری آسان برای یافتن سریع راه حل های وب مورد نظر در طراحی، عملکرد و سایر معیارها استفاده کنید.

برای اینکه مطالب مورد علاقه همیشه در دسترس بود، از عملکرد منحصر به فرد "افزودن به موارد دلخواه" استفاده کنید و آنها در یک بخش جداگانه برای کل سال در دسترس هستند.

با ورود به سایت ما می توانید نظرات خود را بنویسید و در تبلیغات شرکت کنید و همچنین از اشتراک رایگان با دسترسی پرمیوم استفاده کنید.

به عضویت باشگاه ما بپیوندید

اشتراک باشگاه به شما امکان دسترسی کامل به کل کاتالوگ مطالب اصلی ما را می دهد. و شامل قالب ها و برنامه های افزودنی ممتاز برای چندین سال است.

دانلود متناسب با قالب ها و افزونه های جوملا، هم رایگان و هم با اشتراک برای باشگاه بدون هیچ محدودیت و سرعتی.

اگر مطالبی را در سایت دوست داشتید، می توانید صدای خود را بگذارید و همچنین آن را از طریق شبکه های اجتماعی با دوستان خود به اشتراک بگذارید.

موضوع 3.3: برنامه های کاربردی برای ایجاد وب سایت

مبحث 3.4: کاربرد اینترنت در اقتصاد و حفاظت از اطلاعات

برنامه هایی برای ایجاد وب سایت

3.3. برنامه های کاربردی برای ایجاد وب سایت

3.3.2. مقدمه ای بر فرانت پیج

صفحات وب بر اساس زبان توصیف فرامتنی هستند اسناد HTML(زبان نشانه گذاری فرامتن). HTML از دستوراتی به نام تگ برای تعریف محتوا و قالب اسناد فرامتن استفاده می کند. صفحات HTML اسنادی هستند که در قالب متن ساده حاوی دستورات قالب بندی خاص (برچسب های HTML) هستند.

برای ایجاد یک وب سایت با استفاده از FrontPage، نیازی به یادگیری HTML نیست. FrontPage تایپ متنی را که می توان در یک صفحه وب قرار داد و تصاویر را در مکان های مناسب قرار داد بسیار آسان می کند. با استفاده از FrontPage، می توانید افکت هایی ایجاد کنید که معمولاً به اسکریپت یا برنامه های DHTML نیاز دارند.

سایت یا وب سایت مجموعه ای از صفحات وب و فایل های مرتبط با یکدیگر است. FrontPage جادوگرانی دارد که به شما امکان می‌دهد یک سایت و قالب‌ها یا مجموعه‌ای از قالب‌های متنی و گرافیکی از پیش طراحی‌شده ایجاد کنید که از آن‌ها می‌توان صفحات وب جدیدی ایجاد کرد. جادوگران و قالب های FrontPage به شما امکان می دهند انواع مختلفی از سایت ها را ایجاد کنید.

هر سایت دارای یک صفحه وب است که صفحه اصلی یا صفحه اصلی نامیده می شود. صفحه اصلی اولین صفحه وب است که بازدیدکنندگان سایت در آن قرار می گیرند. با استفاده از ناوبری یا هایپرلینک ها، کاربران می توانند به سایر صفحات سایت دسترسی پیدا کنند.

به طور معمول، یک وب سایت بر روی یک وب سرور میزبانی می شود، رایانه ای که دسترسی به صفحات وب را برای بازدیدکنندگان سایت فراهم می کند. فرانت پیج به شما امکان می دهد مستقیماً یک وب سایت ایجاد کنید سیستم فایلکامپیوتر کاربر، و پس از آماده شدن، آن را در وب سرور منتشر کنید.

پس از راه اندازی برنامه FrontPage (Start – Programs – FrontPage)، یک پنجره برنامه بر روی صفحه ظاهر می شود که صفحه جدیدی را نمایش می دهد (new_page_1.htm). صفحه کار پانل Getting Started را نمایش می دهد.

برنج. 1.

پنجره برنامه FrontPage شامل: نوار عنوان، نوار منو، نوار ابزار ویرایش و قالب بندی، دکمه ها است. انتخاب سریعبرچسب (برای ویرایش و وارد کردن برچسب ها)، میانبرهای برگه انتخاب صفحه (برای جابجایی بین صفحات)، پنجره کاری که در آن یک صفحه جدید نمایش داده می شود، پانل طراحی، دکمه های حالت مشاهده، نشانگر زمان بارگذاری مورد انتظار صفحه با سرعت 56 کیلوبیت در ثانیه، صفحات نشانگر اندازه، مناطق وظیفه

FrontPage چهار حالت مشاهده را ارائه می دهد: طراحی، کد، تقسیم و پیش نمایش. در حالت "طراح" مانند هر ویرایشگر متنشما می توانید یک صفحه را در حالت بصری ایجاد، ویرایش و قالب بندی کنید، به عنوان مثال. متن را وارد کنید، تصاویر، جداول را اضافه کنید. در این حالت تگ های زبان HTML به طور خودکار به آن اضافه می شوند زمینه، اما رمزگذاری HTML روی صفحه نمایش داده نمی شود.

در حالت "کد"، تمام رمزگذاری ها روی صفحه نمایش داده می شود و می توانید مستقیماً کد HTML را ویرایش کنید و همچنین کدهای جدید را وارد کنید. شکل کد HTML یک صفحه خالی جدید در ویرایشگر FrontPage را نشان می دهد.

برنج. 2.

در حالت "Split" - یک صفحه وب به طور همزمان در حالت کد و در حالت طراحی روی صفحه نمایش داده می شود. در حالت مشاهده، صفحه وب شبیه به ظاهر آن در یک مرورگر وب است.

دستوراتی که برای کار با صفحات وب و وب سایت ها طراحی شده اند در منوی View برنامه FrontPage قرار دارند:

1. Page حالت مشاهده و توسعه صفحه است.
2. پوشه ها – ساختار پوشه سایت فعلی را نمایش می دهد.
3. گره از راه دور - گره ای که در یک سرور اینترنتی قرار دارد.
4. گزارش ها - خلاصه ای از وب سایت را ارائه می دهد.
5. Transitions - ساختار انتقال بین صفحات سایت را نمایش می دهد.
6. Hyperlinks - لیستی از پیوندها را در صفحه فعلی باز می کند.
7. Tasks - لیستی از وظایف را برای سایت فعلی باز می کند

برنج. 3.

ایجاد صفحات وب در برنامه FrontPage

ایجاد یک صفحه وب جدید خالی

اگر زمانی که یک پنجره برنامه FrontPage را باز می کنید، یک صفحه خالی نمایش داده می شود، می توانید یک صفحه وب را بر اساس این صفحه ایجاد کنید. اگر هنگام باز کردن ویرایشگر FrontPage، یک پنجره اصلی خالی نمایش داده شد، سپس برای ایجاد یک صفحه خالی جدید، باید دستور File/New را اجرا کنید و در قسمت وظیفه، Blank Page را انتخاب کنید. یک صفحه خالی در پنجره برنامه ظاهر می شود. بعد، شما باید صفحه را توسعه دهید، یعنی. انجام صفحه آرایی (ساختار)، وارد کردن متن، تصاویر و غیره.

برنج. 4.

ایجاد یک صفحه وب بر اساس قالب های FrontPage

همچنین می توانید یک صفحه جدید بر اساس یکی از قالب ها ایجاد کنید. برای انجام این کار، دستور «Other Page Templates» را در قسمت وظیفه انتخاب کنید. کادر محاوره ای Page Templates روی صفحه نمایش داده می شود که الگوهای مختلف صفحه را بر اساس دسته بندی ارائه می دهد.

برنج. 5.

ایجاد یک صفحه وب بر اساس صفحات وب موجود در رایانه شخصی شما

همچنین می توانید یک صفحه وب بر اساس صفحات وب موجود در رایانه خود ایجاد کنید. برای انجام این کار، دستور "از یک صفحه موجود" را در قسمت وظیفه انتخاب کنید و صفحه مورد نیاز را در کادر محاوره ای که ظاهر می شود انتخاب کنید. سپس می توانید تغییرات لازم را در صفحه ایجاد کنید و آن را با نام دیگری ذخیره کنید.

ایجاد یک وب سایت در برنامه FrontPage

یک سایت خالی جدید ایجاد کنید یا یک سایت بدون محتوا ایجاد کنید

برای ایجاد یک سایت خالی جدید، دستور File/New را اجرا کنید و دستور «Other Web Site Templates» را در پنجره کار انتخاب کنید. کادر محاوره ای Web Site Templates باز می شود که در آن باید Blank Web Site را انتخاب کرده و روی OK کلیک کنید. پنجره برنامه FrontPage وب سایت نشان داده شده در شکل را نشان می دهد.

برنج. 6.

برای ایجاد یک صفحه اصلی خالی در یک وب سایت جدید، باید به حالت Transitions بروید و روی دکمه کلیک کنید صفحه جدیددر پانل Transitions، صفحه اصلی در قسمت کار ظاهر می شود (همچنین می توانید از منوی زمینه برای ایجاد یک صفحه اصلی استفاده کنید).

برنج. 7.

روی صفحه اصلی با دکمه سمت چپ ماوس دوبار کلیک کنید و در حالت طراحی برای ویرایش باز می شود (page - index.htm).

برنج. 8.

در مرحله بعد، می توانید صفحه اصلی را طراحی کنید (ایجاد طرح بندی یا ساختار صفحه، وارد کردن متن، تصاویر و غیره)، و سپس می توانید صفحات را در حالت Transitions به صفحه اصلی اضافه کنید. برای انجام این کار، در حالت Transitions، صفحه اصلی را انتخاب کنید و روی دکمه صفحه جدید در پانل Transitions کلیک کنید یا از منوی زمینه استفاده کنید.

صفحه 1 جدید اضافه خواهد شد که در شکل نشان داده شده است. در مرحله بعد، به تعداد صفحات مورد نیاز سایت اضافه کنید، سپس می توانید نام صفحات را تغییر دهید و ترتیب آنها را تغییر دهید. بعد، در هر صفحه ای که باید محتوا را وارد کنید (متن، جداول، تصاویر و غیره)، نتیجه یک وب سایت است.

برنج. 9.

ایجاد یک وب سایت بر اساس قالب ویرایشگر فرانت پیج

برای ایجاد یک سایت بر اساس یک الگو، فایل/جدید را اجرا کنید و در قسمت وظیفه بر روی دستور بسته‌های وب کلیک کنید، کادر محاوره‌ای Web Site Templates باز می‌شود.

برنج. 10.

برای ایجاد یک سایت جدید، الگو یا جادوگر مورد نیاز را انتخاب کنید.

سایت ایجاد شده دارای طرح و طراحی است، اما محتوایی ندارد. در مرحله بعد، باید متن، تصاویر، اسکریپت ها، شمارنده ها و سایر عناصر سایت مناسب را در صفحات این سایت وارد کنید.

فرانت پیج طیف وسیعی از الگوهای صفحه را به شما ارائه می دهد، از یک الگوی صفحه اصلی که یک صفحه کاغذ خالی است تا یک صفحه سه ستونی نسبتاً پیچیده. با افزودن صفحات ایجاد شده با استفاده از الگوها به سایت موجود خود، می توانید به سرعت و به راحتی وب سایت خود را سفارشی کنید.

صفحاتی که از الگوها استفاده می کنند در ویرایشگر ایجاد می شوند.

1. سایتی را که صفحه جدید در اکسپلورر قرار دارد باز کنید. (در صورت تمایل می توانید از این مرحله صرف نظر کنید، زیرا پس از ذخیره صفحه، می توان آن را به هر یک از سایت های موجود شما وارد کرد).

2. در ویرایشگر، مورد را انتخاب کنید ايجاد كردناز منو فایل.

3. در پنجره سایر قالب های صفحهانتخاب کنید قالب مورد نیازاز لیست پیشنهادی و روی دکمه کلیک کنید خوب.

مجموعه گسترده ای از قالب های صفحه مختلف به شما داده می شود که می توانید در وب سایت خود از آنها استفاده کنید. الگوها در لیست سمت چپ کادر محاوره ای فهرست شده اند قالب های صفحهو در سمت راست این پنجره توضیحاتی در مورد الگوی فعلی و ظاهر تقریبی آن نمایش داده می شود.

ایجاد یک صفحه فریم

این سخنرانی نمونه ای از ایجاد یک صفحه وب برای دانشکده فیزیک و ریاضی را مورد بحث قرار می دهد. ما از استفاده از قالب های سایت صرف نظر می کنیم و از یک قالب صفحه فریم استفاده می کنیم.

فریم ها به شما این امکان را می دهند که صفحات را به قسمت های مستطیلی تقسیم کنید که هر کدام صفحه خود را نمایش می دهند. می توانید یک یا چند فریم را در یک صفحه فریم قرار دهید. این بدان معناست که شما می توانید صفحه ای ایجاد کنید که در آن مناطق مختلف محتوای متفاوتی را نمایش دهند. تغییر محتوا در یک فریم لزوماً محتوای فریم دیگر را تغییر نمی‌دهد، اما در صورت تمایل می‌توانید صفحه‌ای را که از پیوندی در یک فریم به آن دسترسی دارید، در قسمت فریم دیگر ظاهر کنید.

فریم ها در بین طراحان وب بسیار محبوب هستند، برخی از آنها صفحات خود را به پنج، شش یا حتی بیشتر فریم تقسیم می کنند (این ساختار می تواند به طور قابل توجهی بارگذاری سایت را کاهش دهد!). فرانت پیج ده قالب فریم را به شما ارائه می دهد که هر کدام حداکثر چهار فریم در هر صفحه فریم دارند.

استفاده از قالب های فریم

1. سایتی را که می خواهید یک صفحه فریم جدید ایجاد کنید در Explorer باز کنید.

2. در ویرایشگر، مورد را انتخاب کنید ايجاد كردناز منو فایل.

3. در کادر محاوره ای که ظاهر می شود قالب های صفحهیک الگو را از برگه انتخاب کنید صفحه قاب هاو سپس روی OK کلیک کنید.

شما می توانید پیش نمایش صفحه فریمی را که انتخاب کرده اید مشاهده کنید زیرا طرح بندی آن در سمت راست کادر محاوره ای نشان داده می شود.

بیایید فرض کنیم شما الگو را انتخاب کرده اید یک اطلاعیه و فهرست مطالب.موارد زیر را روی صفحه خواهید دید:

توجه داشته باشید: پس از انتخاب الگویی که دوست دارید، مطمئن شوید که هر فریم را با کلیک روی صفحه جدید در ناحیه مستطیلی که ظاهر می شود ذخیره کنید. فقط پس از این، همان نتیجه را خواهید گرفت که در شکل. لطفاً توجه داشته باشید که می توانید هر یک از فریم ها را به دلخواه نامگذاری کنید، اما معمولاً کل صفحه نامیده می شودفهرست مطالب.

2. اصول کار در ms FrontPage

اگر تصمیم گرفتید با استفاده از یک جادوگر یک صفحه وب ایجاد نکنید و تصمیم گرفتید فقط از یک قالب فریم استفاده کنید، باید با نحوه قرار دادن متن، سازماندهی ناوبری (درج لینک ها) و استفاده از فناوری های چند رسانه ای آشنا شوید.