עורך קוד Bluefish הוא יישום המשמש לפיתוח דפי אינטרנט וסקריפטים. זה לא עורך WYSIWYG. Bluefish הוא כלי המשמש לעריכת קוד כי דף אינטרנט או סקריפט נוצר. היא מיועדת למתכנתים בעלי ידע בכתיבת קוד HTML ו- CSS ויש להם אופנים לעבוד עם שפות scripting הנפוצות ביותר כמו PHP ו- Javascript, כמו גם רבים אחרים. המטרה העיקרית של עורך Bluefish היא לעשות קידוד קל יותר כדי להפחית טעויות. Bluefish היא תוכנה חופשית וקוד פתוח וגירסאות זמינות עבור Windows, Mac OSX, Linux, ופלטפורמות שונות אחרות של יוניקס. את הגירסה אני משתמש במדריך זה הוא Bluefish ב- Windows 7.
01 מתוך 04
ממשק Bluefish
ממשק Bluefish. צילום מסך באדיבות ג'ון מורין
ממשק Bluefish מחולק למספר קטעים. הקטע הגדול ביותר הוא חלונית העריכה וכאן ניתן לערוך את הקוד ישירות. בצד השמאלי של חלונית העריכה נמצא הלוח הצדדי, אשר מבצע את אותן פונקציות כמו מנהל הקבצים, ומאפשר לך לבחור את הקבצים שברצונך לעבוד עליהם ולשנות את שמם או למחוק קבצים.
החלק הכותרת בחלק העליון של החלונות Bluefish מכיל כמה סרגלי כלים, אשר ניתן להציג או מוסתר באמצעות תפריט תצוגה.
סרגלי הכלים הם סרגל הכלים הראשי, המכיל לחצנים לביצוע פונקציות נפוצות כגון שמירה, העתקה והדבקה, חיפוש והחלפה ואפשרויות הזחה של קוד. תוכלו להבחין כי אין לחצני עיצוב כגון מודגש או מודגש.
זה בגלל Bluefish אינו פורמט קוד, זה רק עורך. מתחת לסרגל הכלים הראשי הוא סרגל הכלים של HTML ותפריט ה- Snippets. תפריטים אלה מכילים לחצנים ותפריטי משנה שבהם ניתן להשתמש כדי להוסיף קוד באופן אוטומטי עבור רוב רכיבי השפה והפונקציות.
02 מתוך 04
באמצעות סרגל הכלים של HTML ב Bluefish
באמצעות סרגל הכלים של HTML ב Bluefish. צילום מסך באדיבות ג'ון מורין
סרגל הכלים של HTML ב Bluefish מסודר על ידי כרטיסיות להפריד את הכלים לפי קטגוריה. הכרטיסיות הן:
סרגל מהיר - באפשרותך להצמיד כלים נוספים לכרטיסייה זו עבור פריטים שבהם אתה משתמש בתדירות גבוהה.
HTML 5 - מעניק לך גישה לתגים ולרכיבים נפוצים ב- HTML 5.
Standard - Common HTML אפשרויות עיצוב לגשת בלשונית זו.
פורמט - פחות אפשרויות עיצוב נפוצות נמצאות כאן.
טבלאות - פונקציות שונות ליצירת טבלה, כולל אשף טבלה.
רשימה - כלים ליצירת רשימות מסודרות, לא מסודרות והגדרות.
CSS - גליונות סגנונות ניתן ליצור מכרטיסייה זו, כמו גם קוד הפריסה.
טפסים - ניתן לשלב את מרכיבי הטופס הנפוצים ביותר מכרטיסייה זו.
גופנים - לשונית זו יש קיצורי דרך לעבודה עם גופנים ב- HTML ו- CSS.
מסגרות - הפונקציות הנפוצות ביותר לעבודה עם טפסים.
לחיצה על כל כרטיסייה תיצור לחצנים הקשורים לקטגוריה הרלוונטית בסרגל הכלים שמתחת ללשוניות.
03 מתוך 04
שימוש בתפריט Snippets ב
שימוש בתפריט Snippets ב. צילום מסך באדיבות ג'ון מורין
מתחת לסרגל הכלים של HTML יש תפריט בשם סרגל קטעי הטקסט. שורת תפריטים זו כוללת תפריטי משנה הקשורים למגוון שפות תכנות. כל פריט בתפריט מוסיף קוד נפוץ, כגון דוקיטיס HTML ומידע meta למשל.
חלק מתפריטי התפריט גמישים ויוצרים קוד בהתאם לתג שבו ברצונך להשתמש. לדוגמה, אם ברצונך להוסיף גוש טקסט מעוצב מראש לדף אינטרנט, תוכל ללחוץ על תפריט HTML בסרגל קטעי הטקסט ולבחור בפריט התפריט "כל תג מותאם".
לחיצה על פריט זה פותחת תיבת דו-שיח שתנחה אותך להזין את התג שבו ברצונך להשתמש. אתה יכול להזין "מראש" (ללא סוגריים זווית) ו Bluefish מוסיף פתיחה וסגירה "תג" מראש למסמך:
.
04 מתוך 04
תכונות אחרות של דגנים
תכונות אחרות של דגנים. צילום מסך באדיבות ג'ון מורין
בעוד Bluefish אינו עורך WYSIWYG, יש לו את היכולת לתת לך להציג את הקוד שלך בכל דפדפן שהתקנת במחשב. הוא תומך גם קוד אוטומטי השלמת, הדגשת תחביר, כלי איתור באגים, תיבת פלט סקריפט, תוספים, תבניות שיכולים לתת לך להתחיל לקפוץ ליצירת מסמכים שאתה עובד לעתים קרובות עם.