ISCG 5422 Multimedia and Website Development For External CSS file
Answer:
Technique Requirements
In the development of the website there are various aspects that had been used in order to fully implement the website according to its requirements, below are some of the features observed.
Use of External CSS file
In the site development there was use of cascading style sheet language which is used to format the various elements in the entire website and also to setup text and background colors.
The below is the code of the external CSS file used to format the website.
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color:#663399;
padding-left:0px;
font-size:9px;
}
footer
{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color:#663399;
color:#FFFFFF;
padding-bottom:10px;
}
article
{
height:auto;
width:1100PX;
padding-left:100px;
}
header
{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color:#663399;
color:#FFFFFF;
}
section
{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color:#6600CC;
color:#FFFFFF;
}
li {
float: left;
}
li a {
display: inline-block;
color: white;
text-align: center;
font-size:12px;
padding: 10px 10px;
text-decoration: none;
text-decoration:blink;
}
a {
display: inline-block;
color: white;
text-align: center;
text-decoration: none;
text-decoration:blink;
}
li a:hover {
background-color:#6699FF;
}
a:hover {
background-color:#6699FF;
}
p
{
font-weight:100;
font-size:23px;
font-family:"Times New Roman", Times, serif;
padding-left:0px;
}
h1
{
font-weight:300;
font-size:35px;
font-family:"Times New Roman", Times, serif;
}
h2
{
font-weight:200;
font-size:30px;
font-family:"Times New Roman", Times, serif;
padding-left:330px;
}
h3
{
font-weight:150;
font-size:25px;
font-family:"Times New Roman", Times, serif;
}
.active {
background-color: red;
}
.mySlides {display:none; }
Use of CSS to implement consistent page layout
The css language is used to format and implement the website page layout where there are various website parts that are used among them are the head, header, footer, section and articles.
Below is the css used to format various webpage sections
footer
{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color:#663399;
color:#FFFFFF;
padding-bottom:10px;
}
article
{
height:auto;
width:1100PX;
padding-left:100px;
}
- Header
header
{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color:#663399;
color:#FFFFFF;
}
- section
section
{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color:#6600CC;
color:#FFFFFF;
} (Anne,2018).
Index page called index.html
The home page is referred as an index.html page and it is the initial page in the website which has the welcome message to catch the site of the visitors.
The figure below represents the home page of the website.
Consistent menu for the whole website
The website has a menu bar that is common on all pages and the menu has the links for all pages which includes home, introduction, storypage1, storypage2, storypage3, storypage4, visualdesign, Navigation, Multimediaelements, Usabilityandaccessibility, Copyrightissues, TechniqueDetails, Maoriinformation, Reference.
Below is the menu image for all the web pages.
Include an animation element
In this website there are various animations elements designed using the adobeanimator with .fla extension, the animations are attached on the story pages of the website which includes storypage1, storypage2, storypage3 and storypage4.
Below are the various website’s animations.
- Storypage1
- Storypage2
- Storypage3
- Storypage4
In this website there is use of the javascript language where it is used to animate the images in form of slide show all the images are named and given an index to follow each other below is the image of the java script slide show (Ikram, 2018).
Use of proper colour, text and page design
The website visual design is very essential and it is the key aspect that attracts the website visitors who are interested with our stories and naratives for entertainment or for any academic or knowledge gain, among the visual design aspects includes,page layout, colour and the text font as discussed below.
i. PAGE DESIGN
This website has a lock solid website layout and is best layout due to the following reasons.
i. Easy to implement and development.
ii. Quick to trace the elements including the links, text contents, slideshows and animations.
iii. it loads at fast speed.
ii. COLOUR
The website color is vital where the color combinations is important, the colors used includes:
i. white-This is the colors and is good since it is not bright and is clear for every user.
ii. purple-This is the colors that is used as the background color for the entire website.
iii. Red -This is the color used for the links that had been selected.
- Blue-This is the colorsused for hovering where the menu is selected(Jon, 2011).
iii. TEXT FONT
This website is developed with text font of various sizes as in the following:
i. Paragraphs
Font type-Times New Romans
Font size- 23 pixels.
ii. Headers
Font type-Times New Romans
Font size-25 pixels
iii. Lists
Font type- Times New Romans.
Font size-24 pixels
Use of proper title for all the pages
In this website the web pages has a common title which justifies the uniformity in the entire website and below figure shows web pages titles appearance.
Reference
Thomas,A.(2010).HTML & CSS: The Complete Reference, New YorK: McGraw-Hill Education.
Jon,D.(2011).HTML and CSS: Design and Build Websites, New Jersay: John Wiley & Sons.
Duckett,J.(2011).HTML and CSS: Design and Build Websites, New Jersay: John Wiley & Sons
Ikram,H.(2018).HTML & CSS for Complete Beginners: A Step by Step Guide to Learning
HTML5 and CSS3 Paperback, New York. Independently published.
Anne,B.(2018).Murach's HTML5 and CSS3,Fresno:Mike Murach & Associates.
Buy ISCG 5422 Multimedia and Website Development For External CSS file Answers Online
Talk to our expert to get the help with ISCG 5422 Multimedia and Website Development For External CSS file Answers to complete your assessment on time and boost your grades now
The main aim/motive of the management assignment help services is to get connect with a greater number of students, and effectively help, and support them in getting completing their assignments the students also get find this a wonderful opportunity where they could effectively learn more about their topics, as the experts also have the best team members with them in which all the members effectively support each other to get complete their diploma assignments. They complete the assessments of the students in an appropriate manner and deliver them back to the students before the due date of the assignment so that the students could timely submit this, and can score higher marks. The experts of the assignment help services at urgenthomework.com are so much skilled, capable, talented, and experienced in their field of programming homework help writing assignments, so, for this, they can effectively write the best economics assignment help services.
