Posts

alt tags and title tags in HTML

Image
There are two attributes that could be used as descriptive to elements in HTML: alt attribute and title att attribute and title attribute  (Doyle, 2008) . alt attribute: alt attribute is used to describe an element in case the browser didn't show the element such as img, area, input, and applet. Further, alt is not a tag as some might think because a tag is what comes between <  >, while alt comes within the tag  (Doyle, 2008) . For example: alt attribute can be used in the img tag, thus, if the image didn't show for the user the image description will show ( W3schools, 2021) . copy-free photo for instance, if this image was used in a website the following alt attribute can be used: < img  src ="img_cookie.jpg"  alt ="double Chocolate chip cookie"  width ="500"  height ="600" > title attribution: The title attribute adds a description to an element as well, yet it does not work as the alt attribute. The title attribute could p

website UX/ Testing activity

Image
Today I had the chance to analyse my classmate Mihaela's website. Overall the website is well structured; it has a header, body, and footer. The header: the header includes the important elements. However, the dimensions of the website exceed the webpage. Because, sometimes when the website is published, it appears differently from the editor page. And this problem occurs to me as well.  The logo is cut The shopping cart and login cannot be seen.   1-Search bar: The search bar is included. Which is one of the important elements. Yet, it seems that there are some functionality problems as it cannot be used 2-The menu: The menu is included. Furthermore, it has some useful options, such as the size guide.  3-The Logo: The logo represent the theme of Pawsibilities e-commerce. 4- Shopping cart and Log in: the shopping cart is included, but as I mentioned before, it is not visible to the user. The header The body: The body part in Pawsibilities is well structured. As you could tell from

Order form

Image
 I created a product list using excel. The product list requires a number of formulas which will be explained in this post. First, The Lists: 1- on the product sheet, we have created two lists, one for the product name called  (ProductList)  and the other one for all the price and the name called  (ProductLookup). 2- On the consumer sheet, we created two lists as well, one for the consumer name called (consumerList) and the other one for the consumer name, address, postcode, and the city called (consumerLookup). After that, the lists created were used to give the option to choose the product, as shown below: The product list The same thing was done to the consumer list; it was used to allow us to chose the consumer name, as shown below: The consumer list second, The formulas used to complete the product list: 1- I used a formula to show the price associated with the product chosen; thus, if there was a product, it would show its price; otherwise, it will show nothing. The formula is wr

SEO (WIX website)

Image
 SEO helps on making your e-commerce appear on the top result to read more about SEO . On WIX, you can make an SEO plan for your website.  First: you need to pick the keywords. In my case, as shown below, I choose words that have a connection to the products the e-commerce sells. Keywords SEO Second: you have to complete the requirements on the Get found on Google. Get found on Google For example: the first requirement you need to complete is to set a title meta tag and description. which would look like this on the HTML code: title meta tag:  <meta  name="title" content="Reema Commerce"/> Description meta-tag:  <meta name="description" content=" In Reemz Cookies, you could find the best cookies you would ever taste in your life. Chocolate chip cookies, double chocolate chip cookies, vegan, party packages, and more. Try Reemz cookies now "/> .  However, on WIX, all you need to do is to follow the following steps; you don't need to

About us page (WIX website)

Image
 As mentioned on the  E-commerce Website: About Page , having an about us page is essential. It gives the consumer a better understanding of the e-commerce.  The about us page on  Reemz cookies: About us page As shown the about us page includes some information about the e-commerce. Furthermore, most of the information mentioned is connected to the consumer. Thus, the consumer would be more satisfied and involve.

Social media accounts(WIX website)

Image
 Having social media accounts on your e-commerce might have a lot of benefits. As everyone uses social media, it would be a platform for marketing. Moreover, it would help in keeping in touch with users. I included the website social media accounts in both the website footer and the contact page. Social media link on the contact page (My website) Social media link on the footer (My website) 1-Instagram account: Reemz cookies Instagram account 2- Facebook account: Reemz cookies Facebook account 3- Twitter account: Reemz cookies Twitter account

Privacy Policy page 2 (WIX websites)

Image
 After analysing the privacy policies on the other e-commerce, I finished editing the privacy policy page. As I mentioned on the  Privacy Policy page 1 (websites analysis) post  I used the privacy policies software  to generate the page content.  similar to Ben's cookies and arrival cookies privacy page, I included information such as: 1-The type of information the website collects from the users. 2-How the website use the information collected from the users. 3- Information about cookies software. 4- Security guarantee. 5-contact information. 6-The secure payment methods the website has. The type of information the website collects from the users(My website) How the website use the information collected from the users(My website) Information about cookies software(My website) Security guarantee,  contact information, and the payment methods (My website)  Another addition I added to the website is a declaration that the website uses cookies: Cookies message Thus, the consumer would

Contact page update (WIX website)

Image
 I updated the information on the contact us page. The contact page is one of the essential pages in any e-commerce. Since keeping the connection with consumers is vital. Therefore, I have added more social media account on my contact page. And to make it easier for the user to navigate I linked the social media icons on the contact page with its website page. Contact page (My website)

FAQ page (WIX website)

Image
 In this post, I'm going to include the answers to the questions on the FAQ page post and show the FAQ page on my e-commerce. The FAQ page: FAQ Page Question/answer one: First question/answer Question/answer two: second question/answer Question/answer three: third question/answer Question/answer four: fourth question/answer Question/answer five:  fifth question/answer The question is answered with many details, links to certain pages are included, and social media accounts are also visible for the users.

Privacy Policy page 1 (websites analysis)

Image
 One of the pages that need to be included in any page is the privacy policy page. Therefore I included it on my website.  I analyzed some of the other e-commerce pages to have a better idea of the privacy policy page. The main information that was included were regarding : 1-The type of information the website collects from the users. Ben's cookies page  Arrival cookies page  2-How the website use the information collected from the users. Ben's cookies page Arrival cookies page 3- Information about cookies software. Ben's cookies page Arrival cookies page 4- Security guarantee. Ben's cookies page However, it might be a little bit challenging to write all of the privacy information. Therefore, I used   privacypolicies.com software to help in generating the content of the privacy page. It is very straightforward and quick. All that needs to be done is to follow a few steps.  privacy policies software Sources: Ben's cookies website: https://www.benscookies.com/privac