Skip to main content

Web page design using templates and online WYSIWYG platforms

 Online Platform is technologies that are grouped to be used as a base upon which other applications processes or technologies are developed some of the examples of an online platform are Presentation/Visualization, Cloud Computing, Social Media, Web Page Creation, File Management and Mapping.


WYSIWYG is an editor that allows you to create and design web pages without any coding knowledge. You can use Microsoft Word and Microsoft Excel as a WYSIWYG editor. Jimdo is a WYSIWYG web hosting service offering free and paid services. Jimdo has tools that will allow you to sell your products online. Create your own photo gallery, and videos, and many more. You can also maximize the search engine by properly tagging your site.


WEB DESIGN PRINCIPLES AND ELEMENTS


Website Template- Also known as web template is a predesigned webpage, simply by adding your text and customization to create your desired web page. It is usually built with HTML and CSS code.


WYSIWYG editor- It allows you to create and design a web page without any coding knowledge


WYSIWYG-the acronym for "What You See Is What You Get"


This means that whatever you type, insert, draw, place, rearrange, and everything you do on a page is what the audience will see. It shows and prints whatever you type on the screen.

Basic Web Page Creation

Creating a Website using Microsoft Word

1. Open Microsoft Word.

2. Type anything on the page like "Hello World!"

3. Click on File > Save As Type any file name.

4. In the Save as Type, select "Web page (".htm, *.html)"


Creating Your Own Website using Jimdo

Jimdo is WYSIWYG web hosting service. It offers free, professional, and business web hosting service Jimdo also has an iOS and Android app which you can use to manage your website whenever you do not have access to a PC. For this exercise you will create own personal website that focuses on your passion or hobby.


1. Create an account on Jimdo by going to www.jimdo.com and clicking Create Your Website.

2. You will be instructed to choose template. Pick any template that you want.

3. Chooses URL for your website. Enter your email and password.

4. Your website will be generated and soon you will end up in the site's. WYSIWYG editor.

5. The editor is pretty easy to use. The center shows the preview of your website. The design tools are located on the right. It is now time to edit the website to your liking. Use the following tips to achieve it.


Tips in using the editor

By default, the home page is shown on your editor. To navigate to another page, simply click the page title on your navigator. The site navigator contains a set of links going through the different pages of your website. The navigator currently available to you depends on which template you used.

Inserting a Page

1. However your mouse pointer over the site navigator. The Edit Navigation button will appear.

2. Click on the Edit Navigation button. Click on Add a New Page.

3. Rearrange pages using the tools on the right of the page title.

4. Click Save when done.


Editing Elements

Hovering over a text, image, or any element you see on the website will highlight the element.

Move element up - used to move the element up by one level



Move element down - used to move the element one lower





Delete element - used to remove the element



Copy element - used to copy the element



Drag tool - click and drag the element to avoid part of the page




Clicking on an element will show more options regarding on what visual element you clicked:

1. Header - If it is a header, clicking will allow you to edit the text and change its font size.

II. Image - If it is an image, several options would also appear. It also allows you to upload an image directly from your computer or a Dropbox account.

III. Paragraph - If it is a paragraph, you will be treated to even more options similar to using a word processor:


Adding Elements

1. To add elements on screen, hover the mouse pointer over the top or bottom of an existing element until the Add Element button appears

2. Select the visual element you want to add

3. Edit the element to your liking then click Save

Settings

➤The settings option contains important information that you should edit to make the most out of your Jimdo website.

➤The account settings include changing your password, email, and personal profile .

➤The website options allow you to change your site title and footer, checks your storage; creates your privacy policy and your favicon (the icon of your website shown on a browser).

➤ The Mobile Settings is used to prepare you page for mobile devices.

➤The Email and Domain Management setting is a premium feature. It is used to manage email accounts for your website

➤ The Store settings allow you to manage the items you sell on your website. 

➤The SEO option is a premium feature that maximizes the Search Engine Optimization feature of Jimdo so visitors can easily locate you website. 

 ➤The Apps option contains settings for embedded apps on your website like Dropbox, OR Codes, Google Analytics, and Twitter

➤The Jimdo settings allows you to remove the Jimdo Box on your website (premium feature) and check News.

Comments

Post a Comment

Popular posts from this blog

Publishing an ICT Project

 What is an online platform? Online platform is a base of technologies designed to run within an online environment and provides interactive online services. The different online platforms that can be used to upload and publish ICT project are the following: File Manager -  It is an uploading tool web interface that allows users to manage their files and folders.  a. Google Drive is a service offered by Google that allows you to store and share files online.   b. Dropbox is a personal cloud storage service (sometimes referred to as an online backup service) that is frequently used for file sharing and collaboration. Website Management - It is an integrated set of tools that allows teams to create, design, develop, launch, manage, administer, and monitor website contents. A web management system that handles content as well is Web Content Management System (WCMC). It is a specific kind of Content Management System (CMS) that provides website authoring, collabor...
Post a Comment
Read more

Nature and purposes Of online platforms and applications

  Online Platforms for ICT Content Development Online Platform is technologies that are grouped to be used as a base upon which other applications processes or technologies are developed Examples of Online Platform a. Presentation/Visualization b. Cloud Computing c. Social Media d. Web Page Creation e. File Management f. Mapping a. Presentation / Visualization- communicates information clearly and efficiently via statistical graphics, plots and information graphics Examples of Presentation/Visualization Prezi helping to reinvent the art of presentation Zoho an online project management app that helps you plan your work and keep track of your progress SlideShare to build quickly from concise, well presented content from top experts MindMeister an online mind-mapping tool that lets you capture, develop and share ideas visually b. Cloud Computing - the practice of using a network of remote servers hosted on the internet to store, manage, and process data, rather than a local serv...
Post a Comment
Read more

Developing an ICT Project for Social Change

  ICT Project Creation Process An ICT Project for Social Change is only a small part of a scheme of an organization with a common interest. The main purpose of an ICT project in the bigger picture is to offer a facility for easy dissemination of information, a platform for volunteers and the leaders of the organization. Establishing the ICT project is a collaborative effort. It is not only for technical members involved, but also for the management and leaders of the organization that will facilitate the appropriateness of the output in the overall purpose of the project. Because of this, the ICT development team should ensure perfect harmony by considering all stakeholders' requirements and including them in the outcome of the project. The group should devise a careful and specific plan that will address the objective or goal of the project so that everything needed is included in the project. The complexity of elements to be included should be minimized while keeping in mind the ...
Post a Comment
Read more