Sei sulla pagina 1di 29

Table of Contents

Introduction ...........................................................................................................3
Types of Servers ...................................................................................................3
Security .............................................................................................................3
HTML ......................................................................................................................4
Different types of TAGS .......................................................................................5
CSS ....................................................................................................................8
MYSQL ..................................................................................................................10
Different Commands ..........................................................................................10
PHP .......................................................................................................................11
PHP fundamental ...............................................................................................11
Form creation and data fetching ........................................................................14
jQuery In PHP .....................................................................................................16
Ajax In PHP .........................................................................................................17
Session Creation In PHP .....................................................................................18
Search Engine Optimization .................................................................................21
MY Project ............................................................................................................21
Concept of RSS .....................................................................................................22
Social Media Concept ...........................................................................................23
Final Project .........................................................................................................26
DATE: 4.06.2015

In the field of web development the most important term is Web Server hence in
our introduction part first we discussed about Web servers.
Basically there are two types of Webservers:
Windows Server
Linux server
Also there are different versions available of these servers for example following
are the versions of Windows Server
2000
NT
2003
2008
2008R2
Some important servers are :
SMTP: It is a simple outgoing mail transfer protocol and default port no is
25.
POP3: It is an incoming mail transfer protocol.
IMAP(WINDOW): It is also an incoming mail transfer protocol.
FTP: It stands for File Transfer Protocol and its default port no is
20(sending) ,21(control).
Some important points for Client and Web Server :
Relation between server and client is always one to many.
There are different keys are available for encryption:
Public Key
Private Key
Encryption is a technique by which we can convert plain text into cipher text.
Decryption is a technique by which we can convert cipher text into plain text.

DATE: 6.06.2015

HTML stands for Hyper Text Markup Language.


Different versions of HTML are :
HTML 4.0.1
XHTML 1.0
HTML 5
Basic structure of HTML code:

<html>

<head>

<title> My Webpage </title>

</head>

<body>

Body part of our webpage

</body>

</html>
Different Tags Used In HTML

Paragraph Tag
Paragraph Tags
Tag: <p> </p> (Has a closing tag) </> means closed.
What it Does: Puts 2 breaks between lines of text.
Attributes:
Align=left, right, center
Code Example:
<p align=left>This is a paragraph tag</p>
<p align=left >This is a paragraph tag</p>
What it looks like:
This is a paragraph tag.
This is a paragraph tag.
B
Break Tag
Tags
Tag: <br> (Has no closing tag)
What it Does: Puts a one line break between text.
Code Example:
This is a break tag. <br>
This is another break tag.
What it looks like:
This is a break tag.
This is another break tag.

Bold Tag
Bold Tags
Tag: <b></b>(Has closing tag) </> means closed.
What it Does: Creates bold text
Code Example: <b>this is bold. </b>
What it looks like:
this is bold.

Italic Tag
Italic Tags
Tag: <i></i>(Has closing tag) </> means closed.
What it Does: Creates Italic text.
Code Example: <i> This text is italic. </i>
What it looks like:
This text is italic.

Under Line Tag


Unordered List Tags
Tag: <ul> </ul> (Has closing tag) </> means closed.
What it Does: The UL tag lists items using bullets. Also indents your list tags.
Code Example:
<ul>This is a ul tag</ul>
What it looks like:
This is a ul tag.

List Tag
List Tags
Tag: <li> </li> (Has closing tag) </> means closed.
What it Does: Creates a bulleted list.
Code Example:
<li>Apple </li>
<li>Orange</li>
<li>Peach</li>
What it looks like:
Apple
Orange
Peach

Anchor Tag
Hyperlink Tag
Tag: <a href="URL"></a> Has closing tag) </> means closed.
What it does: Creates a hyperlink to another page.
Attributes:
Target=new This opens up a new window.
Code Example:
<a href=doc.html>document</a>
What it looks like:
Document
To create a hotlink email reference:
<a href=mailto:janiceg@projecta.com>janiceg@projecta.com</a>
Table Tag
Table Tags
Tag: <table></table> Creates a table
Tag: <tr></tr> Sets off each row in a table
Tag: <td></td> Sets off Each cell in a table>
Attributes:
align=left, right, center
border=x
cellpadding=x
cellspacing=x
width=
height=
How these work and look: All these tags must be closed. </>
<table border=1 cellpadding=2 cellspacing=2>
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
</table>
How it looks:
Cell 1 Cell 2

Image Tag
Image Tags
Tag: <img src=imagename.gif alt=description> there is no closing tag
Attributes:
alt=description
Align=right or left
Border=0
What it does: Inserts an image into the page. Always have an alt tag in your
images. Alt tags are part of priority
one ADA compliance. The site will not be compliant without this tag.
Code Example: This is an image <img src=images/arrow.gif alt=arrow>.
What it looks like: This is an image .
1. Always use alt tags (alternative text) in images
2. Close your tags </>
Email Tags
<a href=mailto:gordon@sno-cat.com class=links >Gordon@sno-cat.com
</a>
Image Tags with locations
To insert an image into text area
<img src=images/imagemanager/filename.gif(jpg)alt=Title of Image>
To place this in a left, center or right position you would:
<center><img src=images/imagemanager/filename.gif(jpg)alt=Title of
Image></center>
Note: Sometimes the code is particular about the image name being all on one
line. If your
image doesnt display properly on the page, then check for the file name being
split on two
lines.

CSS (Cascading Style Sheet)

CSS is a very powerful utility through which we can make our webpage more
interactive.
There are 3 types of CSS:
1. Inline CSS
2. Internal CSS
3. External CSS
Inline CSS
It is used for particular line.

Example :

<p>

<span STYLE="margin-left: 25px">Hi there! If you are reading this then you have found my home page!
Congratulations!

</span>

</p>
Internal CSS
It is used for particular Document.

Example:

<html>

<head>

<style>

h1 {

color:#00ff00;

</style>

</head>

<body>

<h1>This is heading 1</h1>

</body>

</html>

External CSS
One external CSS file can be used in multiple HTML documents.

/*css*/

#main2{

width:1000px;

background:url('bg.jpg') no-repeat;

}
External css is linked with HTML through link tag
<link src=style.css rel= type=>

DATE:8.6.2015

For login into MYSQL: MYSQL U root P


To show databases: SHOW DATABASES;
For selection of database: USE <db name>
For creation of table:
CREATE TABLE table_name (create_clause1, create_clause2, ...)
For Insertion :
INSERT [INTO] table_name VALUES (value1, value2, ...)
For deletion:
DELETE FROM table_name WHERE where_clause
For updation:
UPDATE table_name SET column_name1=value1, column_name2=value2,
...[where];
To show created table:
Select * from <table name>;
Select <column name> from <t nm>;
SELECT * FROM pet WHERE name = '.';
Ordered by:
SELECT name, birth FROM pet ORDER BY birth DESC;
SELECT name, birth FROM pet ORDER BY birth ASEC;

PHP stands for Hypertext Preposessor.

<?php------------------------------------?>

Example :

<!DOCTYPE html>
<html>
<body>

<?PHP
echo "My first PHP script!";
?>

</body>
</html>

PHP is a server scripting language, and a powerful tool for making dynamic
and interactive Web pages.
To show something on webpage echo is used.
<?php

echo Hello World ;

?>
Supported data types are:

o String
o Integer
o Float (floating point numbers - also called double)
o Boolean
o Array
o Object
o NULL
o Resource

Supported operators
o Arithmetic operators
o Assignment operators
o Comparison operators
o Increment/Decrement operators
o Logical operators
o String operators
o Array operators

PHP conditional statements


o if statement - executes some code only if a specified condition is true
o if...else statement - executes some code if a condition is true and
another code if the condition is false
o if...elseif....else statement - specifies a new condition to test, if the
first condition is false
o switch statement - selects one of many blocks of code to be
executed
Switch statement

switch (n) {
case label1:
code to be executed if n=label1;
break;
case label2:
code to be executed if n=label2;
break;
case label3:
code to be executed if n=label3;
break;
...
default:
code to be executed if n is different from all labels;
}

PHP Loops

o while - loops through a block of code as long as the specified


condition is true.

o do...while - loops through a block of code once, and then repeats the
loop as long as the specified condition is true.

o for - loops through a block of code a specified number of times.

o foreach - loops through a block of code for each element in an array.


Form Creation & Data Insertion Using PHP

First of using HTML we have created a form:

After that we have created a Database where data are inserted through this
interface:

After creation of table we have to make a connection between created database


and webpage interface.

Code for connection:

<?php

$x=mysql_connect('<server_name','<user_name>','') or die('error in connection');

mysql_select_db('<database_name>',$x);

?>
Code for insertion:

$g="INSERT INTO student_data(`Reg`, `Name`, `Branch`, `CGPA`) VALUES ('$r', '$n', '$b', '$c')";

$retval = mysql_query( $g, $x );

Display code:

$display="SELECT * FROM student_data WHERE Reg=$r";

$ret = mysql_query($display);

while($data = mysql_fetch_array($ret))

echo $data['Name'].", ".$data['Branch'].", ".$data['CGPA']."<br>";

For Update:
Code For updation of data:

$g="UPDATE student_data ".

"SET name='$n',Branch='$b',cgpa='$c'". "WHERE reg = '$r'" ;

$retval = mysql_query( $g, $x );

Code for delete:

$g="DELETE from student_data ". "WHERE reg = $r" ;

$retval = mysql_query( $g, $x );

The jQuery created by Jhon Resing in 2006.


We can implement it in 2 ways:
o Directly link downloaded js file.
o Or through CDN (Common delivery network)

WHAT IS JQUERY?

jQuery is a lightweight, "write less, do more", JavaScript library.

The purpose of jQuery is to make it much easier to use JavaScript on your


website.

jQuery takes a lot of common tasks that require many lines of JavaScript code to
accomplish, and wraps them into methods that you can call with a single line of
code.
jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX
calls and DOM manipulation.

The jQuery library contains the following features:

HTML/DOM manipulation
CSS manipulation
HTML event methods
Effects and animations
AJAX
Utilities

Syntax:

$(selector).action()

Ex: $(p).hide();

AJAX

AJAX Code for response:

<script>

function getsubject()

var id = $('#Source_id).val();

var datastring= 'classid='+id; //String to be passed

$.ajax({

type: "POST",data: datastring,url: "Another_page.php",

beforeSend: function(){$('#loader').show()},success: function(data)

{$('#Destination_id).html(data);},

complete: function(){$('#loader').hide();}

});

</script>
Code for process of AJAX:

if(isset($_POST['Source_id']))

$bid = $_POST[' Source_id''];

$result = mysql_query("select * from tbl_olympiad_sub where CLASS_ID=$bid");

echo "<option value='0'>Select</option>"; //Action to be performed

while($row = mysql_fetch_assoc($result))

echo "<option
value='".$row['SUBJECT_ID']."'>".$row['SUBJECT_NAME']."</option>";

}
Session Creation} in PHP

A session is a way to store information (in variables) to be used across multiple pages.
Unlike a cookie, the information is not stored on the users computer.

A session ID is a unique number that a Web site's server assigns a specific user for the
duration of that user's visit (session).

<?
php session_start();

$_SESSION["email"]=session_data;

Echo $_SESSION["email"];

?>
Search engine optimization (SEO) is the process of affecting the visibility of a
website or a web page in a search engine's unpaid results.

As an Internet marketing strategy, SEO considers how search engines work, what
people search for, the actual search terms or keywords typed into search engines
and which search engines are preferred by their targeted audience.

There are 2 types of techniques are used in SEO


o On page technique
o Off page technique
There is a important tool for SEO : Google keyword Planner
There are 3 important terms :
o Meta-title
o Meta-description
o Meta-keywords
There are some steps through which we can easily gain knowledge about it:
o Step1 : Keyword Research How to Select Keywords
Important Term: Keyword density is the percentage of times
a keyword or phrase appears on a web page compared to the
total number of words on the page.
Getting Started with SEO Keyword Research
What is your website content about?
What would you ask a search engine to find what your
website offers?
What do you think other searchers would ask for?
What are your most popular pages/items about?

o Step2: Competitive Research Who's Your SEO Competition?


Identify the Top-Ranked Websites for our Keywords
How to use the Top-Ranked Websites by Keyword tool:

o Enter a keyword or phrase below and click


"Research Keyword."

o View the list of URLs returned for each search,


which may be your keyword competition (more
on that in a moment).

o Keep these lists of keyword competitors in your


spreadsheet (next to each keyword), as these are
sites you may want to analyze later.

o Step3: SEO Competitive Analysis How to Spy on Your Competition


what to look for when you do SEO competitive analysis?
Keywords: What other keywords is the competing web
page optimized for?
Content: How much content is there for the keyword
you're targeting (words on the page and pages on the
site)?
SEO: How is the web page ranking for this keyword?
Does it seem intentional and according to SEO best
practices?
Authority: How much authority do the page and website
have (based on links, social media shares, etc.)?
Weaknesses: What weak areas do you see that could be
opportunities for you to compete?

o Step4: Choosing Keywords for SEO Relevance

o Step5: Key Considerations when Writing Content

Minor Project Based on designing


WHAT IS RSS?
RSS (Rich Site Summary) is a format for delivering regularly changing web
content. Many news-related sites, weblogs and other online publishers syndicate
their content as an RSS Feed to whoever wants it.

WHY RSS? BENEFITS AND REASONS FOR USING RSS


RSS solves a problem for people who regularly use the web. It allows you to easily
stay informed by retrieving the latest content from the sites you are interested in.
You save time by not needing to visit each site individually. You ensure your
privacy, by not needing to join each site's email newsletter. The number of sites
offering RSS feeds is growing rapidly and includes big names like Yahoo News.

WHAT DO I NEED TO DO TO READ AN RSS FEED? RSS FEED READERS AND NEWS
AGGREGATORS
Feed Reader or News Aggregator software allow you to grab the RSS feeds from
various sites and display them for you to read and use.

A variety of RSS Readers are available for different platforms. Some popular feed
readers include Amphetadesk (Windows, Linux, Mac), FeedReader (Windows),
and NewsGator (Windows - integrates with Outlook). There are also a number of
web-based feed readers available. My Yahoo, Bloglines, and Google Reader are
popular web-based feed readers.

Once you have your Feed Reader, it is a matter of finding sites that syndicate
content and adding their RSS feed to the list of feeds your Feed Reader checks.
Many sites display a small icon with the acronyms RSS, XML, or RDF to let you
know a feed is available.

WHATISRSS.COM NOW HAS A BLOG ...


We have always wanted to keep this resource brief and to the point, but we
realise there is alot more that can be communicated about using RSS. Our RSS
Blog was launched 26 July 2007 to extend and complement the information
provided here. If you are interested in learning more about RSS go there now and
subscribe! It will be updated over time with information on using RSS and will
feature tools to help you use RSS in new and better ways.

At a minimum, we should have an active Twitter account and LinkedIn


account designed around your personalbrand. Similarly, you should know
what a hashtag is, why we use it, and how not to use or overuse it!

Do you know the logic behind utilizing social? Heres a hint: Engagement.
This is a broad answer, but if you have been following this blog, you should
know that the common theme is engagement with external and internal
stakeholders.
Accept and embrace the importance of listening before you speak (via
social) and having a social plan/strategy before jumping on the social media
roller coaster.

The social media professional must be open to trying new things and
possess the flexibility to make changes as needed.

Commit yourself to reading constantly about social media and


measurement; searching aggressively for the latest trends and best
practices. This is a must to keep you current in this ever changing social
landscape.

You must be religious about social media monitoring for customer service
opportunities and initiate conversations on behalf of the customer. Social
media allows brands to actively monitor conversations and arrive at
resolutions more quickly than ever before.

You must embrace connecting with consumers directly. These deeper


connections can lead to higher-level interactions, including advocacy and
loyalty.

Analyze social media actions and reports on a monthly basis to uncover


successes. This also gives you the potential to identify new opportunities
you may be overlooking.
Timely and relevant content for any social platform is very
important. Similarly, content must tailored and optimized for a particular
platform and intended audience.

You must identify and understand your business-related goals. All content
on your blog, Facebook page, Twitter profile, YouTube channel, etc., has to
support your business-related goals.

As a social media professional, you must have the patience to go the


distance. Social strategies are not short term. Long-term goals with
specific objectives must be identified first, followed by specific tactics in
place.

Importance of integrating traditional with social strategy. This is often


easier said than done and involves a lot of time, people, and patience.

Do you have some knowledge of SEO best practices? Many students give
little attention to this facet of the courses thinking it is more of an IT job
duty. Knowing the how and why of SEO can be a huge help to your career
and your brand.

You must have a solid understanding that as a social media professional,


you must collaborate with various other departments (including but not
limited to sales, IT, legal, HR, R&D) to share, innovate, and improve
business.
Do you know who the top influencers are in your sector? Your
competitors? Industry specific trends? You should be able to find them
using various social techniques and feel confident in the data you are
collecting.

Our Final project is based on Olympiad section of my247edu.com.


Complete project is divided into 3 parts
Examination section
Question Bank section
Online Practice test section

My groups has assigned with Online Practice test section.


The final model of our project is decided and then we proceed for next.
Snap of our projects model :
Following are snap of our project:
Login Page For Online Practice Test

Selection Page For Practice Set


Main Page

After the completion of interface part we have created databases where all the
information stored.
Finally by the help of our respected instructors project has been completed.

-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------

Potrebbero piacerti anche