联系方式

  • QQ:99515681
  • 邮箱:99515681@qq.com
  • 工作时间:8:00-23:00
  • 微信:codinghelp

您当前位置:首页 >> CS作业CS作业

日期:2019-11-07 09:44

USFP ITA Software for Business Winter Semester 2019

Topic 4: Business Website

Weighting: 20%

Due Date: Thursday 7th November 2019

Using Adobe Dreamweaver, your task is to edit and format the given website template

? Demonstrate your understanding of HTML and CSS, by changing the template to suit

your given business using your own words, colours, images and video

? Demonstrate your understanding of your fictional business and its target audience

throughyour company logo and choice ofcolour scheme, images and promotional video

REQUIRED WEBSITE CONTENT

Completed

1. Choose a colour scheme to suit your given business

https://www.canva.com/learn/100-color-combinations

2.UsingAdobe Illustrator, create a vector graphic of alogo suited to your given business

? Logo size=200px X 200px

3.UsingAdobe Photoshop, createa products montage image

? Montage imagesize = 800px X 500px

To Be Completed

4.UsingGoogle advancedsearch,find copyright free images suited to your given business

? 9 images of the products/services your business sells

? 4 generic images (to show the nature of your business in the website slider gallery)

? 1 generic feature image (showing a focal point of your business)

? Save the TASL(Title,Author,Source,Licence) attribution details for each product image

5.UsingAdobe Photoshop, crop all images to thepixel sizes given below (this may mean

changing the physical size or aspect ratio of the image- or changing the composition of the

image to focus on a portion of the image, whileremoving any distraction)

? 9 product images size= 400pxX 300px

? 4 generic slider gallery images size = 900px X 400px

6. Using Adobe Photoshop, create a feature image which includes text

? Generic feature imagesize = 800px X 500px

? Remove the backgroundfrom the image

? Add a text layer

? Type the word‘products’ using UpperCase

? Format the text

? Re-order the layers to position the text behind the image

? Position the image and text to create a balanced composition

For example:

7.Note

? Export all edited images for web as PNG24

? Images must be captioned using lower case, nospaces

? Save edited images to the ‘images folder’ located in your project folder

8. Write the words for your given business

? Shortwrittenbusiness description ormissionstatement

? Captions for website slider gallery images

? Product names for allproducts

9. Create a promotional video

? Mobile video of yourself describing your business andmissionstatement

? Upload video to your public YouTube channel

? CopyYouTubeembed code for video

PROJECTGUIDELINES

? Download the web template folder fromStudy Smart (found under Topic 4)

? Unzipthe folder

? Rename the folder using your preferred English name, followedby yourstudent number

(no capital letters, no spaces)

? Storethis folder in your student folder (do not saveit on the desktop or store on a USB)

Important

? Remember: style changes in the ita.css file must be made 3 times (beneath each ‘breakpoint’

for each devicedisplay)

? Remember: style changes in the slider.css file are only made once

? Remember: style changes in the form.css file are onlymade once

? Remember: “alt”textmust bewrittenfor every image

Step 1:

HTML

? Change the browser tab title to your given business name

3

? Add your company name in the header

? Insert 4 slider images to genericallyshowcase your business

? Change slidercaptions to reflect your business

CSS

? Change the website’sbackground according toyour colour scheme

? Change the text colour of your company name accordingto yourcolour scheme

? Change the text colour of theslider image captions accordingto yourcolourscheme

Step 2:

HTML

? Insert the feature montage image

? Change the paragraph text to reflect your business mission statement

? Insert your business logo image

CSS

? Change the backgroundcolour of the‘montage image’box according to your colour

scheme

? Change the backgroundcolour of the‘about us’box according to your colour scheme

? Change the ‘about us’ heading text colour

? Change the paragraph text colour

Step 3:

HTML

? Insert the feature image

4

CSS

? Change the backgroundcolour of the‘feature image box’according to your colour

scheme

? Adjust the image position to sit justoutsideof the background box (as shown above)

Step 4:

HTML

? Copy and paste the code for the‘columns’to create apage with 9 columns

? Replace the images with your own business products/services images

? Add the product name to each image

? Insert attribution and copyright anchor tags for all product images

CSS

? Copy and paste the selectors to create 9 columns beneath each‘break-point’

? Change the text colour of theheaderand theproductnames,according to your colour

scheme

Step 5:

HTML

? Copy and paste the embed codefor your YouTube video

5

CSS

? Change the text colour of thevideo title according to your colour scheme

? Change the text colour for‘Contact Us’according to your colour scheme

? Change the coloured fields in the‘Contact Us’submitform according to your colour

scheme

? Change the colour of the‘Submit’button according to your colour scheme

? Change the web page footer backgroundcolour according to your colourscheme

SUBMIT YOUR PROJECT

? Your website project folder must be named using your English name that is used forroll

call, followed by your student number(no capital letters, no spaces).

? Zip (compress) your website project folder

? Submit the zip folderto Study Smart

? The submission link can be found under‘Assessment & Revision’

? The submission link will close at 11:55pm on Thursday7th November 2019


相关文章

【上一篇】:到头了
【下一篇】:没有了

版权所有:编程辅导网 2018 All Rights Reserved 联系方式:QQ:99515681 电子信箱:99515681@qq.com
免责声明:本站部分内容从网络整理而来,只供参考!如有版权问题可联系本站删除。