Thursday, 13 September 2018

Workshop on Web Designing Part-2 HTML

Workshop on Web Designing Part-2
HTML(Hyper Text Markup Language)
Images,Table & Links
 
  • Step 1: Open Notepad or Wordpad
  • Step 2: Type tags <HTML></HTML>
  • Step 3: Write or copy some HTML into Notepad as given below between html tag.

<html>
<body>

<h2>HTML Image</h2>
<img src="pic.jpg" alt="Pic" width="500" height="500">

</body>
</html>
the output will be shown below

  • Step 4: Write or copy some HTML into Notepad as given below between body tag
<table style="width:100%" border=1>
  <tr>
    <th>Fruit</th>
    <th>Veg</th>
    <th>Sweet</th>
  </tr>
  <tr>
    <td>Banana</td>
    <td>Tomato</td>
    <td>Rasmalai</td>
  </tr>
  <tr>
    <td>Apple</td>
    <td>Onion</td>
    <td>Sonpapdi</td>
  </tr>
</table>
 out put will be visible as shown below:
Step 5: Write or copy some HTML into Notepad as given below before table tag

<a href="https://only4success.org/">Visit our HTML tutorial Registration Page</a>
Output will be shown Below:
 

Workshop on Web Designing Part-1 Basic

Workshop on Web Designing Part-1 
HTML(Hyper Text Markup Language)
Title, Heading & Body

  • Step 1: Open Notepad or Wordpad
  • Step 2: Type tags <HTML></HTML>
  • Step 3: Write or copy some HTML into Notepad as given below between html tag.
<body>

<h1>This is heading H1</h1>
<h2>This is heading H2</h2>
<h3>This is heading H3</h3>
<h4>This is heading H4</h4>
<h5>This is heading H5</h5>
<h6>This is heading H6</h6>

</body>

  • Step 3: Save the HTML Page. Save the file WITH FILE NAME A  with .htm or .html extension on your computer.
  • Step 4: View the HTML Page in Your Browser. This will show heading types of html. 


  • Step 5: Again edit the html in notepad and add <head></head> and put <Title></Title> Tag and put Workshop as Title and save the title will visible in browser title bar or tab.

  • Step 6: Body tag edit as body bgcolor="colorname" you will see the change after saving it on browser window. as shown Below.

Friday, 10 August 2018

How to build a free website using google and gmail.


How To Build Your Free Website Using Your Gmail Id

Step 1
Search in google.com “google site”
Step 2
In Search result click on  https://sites.google.com/
Step 3
Login with your Gmail Id “e.g; abc@gmail.com”
Step 4
After login click on create there will be 2 options
1 Classic Site
2 New Site
Here we are using “new site”

Step 5
Give title to your site “e.g; Muskan Webtech and Ecommerce”



Step 6
At Your page title we can add title image also by rollover black header
Here you can select banner types as screenshot

And also you can change/upload image of banner As screenshot

Step 7
At Your page title we can select theme from the right panel “e.g; vision etc.,”
As screenshot

On scrolling  downside you will see option “add footer”
In this option footer added “e.g; session 2018-1019”

On right bottom + symbol can use for adding new page and links.
We can add page “contact us” in this we use banner as cover


Step 8
Now for adding content double click below cover will make you options as screenshot

Here you can embed codes of  page or simply write text here “Contact Details”

Step 9
Press Publish Button options as screenshot
Provide the name which is available “e.g; muskan1”
If you want to make the site private use only click on checkbox in search setting
Request public search engines not to display my site


After Submission Click on “Publish”

Step 10
After Click on Publish Button Click on Publish options as screenshot
View published site
“https://sites.google.com/view/muskan1/contact-us”

And for sharing your website you can click on copy link option as above screenshot


After this illustration make use of common sense you can build much more creative site using these resources
Happy Web Building
Other then that, think about stuff like:
  • With a website, you can blog and educate the world.
  • If you have an e-commerce store section, you can sell products online.
  • It saves you money in the long term.
  • With a website, you can target a greater audience.
  • It becomes your medium to show your work to the world.
  • You offer instant communication and along the clock access to customers.
For Details Visit only4success.org or call 6266169007 or whatsapp on 7869544549

Thank You