Last Seen Blogs
evcreative
EV Creative
sheidraws
Shei Draws
pinasfm955-blog
Pinas FM 95.5
chickeenqueen
oh jesus, gross
pinasfm955-blog
Pinas FM 95.5
Text
Week 7
Creating and editing animations in after effects, including tracking the camera and time remapping a video clip.
0 notes
Text
Week 5 - Parallax
Parallax Effect -
Parallax scrolling is a web site trend where the background content (i.e. an image) is moved at a different speed the the foreground content while scrolling.
0 notes
Text
Week 4
WEB SCRIPTING
JavaScript is the most popular programming language in the world for web scripting.
JavaScript can change HTML content, change HTML attributes, change HTML styles and validate data.
Elements - ID - Class
An element can be identified by type, class and ID. Where there may be several elements on a page of the same type or class, ID is specific to one element. If there is more than one element with the same ID, the browser will usuall return the first one it finds, so JavaScript can find objects by ID.
Example:
Placing JavaScripts in external files has some advantages; it separates HTML and code, it makes HTML and JavaScript easier to read and maintain , and cached JavaScript files can speed up page loads.
JQUERY:
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
0 notes
Text
Week 3
RESPONSIVE
Responsive Web design is the approach that suggests that design and development should respond to the user's behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.
0 notes
Text
Week one - introduction to web design
• HTML : hyper text markup language
<tag> . . . </tag>
Head : section for telling the browser what is in the documents title as it appears over the browser window and including CSS or JavaScript files.
Web layout :
• grids with menus
• grid is contained in one main block
Elements :
Semantic :
<table>
<video>
<img>
Non-semantic :
<div>
<span>
• CSS : cascading style sheet
e.g CSS rule for heading tag h1 {font-size : 30px;}
e.g class rule which sets colour to colour
.mainheader{color:#FFFFFF;}
e.g combined: colour is now green.
h1.mainheader{color:#00FF00;}
ID class order:
CSS rules are applied based on ID then class then order.
ID is specific to one thing.
Class is specific to a group.
Using stylesheets :
CSS rules have three places they can be read from.
1. External file : my.styles.css
2. From a <script> tag in the head of a document.
3. From a style = “” property of tag.
HTML tag :
All your web content is added between tags :
<HTML/>
</HTML>
Head :
A web page has a head and a body.
<head>
<title>webintro</title>
</head>
Linking to CSS :
Add this line inside the <head> <head/> tag.
P tag:
<p
Grid CSS :
Add this to main.css
.gridx3
First, we created a new folder in brackets for this project and I called it ‘web folder’ and added three new folders called: images, js, css. Using a code editor we created a file called index.html and saved it in the web folder.
We then created a css file called style.css to change things such as the fonts and colours and backgrounds.
html {
font-size: 18px;
color: #dedede;
background: #232323;
font-family: Arial, Helvetica, sans-serif;
font-weight: 500;
}
We added content to the body tag such as headings or greetings like ‘Hello World!’
Here, I used the paragraph tag <p> ........... </p> to add in a big amount of text.
editing the style:
After changing the background colours and text colours and fonts, we looked at how to add grids to the web page.
Then after I’d learnt how to add the grids, I changed the sizes and colours of the boxes and then changed the colours of the whole web page to give it a better asthetic.
style sheet:
index html page:
0 notes