Tuesday, 28 October 2014

Exploring HTML


Learning Basic HTML as Inquiry for MYP Project

Name: Saif Khan                
Instructions: 

  1. What does the abbreviation HTML mean?
HyperText Markup Language

  1. Learning HTML involves 2 tasks.  What are they? 

1.  Finding out what tags are used to mark parts of the document
2.  How these tags are used to create a HTML document

 Look at the two screenshots below.

figure a is a browser and figure b is a editor

  1. Notepad is an editor 

  1. What are tags?
Tags are instructions that tell your browser what to show on a webpage


  1. What two characters surround a tag?
< >

  1. What character symbolizes that the tag is a closing tag?
> <
  1. What type of editor is used when creating a Web page with HTML commands?
Text editor
  1. What does the abbreviation URL mean? 
Universal Resource Locator

  1. If a company is making a very complicated web site, they will use special design programs to   create the HTML code. For smaller web sites, it is often best to write all of the HTML code yourself, without a special program.
Identify the correct statements on this list.

a. Other programs often put extra code in that you don't need. This means your web site might      take longer to load.

b. You learn a lot more by writing the code yourself.

c. You can't use as many extra features, like animation, graphics and sound if you write it yourself.

d. It takes longer to write the code.

  1. a. Which start tag would you use to begin an HTML document? _______
b. Which end tag marks the last line of an HTML document?

c. Will the </P> tag start a paragraph or end a paragraph? Start a paragraph end a paragraph

d. This code will make the word hello appear on the left-hand side of the screen.

<P ALIGN=LEFT>Hello</P>

Which part of the code is a parameter? LEFT

What value does this parameter have? It organizes the text to the left


  1. This is part of the code for somebody's first HTML document.

<TITLE>My First Web Page</TITLE>

They view their page in a browser. On Figure 2.1, draw a box around the text

  1. which is produced by the <TITLE> tags.


  1. . If you make some changes to your code, which button must you press in the browser? F1

  1. Look at the code in Figure 2.2, and then at the browser in Figure 2.3.

 

  1. Which type of tag does Danny need to add so that the page will look like Figure 2.3?

You need to add a new slide with the listed tags
 Write some of the tags (from your answer to Question 7) in the paragraph below to make the HTML code correct.

<HTML>

<HEAD>

<TITLE>Danny's Delightful Donuts</TITLE>

</HEAD>

<BODY>

<P ALIGN=CENTER>

Drop dead gorgeous nuggets of Finest Flour,

Fried to a Golden Brown and Dusted with Demerara Sugar

then rolled in Technicolor Hundreds and Thousands.

Your mouth will love you forever!

</P>

</BODY>

</HTML> 

  1. What does the software frontpage do?
FrontPage is a web site editing program published by Microsoft.  It is designed to make it easy for people to create and publish web sites.  It is no longer available for sale
  1. What is the difference between HTML and Frontpage?
A FrontPage template is designed only for use in the Microsoft FrontPage program. HTML web templates can be used in any HTML editing program or plain text editor, such as Notepad.
  1. What is dreamweaver used for? How can you compare dreamweaver and HTML

Dreamweaver is a software program for designing web pages, essentially a more fully featured HTML web and programming editor.  The program provides a what-you-see-is-what-you-get (WYSIWYG) interface for users to create and edit web pages in a more user-friendly environment.  Dreamweaver supports multiple web and programming languages including HTML, C#, Visual Basic (VB), Cascading Style Sheets (CSS), Active Server Pages (ASP), Extensible Markup Language (XML) and others.

 

Wednesday, 15 October 2014

Template for inquiry task

Template for answering your INQUIRY task – View 3 online digital portfolio. Then answer the following questions.
·         www10.homepage.villanova.edu/deborah.schussier/portfolio_links.htm

Name Of the Site: www10.homepage.villanova.edu/deborah.schussier/portfolio_links.htm

1.     What is the content of the site? What are the headings? What subjects and other areas are included?
webpage cannot be found

2.     What is about the web design? What is not so good? ( Refer to colors, organization of images and text, types of images etc.) webpage cannot be found

3.     Make comments about the organization of the portfolio. ( Refer to navigation and how items are found) webpage cannot be found

Name Of the Site: •   www.educationworld.com/a_tech/tech111.shtml

1.     What is the content of the site? What are the headings? What subjects and other areas are included?

The site is called ‘education world’. It has been set up to improve education around the world by giving access to many resources that teachers and administrators would find useful in providing education to children.  The site headings are: Teachers, Administrators, Lesson Plan, Technology, Prof. Development and More.  In these sections you can find articles, teaching guides, subject lesson plans, technology tools and strategies & tips for teachers to employ with kids  

2.     What is good about the web design? What is not so good? ( Refer to colors, organization of images and text, types of image)

The good thing about the site is that it has a lot of useful information and a library of resources that you can search.  However, the layout is rather plain, with too much text and not enough graphics.  It does not look like a site that you would want to spend time viewing despite it’s helpful content     

3.     Make comments about the organization of the portfolio. ( Refer to navigation and how items are found)

The portfolio is just one long narrow block of information, and you have to scroll a long way down to complete reading.  There are adverts and other links to the right side which don’t relate to the portfolio information.  There are no quick links to the different portfolio sections to allow you to jump directly to the sections that you may be interested in.




MY SPACE WORKSHEET

1. Web Authoring software definition:
Web site development system that allows web pages to be visually created like a desktop publishing program.  It generates the required HTML code for the pages and is able to switch back and forth (in varying degrees) between the page layout and the HTML.


2. Social Bookmarking definition:
A Web site that ranks bookmarks to other Web sites that are contributed by users who like the site.  Users can add comments to the bookmarks and make them private for friends and family or public for everyone.  E.g. Slashdot (www.slashdot.org), Digg (www.digg.com) and Reddit (www.reddit.com) are popular bookmarking sites


3. Blog definition:
Noun:  a regularly updated website or web page, typically one run by an individual or small group, that is written in an informal or conversational style.
Verb: add new material to or regularly update a blog.


4. Wiki definition: 
Web site that can be quickly edited by its visitors with simple formatting rules.   "Wiki wiki" means "quick" in Hawaiian 
1) www.delicious.com -
Delicious is the world’s largest free social bookmarking web service and it allows you to save links to sites that you regularly access on the web.  You can build up a collection of links, essentially creating your own personal search engine.  You can also organize your links so that when you’re looking for something, it can be found within seconds.


2) www.animoto.com -
Animoto is a cloud-based video creation service that produces video from photos, video clips, and music into video slideshows.  It’s easy to use and videos can be created in minutes.  It allows you to customize your video and select from a wide variety of video style options.  Videos can be shared via the web, mobile or tablet.


3) www.blogger.com -

Blogger is Google’s free tool for creating blogs.  A Blogger account can be set up in three easy steps. All you need to do is create an account, name your blog, and choose a template.  Blogs, short for web-logs, are a form of online journal.  You can use blogs to update your friends and family about what’s happening in your life, or for giving your advice/ opinion/ expertise on a particular subject matter.  It’s possible to host the blog with many people being able to contribute, or you can run it just by yourself.