With it's intutive interface

HTML Templates

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.

template edtitor

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.

select template

HTML templates can be selected for each page using the "Settings" function of the Content Editor.

HTML Editor

Edit pages intuitively with the same feel as your usual editor, complete with syntax highlighting, code folding, and more.

contents edtitor

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
The following function icons are displayed at the top of the screen.
Undo Undo (same as shortcut key ctrl+z)
Redo Redo (same as shortcut key ctrl+y)
Split screen vertically Split screen vertically
Split screen horizontally Split screen horizontally
Show/hide indent guide Show/hide indent guide
Show/hide invisible objects Show/hide invisible objects such as tabs and line breaks
Insert widget Insert widget

Visual Editor

B-studio divides editing functions according to skill type. Use the HTML Editor for layout changes, the Visual Editor for replacing images, etc.

template edtitor

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.

PHP Editor

Control web page dynamics with the PHP Editor.

PHP editor

When displaying a page, PHP is executed in the following order.

  1. Code entered in the Template's PHP Editor
    Executed from top (global) to bottom (sub-) templates
  2. Code entered in the Content's PHP Editor
  3. Code embedded in HTML for templates, content, and widgets
    Executed from top to bottom of HTML

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.

Resource Manager

All images and files used on the website are organized in the Resource Manager.

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.

Resource Manager javasciprt

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.

Resource Manager upload files

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.

Resource Editor

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.

widget edtitor

Created widgets can easily be set in either the Content Editor or Template Editor. 

template edtitor

Version Manager

Control your entire B-Studio site with the Version Manager.

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.