Home » Research » Library » Research Guides » History & Civilization » Past Courses » HTML Made Easy

Creating "easily" a Personal Web Page (CV)

 

The Hyper Text Markup Language (HTML)

and

Extensible Markup Language (XML) Standards

 

Institutions, concepts, tools

 

W3 Consortium in Geneva. (knowing more about the W3C and more at the Wikipedia). The W3C if offering some tutorials to learn how to use HTML. See for beginners: Getting started with HTML by Dave Raggett which is a short introduction to writing HTML, and also a tutorial on advanced features.

HyperText Markup Language (HTML/XHTML/XHTML2) Home Page which offer the W3C's home page for the HTML/XHTML 2 Activity. Here you will find pointers to specifications for HTML guidelines; information on how to use HTML to the best effect, and pointers to related work at W3C. See also the W3C HTML working group. (updated in 2010)

Definitions in the field of computer sciences. Try FOLDOC, (computing dictionary) at the Imperial College Department of Computing, London UK or the Webopedia, (online dictionary and search engine for computer and Internet technology definitions) or the Wikipedia for HTML and many other technical terms. Terms could be used also within generic search engines like Google or Bing, etc.. 

 

Basic standard elements of a web page:

HTML is [still today] the lingua franca for publishing hypertext on the World Wide Web. It is a non-proprietary format based upon SGML (Standard Generalized Markup Language) , and can be created and processed by a wide range of tools, from simple plain text editors - you type it in from scratch- to sophisticated WYSIWYG authoring tools. HTML uses tags to structure text into headings, paragraphs, lists, hypertext links etc. (HTML 4.01 specification in 1999 and 2011 HTML5 specifications.)

A short history of the web standards developments from 1990 (HTML) to nowadays. From 1998-2002, the W3C have developped a new markup language called XHTML: The Extensible HyperText Markup Language, now XML: "XHTML 1.0 is a reformulation of HTML 4.01 in XML, and combines the strength of HTML 4 with the power of XML. XHTML 1.0 is the first major change to HTML since HTML 4.0 was released in 1997.... You can roll over your old HTML documents into XHTML [with HTML Tidy Software, a new version of the old] Open Source HTML Tidy utility. This tool also cleans up markup errors, removes clutter and prettifies the markup making it easier to maintain...". Click here to download. Differences between HTML and XHTML ("Due to the fact that XHTML is an XML application, certain practices that were perfectly legal in SGML-based HTML 4 [HTML4] must be changed")

In 2010-2011, HTML is becoming a renewed web standard able to manage API's (Application Program Interface) for the web and the W3C is developping HTML5, the first new version of the standard since HTML 4.0 in 1998 ! "In 2003, the publication of XForms, a technology which was positioned as the next generation of Web forms, sparked a renewed interest in evolving HTML itself, rather than finding replacements for it. This interest was borne from the realization that XML's deployment as a Web technology was limited to entirely new technologies (like RSS and later Atom), rather than as a replacement for existing deployed technologies (like HTML)." (Full text here)

What is the lesson of this history of the technical development of the language used for the WWW ? That today, it is still important to understand how a basic HTML page is constructed in order to be able to develop easily one's own simple web page. Not always web CMS (Web Content Management Systems) are an immediate solution for the creation of a web page. This is true notwithstanding the definition of the CMS in Wikipedia as "a software system which provides website authoring and administration tools designed to allow users with little knowledge of web programming languages or markup languages to create and manage the site's content with relative ease".

All CMS are always offering the possibility to address the HTML coding and change the HTML tags instead of using a WYSYWIG editor.

 

URI "Uniform Resource Identifiers"

From W3C definition: "The Web is an information space. Human beings have a lot of mental machinery for manipulating, imagining, and finding their way in spaces. URIs are the points in that space. Unlike web data formats, where HTML is an important one, but not the only one, and web protocols, where HTTP has a similar status, there is only one Web naming/addressing technology: URIs. Uniform Resource Identifiers (URIs, aka URLs) are short strings that identify resources in the web: documents, images, downloadable files, services, electronic mailboxes, and other resources. They make resources available under a variety of naming schemes and access methods such as HTTP, FTP, and Internet mail addressable in the same simple way. They reduce the tedium of "log in to this server, then issue this magic command ..." down to a single click. It is an extensible technology: there are a number of existing addressing schemes, and more may be incorporated over time."

 

Browsers

The Browsers allow us to reproduce on the computer screen the content of a web page.

  • Yahoo directory of Web Softwares, browsers.
  • Statistics about browser's usage

Most used browsers:

 

Which HTML software's are available at the EUI and how to proceed creating my personal home page?

None HTML editing software's are today offered by the EUI ICT Service. See " research software " list

The EUI is using a web CMS (Content Management System) called Contensis with very strict editing rules for web authors and whihc is not available for academic members.

EUI Blogs are using the open source CMS called WordPress which is available for downloading on a server but could also be used online in the cloud if you subscribe to WordPress online blogging software. (The Atelier Multimédia is offering an introduction to WordPress blogging software)

But you may still wish to use an HTML editor to construct your own EUI web page ! You have only to take care of the few -but important- EUI rules about the page design, content and weight.

What to do if I don't know anything about HTML but I want to create a personal web page ?

  • Using Microsoft Office Word for transforming a *.doc document in a *.htm(l) or *.xml document with Microsoft tags.
  • Using Open Office Write for transforming a *.odt document in a *.html or *xml document.
  • Using Microsoft Outlook and saving the created document in a *.htm(l) format.
  • Using Microsoft Office (Excell or Power Point) saving the document in *.htm(l) or *.xml formats.
  • Saving directly a web page to be edited after using Microsoft Word or Open Office Writer.
  • Capturing web pages using Zotero, loading them in a browser, saving them outside Zotero to be edited using Microsoft Word or Open Office Writer

Creating a personal web page when knowing more about HTML on a WYSIWYG basis (What-You-See-Is-What-You-Get) ?

  • Read about a basic HTML introduction to HTML codes.
  • "Free HTML Editors, Web Editors, and WYSIWYG Web Editors and Site Builders"
  • Using the W3C browser/editor Amaya
  • Uisng the CareWare software Arachnophilia
  • WYSIWYG Web Builder 2x. The program generates HTML tags while you point and click on desired functions. You can create a Web page without learning HTML. Just drag and drop objects to the page position them anywhere you want and when you're finished publish it to your Web server. Web Builder gives you full control over the content and layout of your Web page.
  • Looking for other Freeware software's in Tucow's. Search for "free html editor"
  • Use Notepad (or any other ASCII editor) and create your page using directly HTML tags (for advanced HTML users)

 

The Curriculum Vitae as personal Home Page

 

Home Page or CV ? Different Personal Home Page at the EUI..

  • Where could I find personal Home pages at the EUI (Members and Fellows with contracts of 6 months or longer)
  • Different examples of EUI personal home pages from a the point of view of their content and presentation.
  • It is possible to construct your home page the way **you** want to build it

How could I create a Personal homepage at the EUI ?

(Some of the following links are only available in the EUI Intranet) A "writing for the web" PDF course is available from the EUI Web Unit. It helps to organize web information and pages.

The EUI Web Unit in the Communications Service offers information for elaborating web projects see "about the web site"

An EUI Web policy for Personal Page is also available (November 2011). 
See the following statements:

  • All personal homepages must as a minimum contain the EUI logo and name, in the left upper corner, functioning as a link to the Institute homepage.
  • The EUI name and logo must not be altered or used in part.
  • Templates are provided for easy use, but usage is not mandatory.
  • You find instructions on how to set up your personal homepage as well as templates here.
  • The EUI personal web page form is available here for registration. 
  • 3 Steps general EUI instructions on How to Create a Personal Homepage for Researchers, Fellows and Staff

How to find personal home pages and CV's on the Internet ?

  • What to do and how to proceed using the generic Search Engines ?

Europass and the European Curriculum Vitae

What is the Europass Curriculum Vitae (CV)? "Anyone who wants to use Europass can start by completing the Europass CV. The Europass CV enables you to make your skills and qualifications visible, and other Europass documents can be attached to the CV.

The CV was developed to give a comprehensive standardised overview of education attainments and work experience of an individual (Leonardo Da Vinci European Programme as part of the European Commission's Lifelong Learning Programme
This specific CV should provide information about: language competences; work experience; education and training background; but also about additional skills and competences acquired outside formal training schemes.

Five basic principles for a good CV following Europass:

  • Concentrate on the essentials: a CV must be brief: in most cases one to two pages are sufficient. In any event, do not exceed three pages.
  • Be clear and concise Use short sentences - Concentrate on the relevant aspects of your training and work experience - Explain any breaks in your studies or career.
  • Adapt your CV to suit the post you are applying for: Before sending your CV to an employer, check that it corresponds to the profile required. Do not include work experience or training which is not relevant to the application. Highlight your advantages according to the specific needs of the prospective employer. Beware: do not artificially inflate your CV; if you do, you are likely to be found out at interview.
  • Take care over the presentation of your CV : Set out your skills and competences clearly and logically, so that your advantages stand out. Pay attention to details such as spelling and punctuation. 
    NB: Print your CV on white paper. Retain the suggested font and layout
  • Check your CV once you have filled it in Remove any spelling mistakes, and ensure it is laid out clearly and logically. Have someone else re-read your CV so that you are sure the content is clear and easy to understand.

Using theEuropass CV, You have three options:

  • Create your Europass CV online now following the online instructions and examples. You will then receive the completed CV electronically (download or e-mail).
  • Download the Europass CV documents (blank template, instructions, examples and Europass cover page). You will then use this information to generate your CV on your computer.
  • Update your Europass CV (XML or Adobe® PDF + Europass XML) If you already have a Europass CV in XML or Adobe® PDF + Europass XML format, you can upload it and update your data. Your personal data will be automatically inserted in the system.

The CV should promote mobility of individuals by making qualifications visible and by making learning visible together with a Europass Language Passport which should evaluate your language skills. 
Using the Europass Language Passport, you have three options:

  • Create your Europass Language Passport now using online instructions and examples. You will then receive the completed Language Passport electronically (download or e-mail).
  • Download the Europass Language Passport documents (blank template, instructions, examples and Europass cover page). You will then use these documents on your computer.
  • Update your Europass Language Passport (XML or PDF+XML) If you already have a Europass Language Passport in XML or PDF+XML format, you can upload it and update your data. Your personal data will be automatically inserted in the system.

How could I now convert my CV into a web page ?

If you followed this lesson until now..., you may have succeeded to gather some useful information... :-) So this last part of the lesson is for you to play with !

 

Page last updated on 15 July 2020