Webster+ Frequently Asked Questions
This page provides answers to some commonly asked questions about the Webster+ Web development toolkit, including setup, configuration, development best practices, and troubleshooting.
General
How does Webster+ handle Cascading Style Sheets (CSS)?
What templating options are available in Webster+?
Is a demo application available for experimenting with Webster+?
Setup and Configuration
Does Webster+ include any CSS-related configuration options?
Which Web servers are compatible with Webster+?
What is the Force JS/CSS Reload option in Webster+ configuration?
CSS Hierarchy
What is the CSS hierarchy (or order of specificity) in Webster+?
What is the recommended approach for applying CSS in Webster+ applications?
Inline CSS
Can I apply inline CSS within Webster+?
Does inline CSS override my other external CSS style sheet?
Internal/Embedded CSS
Can I use internal CSS (<style> tags) with Webster+?
Development
How do I troubleshoot a Web page?
Security
Does Webster+ support Two-Factor Authentication?
What utilities does Webster+ provide for security management?
Are there tools for managing user access in Webster+?
Can I generate dynamic HTML pages with Webster+?
What is Webster+?
Webster+ is a toolset designed for creating browser-only applications and facilitating Web page generation and Web site setup. It uses a REST-style interface and includes various setup/configuration tools, a menu system, and a security framework.
How does Webster+ handle Cascading Style Sheets (CSS)?
Webster+ follows standard CSS specificity rules. Inline styles have the highest specificity, followed by internal/embedded styles, and then external styles. When rules have the same specificity, the one declared last takes precedence.
What templating options are available in Webster+?
Webster+ supports both generic and custom templates for page rendering, giving developers control over the layout and structure of their Web applications.
Is a demo application available for experimenting with Webster+?
Yes. Click the following link to access a Webster+ demo application: Test Drive Webster+.
How do I install Webster+?
See Webster+ Setup and Configuration for details on installing and setting up Webster+.
Does Webster+ include any CSS-related configuration options?
Yes. The Webster+ Setup provides configuration options to include custom CSS code or a URL to an external CSS file that applies to all pages. See Customizations.
Which Web servers are compatible with Webster+?
Webster+ is compatible with Apache, EZWeb Server and IIS.
What is the Force JS/CSS Reload option in Webster+ configuration?
This option is used mainly for development testing to disable browser caching of CSS and JavaScript files. It ensures that your latest changes are reflected immediately without requiring a hard refresh or clearing of the browser cache.
What is the CSS hierarchy (or order of specificity) in Webster+?
The order of CSS rules that affect your page are:
External CSS Files | This is placed in the <head>...</head> section using the <link> tag. Any matching tags in this file are overridden from the default.css. |
Internal/Embedded CSS | This is the <head>...</head> section within the <style>…</style> tags. |
Inline CSS | This is the highest specificity and is applied directly to an HTML element using the style attribute. Example: <p style="color: blue;"></p> |
See How to Work with Styles in Webster+.
What is the recommended approach for applying CSS in Webster+ applications?
External CSS is highly recommended for Webster+ applications, just as it is for general Web development. It promotes maintainability, enhances reusability, and supports separation of concerns. It also makes debugging easier.
Syntax Example:
Add the <link rel="stylesheet" href="path/to/your/styles.css"> tag within the <head>…</head> section of your HTML.
Can I apply inline CSS within Webster+?
Yes. Inline CSS (using the style attribute directly on elements) is possible within Webster+. However, it is generally discouraged due to poor maintainability and specificity issues.
Syntax Example:
<p style="color: blue;"></p>
Where would I use inline CSS?
You would use it inside the opening HTML tag of the element it styles.
Syntax Example:
<p style="color: blue;"></p>
This will change all <p>…</p> elements content, the color blue.
Does inline CSS override my other external CSS style sheet?
Yes. It has the highest priority among all CSS styling methods: inline, internal/embedded, and external.
If I have multiple elements that are the same, such as <h2 style=…>, and I use inline style, will this affect my other <h2> elements?
No. The style applies only to that specific element and does not affect any others.
Can I use internal CSS (<style> tags) with Webster+?
Yes. You can embed <style>…</style> tags within the <head>...</head> section of your Webster+ HTML templates. This is an option for page/element specific styles or smaller applications, but external CSS is a preferred method for site-wide consistency.
How do I troubleshoot a Web page?
This can be done by using a couple of different methods.
You can press the F12 function key while on the Web page to open the DevTools window.
Alternatively, you can open Webster+ Setup, go to the system Config page, select Misc. and set the Enable MSGBOX directive option. This allows you to add message boxes to your code.
Does Webster+ support Two-Factor Authentication?
Yes. Webster+ offers optional two-step authentication (TFA) that can use SMS or email verifications for enhanced security.
What utilities does Webster+ provide for security management?
Webster+ includes a security system that manages user registration, password control, and SMS/email interfaces for security-related tasks. See System Security.
Are there tools for managing user access in Webster+?
Yes. Webster+ includes various site management tools to handle user registrations, access control, and security settings effectively.
See General Configuration, User Maintenance and Security Maintenance.
Can I generate dynamic HTML pages with Webster+?
Yes. It allows the creation of dynamic HTML 5 compatible pages using Short Codes, enhancing the versatility of Web applications.