|
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+?
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.
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.
Webster+ supports both generic and custom templates for page rendering, giving developers control over the layout and structure of their Web applications.
Yes. Click the following link to access a Webster+ demo application: Test Drive Webster+.
See Webster+ Setup and Configuration for details on installing and setting up Webster+.
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.
Webster+ is compatible with Apache, EZWeb Server and IIS.
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.
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+.
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.
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>
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.
Yes. It has the highest priority among all CSS styling methods: inline, internal/embedded, and external.
No. The style applies only to that specific element and does not affect any others.
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.
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.
Yes. Webster+ offers optional two-step authentication (TFA) that can use SMS or email verifications for enhanced security.
Webster+ includes a security system that manages user registration, password control, and SMS/email interfaces for security-related tasks. See System Security.
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.
Yes. It allows the creation of dynamic HTML 5 compatible pages using Short Codes, enhancing the versatility of Web applications.