Adobe Spark Page Walkthrough

Adobe spark page tool

Adobe no doubt now is the world’s largest developer of multimedia and creativity software products. Founded in 1982, as a PostScript ( a page description language) developer, now is leading the industry of creativity software. Its not amaze to see at least one adobe software in anyone’s PC.

From web Adobe Flash to Photoshop, from Adobe illustrator to adobe premiere pro and from Adobe Acrobat to Dreamweaver, there is a pool of media creativity pro industry softwares that Adobe provides all under one roof called Adobe Creative Cloud.

All these software are are accessed under monthly subscription of Creative Cloud which may vary little bit country to country. You may choose whole bundle or as a pack of your necessary softwares from cloud platform.

Apart from these paid software, Adobe also provide some light weight tools which you may use without paying for it. One such software is Adobe Spark Page. We are going to talk about this in this post.

Adobe Spark Page

Adobe Spark Page is one of the three online tool of Adobe Spark Bundle which is free but upgradable to paid version. This tool is used to create amazing web-pages which is accessible online to everyone all by just dragging and dropping in no time and no technical knowledge of website making.

This tool is used to create webpages for presentation or story sharing like diary entry or creating resume or anything else like that which is accessible to anyone on internet without paying for domain or hosting. This tool is not for making complex money making web pages or site, but for making few presentation webpages by using all the features available.

If you upgrade the tool, you will get these Extra features

If you upgrade Adobe Spark Page tool to paid version or if you are already a Creative Cloud member, then you”ll get these extra feaures for web page which lack in the free version.

  • Can add header and footer
  • Can use Adobe Stock photo without watermark
  • Can add Google Analytics Tracking ID in your page
  • Can add cookies banner
  • No little watermark in the bottom of your page

How to create page? Step-by-step

To create web page on Adobe Spark Page, you first need to go on its dashboard. Here is the link. Or if you are in Adobe Spark main dashboard, then click on big “+” sign and go to “web page” option in the dropdown menu.

In the next screen, just login to your Adobe account or you can create a new with Gmail or facebook. After login, the Spark Page dashboard will look like as shown in the picture.

adobe spark

Choosing Themes

The very first thing for your page to do is to select the theme of your page. You can choose any theme available there by clicking “Themes” in the top-right corner of the dashboard. Theme is actually for the beautification of the title area.

If you are the Creative Cloud member or if you upgrade the Spark Page to paid version, you can even create your own unique theme by customizing the text, color, background and styling.

Adding Title, Subtitle and Background Image

Add the title of your web page in the title section. Title is actually that heading of the page which get indexed on the search engine. Below the title, there is a section for subtitle, you may add it or skip it according to your choice. You can even move the “title and subtitle” anywhere in the page to make it more attractive just by double clicking and moving the mouse. This is wonderful feature which lack in many other webpage making platform.

To add background image to the page, just click “+” sign down below the subtitle section. You can upload your own image from your device or use Adobe stock photos or even free creative common photos. Just click any option given there, search the picture in search bar and select it. You can even fix the position of the picture by dragging it.

If you use Adobe Stock photo, there will be a mark of it on the picture, and if you use creative commons photo, then there will be no mark. Actually creative commons photos are shown from third party website like pixabay which are free to use. There are millions of free pictures are available to use free.

Just scroll down the page to enter the content area section. Content area is the place where all your text and pictures and videos lie excluding title, subtitle and background image.

Adding Text and Heading

In the content area, just click “+” icon, a pan of option will be appeared as shown in the figure below, then click text. Write the content of the page accordingly as you wish. There is no limit of words.

To convert any line into heading or sub-heading, just select the line, a pan of options will appear, then select H1 or H2 heading. This way you can separate different paragraphs by headings and sub-headings.

Similarly, you can convert any text into quotation or link, change it into bold or italic or arrange it into bullet or numbered or style it left, right or center.

Adding Image, Video and Button

To add image anywhere in the page, just click on the “+” sign there. In the option pan select image. Same as above either you can upload your own image or use creative commons or Adobe Stock photos.

To customize or add style to the image, just select the image, a new pan of option will appear. Here you can use image as inline, full-width or window style. You can move image up-down, fix focal point of the image to crop it.

To add video anywhere in the post, just click “+” sign and then video. In the pop-up tray, paste the “url” of the video and click save. Your video will be embedded on the page. As of now, you can embed video from Youtube, Vimeo or Spark Video.

Button in the page act as the switch for the action to be executed. You might have seen the buttons in any page enchanting “Buy now”, “Donate”, “Watch”, “Contact us” etc. To add button anywhere in your page, click on “+” sign and then “button”. A new pop-up will appear. Enter the text on the button you want and link of the page you want to be executed and then save. See the picture below.

Photo grid

Photo grid is the amazing properties to show lots of photo at anyplace in ordered grid way. If you search any image on google, it shows tons of images in a grid way. Same feature is available here in the tool.

To add photo grid, just click “+” sign and then “Photo grid”. Now select all the free images you want to show as your requirements and save it. To customize any photo in your grid, just click on it. You can change the position of it by clicking arrow sign, replace or delete any photo, and change the size as nomal or full screen view.

Glideshow

Glideshow is the property you can use to make your webpage look more attractive. You might have seen in some site, the content background image is constantly changing in a pattern by scrolling down in the page. The image will first zoom out and then comes another image and so on. This is actually glideshow of images.

To add glideshow, just click “+” and then go for it. Choose free images you want to show in glide. Select the quantum of images depending on the length of your page. Don’t select too many images for short pages otherwise it will not be seen by user properly. To edit any image in the glide, just click on any image and choose the option you want to do.

Split Layout

On clicking this, you can split the layout of particular section of your webpage into two halves – left and right. This is the property for showing two different things to the viewer at the same time and same area of your page.

In the left section, you can choose only image. And in the right section by clicking “+” you can use image, text, video and button. You can even alter left to right or right to left by clicking arrow in the middle of both. So you can show the combo of image-image, image-video, image-text, image-button in the same portion of your page by using this property.

That’s all.

If you are a Creative Cloud member or will upgrade this tool, you may even add Header and Footer section of the page and add Cookies Banner and Google Analytics ID.

After using all these, i hope you will create amazing cool looking web page without having technical skill of website designing. You can preview your work before sharing online. Just click on preview option in the top-mid of the dashboard see in the picture below.

Having done, now it’s time to show the world your creativity. Click on the “Share” option in the top. A a menu will appear. You can print the page or send it to the Google drive or publish it online.

To publish it, click on the option “publish and share link”. In the new window that appear, choose the title of your page and pick the category of your content. Choicely select the author to be mentioned. Edit or delete the credit of the photo used. By default it is selected. Choicely select the option “Your project may be featured on the Adobe Spark website.” if you want your project to be shown on the Adobe Spark tool. That would be a great day if Adobe will select your project. Finally click on “Create link”.

A shareable link will appear to be share online anywhere. You can even directly share your page on facebook, twitter, google classroom, microsoft team etc. by the option there. Since you are not going to own and pay for domain and hosting, your webpage link will not look like as you want. It will be as https://spark.adobe.com/page/………..

Thanks for reading. If you found this article worthy, kindly share it.

1 thought on “Adobe Spark Page Walkthrough”

  1. Pingback: Adobe Spark Tools Overview - Internet & Technology

Leave a Comment

Your email address will not be published. Required fields are marked *