Ahsanullah University of Science and Technology (AUST) Department of Computer Science and Engineering LABORATORY MANUAL Course No.: CSE 3100 Course Title: Software Development-IV For the students of 3 rd Year, 1 st semester of B.Sc. in Computer Science and Engineering program
19
Embed
Ahsanullah University of Science and Technology (AUST ...
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Ahsanullah University of Science and Technology (AUST)
TEXT/REFERENCE BOOK ........................................................................................... 1
ADMINISTRATIVE POLICY OF THE LABORATORY .......................................... 1
LIST OF SESSIONS ......................................................................................................... #
SESSION 1: ........................................................................................................................ 2 Getting acquainted with major concepts of HTML and CSS.
SESSION 2: ........................................................................................................................ 5 Responsive Web design, Bootstrap.
SESSION 3: ........................................................................................................................ 8 Introduction to XAMPP server and PHP.
SESSION 4: ...................................................................................................................... 11 PHP form and CVS File.
SESSION 5 & 6: ............................................................................................................... 13 Introduction to Databases with PHP.
FINAL PROJECT SUBMISSION ................................................................................ 17
Page | 1
COURSE OBJECTIVES
After successful completion of this course, the students should be able to
• Understand the basic concepts of HTML, CSS, PHP and JavaScript) and tools used for web
development;
• Understand the concepts of MySQL database and designing library like Bootstrap;
• Perform the design of websites and web applications.
• Adapt modern tools and techniques to develop PHP based web application.
PREFFERED TOOL(S)
1. Sublime text
2. notepad++
3. XAMPP Server,
4. MySQL
TEXT/REFERENCE BOOK(S)
1. Learning PHP, MySQL and JavaScript with jQuery, CSS and HTML5, 4th Edition by
Robin Nixon, O’Reilly Media.
2. PHP Cookbook, Solutions and Examples for PHP programmers, 3rd Edition by Adam
Trachtenberg, David Sklar, O’Reilly Media.
ADMINISTRATIVE POLICY OF THE LABORATORY
1. Students must perform class assignment tasks individually. 2. Viva will be taken for each assignment and marks on assignment will substantially depend
on viva. 3. Students must show their project progress before final submission. 4. Plagiarism is strictly forbidden and will be dealt with punishment.
Page | 2
Session 1
OBJECTIVES:
i. Getting acquainted with major components of a C program Understand the principles of
creating a web page using html and CSS
ii. Learn the language of the web: HTML and CSS
HTML: HTML stands for Hypertext Markup Language. HTML is a Client-side language and Very
lightweight. HTML is also known as the skeleton of a webpage.
HTML Important Elements
i. Creates headlines (h1=largest, h6=smallest)
<h1></h1> → <h6></h6>
ii. Creates a new paragraph: <p> </p>
iii. Used to format block content: <div> </div>
iv. Creates an unordered list: <ul> </ul>
v. Creates a list item: <li> </li>
vi. Adds image: <img src=“[img source url]” />
vii. Creates a hyperlink: <a href=“[link]”>[hyperlink Text]</a>
HTML Attributes
Class - The class attribute specifies one or more class names for an element.
Example:
<h1 class=“title”>Welcome</h1>
<h2 class=“second-title title”>Hello World</h2>
/* Instruction: Observe, Type, Compile and Run */ /*Exam of a HTML web page*/ <!DOCTYPE html> <html>
<head> <title>First Page</title>
</head> <body>
<h1>First Heading</h1> <p>First paragraph.</p>
</body> </html>
Page | 3
ID - The id attribute specifies a unique id for an HTML element
Example:
<h1 id=“main-title”></h1>
CSS: CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on
screen. Mainly used to design web page. It is a Client-side language.
Containers: Containers are the most basic layout element in Bootstrap and are required when using our
default grid system.
Grid System: Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align
content.
Bootstrap Component
Alert:
<div class="container"> <!-- Content here -->
</div>
<div class="container"> <div class="row">
<div class="col-md-4"> One of three columns </div> <div class="col-md-4"> One of three columns </div> <div class="col-md-4"> One of three columns </div>
</div> </div>
<div class="alert alert-primary" role="alert"> A simple alert </div>