【翻譯貼】上海市第八屆星光計劃（2019年）技能大賽網站設計（中職組）決賽題目

時間 2019-11-06

標籤翻譯貼八屆星光計劃 2019年技能大賽網站設計決賽題目欄目快樂工作简体版

原文原文鏈接

兩年一度的上海市星光計劃比賽被譽爲職業技能大賽的奧林匹克，比賽分爲中職組和高職組web

隨着若干年的發展，比賽的題目強度逐年提升，逐步向世界職業技能大賽的比賽強度靠攏數據庫

此次翻譯的題目是上海市第八屆星光計劃（2019年）技能大賽網站設計（中職教師組）的決賽題目。全文是英文的，學生組的題目和教師組差很少，個別地方下降了要求。故此次翻譯了教師組的題目。瀏覽器

決賽要求安全

模塊 A：站點設計服務器

1、競賽時間 150 minapp

2、競賽任務及要求less

1. INTRODUCTION:ide

Frankfurt International Motor Show(IAA) was firstly established in 1897 in Berlin,known as Berlin Motor Show. As one of the biggest automobile exhibitions worldwide, IAA is famous as Olympics for Automobiles. The two-week IAA Motor Show has been held every two years in the middle of January.佈局

1.簡介：post

法蘭克福國際汽車展（IAA）於1897年在柏林首次成立，被稱爲柏林車展。做爲全球最大的汽車展覽會之一，IAA以汽車屆的奧運會而聞名。每兩年的一月中旬舉辦一次爲期兩週的IAA車展。

The upcoming IAA event will be held on Jan.11-13, 2020 in Frankfurt. The organizer would like to establish a website to display the IAA related news, information, online-ticket application and advertisement of sponsors.

即將舉行的IAA會展將於2020年1月11日至13日在法蘭克福舉行。承辦方但願創建一個網站，用來顯示IAA相關的新聞、信息、在線票務和贊助商廣告。

2. DESCRIPTION OF PROJECT AND MODULE

This module involves knowledge about website design.You should finish your design work in the morning. The design needs to be classy and modern to fit with the target audience for IAA 2020: Mainly young people with some knowledge of automobiles and pursuit high-quality life

2．項目和模塊的描述

本單元涉及網站設計知識。您應該在早上完成設計工做。須要設計成優雅和現代的風格，以適應IAA 2020的目標受衆——主要是對汽車有必定了解並追求高品質生活的年輕人

Website Design Details

Create a design for a responsive front page for the motor showevent ‘IAA 2020’.

Make a design for how the website will looks like at the following resolutions:

Desktop:1330px,

Tablet:768px,

Mobile: 480px.

In addition to the website design you need to design a style guide for future development of the website. You have to redesign the provided logos, not only make changes to the color of the logo.

網站設計細節

爲會展「IAA 2020」設計響應式網頁。

根據如下規格設計網站的外觀：

桌面：1330px

平板：768px

移動設備：480px

此外，你須要爲即將完成的網站設計樣式指南。您必須從新設計提供的徽標（Logo），而不只僅是更改徽標（Logo）的顏色。

The page template should include:

- Page title

- Banner

- Countdown timer (11th January,2020 18:00)

- News posts

- Event description (placeholder text)

- SponsorsOnline exhibition

- Tickets Service

- Location of the IAA（map）

- Button to open the hidden sidebar

- Footer with copyrights and social media links

頁面模板應包括：

- 頁面標題

- 橫幅

- 倒數計時器（2020年1月11日18:00）

- 新聞發佈

- 事件描述（佔位符文本）

- 贊助商在線展現

- 門票服務

- IAA的位置（地圖）

- 能打開隱藏的側邊欄的按鈕

- 具備版權和社交媒體連接的頁腳

*For the detail requirement of each section, your design work should be in line with the CMS details in the afternoon.

The sidebar is added (as a small tab) to all pages.

The footer is added to all pages. The footer contains copyrights and at least three social media platforms.

*對於每一個部分的詳細要求，您必須設計成和下午能在CMS中實現的細節保持一致。

側邊欄（做爲小標籤）添加到全部頁面。

頁腳將添加到全部頁面。頁腳包含版權和至少三個社交媒體平臺。

Design your own vehicle model icon ：

-Saloon Car

-Sporty Car

-Pickup Truck

-Multi-Purpose Vehicles

設計您本身的車輛模型圖標：

- 轎車

- 跑車

- 皮卡（敞蓬小型載貨卡車）

- 多用途車輛

Logo Design

IAA wants you to redesign a logo for this event based on the old one, which should match the idea and target audience of the event.

徽標（Logo）設計

IAA但願您在原有徽標（Logo）的基礎上從新設計一個與活動理念和目標受衆相匹配的徽標（Logo）。

Style guide Details

Necessary elements for the style guide including colors, sizes and fonts

-Buttons

-Backgrounds

-Main title

-Subpage title

-Section title

-Paragraphs

-Navigation.

-Vehicle model icon

*Add comments to the style guide to specify how to use the logo and the interactive elements.

樣式指南詳情

樣式指南的必要元素包括顏色，大小和字體

- 按鈕

- 背景

- 主標題

- 子頁標題

- 章節標題

- 段落

- 導航

- 車輛模型圖標

*在樣式指南中添加註釋，以指定如何使用徽標（Logo）和交互元素。

3. INSTRUCTIONS TO THE COMPETITOR

The designs should be saved as: Desktop_IAA.png, Tablet_IAA.png, Mobile_IAA.png, Logo_IAA.png and StyleGuide.png.

You can add extra files to explain your designs, and save them as:Desktop_IAA_1.png ......

In the morning, save your design, style guide in this location:

http://XX.star.com/CMS/design where XX is your workstation number.

3.參賽選手注意事項

設計稿保存爲：Desktop_IAA.png, Tablet_IAA.png, Mobile_IAA.png, Logo_IAA.png 和 StyleGuide.png

您能夠用額外的文件來詳解您的設計，保存他們爲：Desktop_IAA_1.png ......

上午，保存您的設計、樣式指南在下面這個位置：

http://XX.star.com/CMS/design，XX是你的工位號

模塊 B：站點重構，交互和功能

1、競賽時間 180 min

2、競賽任務及要求

1. INTRODUCTION:

This module involves knowledge about website layout techniques, client-side scripting, and server-side scripting, all combined in one CMS project. Implement all the design work into web pages and keep them identical with your design as much as you can. You will usethe most popular CMS-Wordpress to construct your site.

Develop your theme as a child-theme for the Blankslate Wordpress theme, called Blankslate_Child_IAA. For the fully functional website you will need to add and config some of the provided or self-developedplugins.

1.簡介：

該模塊涉及有關網站佈局技術，客戶端腳本和服務器端腳本的知識，全部這些都組合在一個CMS項目中。將全部設計工做實施到網頁中，並儘量地將它們與您的設計保持一致。您將使用最流行的CMS-Wordpress來構建您的站點。

將您的主題做爲Blankslate Wordpress主題的子主題開發，名爲Blankslate_Child_IAA。對於功能齊全的網站，您須要添加和配置一些提供的或自行開發的插件。

2. DESCRIPTION OF PROJECT AND MODULE

The website layout should be developed with the ability to add menu items (up to 5 items each maximum 15 characters) through dashboardwithout damaging the design.

For future use, widgets will be placed in the sidebar. Make sure the content of the sidebar can easily be changed without damaging the design.

2.項目和模塊的描述

開發網站佈局，可以經過儀表板添加菜單項（最多5個項目，每一個最多15個字符），而不會損壞設計。

爲了未來的應用，小部件將放在側邊欄中。確保能夠輕鬆更改側邊欄的內容而不會損壞設計。

The layout of the website needs to be identical to your designs, but also needs to scale without damaging the design when scaling the browser window between 480px and 1330px. Make use of HTML and CSS by the W3C standards for proper SEO support.

網站的佈局須要與您的設計相同，在將瀏覽器窗口縮放在480px和1330px之間時，不會有損壞設計的狀況。經過符合W3C標準的HTML和CSS來得到適當的SEO支持。

The banner should contain at least 3 images, user can change banner’s image through interaction effect.

橫幅（Banner）應包含至少3個圖像，用戶能夠經過交互效果更改橫幅圖像。

You are required to set a countdown timer in the certain area on the webpage to draw more attention from subscribers. The countdown timer should be real-time updated every second on the webpage, starting from 18:00, Jan 11, 2020.

您須要在網頁的某個區域設置倒數計時器，以吸引訂閱者的更多關注。倒數計時器應該在網頁上每秒實時更新一次，倒數計時器的時間設定爲2020年1月11日18:00。

CMS Details

The Wordpress login page should have the logo of IAA.

The sidebar is hidden (as a small tab) by default. When clicking the tab, the sidebar slides or fades in.The sidebar needs to support adding search widget, images of sponsors and a calendar widget.

CMS詳情

Wordpress登陸頁面應該有IAA的徽標（Logo）。

側邊欄默認隱藏（以小標籤形式）。單擊小標籤時，側邊欄會滑入或淡入。側邊欄須要支持添加搜索小部件，贊助商圖像和日曆小部件。

For safety reasons two user profiles needs to be created:

 The Admin user - access to the complete WordPress main dashboard.

 Username: admin

 Password: weareiaa

 The Client user - access to the main WordPress dashboard showing only pages, posts, media and relevant plugins (security, seo).

 Username: employee

 Password: allforiaa

出於安全緣由，須要建立兩個用戶配置文件：

Admin用戶 - 訪問完整的WordPress儀表板。

用戶名：admin

密碼：weareiaa

客戶端用戶 - 訪問WordPress部分儀表板，包括頁面，帖子，媒體和相關插件（安全性，seo）。

用戶名：employee

密碼：allforiaa

News

News section should at least include 4 graphic news and each news includes the elements of title, description and published date.

Clicking news title can go to news-details page, which includes:

-Title

-View times

-Published date

-Author

-Description

-Image

Admin can create or delete news through dashboard. If amountof news more than the mainpage‘s capacity, the latest news should at the top of the list.

新聞

新聞部分至少應包括4個圖片新聞，每一個新聞包括標題，描述和發佈日期。

點擊新聞標題能夠轉到新聞詳情頁面，其中包括：

- 標題

- 查看時間

- 出版日期

- 做者

- 描述

- 圖片

Admin賬號能夠經過儀表板建立或刪除新聞。若是新聞的數量超過主頁的容量，則最新消息應該在列表的頂部。

Sponsors Online exhibition（Plugin）

Organizer would also like to display the latest products from sponsors on the webpage. The display area could be separated with 2 portions. One is special release and another is special display. There only can display one portion at the same time, user can hide or display a portion through interaction effect.

Each portion includes:

-Vehicle name

-Display type (special release / special display)

-Company name

-Vehicle model

-Image（less than 200px*200px）

In order to ensure all the sponsors’ products could be displayed fairly, any picture larger than 200*200 cannot be uploaded and published. Plugin could manage at least 10 products and be displayed on main page. If the plugin is disabled, the related contents will not be displayed and other functions should not be affected.

贊助商在線展現(插件)

主辦方亦但願在網頁上展現贊助商的最新產品。顯示區域可分爲兩部分。一種是簡版，另外一種是詳版。同時只能顯示一部分，用戶能夠經過交互隱藏或顯示一部分。

每一個部分包括:

- 車的名字

- 顯示類型(簡版/詳版)

- 公司名稱

- 汽車模型

- 圖像(少於200 px * 200 px)

爲了保證全部贊助商的產品都能獲得公平的展現，任何大於200*200的圖片都不能上傳和發佈。插件能夠管理至少10個產品，並顯示在主頁上。若是插件被禁用，相關內容將不會顯示，其餘功能也不會受到影響。

注：恕我愚笨，不知道該如何翻譯special release / special display，只是感受是兩種不一樣的板式，因而用簡版和詳版來區分了。

Ticketsservice（Plugin）

In order to ensure the quality of exhibition, organizer would like to provide tickets with reservation. Applicants could first submit an order with applicant name, visiting date (Jan.12, Jan 13 or Jan.14), Contact information, numbers of attendees (at most 5 people), and then after submit the application, they could collect their paper tickets onsite with their contact information left on reservation

IAA expect admin account could search applicant information in the database and remark if the tickets have been collected.

Here is several information should be displayed on dashboard:

-Order Number (starting from 1, automatically)

-Applicant name

-Visiting date

-Contact information

-Attendees number

-Application time

*Admin could sort ascending / descending on order numbers / visiting dates in dashboard.

在線票務(插件)

爲保證展覽的質量，主辦方願意提供有預定的門票。申請人能夠先提交一份包含申請人姓名、參觀日期(1月12日、1月13日或1月14日)、聯繫方式、參會人數(最多5人)的訂單，而後提交申請後，在保留聯繫方式的狀況下，現場領取紙質門票

IAA但願Admin賬號能夠在數據庫中搜索申請人信息，並對收集到的門票後進行備註。