Shashank Mohan ITC105 Part A – Power Point Presentation.

Slides:



Advertisements
Similar presentations
How To Make Your Own Web Page: Basic Web Design
Advertisements

Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
Chapter 3 – Web Design Tables & Page Layout
Planning and Designing My Personal Website By Michael Gill.
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
MARIA MARAGOUDAKIS Part A-Planning Report.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.
HTML.
MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5
Contents Page Versions Paige Hetherington. Version 1 Here is my version 1 of my contents page. I like the plain layout of the page because I believe it.
For my front cover I decided to use the traditional Rock genre colours which are black and red. I chose these colours because it would portray the genre.
Gary Jonassen Web Page Design The URL to My Site index is – My Intended Audience.
CIS101 Introduction to Computing Week 07. Agenda Your questions JavaScript text Resume project HTML Project Three This week online Next class.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
Vibe title The colour of the title makes it stand out from the background and the picture so the reader immediately knows the magazine they are going.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
How to Establish a Blog. What is a Blog A blog is a collection of informational articles/ideas intended to update a viewer on new information associated.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
I attracted my target audience on my contents page by having a bold title, by doing this it immediately draws attention towards it, also the colour.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Designing a Classroom Web Site Using NVU Beginning Level.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
COMPUTATIONAL THINKING FOR INFORMATION TECHNOLOGY HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
IT 245 – Website Development Welcome!. Welcome to Unit 2! Creating Page Layouts.
Web Technologies Website Development Trade & Industrial Education
Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Web-designWeb-design. Web design What is it? Web-design features Before…
Website Development with Dreamweaver
Introduction to HTML Today we will look at: Separating style and content The purpose of a text editor such as Notepad How web-pages are made Creating a.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (pg. 85) Lesson 4.2Lesson 4.2.
JMD2144 – Lesson 4 Web Design & New Media.
 We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures.
The Web. How does the Web work? The web is a collection of networks, starting near your home or office and expanding until we reach the global network.
Just Enough HTML How to Create Basic HTML Documents.
Creating Webpage Using HTML
Website Design: Creating Your Pages and Finishing Your Website Tuesday, February 22 nd -Tuesday, March 1 st.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
Planning a website by Tom Kirk There are lots of things to think about when deciding about creating a website…
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
Planning a website by Katie Hardaker There are lots of things to think about when deciding about creating a website…
Tables Web Authoring. This kind of a table THISIs aTABLE THISIs aTABLE THISIs aTABLE THISIs aTABLE.
 The aim of this website is to capture the attention of like-minded people to myself, ie. those interested in literature,
Presented by: Student ID: Sang Geol LEE Subject: ITC105 Communication and information management Website Planning Report Assignment item2-Part.
HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,
 To begin you first need to sign up to Weebly by going to or alternatively and we will create an account.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Steveisa… What one geek is really interested in. URL
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Web Site Development - Process of planning and creating a website.
Graphics Navigation Usability Typography Content Clarity & Consistency.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
oI feel like my media product has challenged forms and conventions of real media products a little bit because of the way I have placed my masthead.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
By Hannah-Rose Magain. Contents Page 1: Q Magazine This contents page is immediately recognisable as belonging to Q magazine due to the Q icon used in.
WEB DESIGN CONCEPTS Brayden Burr. UNDERSTANDING THE CONTENT.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
By: Lizzy Lindberg DTC 355 DESIGN CONCEPTS. EMPHASIS Emphasis is when special importance or value is given to a certain element in a text.
Basics of Website Development
Web-design.
Page plans A01 Design.
Welcome To Microsoft Word 2016
Presentation transcript:

Shashank Mohan ITC105 Part A – Power Point Presentation

The URL My website will be located at the following address: This address is on the CSU server and is hosted on the free web space that they provide to each student.

Who Is The Intended Audience For My Website? One of the great aspects of the website I have created and hosted on the CSU server, is the way that it is not intended for any certain age group or person(s) The website has different sites that may appeal to different people. For instance, the computers webpage could appeal to an adult interested in computers, or a teen or who may also be interested in computers and what I have to say on the matter. The movies, games and sports website will basically appeal to most people interested in the areas that the page covers. It also shares my interest the in fields aswell, this is not to say that these are the only things I enjoy either.

The Goals Of My Website The first goal of my website, is to share my interests and hobbies with everybody. The second goal of my website is to briefly paint a picture as to what I do with my life and what I do in my spare time. The third goal of my website was to prove to myself that I could create a website purely using the xhtml code and not using programs such as dreamweaver or Microsoft FrontPage. The fourth and ongoing goal was, as I was creating the webiste, I wanted to broaden the intended audience as I went along creating the webpage's. To the best of my ability I did that, so that my interests and hobbies could be shared with anybody interested in finding out facts about me.

Power Point Presentation Home Computers Movies Games And Sport Reference List External link to PC Authority Website Site Design Diagram

The Written Section This section describes the content, layout and function of each webpage.

Homepage Content – This page is built in a nested table, there are large text for the main heading and the smaller heading, the smaller heading is in italics. There are three pictures on this page, each picture is a picture of each link there is. E.g.. The computer picture and there is a link to a computers page. The background image in this page is designed by me in photoshop. Layout – Like on most websites the main heading comes first and underneath it is the smaller heading (subheading). Underneath this are the three pictures illustrating an interest or hobby of mine. Underneath this are the links to each page I have created and this power point slide. Then underneath this is a short paragraph about the site and explaining its purpose, to the bottom right of this is the logo proving that the site is xhtml 1.0 strict. If you wish to see how the webpage was nested in the tables, simply open up the source or coding and where the tag “border” is in the table tags set the borders to 1. These features were used for easy navigation and so it the page wasn’t unorgazied. Function – The function of the homepage is to clearly indicate where the viewer can navigate their way through the pages and not making the viewing too complicated or too cluttered.

Comptuers Content - Once again this site is like the homepage, where there is a main heading in large text and a smaller heading in slightly smaller text and in italics. There are two images on this page, one of a network topology and underneath it is a picture of a PC Authority magazine cover. There are also links on this page, the background is designed by my in photoshop. Layout – Slightly to the right of the center of the are two pictures going down the page. To the left of these pictures are a couple of paragraphs explaining my interest in computers. To the right of these pictures are the links to my other pages. Underneath the pictures is a line stating that the link to this power point document can be found on the homepage. This page is also in a nested table and adding the value 1 to the border tag will reveal this. This page has been set out like this because controlling content in a nested table is much easier than without it. The rest of the page was set out as it is because it was easy on the eye. Function - The purpose of this site was to share my interest in computers with anyone who was interested in finding out facts about me.

Movies Games And Sport Content - This page also includes large text for the main heading and smaller heading. It contains two images, links, paragraphs, custom background I designed myself in photoshop and all these are in a nested table. Layout – As usual at the top main heading and underneath the smaller heading in italics. Underneath this to the left is are two pictures aligned one below the other. Underneath the bottom picture is a line stating where to find the link to this power point document. To the right of these pictures are words outlining my interest in movies, games and sport. Directly underneath these words are the links to my other pages. In the bottom right corner of this page is the logo validating the site as xhtml strict. This page was laid out as it is, so that it does not look like a big clutter of images and information. The way it is laid out now was the most effective and attractive way. Function – The function of this webpage was to show what I do in my spare time or just what I do for fun.

Reference List Content – This page only consists of a main heading a smaller heading, some text, links and the valid xhtml strict logo. Layout – All the reference are aligned in the center of the page, underneath the references are the links to my other pages. Below the links is the line stating that the link to this power point can be found on the homepage. In the bottom right corner is the xhtml logo. The information on this page was laid out as it is, because they were the only bits of information on the page and this being the reason they were positioned in the middle of the page. Function – This page’s function is just to act as a reference list, for any pages I have used to complete my webpage's and images I have used from other sites.