How a well a webpage is structured will determine the success in catching and keeping the attention of the audience. When creating a structure, it is important to do so with the goal of clearly stating and portraying the message to be delivered, and making the different pages easily accessible and relevent to the overal goal.
The structure of a webpage first, consists of organizing bodies of texts, photos and other information into headings, subheading, paragraphs and a footing.
HTML code within angled brackets <> which makes them elements. Elements are made up by tags showing as opening and closing. For example <> </>. When a bunch of HTML elements are put together, the structure of a webpage and the contents within each section will begin to show form by priority
This is the start of creating a webpage’s wireframe.
Relays to browser which version of HTML is being used to creat a page.
Adds comments to code.
Allows the creator to identify particular elements, this helps with edit through CSS.
Lets creators group ‘block-level’ and ‘inline’ elements together.
Awesome, this element makes a window on a page where another page can be shown.
Using this, creators can include information about the webbpage
No longer recommended to be used by modern day creators. it’s pretty out of date.
XHTML was created to follow the rules of XML from 1998 which made stricter rules for writing markup. Some other versions of XHTML 1.0 are,
In this version, creators will not need to close all tags. New elements and attributes are in the mix as well. Although it is not yet complete, creators can use some of the features as long as we are mindful of how users with older browsers, may or may not be able to view webpages.
HTML5 is introducing new elements that result in clearer code and the ability to better show and describe a the overall structure of a webbpage.
Older browsers won’t recognize these newer element and must be told which elements are “block-level”.
Extra JS needs to be installed in Internet Explorers 8 and older in order for the new HTML5 elements to work.
It can be used to access from an HTML page by referencing elements
JS can be used to add or remove elements and attributes from an HTML page
Rules can be made giving a browser step by step instructions for how contents of page will work
JS can be told to reacts a certain way when there are certain actions taken by users like clicking a button or moving the cursor over an HTML element
Start by writing out your goal like tell a robot how to put on a hoodie
Break down that goal by a series of tasks like pick up hoodie, lift over head…
Create a code for each step in Javascript
understand JS language
Vocabulary - what can the computer understand?
Syntax - How can the words be put together as instructions that the computer can understand?
Programmatic Approach - Computers problem solve by following a directions, in order or as instructed.
LEARN TO THINK LIKE A COMPUTER!!
REMEMBER
Sketch out tasks in a flow-chart
design the goal and design the script!
Programmers create models using data to instruct a computer in carrying out tasks.
OBJECTS - Each object has it’s own properties, events and methods
Properties are the characteristics of each object, and each property has it’s own name and value
Events - When a program is created. Specific *events result in specific script to run.
Methods - A combination of instructions to represent a single task. Just know the right questions to ask to understand which answer is given in return.
So, events trigger methods, methods call/update the properties of an object.
objects are combined and build programs which can create web browsers
document object access and change the visible page and the possibilites of interactions with users on that page.
JavaScript is just one of the multiple layers which build a webpage, the other layers in most cases is HTML and CSS and together they are progressive enhancement in page building.
Javascript is written in plain text like HTML and CSS.
-JS files can live in folders js., scripts or javascript
document = represents the entire webpage write(‘message here’) = the content can be written on the page where script element is
JS code is embedded directly into the HTML code.