20
1 Computer and IT Assignment 1 Lt Cdr Ravi Saini Centre for Advance Technology INS Valsura

1 Computer and IT Assignment 1 Lt Cdr Ravi Saini Centre for Advance Technology INS Valsura

Embed Size (px)

Citation preview

1

Computer and ITAssignment 1

Lt Cdr Ravi SainiCentre for Advance Technology INS Valsura

2

AIM• Introduction to web page development

– Introduction to HTML– Introduction to Template– Development of page

• Process of planning:– What do we want to make?– What tools we need?– What technologies we need?

• Data collection

• Review.

3

SRS (System Specific Requirements)

• A web page broadly has:– Static Component– Dynamic Component

• Same look and feel– HTML Templates

• Organization of pages.– Tree– Flat

4

SRS Continued• What information do we want:

– Introduction / role of department– Organization– Who’s who– Facilities– Achievements– Standing Orders

• Which departments to cover:– CO, TC, EXO, CTS, LOGO, Medical, LTS, BLS,

CEE, CAT, PD, SEDO, TDEC – 13 departments / groups

5

Technology• HTML

• Templates

• Hard work

6

HTML

• HTML stands for Hyper Text Markup Language

• markup tags -> how to display

• You need ->simple text editor

– FrontPage

• HTML file must have an htm or html extension.

7

Simple Code:The first tag in your HTML document is <html>.

•The text between the <head> tag and the </head> tag is header information

8

What look is required?

9

Divide• HTML

• CSS - Cascading Style Sheets– Cascading Style Sheets (CSS) is a stylesheet

language used to describe the presentation of a document written in a markup language.

• CSS sheets will define, color, layout and formatting of your pages

10

Source• Download the template from:

• Extract it.

Rename it

Don’t touch

11

What is that you do.

•Open web pages in FrontPage and edit

12

The code…

13

The look

14

The body

15

Your mark…

16

Special pages - Organization

• Make organization in PPT and save as jpg.

• Name it organisation.jpg

17

Special pages – Who’s who

18

Special pages – Who’s who

19

Caution• Restrict to coding in HTML

• Design feature might not work

• Stick to template – remember team work

• If you want to learn do it your self

• Do not change file names – hyperlinks

• Mail me the problems – [email protected]– Do not send data in mail, give me abstract.– Check out: http://vlsi.cs.iitm.ernet.in/veriviz/index.html

20

Stakes:• Deadline:

– Data collection:15 Dec 07– Final website: 19 dec 07

• Marks:– 10 marks– Shall be posted on Valnet (remarks welcome from Dept)

• Deadline break:– One day – 1 mark (upto 3 marks/days)– 4 days – Zero marks– No grace

• If you want to learn it DO IT• All the best