LOGO Website code presentation Software Group Project :: First project Prepared By Abdullah Mustafa Abu Nada120070069 Hussian Abd-Jaleel Shaalan 120070105.

Slides:



Advertisements
Similar presentations
Programming Club IIT Kanpur. Work environment Before you begin coding,always set up your work environment to your needs IDE Notepad++ Sublime Text 2.
Advertisements

CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
CSS Chained classes Julien BRAURE –
Web Workshop: CSS Objectives: - “What is CSS?” - Structure of CSS - How to use CSS in your webpage.
Cascading Style Sheets Controlling the Display Of Web Content.
CSS Basics LIS Webteam April 8, Why CSS? What’s wrong with HTML? Structure vs Style Early web design used hacks to style webpages with HTML – like.
Web Page Introduction. What is a web page? A hypertext that contains clickable links. A web page is a text file containing Hyper Text MarkUp Language.
Cascading Style Sheets Controlling the Display Of Web Content.
Multiple Tiers in Action
Style sheets can also affect the BODY. style4.css BODY {BACKGROUND-COLOR : white} H1 {COLOR : red; FONT-SIZE : 50; FONT-FAMILY : arial} H2 {COLOR : green}
Style sheets can also affect the body. style4.css body {background-color : white} h1 {color : red; font-size : 50; font-family : arial} h2 {color : green}
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
L/O/G/O Prepared By Abdullah Mustafa Abu Nada Hussian Abd-Jaleel Shaalan Nael Wael Skaik Supervised By.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
INTRO TO MAKING A WEBSITE Mark Zhang.  HTML  CSS  Javascript  PHP  MySQL  …That’s a lot of stuff!
WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
HTML/CSS Hyper Text Markup Language. CSS Cascading Style Sheets.
Key question  What are the three standardized core languages used to implement web pages? Write the full name not the abbreviation and describe the “layer”
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
LOGO E-Radio code presentation Prepared By Abdullah Mustafa Abu Nada Hussian Abd-Jaleel Shaalan Nael Wael Skaik Software group.
18 People Surveyed HTML (HyperText Markup Language) HTML “tags” Describes structure Building blocks Headings, paragraphs, lists, links, images, quotes,
Cascading Style Sheets Class 1, Lecture 1 Rachel A Ober
CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.
LOGO Project I Website Requirements Prepared By Abdullah Mustafa Abu Nada Hussian Abd-Jaleel Shaalan Nael Wael Skaik Supervised.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.
L/O/G/O E-Radio SDS Prepared By Abdullah Mustafa Abu Nada Hussian Abd-Jaleel Shaalan Nael Wael Skaik Supervised By Prof. Mohammed.
ALBERT WAVERING BOBBY SENG. Week 2: HTML + CSS  Quiz  Announcements/questions/etc  Some functional HTML elements.
Session I Chapter 1 - Introduction to Web Development
Advanced Web Development Instructor: Thomas Bombach.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Colors & Fonts Building a Website Lesson 7. Font Font The tag specifies the font face, font size, and color of text. The tag can have any or all of these.
Things we’ve covered so far  Basic HTML  Some advanced tags i.e.  Styling using CSS  Background-color  Text  Changing the font on your site  Inserting.
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
Cascading Style Sheets
Quick Questions 1. What does HTML stand for? 2. What are the three main languages of the Web? 3. What is the purpose of the tags? 4. Why do we indent different.
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
Web Page Introduction. What is a web page? A hypertext that contains clickable links. A web page is a text file containing Hyper Text MarkUp Language.
Display Page (HTML/CSS)
OV Copyright © 2008 Element K Content LLC. All rights reserved. Working with Web Pages  An Introduction to Cascading Style Sheets  Format a Web.
CSE3310: Web training A JumpStart for Project. Outline Introduction to Website development Web Development Languages How to build simple Pages in PHP.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
JavaScript and Ajax (JavaScript Dynamic HTML (DHTML)) Week 7 Web site:
LT: I can use CSS to decorate a web page. Do Now: Get your storyboard, and log in to winhome. Write our a list of colors you want in your website. (Minimum.
HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Formatting HTML Links HTML Head HTML CSS HTML.
HTML & CSS Contents: the different ways we can use to apply CSS to The HTML documents CSS Colors and Background CSS Fonts CSS Text CSS box model: padding,
Unit 3 - Review. Topics 1. Tag, Attribute, Value 2. CSS Rule Syntax + link 3. Categories of Selectors 4. Inline vs Block Tags 5. CSS Layout 6. CSS Box.
CSS Cascading Style Sheets Prepared By
CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
1 Cascading Style Sheets
Introduction to.
Web Basics: HTML/CSS/JavaScript What are they?
Visual Classification of Football Teams
Objective % Select and utilize tools to design and develop websites.
Introduction to Website Creation in sphb K200
Introduction to Web programming
Objective % Select and utilize tools to design and develop websites.
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.
Web Systems & Technologies
HTML5 Level I Session I Chapter 1 - Introduction to Web Development
Test 1 Review Website Basics, HTML, CSS
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
Client-Server Model: Requesting a Web Page
WORKSHOP A Basics in HTML/CSS.
Presentation transcript:

LOGO Website code presentation Software Group Project :: First project Prepared By Abdullah Mustafa Abu Nada Hussian Abd-Jaleel Shaalan Nael Wael Skaik Supervised By Prof. Mohammed Mikki

LOGO Contents Programming language 1 HTML & CSS 2 JAVASCRIPT 3 PHP 4

LOGO Client side execution EX: HTML,CSS and JavaScript Code Server side execution Ex: PHP & MYSQL

LOGO Programming language Page structure Tags language For decoration Cascading Style Sheets For animation JAVASCRIPT Handling with DB Processing HTMLCSSJ-Query PHP & MYSQL

LOGO HTML & CSS  We use HTML for pages structure, and CSS for page decoration.  For example font size,type,decoration and color, background images and color, margins between any component in website.  For example this part of code : Html: CSS (style.css) :.bannerfooter_text { padding: 4px; font-size: 11px; background-color: #f7f7f7; text-align: right; }

LOGO JAVASCRIPT  We use JAVASCRIPT and JQuery for animation in menus and advertisements slider.  For example :  fix IE blinking in script.js file.  Vertical and horizontal menus in script.js file.  Button animation in script.js file.  slider functions in script2.js file.

LOGO PHP  We use PHP language for handling with database,insert,update,delete and show information from database.  For example :  UserBean class :include attributes & methods for user handling.(UserBean.php)  NewsBean class :include attributes & methods for news handling. (NewsBeans.php)  CourseBean :include attributes & methods for Courses handling. (CourseBean.php)  LecturerBean class :include attributes & methods for lecturer handling. (LecturerBean.php)

LOGO Software Group Project :: First project