联系方式

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

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

日期:2018-12-11 10:38

NYU Classes : Introduction to Web Design, Section 007 - Fall '18 : Assignments 2018/12/9 下午7)37

https://newclasses.nyu.edu/portal/site/ce47ea35-8315-4911-a0…65c549c/tool/cb04850f-d779-4fa6-98d8-998b1772c097?panel=Main

Introduction to Web Design, Section 007 - Fall '18 ! Assignments

! Assignments

Assignments

Assignment - In progress

Complete the form, then choose the appropriate button at the bottom.

Title

Assignment 7 - Bootstrap

Due

Dec 11, 2018 8:00 am

Number of resubmissions allowed

Unlimited

Accept Resubmission Until

Dec 13, 2018 8:00 am

Status

In progress

Instructions

ASSIGNMENT 8 ASSIGNMENT 8

TWITTER BOOTSTRAP ASSIGNMENT TWITTER BOOTSTRAP ASSIGNMENT

In this assignment, you will create a three-page professional or business-related website using the frontend

framework, [Bootstrap].

REQUIREMENTS REQUIREMENTS

Minimal requirements:

Create at least 3 pages of content with a consistent style (20%)

Create the general page layout on each page using Bootstrap’s grid layout features. (20%)

∠ #

#

NYU Classes : Introduction to Web Design, Section 007 - Fall '18 : Assignments 2018/12/9 下午7)37

https://newclasses.nyu.edu/portal/site/ce47ea35-8315-4911-a0…5c549c/tool/cb04850f-d779-4fa6-98d8-998b1772c097?panel=Main 

Use a single Bootstrap navigation component on all pages to allow visitors to browse among the 3

pages. (10%)

Create at least 2 layouts using Bootstrap’s responsive design features: one for mobile devices, and one

for desktop computers. (20%)

Use Bootstrap’s carousel widget (20%)

Customize at least 3 Bootstrap components on each page (10%)

Up to 20% extra credit points may be awarded for extraordinary quality of the final design, as judged

subjectively by the grader and professor.

GETTING STARTED WITH BOOTSTRAP GETTING STARTED WITH BOOTSTRAP

To get started, you will install Bootstrap and make a copy of the Bootstrap starter template.

INSTALL BOOTSTRAP

1. Make a project folder called bootstrap, where you will put all your files for this assignment.

2. Follow instructions for installing Bootstrap. This is simply a matter of downloading a copy of the

Bootstrap files and placing them into your project folder. Your bootstrap folder should end up with

three sub-folders: css, fonts, and js

CREATE AN HTML PAGE

1. copy-and-paste the HTML source code for the Bootstrap starter template, and save it into your own

HTML file named index.html in your project folder

2. edit this HTML code and modify the link to the “Bootstrap core CSS” file so that it correctly points

to the CSS file where you have saved it when you installed bootstrap, which is

css/bootstrap.min.css

3. edit this HTML code and modify the link to the “Custom styles for this template” so that it points to

a new file you will make, which is css/custom.css

CREATE A CUSTOM CSS FILE

1. copy and paste the CSS source code used by Bootstrap starter template, and save it into a new CSS

file named custom.css within your css folder. You will add all your custom CSS for this assignment

to this file.

MAKE SURE BOOTSTRAP IS WORKING

NYU Classes : Introduction to Web Design, Section 007 - Fall '18 : Assignments 2018/12/9 下午7)37

https://newclasses.nyu.edu/portal/site/ce47ea35-8315-4911-a0…5c549c/tool/cb04850f-d779-4fa6-98d8-998b1772c097?panel=Main 

1. open the HTML page you made in your web browser, and make sure it looks just like the starter

template example before proceeding.

If you cannot get this to work, get help.

LEVERAGING BOOTSTRAP’S FEATURES LEVERAGING BOOTSTRAP’S FEATURES

Familiarize yourself with the various aspects of working with Bootstrap, including:

the built-in CSS classes that can be used to create custom layouts, including grid-based layouts with

responsive layouts features

the built-in CSS classes that can be used to style common user interface components, such as

buttons, links, navbars, and thumbnail images

the built-in CSS classes that can be used to create interactive widgets, such as carousels, tabs, and

drop-down menus

CUSTOMIZING THE DEFAULT THEME CUSTOMIZING THE DEFAULT THEME

You can quickly and easily change the default style of components and interactive widgets by following

the customization workflow outlined on the Bootstrap site, which is copied here:

For each element you want to customize, find its code in the compiled Bootstrap CSS.

Copy the component’s selector and styles and paste them in your custom stylesheet. For instance, to

customize the navbar background, just copy the .navbar style specification.

In your custom stylesheet, edit the CSS you just copied from the Bootstrap source. No need for

prepending additional classes, or appending !important here. Keep it simple.

Rinse and repeat until you’re happy with your customizations.

PUBLISHING YOUR SITE PUBLISHING YOUR SITE

1. Publish your site by uploading your entire bootstrap project folder into your public folder on the i6

server and add a link to it from your home page.

2. Send us the URL to submit your assignment. This URL should

be http://i6.cims.nyu.edu/~YOUR_NET_ID/Assignment8

NYU Classes : Introduction to Web Design, Section 007 - Fall '18 : Assignments 2018/12/9 下午7)37

https://newclasses.nyu.edu/portal/site/ce47ea35-8315-4911-a0…5c549c/tool/cb04850f-d779-4fa6-98d8-998b1772c097?panel=Main 

$$ %% ! & '' Preview

Format Font Size Source ??

Submission

Assignment Text

This assignment allows submissions using both the text box below and attached documents. Type your

submission in the box below and/or use the Browse button or the "select files" button to include other

documents. Save frequently while working.

Attachments

No attachments yet

Select a file from

computer

Honor Pledge: I have neither given nor received aid on this assignment.

(You must respond to submit your assignment.)

Don't forget to save or submit!

Words: 0

Ctrl+Right-Click to access the editor's context menu

or select files from workspace or site

Submit Preview Save Draft Cancel

NYU Classes : Introduction to Web Design, Section 007 - Fall '18 : Assignments 2018/12/9 下午7)37

https://newclasses.nyu.edu/portal/site/ce47ea35-8315-4911-a0…5c549c/tool/cb04850f-d779-4fa6-98d8-998b1772c097?panel=Main 

Timezone: America/New_York

Terms of Use

Send feedback to the NYU Classes Team

Powered by Sakai

Copyright 2003-2018 The Apereo Foundation. All rights reserved. Portions of Sakai are copyrighted by

other parties as described in the Acknowledgments screen.


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

python代写
微信客服:codinghelp