1 / 18

Web Design and Development

Join Engr. Rida Noor for an introductory course on web design covering HTML, CSS, JavaScript, and PHP. Learn to create websites and apply skills to build your portfolio. Explore coding help resources and follow course material for a solid foundation.

srivera
Download Presentation

Web Design and Development

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Design and Development Lecture #01 Instructor: RidaNoor Department of Computer Science

  2. About Me • Name: Engr. RidaNoor • Designation: Lecturer • Qualification • MS in Software Engineering from UET,Taxila. • BS in Software Engineering from FJWU, Rwp. • Areas of Interest • Web and Android Application Development • Software Engineering • Software Quality Assurance • Office Hours • Friday 9:00-10:00 • Wednesday 10:00-11:00

  3. Objectives • The course is directed to provide broad introductory understanding of HTML, CSS, JavaScript and PHP etc . • You will gain a foundational knowledge of website creation and will be able to apply it to the planning, design and development of your own portfolio website over the course of the semester.

  4. Grading Scheme

  5. Exam Policy • No make up examination will be given „ • Material covered in lectures, closed-notes will be included in exams

  6. Assignments Policy • Assignments and labs will be due at the beginning of class on the due date • A penalty of 10% per working day will be assigned to late assignments or labs • Do not cheat and copy , I encourage you to discuss your assignments with your friends • Put everything in your own words • Copying causes damage to your integrity and respect • What if you are caught copying? • Both the copier and the originator get 0 ( meaning ZERO)

  7. Indicative Textbooks • Programming PHP Systems by Rasmus Lerdorf and Kevin Tatroe. • Beginning PHP 5.3 by Matt Doyle.

  8. Coding Help Links • HTML • http://www.w3schools.com/html/default.asp • CSS • http://www.w3schools.com/css/default.asp • PHP • http://www.w3schools.com/php/default.asp

  9. Course Material • Lecture Material • Slides will be provided weekly • Slides are only an aide memory …… • Attend Lectures: ŠLectures gives you detailed point-wise meaning Š • You may follow recommended textbook „ and links • Course Format„ • „Lectures „Discussions • Mid-Term Project • Final-Term Project/Research Paper

  10. World Wide Web(www) • The World Wide Web (commonly shortened to the Web) is a system of interlinked, hypertext documents accessed via the Internet. • It is created to share files/documents and overcome the barrier of different file formats. • Hypertext refers to text on a computer that will lead the user to other, related information on demand.

  11. World Wide Web(www) • Hypertext documents are created using a special kind of document formatting or “markup” language called Hyper Text Markup Language (HTML). • HTML is sent or received over the network using protocol named Hyper Text Transfer Protocol (HTTP). • A browser is a software program which interprets the HTML documents and displays it on the user’s screen

  12. URLs and Client-Server Model • Each document/resource on the WWW needs to have an identifier in order to be accessed by others. • A Uniform Resource Locator (URL) is a URL which provides means of obtaining the resource by describing its network “location”.

  13. URLs and Client-Server Model • Two things are given by the URL • Exact location of the document • The method or protocol by which to retrieve and display the document • Example: http://www.bims.edu.pk/mypages/index.html • http:// – specifies the protocol • www.bims.edu.pk – specifies the host name / domain name • /mypages/index.html – specifies the path of the document on the host

  14. Step 1: Open Notepad • For learning HTML use a text editor like Notepad (PC) or TextEdit (Mac). • To open Notepad in Windows 7 or earlier: • Click Start (bottom left on your screen). Click All Programs. Click Accessories. Click Notepad. • To open Notepad in Windows 8 or later: • Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

  15. Step 2: Write Some HTML

  16. Step 3: Save the HTML Page • Step 3: Save the HTML Page • Save the file on your computer • Select File > Save as in the Notepad menu • Name the file "index.html" or any other name ending with html or htm.

  17. Step 4: View HTML Page in Browser Open the saved HTML file in your favorite browser. The result will look much like this:

  18. THANK YOU Tell me and I forget. Show me and I remember. Let me do and I understand. —Chinese Proverb

More Related