|
|
|
This tutorial discusses the use of header tags and semantic code within DotNetNuke skins.
Using header tags can increase accessibility, enabling for instance speech browsers to understand the content of your pages, as well as the added benefit of enabling search engines to easily index your content. Header tags allow search engines to identify the topic of your website page, which should improve your search results.
The overall theme here is to allow various browser types / search engines to easily understand and interpret the content within your website pages and to create semantic code.
We analyze 5 pro websites for their design techniques and then apply these techniques to a DotNetNuke skin.
This tutorial is available as a 40 page PDF book.
Read More..
The Free DotNetNuke Skinning Toolkit is an additional resource website that has been created by DNN Creative Magazine as issue 10 of the magazine.
The 98 page Skinning Toolkit demonstrates all of the skin classes within DotNetNuke so that you can easily view, search and learn how to style the various elements within a DotNetNuke skin.
In particular learn how to style the Solpart Menu, TreeMenu, Module Settings Menu, FileManager, Wizard, Main DNN classes (breadcrumbs, login links etc.)
Read More..
One of the regular problems skin designers come across when creating their own skins is un-explained styles appearing in their designs.
This tutorial explains the various CSS files that are used within DotNetNuke and how inheritance works between each of the CSS files for styling your DotNetNuke skins.
Once you understand inheritance you can reduce the amount of code required to create a DNN skin and therefore decrease the load time of a page.
Free example CSS files are included for download.
Read More..
Contrary to popular knowledge, the SolPartMenu provides full capabilities for options including root menus, child menus, vertical displayed menus and more. Knowing these flexibilities exist leads the designer into better and more adaptable website skins, as well as more robust and friendly navigation systems not ordinarily realized by most DNN users.
This article provides a deeper insight, as well as a few suggestions into the standard, yet not so well known, attributes of the SolPartMenu Skin Object.
Read More..
Version 2 released May 2006
Version 1 created August 2005These free video tutorials are for beginners to DotNetNuke. They give you a quick overview of DNN with just enough information to get you going, without becoming lost in the full details.
These videos provides a foundation for getting started with DotNetNuke and will lead onto the other tutorials which provide more detailed explanations.
The DNN Quick Start Guide videos cover:
- How to secure your DotNetNuke portal
- Changing the passwords of the admin and host accounts
- Explanation of the admin edit area, content panes and modules
- Deleting modules from the Home Page
- Inserting two Text / HTML modules to the page
- Using the Text / HTML module to add text and images
- Using the links module, adding links to the page
- How to preview the DotNetNuke website
- Using the image module
- Changing the look of a DotNetNuke portal
- Using Containers: Removing containers
- How to change a container
- How to change the skins for a DotNetNuke portal
- How to change and upload a new logo
- How to add pages
- How to add sub menu and sub sub menu items
- How to move modules around the page
Total Time Length: 40min 17secs
Read More..
This is part of the How did they build it …? series of interviews.
This is an email interview with Tim O’Brien from O’Brien IT who has created http://www.obrienit.se
This is an interesting website because it uses CSS for the layout of the website, rather than tables. At present, there are not many DotNetNuke websites that use CSS for the layout on commercial websites, so this is a particularly interesting website.
Even more interesting is that this site fully validates to the W3C standards. This is the first DNN site that I have come across that fully validates
Read More..
This tutorial outlines what not to do when working with the Text/HTML module. We then outline the methods that you should use when adding content to the Text/HTML module.
This is a list of practices we have come across when beginners first use the Text/HTML module which you should try to avoid.
Read More..
This free video tutorial demonstrates how to install the FCKEditor. This editor can be used to replace the FreeTextBox editor that comes as standard with DotNetNuke.
The FCKEditor is a WYSIWYG text editor that allows you to add text and image content to your modules. The main module that you will use with the FCKEditor is the Text/HTML module.
I personally always replace the FreeTextBox editor with the FCKEditor as I find the FCKEditor to be more stable and reliable than the FreeTextBox editor. - Highly Recommended.
Read More..