Lessons

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 5

Web Page

A Web page is a document for the World Wide Web that can be accessed and
displayed on a monitor or smartphone using any web browser. Web pages are made up of
Hypertext Markup Language (HTML) and can be created and modified by using basic
application like Notepad and professional HTML editors.
HTML
• HTML stands for Hyper Text Markup Language
• HTML describes the structure of a web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements are represented by TAGS
• HTML TAGS label pieces of content such as “heading”, “paragraph”, “table” and so on...
• Browsers do not display the HTML tags, but use them to render the content of the page.
Requirements in creating a web page using the html
Editor – using the Notepad (source code) in text and extension name - .html or .htm.
Browser – responsible for reading HTML instruction and displaying the web page output.
(ex. Internet Explorer, Mozilla Firefox, Google Chrome)
Creating a Website Using Notepad
Follow the steps below to create your first web page with Notepad.
Step 1: Open Notepad For Windows 8 or above computers:
a. Open the Start Screen (the window symbol at the bottom left on your screen).
b. Search and open the Notepad Step
Step 2: Write the following HTML:

Step 3: Save the HTML Page Save the file on your computer. Select File > Save as in the Notepad
menu.

Step 4:
View the HTML Page in Your Browser Open the saved HTML file in your browser (double
click on the file, or right-click - and choose "Open with").

A website
is a collection of publicly accessible, interlinked web pages that share a single domain name.
Websites can be created and maintained by an individual, group, business or organization to serve
a variety of purposes. Together, all publicly accessible websites constitute the World Wide Web.
Web design
is a similar process of creation, with the intention of presenting the content on electronic
web pages, which the end-users can access through the internet with the help of a web browser.

Every single web page in a website has different content, but all the pages are using a similar
graphic design. Often, sites will use website templates, which contain all the basic elements of web
design such as:
1. Layout 2. Colour 3. Navigation 4. Fonts 5. Content

Online WYSIWYG Platforms


WYSIWYG stands for what you see is what you get. In other words, you are creating a
website using drag-and-drop interface or changing the way fonts look in an editor, that is how your
finished product will look.

Creating a Website Using an Online Website Builder


Wix.com is a WYSIWYG cloud-based web development platform that was first developed
and popularized by the Israeli company also called Wix. It allows users to create websites and
mobile sites through the use of online drag-and-drop tools.

1. Create an account on Wix through their website www.wix.com and click GET STARTED.
2. Select “Create a New Site” from the drop down menu in the top right corner of the dashboard.
Once it’s clicked, Wix will ask what type of website do you want to create. There are options for
everyone, from online stores to personal portfolios.
3. Customize your website with the Wix Editor. Once you select a template, you can be able to
customize it in the Wix Editor using simple drag-and-drop editing.
4. Update the Texts and Images At this point, you can get to see a preview page of your chosen
template. This is where you can play around with simple but brilliant editing features, like the
dragand-drop design and text boxes.
5. Personalize the Background If small images are still not enough, you can also change your
template background. The left-hand sidebar features a ‘Background’ button, which you can use to
click and change with ease.
6. Add Pages Once you created a stunning homepage, there are few other more pages you can add
to ensure that your website has everything visitors are looking for. For example, make sure to
include a “Home”, “About” and a “Contact Us” page.
7. Publish your Wix website To make your website publicly accessible, you need to publish it. To do
so, click “Publish” from the top menu. However, before Wix will publish your site, the last step in
the process is to create your own subdomain or connect a custom domain. For a serious website,
you should connect your own custom domain name, rather than using a Wix subdomain.

ICT as Platform for Change


Advocacy
is a way of expressing views, opinions, concerns information access and on establishing to
all one’s rights and responsibilities through any possible means or ways.
Social Media
(according to TechTarget network, as posted by Margaret Rouse) is a collective term for
website applications which focus on community-based input, communication, interaction, content-
sharing and collaboration.
As of today, social media was known to be the most powerful platform to use if you want to
generate instant and massive public reactions to whatever concerns or issue that you have.
However, in using Social Media as a platform for advocacy, one should also realize that
following protocols and computer etiquettes should be observed at all time.
Moreover, you should also understand and appreciate how ICT influence the history
specifically its significant contribution to what we are enjoying today.

ICT in the recent history of Philippines?


(From-JUST NERD THOUGHTS)
History of the Philippines has been one of the few countries shown unity and democracy for
social change. These advocacy for social change would have not been possible without the role of
ICT.
1. EDSA (People Power Revolution) The People Power Revolution lasted from 1983 to 1986.
2. EDSA II. This was also known as the 2001 EDSA Revolution which happened during January 17
to 21, 2001.
3. Million People March. This was a series of protest that mainly took place in Luneta Park from
August 22 to 26, 2013.
4. Yolanda People Finder. Recent storms in the Philippine history gave birth to the people finder
database powered by Google.

Platform for placing petitions or change advocacy


Change.org
Change.org is dubbed as the “world’s platform for change” where anyone from the online
community can create a petition and ask others to sign it. During the past times, petitions were
only done through signing a paper, usually done by a group asking for signatures via travelling
door-to-door. Change.org gives access to more people by allowing the online community to affix
their digital signatures on a petition.
Its mission is to help people from around the world create the change they want to see. For
years, Change.org hosted several petitions that help solve the following problems: economic
problems, criminal injustices, abuse of human rights, lack of education, environmental concerns,
animal abuse, human health concerns, and world hunger.

Procedure on how to make a simple petition using Change.org Platform


1. Log in first using your account and the search and click the word “petition”
2. Select a topic of what kind of issue are you petitioning on?
3. Write your petition title on the box.
4. Choose the recipient(s) of your petition. It can be people or organizations which has the power
to solve your problem.
5. Estate your problem that you would like to solve
6. Upload a photo or video that captures the emotions of your story;
7. Then lastly click the word publish.

Planning and Conceptualizing the Content


Always start with the ends in mind. Generate your own ideas about content and identify various
opportunities based on your target audience. Have a clear plan of actions, responsibilities, work
requirements, timeframe and budget if needed. Set a SMART goal to target.
Specific – (What do you want to do or want to achieve?) Set a real goal that is direct, detailed and
meaningful. Make sure that your goals are focused and can identify a concrete outcome. Your goal
will be at risk or vague without the specifics of the goal, because knowing what you wanted to
achieve is knowing the leverage to success.

Example: I will earn 5,000 per month.

Measurable – (When will you know when you reach it? What are the signs of your success?) –
Make sure that you goal is trackable and quantifiable. Defining your own definition of “success” will
aid you to estimate your current achievement level on reaching your specific goals.

Example: I will attend Saturday classes three times per month.

Attainable – (Is it possible for you to reach your goal?) Work towards a goal that is challenging
but possible and doable. Check if you have the tools or resources that will help you to achieve and
attain your goals.

Example: I will become the president of the youth group in our barangay by next year.

Realistic – (Are your current skills enough to reach your goal?) Knowing yourself is the key to your
success. Be honest with yourself and know your capabilities and the things that you cannot do. Be
realistic toward your goals as well as on your capacity to do.

Example: I will play basketball team in our barangay.

Time-Bound- (When exactly do you plan to accomplish it?) Give yourself a deadline. Every goal
should have a target date to finish. Having deadlines motivates oneself to do more efficiently and
helps you to be focused in reaching your goals.

Example : I will find a construction job in the next two months.

Concept Paper
Concept papers are summaries of projects or issues that contemplate interests, experience and
expertise that commonly serves as a purpose of delivering an in-depth discussion of a certain topic
that a person has a strong position on. The terms "concept paper”, “proposal" or “abstract” are
often used interchangeably as they can be used for the same function. Concept paper can also be
used as a mainstream educational tool to develop and to create solution to a certain problem or
issue.
Moreover, concept paper provides guidance for the implementation of a project, concept paper
carries and gives good practices, viewpoint, advocacy, belief and values or other correlated issues
that needs and promotes action to be taken in the future. Your concept paper can range from (2)
two to (3) three pages for a small research project to up to 20 pages for immense research
projects. For the formatting of concept paper it is suggested to be the following: a) the font style
should be formal such as Times New Roman, Garamond, Baskerville or similar Serif typefaces.; b)
the line and paragraph spacing should be in double space; and c) the font size should be
at 12 points.
Key Points on making your Concept Paper
1. Rise with a concept topic or idea that you are genuinely interested.
2. Write down the questions associated the topic or idea you have chosen.
3. Create a possible solution from each of the questions that you have developed.
4. Classify what kind of data you need that will answer your questions and identity how will gather
the information needed.
5. Identify how you will analyze, interpret, and present the overall data you gathered.

Elements of a Concept Paper for Social Advocacy


1. Title Page – The title of your concept paper will serve a lot in terms of getting the audience
interest, so make sure to have a short but a catchy and interesting title of your chosen topic. The
title of your project or concept paper should also give a fully overview of what the concept paper is
all about and what are the things you are resounding out about. In creating your title make sure
stick to the main point of the chosen topic and use relevant, easy-to understand word and avoid
being wordy. Title page usually in the form of question.
2. Introduction - This element of concept paper serves as the most important part of your
concept paper. You must keep on pursuing an adding value to convince the reader about your
project’s mission and vision. This part of your concept paper should detail your mission or goal and
the vision or dream you have in taking up this concept paper. You need to elaborate and identity it
by providing them the urge of solving an existing problem and to provide meaningful insights of
your project.
Your introduction should also contain the following: a) the clear problem you wanted to solve; b)
why did you like to investigate under this study. c) how your research or concept paper would be
helpful for others; and d) what are the clear evidence that your study is beneficial and necessary to
be discussed. Lastly, what making your introduction critical is that making it you need to make a
clear and good impression to the possible readers.
3. Purpose – This element of concept paper includes the reasons why your chosen project or
advocacy campaign is worth all the time effort and money. You need to make a strong atmosphere
of purpose. Your purpose should not only be to prove your right, but it is more about on how you
can help other people in the purpose of your chosen concept paper. Remember your main purpose
here is to bring something good and create an impact for a change.
4. Description - This element of concept paper includes all the necessary information, data and
details about your project. This element talks about the steps and procedure on how you will do
things properly. It also expounds the methods and plans on how you will answer the problems of
the concept and in revealing the efficacy of your solution to the problems. This element also
involves ways on how you will process your concept into a clear technique of the production of
concrete solution in harmonious purpose that will lead to the creation of a successful project or
advocacy.
5. Support – This element of concept paper contains your budget needed for the project. Every
project needed funds to be published and materialized their certain cause, thus support from a
sponsor/s necessary to be consider. Remember that support does not only means monetary things,
but it can also be as moral support from your friends, relative and among others, depending on the
topic or cause who have chosen.
6. Contact Information – The element of concept paper that includes information on how the
you can be contacted. These includes the following (but not limited to): a) name/s of the creator/s,
b) address, c) phone or telephone number, d) email address, and e) website.

You might also like