Easily create global headers and footers by sharing one HTML template across all pages. Because websites are usually organized hierarchically, using HTML templates hierarchically allows you to manage your website more efficiently.
The HTML Editor for templates contains both a header section and a footer section. When creating a page with a template, new content is entered between these two sections of HTML. Because templates are organized hierarchically, you can create additional templates of sub-headers and sub-footers within templates. In this case, HTML would be created in the following order:
1. Global header HTML
2. Sub-header HTML
3. Content
4. Sub-footer HTML
5. Global footer HTML
Hierarchical organization can be applied not only to HTML, but also style sheets. For example, you can easily apply CSS to all pages using a global template.
HTML templates can be selected for each page using the "Settings" function of the Content Editor.
Edit pages intuitively with the same feel as your usual editor, complete with syntax highlighting, code folding, and more.
The following shortcut keys can be used in the HTML Editor.
ctrl+s | Save |
---|---|
ctrl+c | Copy |
ctrl+v | Paste |
ctrl+z | Undo |
ctrl+y | Redo |
ctrl+f | Search |
ctrl+f (twice) | Replace |
F3 (in search bar) | Find next |
shift+F3 (in search bar) | Find previous |
Undo (same as shortcut key ctrl+z) | |
Redo (same as shortcut key ctrl+y) | |
Split screen vertically | |
Split screen horizontally | |
Show/hide indent guide | |
Show/hide invisible objects such as tabs and line breaks | |
Insert widget |
B-studio divides editing functions according to skill type. Use the HTML Editor for layout changes, the Visual Editor for replacing images, etc.
The entire web page is displayed in the Visual Editor. Click on the area you wish to edit to display the edit control panel.
Because the Visual Editor allows you to change pages created in the HMTL Editor, dynamic HTML and JavaScript that use PHP are disabled in this view.
Control web page dynamics with the PHP Editor.
When displaying a page, PHP is executed in the following order.
Because template and content PHP is executed first, it is easy to adapt global headers and footers to different pages--just set a variable in the content PHP to be executed by widgets.
B-studio is built on the PHP framework "B-frame." Users can take advantage of the B-frame class library to create sophisticated programs with less code.
Please see the B-frame site (currently under construction) for details.
All images and files used on the website are organized in the Resource Manager.
Resources saved on the server are also organized hierarchically. Resource management operations are intuitive--right-click to access popup menu, drag and drop to move or sort, delete items using the "delete" key, and more.
Image files are not the only content that can be controlled in the Resource Manager. JavaScript files such as jQuery can also be uploaded and used just like ordinary websites.
Uploading files is easy. Click on the "Upload" button at the top of the screen and use the "Choose File" button to select a file. You can also drag and drop files into a directory to upload. Upload large amounts of data using .ZIP files--contents are automatically extracted after upload.
JavaScript uploaded to the server can also be easily edited--just double-click to open the editor in a new window.
Create content to be shared across multiple pages by using widgets. Widgets are versatile, and can be saved in a combination of HTML, CSS, and PHP. For example, both static content--such as side banners and site maps--and dynamic content--such as recommended content or access rankings--can be displayed across multiple pages if they have been created as widgets.
Created widgets can easily be set in either the Content Editor or Template Editor.
Control your entire B-Studio site with the Version Manager.
Actions such as editing or adding multiple pages to your website can be controlled in the Version Manager.
When a new version is created, it inherits all aspects of the current site. Once the site admin changes the working version, the published version will not be affected by any edits. Admins can view edits as they will appear to users without publishing the site by accessing the site in the browser already logged into the admin screen. After changes are finished, the revised site can be easily published by switching back the published version. It is also easy to switch back to previous versions.
When editing the published version, changes made in the admin screen are immediately reflected on the live site.
Once a new version is created, although it inherits all aspects of the current site, it does not inherit any changes made to the current site after its creation. If a large number of changes have been made to the original site after the new version was created, you can delete the new version and recreate it in order to inherit the latest changes. Because new versions inherit all aspects of previous versions, only the latest version can be deleted. In addition, the latest version cannot be deleted if it is set as the published or working version.
Because the Version Manager controls the entire site, it is necessary to exercise caution, especially if there are multiple site admins. When a version is published, all work on that version becomes public, even if revisions are not finished.
Admins can use the "Working Version" setting to view past versions of the website as well. Deleted pages, overwritten image files, etc. will all be displayed as published in previous versions. In other words, the admin can freely view past, present, and future versions of the site.