כל מי שיש לו אתר משלו, בלוג, פורום או משאב אינטרנט אחר, ככלל, במוקדם או במאוחר מתחיל לשלוט בשפות HTMLו PHP. כל מי שעבר לאחרונה לאובנטו מעוניין לדעת אילו תוכנות ועורכים מערכת ההפעלה הזו יכולה להציע לעבודה עם האתר.

אני אתחיל עם עורך קל משקל גדיט .
Gedit הוא ברירת המחדל עורך טקסטעבור אובונטו. למרות ש-Gedit אינו חזק כמו עורכים רבים, יש לו תכונות מצוינות שניתן להרחיב עם תוספים: http://live.gnome.org/Gedit/Plugins. העורך נכתב על ידי קרן התוכנה Gnome, כך שהוא תומך באופן מלא ב-gio/gvfs ועובד עם כל הקבצים שאיתם Nautilus עובד. אלו הם קבצים הזמינים באמצעות FTP, SMB, SSH/SFTP, כמו גם DAV. זה שימושי מאוד כאשר עובדים עם שרת מרוחק.

תכונות של Gedit:

• תמיכה בהדפסה
• הדגשת תחביר הניתנת להתאמה אישית (C, C++, Java, HTML, XML, Python, Perl וכו')
• הרבה תוספים
• סייר קבצים
• בדיקת איות
• אפשרות ליצור עותקי גיבוימסמכים
• וכו '

Gedit פשוט, אבל מאוד נחמד ושימושי. לאחרונה השתמשתי בו כדי לעבוד עם אתרים.

התקן את Gedit:

sudo apt-get התקן את gedit

גאני הוא שילוב המורכב מעורך טקסט ו-IDE. יש לו לא רק כלים לפיתוח אתרים, אלא גם יכולות פיתוח תוכנה. Geany תומך בקיפול קוד, תפריטים משתנים ופונקציות עבור חיפוש מהירפונקציות נחוצות, אפשר להגדיר ערכות צבעים, מהדר, מסוף פנימי ועוד הרבה יותר שעורך מודרני צריך להכיל. Geany נמצא בפיתוח פעיל ומשופר.

התקן את Geany:

sudo aptitude להתקין geany

הוא עורך טקסט עם הדגשת תחביר.

• הכנסת קוד עבור קבצי תצורה של Apache, C, CSS, Javascript, PHP, HTML (ואחרים).
• יצירת טבלאות
• הדגשת תחביר גמישה
• השלמה אוטומטית של תגי HTML
• סייר קבצים
• לעבוד עם קבצים שנמחקודרך ftp
• ועוד הרבה

התקן את Bluefish:

sudo aptitude להתקין bluefish

מלחין הוא עורך HTML WYSIWYG (ויזואלי) המבוסס על Nvu. באביב 2007, Download.com הכריזה על KompoZer כאלטרנטיבה החינמית הטובה ביותר ל-Adobe CS3.

תכונות עיקריות של העורך:

• עבודה במצב WYSIWYG, יכולת לערוך קוד מקור ישירות
• מובנה לקוח FTP
• יכולת לבדוק את קוד המקור של דף מתי עזרה ב-HTMLמאמת מ-W3C
• עבודה עם מספר מסמכים באמצעות כרטיסיות
• אפשרות לפרסום דפים שנוצרו באינטרנט

קרא כיצד להתקין את Kompozer על אובונטו 14.04.

קישור SeaMonkey כלול בחבילת התוכנה של מועצת SeaMonkey. ערכה זו מכילה: דפדפן אינטרנט, לקוח דואר, ספר הכתובות, ChatZilla IRC לקוח, בונה וכלים למפתחי אתרים. חיצונית, הוא דומה מאוד ל-Kompozer, אך בניגוד אליו, הוא מתעדכן לעתים קרובות מאוד. אתה לא צריך לדעת HTML כדי להשתמש ב-Composer; זה קל לשימוש כמו עורך טקסט.
אתה יכול להוסיף רשימות, טבלאות, תמונות, קישורים לדפים או משאבים אחרים, לשנות את הצבע וסגנון הגופן. כאשר אתה יוצר מסמך, אתה יכול לראות איך המסמך שלך נראה כאשר הוא פורסם באינטרנט ולשתף אותו עם משתמשים אחרים, לא משנה באיזה דפדפן או תוכנית דוארהם משתמשים. בדיוק כמו Kompozer, יש לו מצב WYSIWYG, שהוא מאוד שימושי למתחילים ב-HTML.

קרא כיצד להתקין את SeaMonkey על אובונטו.

ישנם עורכים נוספים שניתן להתקין דרך מאגרי אובונטו, או דרך מקורות של צד שלישי, אך התוכניות המפורטות לעיל צריכות להספיק. ואם אתה לא רוצה להתעמק שפות PHP, HTML, לצלול לתוך טבלאות סגנונות CSS, אז אולפן אינטרנט בחרקוב, או עיר אחרת או מדינה אחרת יכול לבוא לעזרתך. אנשי מקצוע בתחומם יקימו עבורכם אתר אינטרנט, פורום וחנות מקוונת לפי רצונכם.

עיצוב אתרים הפך להרבה יותר קל היום, הודות לעורכי HTML רבי עוצמה. בחירת עורך בהתאם להעדפותיך האישיות היא הדאגה שלך. מי שמשתמש במערכת ההפעלה לינוקס ועוסק בפיתוח אתרים צריך לנסות את השירותים שאנו מציעים. חלק מעורכי ה-HTML הללו עבור מערכת ההפעלה Linux הם חינמיים ונמצאים ב גישה חופשית. ישנם מספר כלים מדהימים ביכולותיהם, אך הגישה אליהם בתשלום. רוב עורכי ה-HTML תומכים בפלטפורמות מערכת הפעלה שונות, כגון Windows ו-MAC.

עורכי HTML עבור מערכת ההפעלה לינוקס

בנה יישומי אינטרנט במהירות ובקלות עם IDE שירות האינטרנט המוביל בתעשייה. Aptana Studio סיפק לו גמישות פונקציונלית בשל סביבות ליקוי חמה, מה שהופך אותו למנוע עוצמתי לפיתוח אתרים. הפונקציות של Aptana Studio 3 מורחבות בהשוואה לגרסה הבסיסית של Aptana Studio 2, הן מאפשרות לך לבצע פריסה, עריכה, תצוגה מקדימהואיתור באגים באתרי HTML, CSS ו-javascript באמצעות PHP ו-Ruby on Rails פיתוח אתרים.

Komodo Edit הוא עורך קוד מקור רב לשוני בחינם. עם הרבה תכונות נהדרות לפיתוח HTML ו-CSS.

SCREEM - עורך HTML/XML עם פתוח קוד מקורעבור מערכות מבוססות יוניקס, כמו גם עבור סביבת שולחן העבודה של GNOME.

Bluefish הוא עורך רב עוצמה המיועד למתכנתים ומפתחי אתרים (HTML, PHP, CSS וכו'), רב תכליתי, המאפשר לך לפרוס אתרי אינטרנט, לכתוב תוכניות בודדות ולהשלים את בסיס הקוד של משאבים שלמים. Bluefish תומך בשפות תכנות ושפות סימון רבות.

מצויד בפלטפורמת כלי אינטרנט עם עורך HTML מובנה טוב. בעת שימוש בשינויים אחרים של תוכנת Eclipse, בחר עורך דפי אינטרנט נוסף של Eclipse.

עורך javascript/HTML עצמאי, חוצה פלטפורמות, המציג טקסט מוקלד כדף מוקלד, ששוחרר על ידי Moxiecode Systems AB ברישיון LGPL כתוכנת קוד פתוח. TinyMCE יכולה להמיר אזורי טקסט של HTML TEXTAREA ורכיבי HTML אחרים לאובייקטי עריכה. TinyMCE משתלבת בקלות במערכות ניהול תוכן אחרות.

האפליקציה היא פיתוח משותף של קונסורציום W3C ומכון INRIA כחלק מפרויקט WAM (Web, Adaptation and Multimedia). תומך ב-HTML 4.01, XHTML 1.0, XHTML Basic, XHTML 1.1, HTTP 1.1, MathML 2.0, תכונות רבות של CSS 2 ו-SVG.

כדי לגלות עד כמה הם מתמודדים עם האחריות שלהם.

יישומים אלה דומים במובנים רבים. שלושתם הם בעיקר עורכי קוד, עם הדגשת תחביר, עיצוב חכם ותכונות אחרות המקלות על הקלדה ועריכת קוד. Screem קשור קשר הדוק ל-GNOME, בעוד Bluefish פועל מצוין גם ב-KDE וגם ב-GNOME. Quanta Plus הוא יישום KDE המופץ עם KDE. כולם תומכים בעריכה ויזואלית, הנקראת WYSIWYG (מה שאתה רואה זה מה שאתה מקבל - מה שאתה רואה זה מה שאתה מקבל), יחד עם יכולות עריכת קוד מתקדמות. עורכים אלה יכולים לעבוד עם HTML, JavaScript, גליונות סגנונות מדורגים (CSS) ושפות סימון וסקריפט אחרות. ישנה גם יכולת לנהל אתרים ופרויקטים באינטרנט, כולל תמיכת CVS.

אנו רואים שתוכניות אלה דומות מאוד, ולכן עלינו להדגיש את התכונות הבולטות של כל אחת מהן. במאמר זה, התמקדתי כיצד עורך האינטרנט עוזר בכתיבת קוד HTML, CSS ותגי DIV. לכל תוכנית יש תכונות נוספות, אשר עשוי להתאים במיוחד לצרכים שלך.

בדקתי כל תוכנה עם ה-Spry Framework של Adobe (ששוחררה תחת רישיון BSD), המאפשרת לך להוסיף AJAX (Asynchronous JavaScript ו-XML) לאתר אינטרנט The Spry Framework כולל סט סקריפטים של JavaScriptודפי סגנון. שימוש ושינוי בווידג'טים של Spry דורשים עריכה פשוטה HTML ו-CSS. זה הפך את ספרי לבן לוויה מתאים לבדיקות שלי. בשלישיית העורכים הזו, הקדשתי תשומת לב מיוחדת לתכונות שאני מעריך ביישומי עיצוב אתרים מסחריים, כגון סגירה אוטומטית של תגים, בחירת אפשרויות תגיות (אתה מקליד תג והעורך נותן לך רשימה של אפשרויות וערכים אפשריים), תמיכה בקבצי CSS מצורפים - ו-JavaScript.

Screem מטפל ברוב העבודה הכרוכה ביצירה ועריכה של דף אינטרנט. כאשר אתה יוצר דף חדש, Screem יבקש ממך להזין מידע בסיסי ולאחר מכן יעזור לך להגדיר את האלמנטים העיקריים בתגיות הראש והגוף.

הייתי מרוצה מהאופן שבו Screem הופך את העריכה לקלה. לדוגמה, כאשר שיניתי את תגית הפתיחה של רשימה מסודרת לתגית לא מסודרת, תגית הסגירה השתנתה אוטומטית. כאשר אתה מקליד את הקוד, מופיעה רשימה של פרמטרים אפשריים. לאחר בחירת מה שאתה צריך, התג ייסגר אוטומטית. עוזר שימושי זמין גם כן יצירת CSS, שבזכותם ניתן להכניס מאפיינים נבחרים בין תגי סגנון או למקם בגיליון סגנונות נפרד.

ממשק ה-Screem מכיל 2 סרגלי כלים: הפאנל הראשי לפעולות בסיסיות (פתיחה, הדפסה ועריכת קבצים) ופאנל הסייענים המכיל 9 כפתורים לתשעה עוזרים. בעזרתם תוכלו להוסיף ולהתאים אלמנטים שונים בקלות: צבעים, צורות, קישורים, תמונות וטבלאות.

מצד שמאל יש גם לוח צד, שיכול להציג 5 חלונות:

קבצים;

עץ מסמכים, נוח לניווט בין דפים באתר ערוך;

רשימה של פרמטרים המשתנים באופן דינמי בהתאם לתג המוקלד;

סמלים לעבודה עם c-tags, אם יש באתר שלך.

Screem תומך ב-4 סוגים של תצוגת דפי אינטרנט:

בצורת קוד - לא יותר מחלון עריכה רגיל;

כעץ - עותק של עץ המסמכים, המוצג בסרגל הצד;

תצוגה מקדימה - מראה כיצד יראה העמוד בדפדפן. חסרון אחד הוא שהאלמנטים מבוססי JavaScript של Spry אינם מעבדים;

בצורת קישורים - תרשים המראה כיצד דפים אחרים באתר מחוברים לזה הנוכחי והסטטוס שלהם.

מתחת לממשק הפשוט של Screem מסתתר עורך HTML רב עוצמה. הלוואי שיהיה קל יותר להתקין תחת KDE. בדקתי את Screem ב-Ubuntu LiveCD כדי להימנע מהידור וטעינה של ספריות GNOME הדרושות להפעלת העורך ב-KDE. ועדיין, Screem היא דוגמה מצוינת לאפליקציה שמתמודדת היטב עם המשימה שנבחרה, תוך שימוש במינימום פונקציות נוספות. אם אתה משתמש ב-GNOME, ייתכן ש-Screem הוא בשבילך. אם אתה משתמש ב-KDE או בסביבה אחרת, תצטרך להוריד ספריות נוספות כדי לעבוד עם עורך זה.

דג כחול

עורך Bluefish מורכב יותר במובנים רבים מ-Screem, אבל הוא רב תכליתי יותר. מלבד HTML ו-CSS, זה מאפשר לך לערוך C, Java, Perl, Python, XML ועוד מספר שפות. לעורך זה יש יכולות דומות ל-Screem לעבודה עם HTML ו-CSS. עם זאת, בשונה מהאחרון, Bluefish לא מציעה רשימה של פרמטרי תג לבחירה, וגם לא משנה את תגית הסגירה כאשר תג הפתיחה משתנה.

ובכל זאת, Bluefish מאורגן היטב וקל לשימוש. דרך תפריט התגים, ניתן לבחור תג ולהחיל אותו על הטקסט הנבחר, או פשוט להוסיף תגים אם הטקסט לא נבחר. התגים בתפריט מחולקים ל-9 קטגוריות: כותרות, מיוחד, עיצוב, עיצוב הקשר, עיצוב כללי, טבלה, רשימה, טופס ושונות. תפריט Dialogs מספק מספר דיאלוגים (בדומה לעוזרים ב-Screem) לביצוע משימות שונות: הוספת קישור, טבלה, טופס או סגנון CSS. בתיבת הדו-שיח, אתה מזין או בוחר מתוך רשימה ערכי פרמטרים עבור תגים שונים ש-Bluefish תכניס למסמך. באמצעות דיאלוגים זה גם מתבצע הגדרה ראשוניתמסמך על ידי הוספת מטא תגיות, קישורים לגיליונות סגנונות וכו'. תפריטים אינם תלויי הקשר, כלומר אם תערוך קובץ Python, הם עדיין יספקו פונקציות HTML.

לבלופיש יש אשף נוח ליצירת סקיצות. בעזרתו, אתה יכול ליצור בקלות תצוגה מקדימה של כל תמונה, נוח אם אתה רוצה לארגן אלבום תמונות מקוון באתר האינטרנט שלך. אשף זה משנה את גודל התמונה לגודל או לאחוז שצוינו ומוסיף אוטומטית את התמונה והתגים עבור הקישור.

Bluefish הוא עורך HTML בעל יכולת גבוהה במיוחד, במיוחד אם אתה צריך לכתוב הרבה ב-PHP, JavaScript, Java ושפות נתמכות אחרות. כל העריכה ב-Bluefish מתרחשת בעצם דרך תפריטים, מה שהופך אותו לא אינטראקטיבי כמו Screem, שעושה את אותו הדבר אבל באופן דינמי בזמן שאני מקליד. למרות זאת, תכונות Bluefishללכת הרבה מעבר לעריכת HTML ו-CSS פשוטה. בנוסף, הוא מותקן ופועל ללא בעיות גם תחת KDE וגם GNOME.

קוונטה פלוס

בבסיסו, Quanta Plus הוא עורך קוד. יש לו כמה יכולות WYSIWYG, אך הן אינן שימושיות כפי שהן עשויות להיראות במבט ראשון. ברגע שהוספתי טבלה לדף אינטרנט קטן, התצוגה המקדימה הפסיקה לעבוד בשבילי. זה הפתיע אותי במקצת, מכיוון שבמקביל נטען דף מורכב יותר, והתצוגה המקדימה שלו הוצגה כרגיל. אבל גם כאשר התצוגה המקדימה עובדת מצוין, יש תמיכה מוזרה למדי בעריכת WYSIWYG. לדוגמה, כאשר אתה לוחץ על מקש "Enter", מוכנס תג מעבר שורה במקום תג פסקה חדש. אותו דבר קורה בעת עריכת רשימה, כאשר לחיצה על מקש "Enter" אמורה, בתיאוריה, ליצור אלמנט רשימה חדש. באופן כללי, תצוגות מקדימות משמשות בצורה הטובה ביותר לתצוגה מקדימה של התוצאה במקום לעריכה ישירה.

כל זה בצד, Quanta Plus הוא עורך קוד חזק באמת. הממשק שלו הרבה יותר מורכב מזה של Bluefish, אבל המשימה העיקרית של Quanta Plus היא עדיין עריכת אינטרנט. עורך זה תומך בהדגשת תחביר, סקריפטים ושפות סימון. כמו ב-Bluefish, אם תפריט מתוכנן לעבוד בשפה אחת, אז לעבודה עם התפריט הזה אין השפעה על קוד שנכתב בשפה אחרת. Quanta Plus מאפשר למשתמשים ליצור סרגלי כלים ספציפיים לשפה שלהם.

שוב, כמו בבלופיש, יצירה עמוד חדשכדאי להתחיל בתפריט התגים, בו ניתן למצוא דיאלוג ליצירת המבנה הבסיסי (מטא תגיות, כותרת מסמך וכו'). דרך תפריט התג, אתה יכול פשוט להכניס תג או לפתוח תיבת דו-שיח כדי להגדיר את התג עם מספר פרמטרים. לדעתי, הדבר החשוב ביותר הוא ש-Quanta Plus מציעה לך לבחור פרמטרים של תגים ואת הערכים של הפרמטרים הללו במהלך תהליך ההקלדה. ל- Bluefish אין תכונה זו ככזו, ו-Screem מציעה לך רק לבחור אפשרות, אך לא את הערך שלה.

עוד אחד פונקציה נוחה, כאשר אתה מכניס תג שמכיל בדרך כלל תגים קשורים, Quanta Plus מוסיף אוטומטית את האחרון. לדוגמה, כאשר אתה מכניס תג רשימה מסודרת, העורך מוסיף אוטומטית תגית פתיחה וסגירה עבור פריט רשימה אחד ותג רשימה מסודרת סוגרת.

ניהול CSS ב-Quanta Plus קצת מבלבל מכיוון שהוא נעשה באמצעות שניים תיבת דיאלוג. אבל ברגע שאתה מבין את זה, עריכת CSS הופכת לפשוטה מאוד. כדי ליצור סגנון CSS, תחילה עליך לפתוח את תיבת הדו-שיח של בורר CSS כדי לקבוע את האלמנט עליו יוחל הסגנון. לאחר מכן לחץ פעמיים על "בורר CSS" כדי לעבור לדיאלוג הבא "עורך CSS", שבו אתה כבר יכול לציין את כל פרמטרי הסגנון. כתוצאה מכך, אנו מקבלים קוד CSS מעוצב בצורה מושלמת.

Quanta Plus הוא העורך המורכב ביותר מבין השלושה שנבדקו, אך יחד עם זאת המסוגל ביותר. אני לא יכול שלא לשמוח על היכולת להתאים אישית את ממשק Quanta Plus כך שיתאים לצרכים שלך. עורך זה מציע את כל מה שאתה צריך ועוד כדי לענות על הצרכים של משתמשים שכותבים ועורכים קוד HTML ו-CSS. למי שמשתמש ב-GNOME, התקנת Quanta Plus תחייב אותך להוריד ספריות נוספות, אבל זה שווה את זה. למשתמשי KDE לא יהיו קשיים כאלה מכיוון שעורך זה מובנה ב-KDE.

העצה הפשוטה שלי היא להשתמש ב-Quanta Plus כדי לערוך את קובצי ה-HTML וה-CSS שלך. למי שלא מחפש דרכים קלות, אני מציע את האפשרויות הבאות:

אם אתה משתמש GNOME, אז התקן את Screem. זהו עורך פשוט, מהיר וחזק למדי לעריכת אינטרנט. עם זאת, בניגוד ל-Bluefish ו-Quanta Plus, היא אינה מציעה יכולות רבות לעבודה עם שפות שאינן קשורות ישירות לעריכת אינטרנט;

אם אתה משתמש GNOME וזקוק לתכונות נוספות, התקן את Quanta Plus על ידי הורדת ספריות נוספות;

אם אתה משתמש KDE וצריך עורך קוד, אז Quanta Plus היא הבחירה שלך. דלג על תכונות ה-WYSIWYG ונצל את מלוא היתרונות של עוצמת העריכה, במיוחד עבור CSS;

עבור משתמשי Xfce, Quanta Plus יעבוד מצוין. Screem ידרוש ספריות נוספות;

לבסוף, אם אתה משתמש GNOME וצריך אפשרויות רחבות, אבל לא רוצה להתקין ספריות נוספות כדי לעבוד עם Quanta Plus, אז Bluefish נוצר במיוחד בשבילך.

זה נחמד שזה קיים לפחותשלושה יישומים ראויים לפיתוח אתרים עבור לינוקס. Screem, Bluefish ו-Quanta Plus אינם מקיפים כמו מובילת התעשייה Adobe Dreamweaver, אבל הם מתקרבים מספיק. Quanta Plus הוא למעשה אנלוגי של Dreamweaver. בהתחשב בכך שהמחיר של האחרון די גבוה, והוא אינו תומך בלינוקס כברירת מחדל, השלושה המתוארים לעיל הם בחירה מצוינת. מלבד היותם חינמיים, עורכים אלה גם מתגמלים את המשתמשים שלהם בתוצאות מצוינות.

אם אהבתם את המאמר, שתפו אותו עם חבריכם:

עדכון (20170929): אני משתמש ב-Pinegrow IDE המדהים (https://pinegrow.com) בשנה האחרונה ואני ממליץ עליו מכל הלב. BlueGriffon, שהזכרתי להלן בתשובתי לפני כמה שנים, מְיוּשָׁןוהוא נמצא הרחק מאחורי Pinegrow בפיתוח.

אני ממליץ על BlueGriffon. זה בחינם, עשיר בתכונות, עובד בכל הפלטפורמות הגדולות ויש לו הרבה תוספות נחמדות, חלקן מסחריות. יש לי תוסף CSS (מסחרי) ואני מאוד מרוצה ממנו. השתמשתי ב-KompoZer לפני שמצאתי את BlueGriffon. אני מאמין בענווה שאמאיה לא יכולה להתחרות בשני אלה.

אלטרנטיבה טובה היא Eclipse עם תוסף WYSIWYG כלשהו כמו "פרויקט הכלים של JavaServer Faces (JSF)" שהוא חלק מ-"Eclipse Webtools".

שיאן

למרבה הצער, BlueGriffon לא יציב: ברגע שאני לוחץ על חלקים מסוימים בלוח הבקרה, הוא קורס עם תקלת פילוח.

user1908895

למרבה הצער, Blue Griffon אינו קוד פתוח ואינו חינמי. אה, אתה יכול להוריד את זה קובץ הרצהוהמקור זמין. אבל זה היה קשור לכל פונקציונליות שימושית. אתה צריך לקנות תוספים בקוד סגור כדי לגרום לתוכנית לעבוד. כמו כן, נראה שהוא נטש את 32 סיביות משתמשי אובונטו. יש לי סיבות עסקיות להשאיר את החברה שלי ב-12.04LTS זמן רב ככל האפשר כדי לשמור אותנו בקור. לבסוף, נטישת ה-API של XUL פירושה שתוכנית זו, יחד עם כל האחרים המשתמשים ב-XUL API, ימותו. לא מוצר לבזבז את זמנך. ג'ון

פאחים מיתה

הייתי צריך לעשות עריכה מהירה ומלוכלכת של דף HTML, ו קובץ בינארי, שהורדתי מאתר BlueGriffon, עבד בשבילי (Debian jessie). עם זאת, זה לא זמין בדביאן/אובונטו, אם כי ב