New Tags and Depreciated Tags in HTML5
New tags in HTML5:
| Tag | Definition |
|---|---|
| <article> | Defines an article |
| <aside> | Defines content from the parent content |
| <audio> | Defines sound content |
| <canvas> | Defines graphics |
| <command> | Defines a command button |
| <datalist> | Defines a dropdown list |
| <details> | Defines details of an element |
| <embed> | Defines external interactive content or plugin |
| <figcaption> | Defines the caption of a figure element |
| <figure> | Defines a group of media content, and their caption |
| <footer> | Defines a footer for a section or page |
| <header> | Defines a header for a section or page |
| <hgroup> | Defines a group of ‘h’ elements |
| <keygen> | Defines a generated key in a form |
| <mark> | Defines marked text (eg highlighted text) |
| <meter> | Defines measurement within a predefined range |
| <nav> | Defines navigation links |
| <output> | Defines some types of output |
| <progress> | Defines progress of task of any kind |
| <rp> | Used in ruby annotations to define what to show browsers that do not support the ruby element |
| <rt> | Defines explanation to ruby annotations |
| <ruby> | Defines ruby annotations |
| <section> | Defines a section |
| <source> | Defines media resources |
| <summary> | Defines the header of a detail element |
| <time> | Defines a date or time |
| <video> | Defines a video |
Depreciated Tags in HTML5:
| Tag |
|---|
| <acronym> |
| <applet> |
| <basefont> |
| <big> |
| <center> |
| <dir> |
| <font> |
| <frame> |
| <frameset> |
| <noframes> |
| <s> |
| <strike> |
| <tt> |
| <u> |
| <xmp> |
Vote to let others know this is a helpful article!
(Be the first to vote!)
Loading ...Posted in Freelance, XHTML, CSS, PHP | Tagged with: html5, html5 tags
Managing Your NextGen Gallery
The NextGen Gallery plugin for Wordpress is widely used and offers enough options to fit almost any needs. Because of this I won’t be able to cover all of the functions in one tutorial so we will stick to creating and managing galleries and uploading images to those galleries in this walkthrough.
1. Once you login to your Wordpress dashboard, expand the ‘Gallery’ menu option near the bottom of the left-hand navigation and check out your options. We are going to select ‘Add Gallery / Images’ for this walkthrough.
NextGen Gallery Menu
2. Now we are given four options. We want the first so we will leave the other three alone for now. They are pretty self-explanatory so don’t be afraid to jump in to them. Write your new gallery name into the box and click ‘Add Gallery’.
Enter the new gallery name.
3. The successful creation of the gallery will be shown by a box appearing above. Take note of the tag that it shows you here! Simply copy and paste this tag into a Wordpress post or page to display the gallery.
The gallery was created successfully!
4. Now we need to add some images to our new gallery. Select the ‘Upload Images’ tab above.
Select the 'Upload Images' tab.
5. First select which gallery you would like to upload images to. We will choose our newly created gallery ‘Sample Gallery’. Next click the ‘Browse’ button to select the images to upload.
Select which gallery to add the new images to.
6. Navigate through your computer to find the images that you wish to upload. You can select multiple images by holding down shift while you click on the images. When you’ve selected all the images that you need, click ‘Select’ or hit enter.
Select the images to upload.
7. Now you well see a list of images selected. You can remove any images or change the gallery now. But if it all looks good to you simply click ‘Upload Images’.
Remove images, switch the gallery or click 'Upload'
8. As the images upload, you will be shown the progress above.
The uploading process will be displayed.
9. Now that we have successfully created a new gallery and added images to it, we need to make some changes. Look back down to the bottom left side the navigation where we started. Click on ‘Manage Gallery’.
Click 'Manage Gallery'
10. This will take you to the ‘Gallery Overview’ where you will see a rough overview of all of your galleries. Click on the name of the gallery that you want to edit. In this case I will click on ‘Sample Gallery’.
Select the name of the gallery that you want to edit.
11. Now we can see and edit basically anything about our new gallery. But to keep this short, I’ll focus on the two most important options.
The overview of the gallery.
12. Each image has a text box for the Alt and Title tag and for the Description. The first text box is for the Alt and Title. Basically, the text you put in here serves three main functions.
- This text will appear when someone places their mouse over the image.
- This text is used by screen readers for the visually impaired (so it should accurately describe the image!)
- This text is what Google (and other search engines) will see in place of the image.
So you can see how leaving the Title text as ‘09′ would be shameful. The second text box is for the image description. The image description may or may not be displayed depending on how your Wordpress theme is designed.
Edit the image Alt and Description tags
13. The other important function is the ability to sort the images in the gallery. Click on ‘Sort Gallery’ to be taken to the sorting page.
Select 'Sort Gallery' to change the display order of the images.
14. Here we have several set options including the ID, Filename, Alt/Title Text and the Date/Time it was uploaded. With each of these options you have the ability to set whether it is sorted Ascending or Descending. But most importantly you can also drag and drop the images to sort them in any way you like. And when you are finished sorting, simply click ‘Update Sort Order’ to save the new positioning.
Customize the sort order of the images.
And that is it! The quick and dirty run through of adding a new gallery in NextGen, adding images and editing the images and sorting order. In roughly five minutes you can create a full gallery and have it displayed on your website. It doesn’t get much easier than that!
Download the NextGen Plugin from the Wordpress Plugin Directory: NextGen Gallery
See all of the allowed template tags and allowed functions on the plugin’s author’s website: NextGen How-To’s
Forward Your GoDaddy Domain
1. Visit GoDaddy’s website (www.godaddy.com) and log in using the form at the top of the page.
Click on Domain Manager
2. A new window (or tab depending on your browser settings) will open displaying your GoDaddy Domain Manager. Choose the domain that you wish to forward. In this case we will be forwarding the domain ‘theartofco.de’.
Choose the domain you wish to forward.
3. Now you should be looking at the settings panel for the domain that you selected. Hover over the ‘Forward’ icon and click on ‘Forward Domain’ from the drop menu that appears.
Click on 'Forward Domain'
4. A window will pop up with the domain forwarding options. Enter the address that you wish to forward your domain to. If you click on ‘Advanced Options’ you can also set your redirection type and masking. (If you don’t know what these are, check out GoDaddy’s information boxes below these settings.)
Set the forwarding URL and options.
5. Finally, click on ‘OK’. A final window will appear letting you know that the changes will take a while before they take effect. Now your domain is successfully forwarded!
Customizing Your Wordpress Permalinks
1. From the Wordpress dashboard, hover over the ‘Settings’ tab and click the arrow that appears on the right hand side of the tab to expand the menu down.
Expand the settings tab.
2. Click on the ‘Permalinks’ menu option.
Choose the permalinks section.
3. Choose your permalink settings.
Set your permalink structure.
Available structure tags:
- %year%
- %monthnum%
- %day%
- %hour%
- %minute%
- %second%
- %postname%
- %post_id%
- %category%
- %tag%
- %author%
So to give you an example, lets imagine you published a post in 2009, named ‘My New Post’ which had the ID of ‘321′ and the author was ‘greg’ and it was posted in the category ‘News’.
This structure: %year%/%author%/%post_id% would display like this: 2009/greg/321
And this structure: %year%/%category%/%postname% would display like this: 2009/news/my-new-post
Note: The slashes (‘/’) that I added are optional. I use them because it makes the URL easier to read and remember. If you left them out of our second example it would look like this: 2009newsmy-new-post
If you are looking for some more reading, and a full rundown on the available permalink structure tags and the different combinations, visit the official Wordpress ‘Using Permalinks‘ page.
Vote to let others know this is a helpful article!
(0 rating, 2 votes) Loading ...Posted in Support, Wordpress | Tagged with: permalinks, Wordpress
How To Check Your JustHost Email
1. Go to the JustHost website (www.justhost.com) and click ‘Login’.
JustHost.com
2. Enter your username and password to login into the JustHost control panel. [If you have lost or forgotten your login information, request it here.]
The JustHost cPanel Login
How To Use the JustHost File Manager
1. Visit the JustHost website (www.justhost.com) and click ‘Login’.
JustHost.com
2. Enter your username and password and click ‘Login’.
JustHost cPanel Login
3. Find the ‘Files’ panel and click on the ‘File Manager’.
Click on 'File Manager' in the 'Files' panel.
Vote to let others know this is a helpful article!
(+3 rating, 3 votes) Loading ...Posted in File Management, JustHost, Support | Tagged with: file manager, ftp, Hosting, JustHost
How To Create A Post In Wordpress
1. When you log into your Wordpress website you will be taken to the dashboard. Hover over the ‘Posts’ tab and a arrow pointing down will appear on the right-hand side of the tab. Click this arrow.
Click on the 'Posts' tab.
2. Click on ‘Add New’.
Click on 'Add New'
3. Now you can add your post title in the first text box. Below that, add your post content into the large text area.
Add a title and content for your post.
How To Use the GoDaddy File Manager
1. Visit GoDaddy’s website (www.godaddy.com) and log in using the form at the top of the page.
GoDaddy.com
2. Hover over the ‘Hosting’ tab and click on the link ‘My Hosting Account’.
Click 'My Hosting Account'
3. All of your hosting accounts will populate in a list. Click on ‘Manage Account’ next to the account that you wish to manage.
Choose the correct hosting account.
Vote to let others know this is a helpful article!
(+1 rating, 5 votes) Loading ...Posted in File Management, GoDaddy, Hosting, Support | Tagged with: file manager, GoDaddy, Hosting
How To Check Your GoDaddy Email
1. Visit GoDaddy’s website (www.godaddy.com) and log in using the form at the top of the page.
GoDaddy.com
2. Hover over the ‘Email’ tab and click ‘Check My Web Mail’ in the drop down menu.
Click on 'Check My Web Mail'
3. Login using your email username and password.
GoDaddy Web Mail Login Form
Read the rest of this entry »
