Brief Report
Layout Design:
All my web pages are divided into four zones consisting of Header banner, left navigation menu,
the main content and the footer. I have used the tags (id=”header”,
( id=”menu”, id=”frame, id=” footer”) respectively to define their position, background color and
font styles in the web page. All these designs are implemented in the CSS file which is used as an
external style sheet by the Html pages.
Header class: I have used a tag with single row and 3 columns in which the first two
columns consists of banner images and third one having text content.
Menu Class: Menu Class is used for left side navigation and for achieving this I have used
internal style sheets .As a hover element for tag I have chosen increasing of font size
whenever mouse is upon the link.
Frame Class: The frame class is used to put the main content of the web page. The size of the
frame is expandable according to the content of page.
Implementation:
3 of the web pages index.html, assignment.html and resume.html are strict xhtml 0.1 code. And
the page contactf.html is a valid frameset.
I have used the tag in layout. tag in assignment.html , tag in index.html ,
hyperlinks in left menu navigation, linking within a page in resume.html ,valid xhtml frameset in
contactf.html.
Screen Shots:
Code:
Basit @ UHCL - Home Page
/*
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}
*/
a.two:link {color: #0000ff}
a.two:visited {color:purple}
a.two:hover {font-size: 105%}
/*
a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}
a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}
a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
*/
Mohammed Abdul Basit
basit_435@yahoo.com
Contact # 313-478-5107
Home
;
Resume
Assignment
My Design
Contact
Welcome to my home page.
I am a graduate student at the University of Houston Clear Lake with major
in Computer Engineering.
It was a great fun and exciting experience while designing my first web
page.
This initial version of web site is based on only HTML and CSS.
In the next version of this web site I plan to enhance the features of this
website by including
Interation with the user
Hosting Audio, Video and flash files
Adding my blog and including the stuff that fascinate me.
For the above I got to learn the advanced web application techniques beyond
CSS.
This website was
designed as a part of Assignment for Web Application Development course
CSCI
4230 offered by Wei Ding for Fall
07.
Click here to view my home page in
a different style
copyright © 2007 Mohammed Abdul Basit
&
nbsp;
&
nbsp; Last Updated:09/25/07
2)
Code:
Basit @ UHCL - Resume
/*
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}
*/
a.two:link {color: #0000ff}
a.two:visited {color:purple}
a.two:hover {font-size: 105%}
/*
a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}
a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}
a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
*/
Mohammed Abdul Basit
basit_435@yahoo.com
Contact # 313-478-5107
Home
Resume
Assignment
My Design
Contact
MOHAMMED ABDUL
BASIT
2305 Bay Area Blvd#1059
Houston , Texas-77058
Phone:313-478-5107
Email:basit_435@yahoo.com
Academics
Experience
Summary
Skills
Profile
Projects
objective:
To obtain a creative and challenging position where the design, development and project
management skills that I gained can be further enhanced.
academics:
EDUCATION
Degree
University/School
Year of Passing
Aggregate
MS (Computer Engineering)
University of Houston Clear Lake,Houston
Current
--
BE (Electronics and Communications)
MJCET,Osmania University,Hyd.,India
June 2005
77%
Class XI - XII
St. Mary's Junior College,hyd.,India
May 2001
88.2 %
Class X
Kendriya Vidyalaya,hyd.,India
May 1999
76.6 %
Top
Experience Summary:
More than 2 Years of excellent experience in the field of Embedded Systems as an assosiate IT
Engineer in CMC Limited, with core skills in the
following areas:
Embedded software Design, Development, Implementation, Testing and Debugging.
Firmware development experience in developing automotive protocol drivers for ISO
9141(K Line Protocol)
Extensive testing experience of micro controller based automotive software(functional
and protocol level) and hardware.
Domain expertise in automotive electronics in the areas of Airbas SRS,OCM,ABS and HVAC
systems.
Well versed with Software Development Life Cycle (SDLC), application design and
testing.
Followed MISRA-C coding standards while coding in C Programming.
Good Experience in using JTAG Emulator for debugging the implemented code.
Scripting Experience in python language for D-Space auto tester
Experience in writing customized CAPL scripts for CAN.
Extensive Experience in DXL programming and administration of DOORS in the feild of
Software/Requirement management.
Having exposure to hardware layout,ORCAD,PCB design,VHDL coding for FPGA.
Having exposure in the domain of Space Research program and Wireless personal area
networks.
Top
Skills Profile:
Operating Systems : Windows NT/2000/XP/Vista, MS-DOS,Mac OS X.
Languages : C, C++,Python and Assembly Language for 8085,8051.
Microcontrollers : 8051,Hitachi-2612,TMS470.
Hardware Tools : In-Circuit Emulators, Debuggers, Digital Oscilloscopes, Logic Analyzers,
Waveform Generator,Universal Programmers, Bus Analyzers, Bit Rate
Generators.
Software Tools : Flash programming tool for Hitachi-2612, Vector CANalyse
Automatic Software Tester tool,SDATT.
Version Control : VSS,Tortose SVN , CVS.
Scripting Language : CAPL(CAN Access Programming Language).
Requirement Management : DOORS administration with DXL programming.
Other Tools : MsOffice,MsVisio.
Cross Compilers : HEW for Hitachi-2612,CodeComposer studio for TMS470.
Standards and Protocols: CAN, RS-232, J1850, Keyword 2000, ISO 9141-2,
J1708, Customer Specific Standards.
Top
Projects
Click here to view details of the projects done.
Top
copyright © 2007 Mohammed Abdul Basit
&
nbsp;
&
nbsp; Last Updated:09/25/07
3)
Code:
Basit @ UHCL - Assignment
/*
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}
*/
a.two:link {color: #0000ff}
a.two:visited {color:purple}
a.two:hover {font-size: 105%}
/*
a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}
a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}
a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
*/
Mohammed Abdul Basit
basit_435@yahoo.com
Contact # 313-478-5107
Home
Resume
Assignment
My Design
Contact
Assignment
Description
Solution
Written assignment 1
Become familiar with Web Usability and Accessibility
Download
Homework assignment
1
Design and build own Website using CSS and XHTML
1. URL of the website
2. Brief Report
copyright © 2007 Mohammed Abdul Basit
&
nbsp;
&
nbsp; Last Updated:09/25/07
4)
Code:
Basit @ UHCL - My design
/*
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}
*/
a.two:link {color: #0000ff}
a.two:visited {color:purple}
a.two:hover {font-size: 105%}
/*
a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}
a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}
a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
*/
Mohammed Abdul Basit
basit_435@yahoo.com
Contact # 313-478-5107
Home
Resume
Assignment
My Design
Contact
My Design
Web
Usable
Well-organize layout with four zones
Displaying the last updated information
Displaying informative error messages
Web
Accessibility
Background and font color
Use the large font
Hyperlinks within a web page
1. Well-organize layout with four
zones
All my web pages are well organized having four zones(Banner at the
top,Left Navigagtion menu, Srollable main content and a footer at the bottom)so it's convenient
for users to access, understand, and navigate all my web pages
Top
2.Displaying the last updated
information
All my web pages contains last updated information of the webpage in the
footer which makes easy for the frequent visitor of my website to know if there are any updates
in my website after his previous visit.
Top
3. Displaying informative error
messages
Wherever neceesary,there is a provision in my website to display informative
error messages which guides the user if a browser doesn't any of the implemented feature.
Top
4. Background and
font color
All my web pages have proper and consistent selection of background
and Font color having enough contrast which increases the readablity.
Top
5. Use the large font
All my web pages have medium size font and font size of the navigation
menu becomes lagre while navigating over specific link , so the people with poor eyesight can be
see more clearly
Top
6. Hyperlinks within a web page
Whenever a web page's contents are large, i have used hyperlinks to
navigate through the web page, so that the users who are not comfortable with scrolling mouse
can use this hyperlinks.
Top
copyright © 2007 Mohammed Abdul Basit
&
nbsp;
&
nbsp; Last Updated:09/25/07
Contact in frameset:
Basit @ UHCL - Contact info (frameset)
This page uses frames, but your browser
does not support them.
Frames:
Header,
Content
Summary of implementation:
I have used the tag in layout. tag in assignment.html , tag in index.html.
Created hyperlinks in left menu navigation, linking within a page in resume.html. Used valid
xhtml frameset in contactf.html.