RSS

Tag Archives: WordPress

LEARNing The Basics Of HTML To Use In Blogs

LEARNing The Basics Of HTML To Use In Blogs

.

Collaboration and Coaching

 

.


WHAT is HTML?

1ibdy1vf6wghd-n05dgl-aigainformation1Text from Wikipedia:

HTML or HyperText Markup Language is the standard markup language used to create web pages.

HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). HTML tags most commonly come in pairs like <h1> and </h1>, although some tags represent empty elements and so are unpaired, for example<img>. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags).

A web browser can read HTML files and compose them into visible or audible web pages. The browser does not display the HTML tags, but uses them to interpret the content of the page. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language rather than a programming language.

 


WHAT HTML is supported on WordPress?

Beginning HTML

A basic understanding of HTML can help you get more out of your WordPress.com site. This article explains how.

WordPress.com provides you with a Text editor, so that you can see the HTML markup of each of your posts and pages. Switching over to the Text editor gives you some additional editing options, and can help clarify why your posts look the way they do.

How can I view my HTML?

To get started, go to your blog’s dashboard and edit any post or page — try this first with a post you already wrote, so you can see what the HTML looks like. Click on the Text tab above the editing area (next to the Visual tab): see PIC below, please.

.

screen-shot-2013-10-29-at-4-07-45-pm

.

Read more from WordPress Support sites below:

.


The So Called “Silverline” By Readers As YOU See Above

book-question-markThe So Called “Silverline” By Readers, is in fact called “Horizontal Rule”. 

Definition and Usage

The <hr> tag defines a thematic break in an HTML page (e.g. a shift of topic).

The <hr> element is used to separate content (or define a change) in an HTML page.

TIP: to bring in the <hr> (SilverLine) on the right place, follow these steps, please:

.

.

Mausi-idée.

.
Make a “Marker”, such as +++++++++++++++++++++++ exactly there where YOU want to have the “SilverLine”. Click NOW the “Text” tab in the Editor and search for the ++++++++++++++++++. Delete that “Marker” and replace it with the <hr> Tag.

.

.

.


The Text Box

Chat iconWE use a little trick here as WE create a “Table” with ONLY one row and one column, where WE can chose ALSO the background color.

Definition and Usage

The <table> tag defines an HTML table.

An HTML table consists of the <table> element and one or more <tr>, <th>, and <td> elements.

The <tr> element defines a table row, the <th> element defines a table header, and the <td> element defines a table cell.

A more complex HTML table may also include <caption>, <col>, <colgroup>, <thead>, <tfoot>, and <tbody> elements.

Learn more:

.

Here below is the complete HTML code:

<p style=”text-align: justify;”><span style=”color: #ffffff;”>.</span></p> <table border=”2″ cellspacing=”2″ cellpadding=”1″ width=”100%”> <tbody> <tr valign=”top” bgcolor=”#d9d9ad”> <td> <p style=”text-align: justify;”><strong><span style=”color: #000000;”>Here is the complete HTML code:</span></strong></p> </td> </tr> </tbody> </table>

.

Copy that code and paste it into the Editor in the “Text” part of the WordPress Editor. Replace the “Here below is the complete HTML code:” with YOUR own text.

.

To change the background color YOU need to change the 6 digit value of ===> bgcolor=”#d9d9ad” <===. Example: let’s say that WE want to have an orange background, so WE change it to ===> bgcolor=”#FF9900″ <===

<p style=”text-align: justify;”><span style=”color: #ffffff;”>.</span></p> <table border=”2″ cellspacing=”2″ cellpadding=”1″ width=”100%”> <tbody> <tr valign=”top” bgcolor=”#FF9900″> <td> <p style=”text-align: justify;”><strong><span style=”color: #000000;”>Here is the complete HTML code:</span></strong></p> </td> </tr> </tbody> </table>

 

.

Hexadecimal color codes:

Best way is to use the “HTML Color Picker” ===> http://www.w3schools.com/tags/ref_colorpicker.asp <=== to get the right hexadecimal code, try it out, it’s easy 😉

.


Showing HTML Code As Text In Online Posts

programmerman-animatedThe HTML character encoder converts all applicable characters to their corresponding HTML entities. Certain characters have special significance in HTML and should be converted to their correct HTML entities to preserve their meanings. For example, it is not possible to use the < character as it is used in the HTML syntax to create and close tags. It must be converted to its corresponding &lt; HTML entity to be displayed in the content of an HTML page. HTML entity names are case sensitive.

Thus meaning: YOU can’t copy&paste HTML code as text, YOU MUST convert it! Check the website below, please:

 


Educate YOURSELF!

Got interested to learn more about HTML and/or about any other programming language? Why not educating yourself on W3SCHOOLS, click the image to go to their website.

.

W3SCHOOLS

.

 


.

Keywords necessary for me to create this blog post: HTML, W3SCHOOLS, mostly used HTML Tags, Tags, HTML Editor, HTML4 & HTML5, Textbox in HTML, CSS, Cascading Style Sheets…

.

Was this useful for YOU? If YES, please click the button “Like” and/or leave a comment, thanks.

.

Stay tuned for next blog post(s) 😉

.

.

 

Tags: , , , , , , , , , , , , , , , ,

Curation: The 21st Century Way To Learn On Its Own Pace And To Organize THE Learning?

Curation: The 21st Century Way To Learn On Its Own Pace And To Organize THE Learning?

.

Evolution of Education: Wordle Logo.


Curation: The 21st Century Way To Learn On Its Own Pace And To Organize THE Learning?

Already since 2011 I use Curation for my learning and through it I built my “Professional Knowledge Management“, called also PKM. But WHAT is Curation?

5-Steps-for-Content-CurationFirst I was wondering about this new trend and was not sure what to do with it, but after some research on Internet about it I found out that curation to me is the best way to collect articles which I select through quality criteria, which I can archive under different topics and which I find easily back through the “Tags”, as the “Tags” play the role of a table of content. For a Life-Long-Learner like me curation is like a treasure of knowledge and information that is getting shared through the online community.

Through curation one has the possibility to FREE online learning and through sharing it on Social Media to create a community with the same interests. This community is called a “PLN” (Personal [Professional] Learning Network).

Curation could also save people of same interests a lot of time and provides them with valuable content which could get used to link back to them in written articles, blogs, web sites and social media sites. Also one learns from each other in the curation community as one has the possibility to follow interesting curation.

As an ICT course instructor most of my curation is related to educational content and so I provide the curate content to an educational audience and to people who are willing to learn. Therefore I see curation also as help for a collective global learning and a contribution to a collective intelligence.

Read the full article here:

 

 

BUT, WHY and HOW do I use Curation for my PKM (Personal [Professional] Knowledge Management)?

Content Curation gives me the freedom to OWN my learning, through well chosen sources on the internet, and by giving them the right “Tags” it allows me to find the sources easily back later. BUT first of all I read the articles before I curate them, so I learn through the reading and as more often I do this as BETTER my brain gets trained to understand very quickly!

.

 

Learn more:

Curation itself is nothing new, since 1998 I used the same system already with Word documents (in my documents I used keywords at that time…) to create my own learning; curation platforms although have a nice user interface, integrated Social Media sharing options and a possibility for “Tags” creation, as also included statistics!

To me, Curation together with Social Media (especially twitter) and blogging is THE BEST way to learn and ALSO for teaching online!

Synthesizing Mind-5 Minds for the future

Through THESE daily routines I learn very quick!!

Check out my Curation site, please:

 

And for the “Learning-To-Learn“, please check my blog posts below:

 

Keywords necessary for me to create this blog post: Curation, tags, user interface, UI, Lord of Curation, SEO, Learning To Learn, PKM, PLN, Social Media, twitter, Synthesizing Mind, …


.

GUST-AVRIL2014-800px-2.

L’auteur Gust MEES est Formateur andragogique / pédagogique TIC, membre du “Comité Conseil” de “Luxembourg Safer Internet” (LuSI), appelé maintenant BEESECURE, partenaire officiel (consultant) du Ministère de l’éducation au Luxembourg du projet  ”MySecureIT“, partenaire officiel du Ministère du Commerce au Luxembourg du projet ”CASES” (Cyberworld Awareness and Security Enhancement Structure).

.


The author Gust MEES is ICT Course Instructor, ”Member of the Advisory Board” from “Luxembourg Safer Internet” (LuSI), BEESECURE, Official Partner (Consultant) from the Ministry of Education in Luxembourg, project “MySecureIT“, Official Partner from the Ministry of Commerce in Luxembourg, project “CASES” (Cyberworld Awareness and Security Enhancement Structure).


...

Stay tuned for next blog post(s) 😉

 

.

.

 

.

 

Tags: , , , , , , , , , , , , , ,

PracTICE: Using Blogs For Home Work To Get ICT Skills and Creativity

PracTICE: Using Blogs For Home Work To Get ICT Skills and Creativity

.

Evolution of Education: Wordle Logo

.

This is the second blog about “Blogging” and in the first one ===> PracTICE: Using Blogs for Critical Thinking and Proactive Thinking <=== WE were talking about WHAT would be the BEST way to introduce the students (learners) to blogging. NOW, lets go for a practical example where the teachers (educators) tell the students (learners) to create a blog on a specific topic. It should be a topic WHERE there will be a lot of engagement from the students and from WHAT they would get a maximum out of ICT SKILLS, creativity, use of the technology (camera, smartphone, photo camera…), Social Media knowledge, communication, Social Learning, preparation knowledge, privacy knowledge (not publishing blog…), working in a team, collaboration

.

SO… WHAT could that be for a topic? Well, I think that something everybody could do is to write a blog about WHAT any single person makes probably different, ===> WHAT are WE eating at home? <===

sharing-iconOf course, if someone of YOUR students (learners) OR parents don’t WANT and allow to use that topic, leave it FREE to them to chose another topic! Make sure ALSO that the parents sign a paper that they agree with such an action as it goes into PRIVACY!

Other possibilities could be: pet, sport activities, reading (my books…), games (games which I play…), my hobbies (some have more than one hobby…), my friends hobbies… Talk to YOUR responsible psychological person in YOUR school, in case if YOU have kids with problems to find out WHAT could be the BEST way to get THEM also ===> engaged in that learning process <===

.

OR perhaps about an excursion which YOU made with the students, I recommend to visit my following blog to find out about the possibilities:

.

Have a look below, please, how this could look. I prepared myself a blog about what’s served on a table in Luxembourg (Europe), to give YOU an idea:

.

Depending in which country and/or state YOU are living, this could cause problems as well because of social status and privacy and certain parents wouldn’t allow such actions (NO one needs to know what’s happening in our family…)… Feel FREE to prepare a form which YOU handle out to the parents to hear THEIR opinion about it and tell THEM that THEIR kids (students, learners) are NOT forced to apply to it and could use another topic as already mentioned above… YOU will NEVER get a 100% agreement, BUT YOU could make the project a worth way to create together a project THAT shows the different ways HOW people THINK and HOW to show THAT it is STILL possible to create a COMMON project WHERE people are working together!

YOU will face the problems of REALITY from the REAL-WORLD by using the possibilities of the VIRTUAL-WORLD and YOU will be able to discuss these problems as well with YOUR students (learners) ===> Critical-Thinking and Proactive-Thinking… <=== Do YOU have this courage!???

Explain THEM also WHY it would be a good idea to agree to that project because of:

  • Students would work together to exchange about life, about the REAL-WORLD…
  • Students will learn from each other about different ways of life…
  • Students will learn how to use their smartphones and how to blog, learning about Social Media, blogging, getting 21st Century skills, how to combine smartphones, tablets, using THEIR creativity, working in a team, how to edit and correct photos for BETTER quality
  • Students will learn how to stay private while using blogs, securing their privacy so, because the teacher (educator) WILL FIRST HAVE A LOOK ON IT AND GIVE ADVICE before publishing the final version…
  • Students will learn to accept each other whatever their social status is…
  • Students prepare first THEIR own blog and than later a selection of the photos from each student will get used on THE COMMON COMMUNITY BLOG, where the students write also THEIR experience to document it…

.


The needed Tools And Services-The Preparation

.

ruotadentata2architet01First of all, WE need a FREE blogging service. I recommend WordPress as it is very easy to use and as it allows the students to chose from a variety of templates, so each student could use its own template to show its creativity. Then WE need ALSO an easy to use and a multi-platform (any OS compatible) PHOTO-EDITOR, where I recommend PHOTOSCAPE for Windows users ONLY, and GIMP (Windows, Linux, Mac) see below the links:

.


Keep It Private Till Everything Is Checked In Depth

.

Private publishing in WordPress.

.

As already mentioned above, students blogs should get kept private, WordPress offers this (check left hand screenshot) till the teacher(s) checked them in depth to make sure that their isn’t any privacy problem such as:

                    • Students took photos of parents and sisters, brothers: do THEY agree to that the photos will get published on the internet?
                    • Photos are using the GPS tracking and show WHERE the real location is! THIS is NOT good and the tags should get removed before publishing!
                    • WHAT is Geotagging?

.

.

.

.

Check out the video below, please, to understand WHY it is important to remove the EXIF and GPS data!

.

.


How To Remove The GPS Tracking Of Photos

The GPS Tracking of photos SHOULD get disabled first of all in any device, smartphones, iPad, iPhone! SHOW the students (learners) how to do this while following the tips of the below links:

Another trick is, while using PhotoScape, to remove the EXIF information and any other information, see screenshot below.

.

PhotoScape settings for privacy

.

Camera information – Exchangeable image file format (Exif)

.


Useful Tips For Creating Blogs

.

book-question-markTo make sure for NOT loosing the topic of the created blog(s), I suggest to add at the bottom some reminder, the keywords which explain about WHAT the blog should be and ALSO the guideline for the students (learners), as shown below.

.

===> create blogs private, teacher checks blog & discusses with learners in a group, photos will get later ALL published in one blog as a TEAM blog, blog will get used with other students on a global view, like Skype, global exchange of habits to know each one better, social global approach… <===

.

This blog was created to make YOU THINK, to know about possible problems, to make YOU Critical-THINKing persons and Proactive-THINKing persons, use it as such, please 😉

.

Stay tuned for next blogs 😉

.

.

 

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,