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

Microsoft Office FrontPage 2003 یک برنامه منحصر به فرد است که با استفاده از آن می توانید به راحتی یک وب سایت ایجاد کنید. وجود Help ، مجموعه ای از ساده ، شاید بتوان گفت برنامه های استاندارد ، آن را به ابزاری ضروری برای مبتدیان تبدیل می کند. به منظور کسب اطلاعات بیشتر در مورد قابلیت های Microsoft Office FrontPage ، ما مجموعه ای از دستورات ممکن را در نظر خواهیم گرفت.

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

1. در نمای وب از راه دور ، در برگه Web Site ، روی دکمه Optimize Published HTML Text کلیک کنید.

2. در زبانه Optimize HTML ، هنگام انتشار ، HTML را با حذف عناصر زیر بهینه کنید.

3. گزینه های مورد نظر خود را انتخاب کنید.

یادداشت

· Microsoft FrontPage این تنظیمات را روی صفحات وب قبلاً منتشر شده در وب سایت اعمال نمی کند. برای اعمال این تنظیمات در یک صفحه ، آن را در یک وب سایت منتشر کنید.

· می توانید هنگام انتشار از محلی به وب سایت از راه دور ، متن HTML را بهینه کنید ، اما برعکس نیست.

· اگر کادر انتخاب همه حاشیه نویسی یا حاشیه نویسی HTML در الگوهای وب پویا را انتخاب کنید ، هنگام بهینه سازی متن HTML ، FrontPage تمام کد الگوهای وب پویا را برای آن صفحه حذف می کند. بنابراین ، تمام محتوای صفحه مرتبط با الگوی وب پویا دیگر برای بازدیدکنندگان سایت نمایش داده نمی شود. با استفاده از کامپوننت های وب در Microsoft FrontPage ، می توان طیف گسترده ای از قابلیت ها را از جمله شمارنده های بازدید کننده که تعداد بازدیدکنندگان در هر صفحه را ثبت می کنند ، تا مجموعه عکس ها ، مجموعه های گرافیکی ، در یک وب سایت قرار داد. دو نوع م componentsلفه وب وجود دارد: م componentsلفه های زمان طراحی و م viewلفه های زمان مشاهده. م componentsلفه های زمان طراحی ابزاری برای ایجاد و توسعه صفحات وب هستند. آنها در FrontPage موجود هستند. وقتی یک م componentلفه زمان طراحی را به یک وب سایت اضافه می کنید - به عنوان مثال ، مجموعه عکس یا یک نوار پیوند - نیازی به نصب نرم افزار یا فناوری سرور اضافی روی وب سرور میزبان سایت نیست. م componentsلفه های زمان تماشا در وب سایت های میزبانی شده در سرورهای وب که از Microsoft FrontPage Server Server Extensions ، Microsoft SharePoint Team Services یا Microsoft Windows SharePoint Services استفاده می کنند ، در دسترس هستند.

· لینک پیوندی پیوندی بین صفحات وب یا پرونده ها است. وقتی یک بازدید کننده سایت روی یک لینک فوق العاده کلیک می کند ، بسته به نوع آن شی ، مورد مشخص شده در مرورگر وب نمایش داده می شود ، باز می شود یا شروع می شود. به عنوان مثال ، هنگامی که روی پیوند پیوندی به یک صفحه کلیک می کنید ، آن صفحه در مرورگر وب شما ظاهر می شود و هنگامی که روی پیوند پیوندی کلیک می کنید avi-فایل این پرونده در Windows Player باز می شود. روش های استفاده از هایپر لینک:

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

به یک فایل یا صفحه وب بروید تا در آینده ایجاد شود

ارسال پیام از طریق ایمیل

شروع انتقال فایل ، مانند بارگیری فایل یا ارسال پرونده از طریق پروتکل FTP

انتقال به نشانک

پس از ایجاد یک لینک لینک ، آن را به مقصد دنبال کنید تا مطمئن شوید به صفحه ، برنامه ، پرونده ، آدرس ایمیل مورد نظر منجر می شود. هنگامی که ماوس خود را روی متن یا گرافیکی که حاوی پیوند بیش از حد است قرار دهید ، با انگشت اشاره بالا رفته به یک دست تغییر می کند ، به این معنی که می توانید روی مورد کلیک کنید. در Microsoft FrontPage ، پیوندها با توجه به هدف به طور متفاوتی پیمایش و نمایش داده می شوند. هنگامی که یک لینک لینک ایجاد می شود ، مقصد آن در قالب URL (Uniform Resource Locator) رمزگذاری می شود. URL پروتکل (مانند HTTP یا FTP) را مشخص می کند و حاوی نام است وب سرور یا مکان شبکه ، و مسیر و نام پرونده ، همانطور که در جدول نشان داده شده است.

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

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

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

نحوه نمایش پیوندهای پیوندی: در مرورگرهای وب ، پیوندهای متنی معمولاً زیر خط می کشند و با رنگ دیگری نمایش داده می شوند. می توان رنگ هایی را که برای نمایش پیوندهای پیوندی در مرورگر وب استفاده خواهد شد ، انتخاب کرد. هنگام استفاده از ویژگی های استاندارد HTML ، می توانید سه رنگ متناسب با حالت های مختلف پیوندها را انتخاب کنید. هایپرلینک - یک هایپر لینک بدون استفاده. پیوند فعال - پیوند پیوندی که در حال حاضر انتخاب شده است. بازدید از پیوند - پیوندی که قبلاً دنبال شده است. نشانک یک مکان خاص یا متن انتخاب شده در یک صفحه است که به روش مناسب مشخص شده است.

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

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

جستجوگر دسترسی: Microsoft Office Resources FrontPage 2003 یک جستجوگر دسترسی جدید برای صفحات وب معرفی می کند. جستجوگر قابلیت دسترسی ویژگی ای را تشخیص می دهد که با دستورالعمل های دسترسی به محتوای وب (WCAG) مطابقت ندارد کنسرسیوم WWW (W3C) یا الزامات بخش 508 قانون توانبخشی ایالات متحده. WCAG پایه هایی را برای ایجاد صفحات وب قابل دسترسی برای افراد دارای اختلالات حرکتی ، بینایی و شنوایی ایجاد می کند. بخش 508 استانداردهای دولت ایالات متحده را برای دسترسی به طیف گسترده ای از منابع و فن آوری اطلاعات تعیین می کند.

برای اطلاعات بیشتر در مورد ویژگی های FrontPage Accessibility Checker ، به راهنمای Microsoft FrontPage مراجعه کنید. با میانبرهای صفحه کلید ، می توانید سریعاً کارهای مکرر را انجام دهید. در دسترس بودن میانبرهای صفحه کلید در Microsoft FrontPage بستگی به در دسترس بودن دستور مورد نیاز در نمای انتخابی دارد. وظایفی که معمولاً در Microsoft FrontPage استفاده می شود:

مدیریت و کار با صفحات وب - F8

راه اندازی دسترسی جستجوگر - CTRL + N

یک صفحه وب جدید ایجاد کنید - CTRL + O

افتتاح یک صفحه وب - CTRL + F4

بستن یک صفحه وب - CTRL + S

ذخیره یک صفحه وب - CTRL + P

چاپ صفحه وب - F5

به روزرسانی صفحه وب ؛ به روز رسانی لیست پوشه - CTRL + TAB

بین صفحات وب باز شده حرکت کنید - CTRL + SHIFT + B

مشاهده یک صفحه وب در یک مرورگر وب - ALT + F4

خاموش کردن Microsoft FrontPage - CTRL + SHIFT + 8

نمایش نویسه های غیر قابل چاپ - CTRL + /

نمایش برچسب های HTML در حالت طراحی - CTRL + F

متن یا کد HTML را در یک صفحه وب جستجو کنید - CTRL + H

جایگزینی متن یا کد HTML در یک صفحه وب - F7

املا را در یک صفحه وب بررسی کنید - SHIFT + F7

جستجوی کلمه ای در فرهنگ لغت - ESC

واگرد عملی - CTRL + Z یا ALT + فاصله

آخرین عملکرد را واگرد کنید - CTRL + Y یا SHIFT + ALT + فاصله

پیگیری یا انجام مجدد یک عمل - DEL

یک صفحه وب یا پوشه را از لیست پوشه ها یا هر جعبه محاوره ای - SPACEBAR حذف کنید

دسترسی و استفاده از نماها - F12

پیش نمایش صفحه فعلی در یک مرورگر وب CTRL + PAGE DOWN یا CTRL + PAGE UP

حرکت بین نماهای کد ، سازنده ، تقسیم و نمایش - ALT + PAGE DOWN یا ALT + PAGE UP

در قسمت Split - بین مناطق Code و Design حرکت کنید - ALT + F1

نمایش / پنهان کردن لیست پوشه ها - کلید پیکان بالا

پیمایش در گره های پیوندها در نمای پیوندها - پیکان های بالا ، پایین ، چپ یا راست

گره فعلی را گسترش دهید و از نمای Hyperlinks به سمت راست بروید - SHIFT + LEFT ARROW

کار با ابزار رمزگذاری

ویرایشگر برچسب سریع - CTRL + F2

درج نشانک موقت - F2

نشانک موقت بعدی - SHIFT + F2

نشانک موقت قبلی - CTRL + G

رفتن به خط - CTRL + L

تکمیل خودکار - CTRL + ENTER

درج کدهای کد - CTRL +\u003e

درج برچسب بستن - CTRL +<

درج برچسب افتتاحیه - CTRL + /

نظرات HTML را وارد کنید - CTRL + فاصله

قالب بندی متن و پاراگراف ها - CTRL + SHIFT + F

تغییر قلم - CTRL + SHIFT + P

تغییر اندازه قلم - CTRL + B

قالب بندی پررنگ را اعمال کنید - CTRL + U

اعمال زیرخط - CTRL + I

اعمال قالب بندی ایتالیک - SHIFT + TAB

استفاده از قطره چکان - علامت CTRL + به علاوه

کاربرد نسخه خطی قالب بندی - CTRL + علامت منفی

کاربرد زیر نویس قالب بندی - CTRL + SHIFT + C

قالب بندی کپی - CTRL + SHIFT + V

درج قالب بندی - CTRL + SHIFT + Z یا CTRL + فاصله

قالب بندی را به صورت دستی حذف کنید - CTRL + E

یک پاراگراف را به مرکز تراز کنید - CTRL + L

یک پاراگراف را به سمت چپ تراز کنید - CTRL + R

راست یک پاراگراف را تراز کنید - CTRL + M

تورفتگی سمت چپ را برای یک پاراگراف تنظیم کنید - CTRL + SHIFT + M

تورفتگی مناسب برای یک پاراگراف را تنظیم کنید - CTRL + SHIFT + S

کاربرد سبک - CTRL + SHIFT + N

سبک عادی را اعمال کنید - CTRL + ALT + 1

سبک عنوان 1 را اعمال کنید - CTRL + ALT + 2

سبک عنوان 2 را اعمال کنید - CTRL + ALT + 3

سبک عنوان 3 را اعمال کنید - CTRL + ALT + 4

سبک عنوان 4 را اعمال کنید - CTRL + ALT + 5

سبک عنوان 5 را اعمال کنید - CTRL + ALT + 6

عنوان 6 Style را اعمال کنید - CTRL + SHIFT + L

ویرایش و انتقال متن و تصاویر - BACKSPACE

یک نویسه را در سمت چپ حذف کنید - DEL

یک حرف را در سمت راست - CTRL + BACKSPACE حذف کنید

یک کلمه در سمت چپ - CTRL + DEL را حذف کنید

یک کلمه را در سمت راست - CTRL + C یا CTRL + INS حذف کنید

متن یا تصاویر را کپی کنید - CTRL + X یا SHIFT + DEL

متن انتخاب شده را به Clipboard Microsoft Office - CTRL + V یا SHIFT + INS ببرید

چسباندن محتوای کلیپ بورد - SHIFT + ENTER

یک شکاف را وارد کنید - CTRL + SHIFT + فاصله

متن و تصاویر را انتخاب کنید - SHIFT + RIGHT ARROW

یک نویسه در سمت راست - SHIFT + LEFT ARROW انتخاب کنید

یک حرف را در سمت چپ انتخاب کنید - CTRL + SHIFT + RIGHT ARROW

یک کلمه را تا انتها انتخاب کنید - CTRL + SHIFT + LEFT ARROW

یک خط را تا انتها انتخاب کنید - SHIFT + HOME

از ابتدا یک خط را انتخاب کنید - SHIFT + UP ARROW

یک خط در بالا انتخاب کنید - SHIFT + ARROW DOWN

یک خط از پایین انتخاب کنید - CTRL + SHIFT + DOWN ARROW

یک پاراگراف را تا انتها انتخاب کنید - CTRL + SHIFT + UP ARROW

انتخاب یک صفحه از پایین - SHIFT + PAGE UP

از بالا یک صفحه انتخاب کنید - CTRL + A

کل صفحه را انتخاب کنید - ALT + ENTER

درج جدول - TAB

هنگامی که مکان نما در یک سلول است ، همه سلول ها را پشت سر هم انتخاب می کند.

ایجاد خودکار طرح تصویر انتخاب شده - CTRL + K

با پنجره راهنما و پنجره راهنما - SHIFT + CTRL + ALT + T دسترسی و کار کنید

درج جدول - TAB

محتویات سلول بعدی را در جدول انتخاب کنید - SHIFT + TAB

وقتی مکان نما در سلول بالا یا پایین قرار دارد - یک ستون را انتخاب کنید - CTRL + T

ایجاد خودکار طرح تصویر انتخاب شده - CTRL + K

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

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

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

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

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

اگر نسخه جدیدتری از فایل در سایت محلی پیدا شود ، همگام سازی برای به روزرسانی سایت های محلی و از راه دور انجام می شود (مگر اینکه سایر اقدامات را به صورت دستی مشخص کنید). همچنین می توانید انتخاب کنید که از یک سایت از راه دور به یک سایت محلی انتشار دهید. وقتی فایلها را با استفاده از Remote Site View همگام سازی می کنید ، می توان فایلها را از یک سایت راه دور در سایت محلی بارگیری کرد. اگر یک مهاجم پرونده ها را در یک میزبان از راه دور قرار داده باشد ، ممکن است میزبان محلی نیز در معرض خطر باشد. قبل از همگام سازی پرونده ها ، اطمینان حاصل کنید که فقط کاربران معتمد به وب سایت راه دور دسترسی دارند.

مایکروسافت ، سازنده این برنامه ، متعهد به سیاست سخت گیری اطلاعات شخصی است. برای انجام این کار ، ما از انواع فن آوری ها و رویه ها برای محافظت از اطلاعات شخصی در برابر دسترسی ، استفاده و افشای غیر مجاز استفاده می کنیم. مایکروسافت ممکن است بنا به صلاحدید خود این بیانیه رازداری را به روز کند. با هر بار بروزرسانی ، تاریخ بروزرسانی در بالای عبارت تغییر می کند. بیانیه حفظ حریم خصوصی به روز شده در Service Pack (SP) بعدی Microsoft Office FrontPage 2003 Resources درج خواهد شد. استفاده مستمر شما از Microsoft Office FrontPage 2003 Resources موافقت شما با این بیانیه حریم خصوصی و تمام به روزرسانی های آن است. مایکروسافت هرگونه اظهار نظر در مورد این بیانیه حریم خصوصی را بسیار تحسین می کند.

Microsoft FrontPage - این برنامه ویرایشی است که به شما امکان می دهد از طرح HTML استفاده کنید. این نرم افزار بر اساس اصل "آنچه شما انجام می دهید همان چیزی است که به دست می آورید" کار می کند. موتور سودمند مبتنی بر فناوری بکار رفته در مرورگر معروف IE است. توسعه دهنده خاطرنشان می کند که هنگام کار با مرورگرهایی که از موتورهای شخص ثالث استفاده می کنند ، نمایشگر متفاوت خواهد بود.

این برنامه قادر است به طور خودکار تغییراتی را که توسط توسعه دهندگان در زمان واقعی ایجاد می شود ، پیاده سازی کند.

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

نسخه کامل روسی Microsoft FrontPage را به صورت رایگان و بدون ثبت نام و پیام کوتاه از سایت رسمی بارگیری کنید.

نیازهای سیستم

• سیستم عامل پشتیبانی شده: ویندوز 7 ، 10 ، 8 ، 8.1 ، ویستا ، XP
• عمق بیت: 32 بیت ، 64 بیت ، x86

1. رابط FP

2. ایجاد یک صفحه وب جدید

3. خصوصیات صفحه وب

وب- طراح.

پس زمینه ها معمولاً در قالب ها هستند

bmp ، gif ، jpg ، png

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

اگر اندازه تصویر از 1-5 کیلوبایت (K) بیشتر نشود ، پس زمینه اندازه قابل قبولی در نظر گرفته می شود. اگر کمتر از یک کیلوبایت باشد بهتر است. برای مقایسه ، بگذارید بگوییم که اندازه یک صفحه وب معمولاً از 10-20 K بیشتر نیست. فقط صفحات با متن زیاد بزرگ هستند. دلیل آن این است که یک صفحه وب یک برنامه (دستورالعمل) در مورد چگونگی و قرار دادن آنچه در صفحه مرورگر کاربر است قرار دارد. به عنوان مثال ، اگر در فلان مکان روی صفحه نیاز به قرار دادن عکس 150 K دارید ، در یک صفحه وب دستورالعمل مربوط به این موضوع می تواند فقط 50 بایت طول بکشد ، یعنی 3000 برابر کمتر از خود تصویر ، که جدا از وب به کامپیوتر بیننده منتقل می شود. صفحات از آنجا که تعداد این دستورالعمل ها کم است ، اندازه صفحه نیز نسبتاً کم است.

روی نشانک

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

روی نشانک علاوه بر این می توانید تورفتگی های صفحه را از گوشه بالا سمت چپ نمای مرورگر تنظیم کنید. به طور پیش فرض ، padding روی 8 پیکسل تنظیم شده است.

روی نشانک

زبان می توانید برای ذخیره صفحه و بارگذاری صفحه ، زبانهای خاص رمزگذاری متن را نصب کنید.

4. استفاده از جداول

جداول شاید موثرترین و ضروری ترین ابزار نشانه گذاری برای صفحات وب باشد. اگر بدون پس زمینه کاملاً می توانید کار کنید ، انجام این کار بدون جدول تقریباً غیرممکن است.

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

قرار دادن جدول

برای قرار دادن جدول در صفحه ، باید دستور menu را اجرا کنید

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

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

ویژگی

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

اگر می خواهید سبک و نشانه گذاری جدول را تنظیم کنید ، می توانید این کار را در همان پنجره انجام دهید.

در انتهای علامت گذاری جدول ، دکمه تأیید را کلیک کنید.

چیدمان سلولهای جدول

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

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

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

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

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

می توانید عرض را به ارتفاع سلول در پیکسل یا درصد تنظیم کنید.

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

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

5. درج و قالب بندی متن

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

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

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

6. پیوندهای لینک را وارد کنید

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

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

تغییر مکان. اگر این پیوند تصویری است ، برای انتخاب آن ، کافیست روی آن کلیک کنید.که نمای آن در شکل نشان داده شده است. 12

اگر این پیوند باید اشاره گر به صفحه دیگری باشد که بر روی دیسک رایانه شما قرار دارد ، پس باید روی پنجره کلیک کنید شکل. 12 را با دکمه موجود در تصویر پوشه انتخاب کرده و یک صفحه وب را روی دیسک انتخاب کنید (معمولاً فایلی با پسوند) htmlیا

htm ) در این حالت ، در نوار آدرس ظاهر می شود آدرس نسبی پرونده با یک صفحه وب. آدرس نسبی صفحه ، که در همان پوشه صفحه ایجاد شده است ، به سادگی نام پرونده است ، به عنوان مثال "photo2.htm". اگر پیوند به فایلی خارج از این پوشه اشاره داشته باشد ، پس از آن پیوند می تواند به صورت رشته "../../ HomePage.htm" ، یعنی پیوندی به صفحه HomePage.htm در همان رایانه ، اما در یک پوشه دیگر باشد دو سطح بالاتر از پوشه فعلی. URL های نسبی هنگام ایجاد گروهی از صفحات وب که در همان سرور اما در پوشه های مختلف قرار دارند و توسط پیوندهای پیوند داده می شوند بسیار مفید هستند. پس از آماده شدن صفحات در رایانه معمولی ، می توانید آنها را بدون ترس از قطع ارتباط بین صفحات و پیوندها به وب سرور ارسال کنید ، زیرا ساختار نسبی قرارگیری آنها در سرور ثابت خواهد بود و بنابراین پیوندها "کار خواهند کرد".

برای ایجاد مطلق

آدرس ها باید آدرس کامل صفحه را وارد کنند. به عنوان مثال ، اگر شما نیاز به ایجاد یک پیوند به آدرس وب سایت دانشگاه دولتی مسکو دارید ، در خط URL باید متن نام دامنه را وارد کنید http://www.msu.ru... برای مثال می توانید متنی را وارد کنید که آدرس IP را نشان دهد http://192.206.228.46.

برای ایجاد چنین پیوندی ، متنی مانند این را در خط آدرس وارد کنید mailto: آدرس... به عنوان مثال ، اگر می خواهید سرویس گیرنده نامه را پس از کلیک بر روی لینک اضافی برای ارسال نامه به آدرس راه اندازی کنید ای [ایمیل محافظت شده] .ru، سپس در خط ورود آدرس باید متن را وارد کنید mailto:ای [ایمیل محافظت شده] .ru ... همچنین می توانید بر روی دکمه پاکت کلیک کرده و بدون تعیین پیشوند ، در پنجره باز شده همان آدرس را وارد کنید mailto:.

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

قبل از ایجاد پیوند به نشانه ، ابتدا باید مورد دوم ایجاد شود. برای انجام این کار ، نشانک آینده (بخشی از متن ، تصویر و غیره) را انتخاب کرده و دستور را اجرا کنید قرار دادن / نشانک گذاری... در پنجره باز شده ، که در شکل نشان داده شده است. 13 ، نام نشانک را در خط ورود وارد کرده و بر روی دکمه تأیید کلیک کنید. در مثالی که در شکل نشان داده شده است. 13 صفحه از قبل دارای یک نشانک قبلی است نشانک 1، و متن در پنجره ورودی آماده می شود نشانک 2 نشانه دیگر. بعد ، از پنجره ایجاد نشانک خارج شوید ، با استفاده از دکمه عنصر پیوند به نشانک را در پنجره ایجاد صفحه انتخاب کنید نشانه گذاری (شکل 12) برگه مورد نیاز را از لیست انتخاب کنید. متن آن در نوار آدرس قرار می گیرد. به عنوان مثال ، اگر یک نشانک انتخاب شده است نشانک 2، سپس پیوند در نوار آدرس به یک رشته تبدیل می شود # نشانک 2... پس از کلیک بر روی OK ، یک لینک پیوند به نشانک ایجاد می شود.

نمایش برنامه نویسی پنجره

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

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

7. درج عناصر غیر متنی

برای قرار دادن عناصر غیرمتنی در صفحه ، از مورد منو استفاده کنید قرار دادن... همین عملکرد را برای برخی از عناصر می توان از پانل های FP تکثیر کرد.

لیست منو در شکل نشان داده شده است. 14- خطوطی که حاوی زیر منوها هستند با اشاره گر مثلث در سمت راست علامت گذاری شده اند. عملیاتی که می توانند توسط کلیدهای "داغ" کپی شوند با نام ترکیب کلید مشخص شده اند.

شکل: 14. اصلی لیست منو قرار دادن

در اینجا برخی از عناصر غیر متنی متداول منوی Insert استفاده می شود:

• فاصله
... بدون فاصله خاص (همان Shift + Enter) به یک پاراگراف جدید بروید.

خط افقی... درج خط افقی ؛

سمبل.

یک نویسه غیر استاندارد وارد کنید ، یعنی یک نویسه که روی صفحه کلید نیست ؛

تاریخ و زمان. مهر استاندارد برای نمایش تاریخ و زمان به روزرسانی صفحه ویرایش شده. برنامه نویس می تواند حالت نمایش را فقط برای تاریخ یا تاریخ و زمان روز تنظیم کند. گزینه های مختلفی برای ارائه تمبر وجود دارد که می توانید انتخاب کنید. به عنوان مثال ، "14 فوریه 2001 25/02/12". اگر چنین تمبری در صفحه ای درج شود ، به این معنی است که آخرین بار در تاریخ 14 فوریه 2001 ، ساعت 12:00 ویرایش شده است. 2 دقیقه 25 ثانیه توسط تایمر کامپیوتر؛

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

نقاشی

... قرار دادن یک عکس از یک فایل.

بیایید برخی از ویژگی های درج این عناصر را در نظر بگیریم.

خط افقی

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

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

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

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

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

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

/ تصویر / از پرونده یا روی دکمه کلیک کنید درج تصویر از پرونده روی صفحه استاندارد (شکل 5.2) در پنجره ای که ظاهر می شود ، یک فایل با عکس روی دیسک را انتخاب کنید و روی تأیید کلیک کنید.

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

ویژگی های تصویر... در کادر گفتگوی نشان داده شده در شکل 15 ، شما می توانید الگوی را مشخص کنید.

روی نشانک عمومی نام پرونده نشان دهنده نقاشی مشخص شده است. با انتخاب یک فایل متفاوت می توانید نقاشی را تغییر دهید.

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

اگر قرار است تصویر به عنوان یک پیوند بالا عمل کند ، می توانید آدرس هایپر پیوند را در همان برگه انتخاب کنید.

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

قالب های تصویر

بین نقاشی های ساخته شده در قالب تفاوت قائل شوید گرافیک bitmap و در قالب گرافیک برداری.

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

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

CAD

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

در حال حاضر ، دو قالب شطرنجی بسیار محبوب در بین توسعه دهندگان صفحه وب وجود دارد - GIF (Graphics Interchange Format) در سال 1987 توسعه یافت و در سال 1989 توسط CompuServe تصفیه شد و JPEG، به اختصار گروه کارشناسان تصویر مشترک

قالب GIF (پرونده های دارای پسوند)

.gif) تصویر با استفاده از روش بلوک کدگذاری می شود. پس از دریافت در رایانه ، رمزگشایی و بر روی صفحه مانیتور نمایش داده می شود. قالب GIF کمترین ظرفیت ذخیره سازی فایل را برای نقاشی هایی با تعداد محدود رنگ فراهم می کند.

استفاده از قالب GIF به شما امکان می دهد جلوه های زیادی از جمله ایجاد کنید شفافیت

(شفافیت). این اثر در مواردی که نیاز است نقاشی به شکلی غیر از مستطیل ارائه شود بسیار مورد استفاده قرار می گیرد. در این موارد ، بخشی از تصویر مستطیل شکل با رنگ شفافیت خاص و دیگری با رنگهای منظم پر می شود. پس از قرارگیری در صفحه ، پیکسل های رنگ مات جایگزین تصویر در آن پیکسل هایی می شوند که با رنگ مات پیکسل ها جایگزین می شوند و پیکسل های دیگر به روش معمول بازتولید می شوند ، بنابراین جلوه شفافیتی ایجاد می شود. اکنون می توان یک الگوی یکسان را روی لایه هایی از رنگ های مختلف قرار داد بدون اینکه ترس داشته باشد در صورت عدم تطابق رنگ ها ، خطوط مستطیلی ناخواسته الگو تولید شوند. برای ایجاد GIF های شفاف مانند Photo Shop می توانید از ویرایشگرهای گرافیکی متنوعی استفاده کنید.

جلوه دیگر ، نحوه پخش GIF قابل بارگیری در مرورگر است. اگر نقاشی در ذخیره شود در هم تنیده (interleaved) ، هنگامی که به مرورگر منتقل می شود ، از قسمت های مختلف تصویر بارگیری می شود. با سرعت کم اتصال ، جلوه ای از ظاهر تدریجی تصویر ایجاد می شود ، از تار بودن در ابتدای بارگیری تا پاک شدن در پایان بارگیری. مزایای تصاویر با فرمت interleaved آشکار است ، زیرا اغلب ، مدتها قبل از بارگیری صفحه ای با تصویر ناخواسته ، کاربر می تواند آن را متوقف کند ، در نتیجه در وقت او صرفه جویی می کند که باید در تاریکی منتظر بماند تا کل تصویر در قالب عادی منتقل شود. FP به شما امکان می دهد برای هر تصویر GIF یک اثر متقابل ایجاد کنید.

از GIF می توان برای ایجاد انیمیشن های بدوی استفاده کرد که در صفحات وب برای متحرک سازی ("تحریک") محتوای آنها استفاده می شود. جلوه های متحرک بدون شک صفحه را تزئین می کنند ، اغلب به عنوان وسیله ای برای جلب توجه به قطعات جداگانه آن عمل می کنند. نکته منفی افزایش حجم پرونده های حاوی نقاشی های متحرک است. برای ایجاد GIF های متحرک ، می توانید از برنامه های زیادی استفاده کنید - از ساده تا بسیار پیچیده ، به شما امکان می دهد کارتون های کامل را در یک فایل ایجاد کنید. مثالی از یک برنامه انیمیشن ساده MP Gif Animator (توسط V. Fam) است. یک برنامه انیمیشن قدرتمند Ulead GIF Animator Lite (محصول Ulead Systems) است.

قالب JPEG (پرونده های دارای پسوند) .jpg، کمتر .jpe یا jpeg) ترجیح داده می شود که به صورت فشرده نقاشی های چند رنگ ذخیره شود ، به عنوان مثال عکس هایی از طبیعت ، تصاویر با کیفیت بالا از یک پالت رنگی غنی. هنگام ذخیره عکس در ویرایشگرهای گرافیک (به عنوان مثال Photo Shop) ، می توانید اندازه پرونده و کیفیت تصویر را که با عکس رابطه عکس دارند کنترل کنید. این ویژگی اغلب توسط توسعه دهندگان صفحات وب به منظور به حداقل رساندن فایلها با تصاویر و از بین رفتن کیفیت آنها تا حدودی مورد استفاده قرار می گیرد. غالباً ، چنین تصاویری از نظر بصری غیرقابل تشخیص هستند ، اما ممکن است در اندازه پرونده های مربوطه 1.5-3 بار متفاوت باشند.

نادیده گرفتن پرونده ها با تصاویر با فرمت BMP (پرونده هایی با پسوند) غیرممکن است .bmp) این یکی از اولین فرمت های گرافیکی است. تصاویر در این قالب حافظه زیادی را اشغال می کنند ، اما امروزه نیز استفاده می شوند ، اما فقط برای نشان دادن تصاویر بسیار کوچک هستند.

اخیراً ، قالب جدیدی از تصویر PNG به طور خاص برای وب ساخته شده است تا جایگزین قالب GIF شود.

یک منبع جدی برای کاهش اندازه پرونده های گرافیکی پردازش تصویر ویژه در ویرایشگرهای گرافیک است. اغلب اوقات ممکن است چندین بار پرونده را کاهش دهیم و عملا هیچ گونه افت کیفیت تصویر را نداریم. در شکل 5.16 نمونه ای از ویرایش تصویر را با استفاده از ویرایشگر گرافیک Photo Shop نشان می دهد.

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

در سمت چپ در شکل 16 نوار ابزار ویرایشگر گرافیک را نشان می دهد ، در وسط پایین - یک عکس در بالا - یک قطعه بزرگ شده از عکس (سمت راست یقه) ، در سمت راست - یک نمای بزرگ از قطعه روتوش شده. رتوش شامل جامد بودن یقه پیراهن بود. واضح است که اگر پیکسل هایی که قطعه نامگذاری شده را تک رنگ نشان می دهند ، کیفیت عکس خراب نمی شود ؛ با این وجود ، هنگام ذخیره با فشرده سازی ، اطلاعات مربوط به همه پیکسل های تک رنگ یک بار ثابت می شود ، در نتیجه اندازه پرونده کوچکتر می شود. عملیاتی مشابه بر روی قطعات مختلف عکس اعمال شد که باعث کاهش 2.5 برابر اندازه پرونده شد. رتوش با استفاده از ابزارهای مختلف پنل ، از جمله ابزار ، انجام شد

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

برای به حداقل رساندن اندازه پرونده های ترسیم ، همچنین می توانید از برنامه های ویژه ای استفاده کنید که اطلاعات غیر گرافیکی را از آنها حذف می کند ، ویرایشگران گرافیک هنگام ایجاد و ذخیره نقاشی ، آنها را قرار می دهند. به عنوان مثال ، نویسنده این خطوط از Advanced GIF Optimizer از Gold Software استفاده می کند. استفاده از بهینه سازها معمولاً می تواند اندازه پرونده GIF را 10 تا 60 درصد دیگر کاهش دهد.

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

8. صفحات دارای قاب

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

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

شکل: 17. نمونه یک صفحه وب قاب شده

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

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

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

هنگام طراحی صفحه قاب شده ، ابتدا صفحات زیر بصورت جداگانه ایجاد می شوند:

• header.htm - صفحه ای که نشان دهنده عنوان صفحه قاب است.
• menu.htm - صفحه ای برای نمایش منو در قاب سمت چپ ؛
• informatique.htm - صفحه ای برای نمایش لیستی از مطالب آموزشی براساس رشته انفورماتیک;
• certificate.htm - صفحه ای برای نمایش لیستی از مواد آموزشی براساس تخصص صدور گواهینامه;
• tms_metod.htm - صفحه قاب واقعی.

برای ایجاد آخرین صفحه ، یک فایل جدید را با استفاده از منو سازماندهی کنید فایل /

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

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

با کلیک روی دکمه سمت راست ماوس ، منوی زمینه ، پنجره ویژگی های صفحه را فراخوانی می کنیم و متن را در خط عنوان وارد می کنیم

مواد متدولوژی گروه، که معمولاً در بالای مرورگر نمایش داده می شود ، و صفحه tms_metod.htm را ذخیره کنید.

بعد ، ما به طور متوالی بر روی دکمه کلیک می کنیم صفحه شروع را تنظیم کنید در قابهای بالا و چپ و اتصال قاب مربوطه را با صفحه ما با استفاده از پنجره استاندارد برای ایجاد یک پیوند لینک ایجاد کنید ، در شکل نشان داده شده است. 12. پس از کلیک بر روی دکمه قاب بالا ، آدرس header.htm اختصاص داده می شود ، آدرس سمت چپ menu است. htm ، آدرس سمت راست یک صفحه خالی است (با استفاده از دکمه ایجاد صفحه در شکل 19)

برای اطمینان از اینکه پرونده های informatique.htm و certificate.htm هنگام فراخوانی توسط hyperlink ها در قاب سمت راست ظاهر می شوند ، به پیوندهای پیوندی به این صفحات وب در menu.htm مقدار پیش فرض خانه اختصاص داده می شود.

9. نمونه ای از توسعه یک صفحه وب

در شکل 20 ارائه شده

صفحه وب History.htm ، نمایش مختصر تاریخچه گروه TMS KSTU.

شکل: 20. نمای یک صفحه وب در یک مرورگر

طرح صفحه در ویرایشگر FP در شکل نشان داده شده است. 21. ابتدا ، صفحه جدیدی ایجاد می شود. سپس با کلیک بر روی دکمه سمت راست ماوس ، یک منوی زمینه فراخوانی می شود که در آن خط کلیک می شود خصوصیات صفحه... در پنجره ظاهر شده مشخصات صفحه (شکل 3) عنوان آن وارد می شود تاریخچه گروه TMS... روی نشانک دیگران هر یک از گزینه های تورفتگی حاشیه صفحه دارای یک علامت تیک هستند و مقادیر آنها صفر است. این بدان معنی است که هنگام خواندن در یک مرورگر ، صفحه باید بدون تورفتگی از مرزهای بالا و سمت چپ نمای نمایش ارائه شود. با کلیک روی دکمه صرفه جویی صفحه با نام history.htm بر روی دیسک ذخیره می شود.

بعد ، دستور وارد کردن جدول به صفحه ، جدول چهار ستون و چهار ردیف است. سه شکل h1.gif، h2.gif، h3.gif در سلولهای ردیف بالا به ترتیب از چپ به راست قرار می گیرند (این شکل ها قبلاً در ویرایشگر گرافیک Photo Shop تهیه شده بودند) نقاشی اول (KSTU) اندازه 4 K است ، نقاشی دوم (TMS) - 3.6 K ، آخرین - 1.4 K. تمام نقاشی ها کتیبه هایی هستند که در زمینه بورگوندی ساخته شده اند. آخرین رقم (با عنوان HISTORY OF THE DEPARTMENT OF ENGINEERING TECHNOLOGY) با عرض کمتری ساخته شده است تا حافظه را کاهش دهد.

شکل: 21. نمایش صفحه وب علامت گذاری شده در ویرایشگر FP

سپس در سلول خط اول و دستور کلیک کنید جدول / ردیف را انتخاب کنید ردیف اول سلول ها برجسته شده است. سپس مکان نما روی آن معلق شد و دکمه سمت راست ماوس را کلیک کرد. فرمان از منوی زمینه انتخاب شده است خواص سلول و در پنجره ای که ظاهر می شود (شکل 10) به همه سلولهای انتخاب شده پس زمینه ای به شکل تصویر bg.gif اختصاص داده شده است (همچنین در ویرایشگر Photo Shop تهیه شده است). این گرافیک یک تصویر پیکسل 8x8 پیکسل با همان مشخصات است. اندازه پرونده زیرین فقط 46 بایت است. زیرانداز لازم است به طوری که تمام ردیف اول جدول با همان رنگ نقاشی شده باشد (شکل ها در پس زمینه همان رنگ ساخته شده اند).

برای اینکه h3.gif باریکتر در جهت عمودی در وسط سلول قرار گیرد ، خاصیت آن است موقعیت عمودی مقدار اختصاص داده شده مرکز... موقعیت افقی به طور پیش فرض باقی مانده است ، یعنی فشار دادن به لبه سمت چپ سلول. برای آخرین سلول ردیف اول جدول (خالی است) به ویژگی عرض مقدار 600 تعیین شده است. این لازم است تا کل ردیف اول جدول متناسب با عرض کامل پنجره باشد (و حتی مقداری حاشیه ایجاد کند) ، که اگر در صفحه مشاهده شود ، اثر یک رنگ هدر (بنر) در مرورگر ایجاد می شود (شکل 20).

بعلاوه ، دو لینک فوق العاده به وب سایت KSTU و وب سایت گروه TMS اختصاص داده شد. آنها لازم هستند تا بیننده صفحه در صورت تمایل بتواند به دیدن این صفحات برود. به اولین تصویر (h1.gif) پیوند اختصاص داده شد http://www.kgtu.runnet.ru به وب سایت KSTU (شکل 5.12). مورد دوم (h2.gif) - پیوندی به وب سایت گروه TMS http://tms.kgtu.runnet.ru... در متن متن ویژگی های تصویر ، متن به اولین اختصاص داده می شود به سایت KSTU، دومین - به سایت گروه TMS... این خطوط لازم است تا بیننده بتواند هدف از پیوندهای پیوند داده شده در نوار ابزار را هنگام قرار گرفتن در بالای تصویر بخواند. برای جلوگیری از نمایان بودن رئوس تصاویر پیوند داده شده در مرورگر ، ویژگی ضخامت حاشیه آنها روی صفر تنظیم می شود و حاشیه فرو می رود (شکل 15). با این کار علامت گذاری در ردیف اول جدول کامل می شود.

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

متن صفحه در ردیف سوم جدول قرار دارد. قبل از چسباندن متن ، سلول های دوم و سوم این ردیف ادغام شدند. قبل از اینکه سلول ها ادغام شوند ، دستور menu اجرا شد جدول / سلولها را ادغام کنید... سپس مکان نما را در یک سلول قرار داده و چندین بار کلید Enter را فشار داده تا پاراگرافهای خالی وارد شود.

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

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

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

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

فرصت تأکید بر یک ویژگی جالب یکی از بخشهای متن از دست نرفت: اگر از حروف اول نام تخصصهایی که در بخش TMS تدریس می شود ، مخفف ایجاد شود ، آن را تکرار می کند مخفف ساخته شده از حروف اول نام بخش ، یعنی دوباره "TMS" (در این قسمت از متن در شکل های 20 و 21 قابل مشاهده نیست. این ویژگی با تاکید بر اینکه حروف اول در نام تخصص ها با درشت و قرمز برجسته می شوند ، تأکید می شود.

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

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

Microsoft FrontPage در یک نگاه

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

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

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

نمای کلی Microsoft FrontPage

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

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

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

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

ایجاد الگویی برای صفحات در FrontPage

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

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

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

الگو اکنون آماده است. این اسکلت برای تمام صفحات بعدی سایت است. این شکل سایت در کد HTML است:

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

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text / html؛ charset \u003d 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"\u003e "New ..." در پنجره باز شده بروید ، "سایر الگوهای صفحه" را انتخاب کنید ، در اینجا می توانید هر الگویی را که دوست دارید انتخاب کنید.
2. گزینه دوم وجود دارد - کل الگو را از اینترنت بارگیری کنید. سایت های زیادی وجود دارد که چنین خدماتی را ارائه می دهند. الگوها می توانند بصورت پولی یا رایگان باشند. پس از بارگیری این یا آن الگو ، می توانید آن را در برنامه ویرایش کنید ، آن را با محتوای لازم پر کنید و سبک این یا آن عنصر را تغییر دهید.

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

Microsoft FrontPage ابزارهای خوبی برای طرح بندی جدول آماده و موضوعات برای ایجاد سایت فراهم می کند

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

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

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

مهم است که مدیران وب مبتدی بدانند چگونه می توانند تصاویر را در یک صفحه وارد کنند و به صفحات دیگر پیوند دهند. به عنوان مثال ، می توانید به جای متن نام سایت ، عکسی از آرم سایت را وارد کنید. برای این کار ابتدا در فیلدی که می خواهید تصویر را در آن وارد کنید کلیک کنید ، سپس در بالای صفحه ، روی برگه "Insert"\u003e "Picture"\u003e "From File" کلیک کنید ، تصویر مورد نظر را انتخاب کرده و "Insert" را کلیک کنید ، پس از آن تصویر در صفحه ظاهر می شود. با کلیک روی تصویر با دکمه سمت راست ماوس ، می توانید با تنظیمات اضافی تصویر به منو بروید. مهم است که همه تصاویر در یک پوشه کاملاً مشخص برای همه تصاویر باشند.

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

نتیجه

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

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

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

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

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

عملکردی

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

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

حالت های عملیاتی

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

ویژگی های اصلی

• ایجاد صفحات وب ، طراحی و محتوای آنها.
• بررسی کد تصویری با استفاده از حالت طراحی (WYSIWYG) ؛
• کتابخانه الگوی یکپارچه
• مدیر داخلی برای انتشار سریع و آسان نتیجه نهایی ؛
• توانایی مراجعه به کتاب مرجع ؛
• جستجوی خودکار و تصحیح خطا ؛
• وجود نسخه روسی پوسته گرافیکی.