毕业设计-音乐娱乐网站的设计与实现.docVIP

郑州交通职业学院郑州交通职业学院 毕毕 业业 论论 文（设文（设 计计） 论论文文（设设计计）题题目目：音乐网站的设计与实现 所属系别 信息工程系 专业班级 x级大专计算机网络技术xx班 姓 名 x x xxxx 学 号 xxxxxxxxxxxxxxx 指导教师 xxxxxxx 撰写日期 xxx 年 xx 月 摘摘 要要 本次音乐网站的制作与实现是针对高等教育网站制作的实际情况，开发的小型网站 设计课题1。其目的是在新课改的大环境下，提高学生的音乐素质，推动学校教学、教 育改革以及学生的创新和动手操作能力。本文实际设计一个专题音乐娱乐网站，该网站 内容丰富多彩，包含了音乐名家、音乐常识、音乐欣赏、视频音乐欣赏，并附有专题音 乐网站的简介和链接。 在这个音乐网站的系统中我综合应用了 dreamveaver、photoshop、flash 等知识。 网页界面的结构设计以实用性出发，具有易于操作、简介、方便等特点。在设计中，首 先，运用 html 语言对网站的静态页面进行精细的加工并且在网站的美工方面取得了良 好的效果2。其次，对于网页的布局设计采用框架集粗略布局和 div 精细布局，在此之 前努力学习和大量实践并把这些知识运用到网站的建设中去。 关键词关键词：dreamveaver，框架集，html，音乐，专题网站 abstract design and accomplish this music website is according to the actual situation of higher education website production, small website design tasks. the purpose of the new curriculum reform of the environment, improve students music quality, promote the innovation of school teaching, education reform and student and hands-on ability. in this paper, the design of a special music entertainment website, the website content rich and colorful, contains music masters, music sense, music appreciation, music and video, accompanied by an introduction and thematic music website link3. the system in this music website i comprehensive application of dreamveaver, photoshop, flsh knowledge. structure design of webpage interface to practicality, has the characteristics of easy operation, introduction, convenience etc in the design, first of all, has obtained the good effect of art using the static page html language on the website of the fine processing and in site. secondly, the layout design of webpage using frameset rough layout and div fine layout, before trying to learn and practice a lot and put the knowledge into the construction site4. keywords: dreamveaver, frame set, html, music, web site 目目 录录 1 引 言.1 2 概述.1 2.1 课题的来源、目的和意义.1 2.2 网站的建设目标.1 2.2.1 网站的定位1 2.2.2 网站的目标2 2.3 本系统开发的环境2 2.3.1 硬件环境2 2.3.2软件环境2 3 软件开发技术介绍.2 3.1 dreamveaver 技术2 3.2 photoshop 技术.2 4 总体方案设计.3 4.1 功能设计3 4.1.1 总体结构图3 4.1.2 总体结构的各部分说明.3 4.2 界面设计.4 4.2.1 首页界面设计4 4.2.2 音乐休闲娱乐子页面的设计5 4.2.3 音乐名家子页面设计.6 4.2.4 视频欣赏.7 4.2.5 文章收藏界面图.7 5 总结.8 参考文献.9 致 谢10 附录11 1 1 引引 言言 互联网的魅力主要在于可以缩短世界的距离，让互联网具有这种神奇功能的元素是 网站和网页。网站可以被看成信息交流的载体，而网页则是人与人之间交流的直接窗口。 网站除了在互联网中得到广泛应用之外，也可在企业内部被用来解决内部管理与信息交 流等问题。因此，无论对于网站管理专业人士还是网站建设爱好者，都应掌握一定的网 站建设与网页制作技术5。 本课题主要讲述音乐网站的制作与实现，网站设计包括：网页设计制作、网页版面设 计、用 dreamweavercs4 创建基本网页、超链接、表格、网页行为语言javascript、 网页表现语言css、框架、表单、模板与库、多媒体对象、使用 div 布局页面、网 站的整合与测试发布。 2 2 概述概述 2.12.1 课题的来源、目的和意义课题的来源、目的和意义 人类早已进入计算机世界的时代，我们要通过电脑来武装人脑。我们的目的是要使 目前的教学向真正的数字化和信息化靠近。真正实现教育面向世界，面向未来，面向现 代化。internet 在我们的生活中扮演着越来越重要的角色，同时计算机为教学提供了多 种多样的辅助手段。从单机使用到多媒体教学，从学校内部科室间的局域网到整个学校 的校园网，最后发展到整个校园网同 internet 互联。从长远来看，学校教育教学网站的 建立是十分必要的，主要目的是利用校园网辅助教学，从互联网上获得大量信息以便加 快科研的速度，同时也丰富了学生的课余生活，简化了教师的工作。利用校园网与 internet 的网络资源，使学生能够通过与外界的交流更加直观的掌握知识，增加音乐品 位和修养6。大大提高了学校的现代化进程，使学校在当今激烈的竞争中立于不败之地。 本课题介绍个人网站的制作及发布过程，本网站是一个以音乐娱乐为主题的个人网 站，本文将介绍网站材料的组织、网页的制作过程。 2.22.2 网站的建设目标网站的建设目标 .1 网站的定位网站的定位 建立一个较为实用的小型网站，首先要对网站进行明确的规划设计，规划包括 网站的内容，面向的用户群，网站的规模以及网站的目标。 2 本次毕业设计所建立网站的定位内容是 一个音乐娱乐网站。面向的用户群是所 有喜欢音乐和对音乐感兴趣的人。 网站的目的是在休闲娱乐的大环境下，提高群众的 音乐素质，推动音乐事业的发展。 .2 网站的目标网站的目标 1 1. .熟练的运用 html 语言对网站的静态页面进行设计 7。尽力做到页面的美观 实用。 2 2. .利用 photoshop 技术尽力做到页面的美观实用。 2.32.3 本系统开发的环境本系统开发的环境 .1 硬件环境硬件环境 机型：586 微机； cpu：intel pentium m 处理处理器； 内存：64m； 硬盘：60gb。 .2 软件环境软件环境 操作系统：windows 7 操作系统； 界面开发环境：dreamveaver。 3 3 软件开发技术介绍软件开发技术介绍 3.13.1 dreamveaverdreamveaver 技术技术 dreamveaver 是个原本由 macromedia 公司所开发的著名网站开发工具。它使用所见 即所得的接口，亦有 html 编辑的功能。它现在有 mac 和 windows 系统的版本。随 macromedia 被 adobe 收购后，adobe 也开始计划开发 linuix 版本的 dreamweaver 了8。 dreamweaver 自 mx 版本开始，使用了 opera 的排版引擎 “presto“ 作为网页预览。 3.23.2 photoshopphotoshop 技术技术 adobe photoshop，简称“ps” ，是一个由 adobe systems 开发和发行的图像处理软 件。photoshop 主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可 以更有效的进行图片编辑工作。2003 年，adobe 将 adobe photoshop 8 更名为 adobe 3 photoshop cs。因此，最新版本 adobe photoshop cs6 是 adobe photoshop 中的第 13 个 主要版本。 4 4 总体方案设计总体方案设计 4.14.1 功能设计功能设计 .1 总体结构图总体结构图 图 4-1 总体结构 4.1.2 总体结构的各部分说明总体结构的各部分说明 本网站的内容表现形式主要以文本、图像为主。 虽然网络上可以承载的元素越来越多，但文字一直是很重要的部分。在同一语言环 境下，文字的传达是最准确的，所以，文字是任何出版物的核心，网页也不例外，而且 就现在的网络环境下，文字的使用仍是首选。所以，本网站使用大量的文字介绍休闲娱 乐方面的知识9。 首页：网站给人的第一印象就是首页，要让人愿意继续欣赏下去。我设计的首页 力求简洁明了，色调属于暖色，给人明快、轻松的感觉。页面最醒目处是一朵正在开放 4 的花，象征着祖国的未来生机勃勃。背景隐约可见的五条横线，代表着五线谱，表明了 本网站音乐休闲娱乐的主题。其中包括音乐名家、音乐常识、音乐简介、音乐欣赏和主 题图片五项。有我的 e-mail 以便用户和我联系。 音乐常识：为了提高多数人的音乐修养及素养，我设计了这一项内容，包括基本 知识、乐器常识及戏曲常识三项，乐器常识又分为民族乐器介绍和西洋乐器介绍两部分。 音乐欣赏：主要是给人听觉和视觉上的享受。让人真正的在音乐氛围中有个轻松、 愉悦的好心情。包括 3 种形式的音乐欣赏：flash、mp3、文字。 4.24.2 界面设计界面设计 .1 首页界面设计首页界面设计 网站给人的第一印象就是首页，要让人愿意继续欣赏下去。我设计的首页力求简洁 明了，色调属于暖色，给人明快、轻松的感觉。页面最醒目处是一朵正在开放的花，象 征着祖国的未来生机勃勃。背景隐约可见的五条横线，代表着五线谱，表明了本网站音 乐休闲的主题。首页包括音乐、视频、简介、紫兰图片、紫兰文化和链接六项。有我的 e-mail 以便用户和我联系10。 网页的色彩选择和搭配是网页设计的重点之一。用什么色彩才能最好地表达出网站 的内涵，吸引浏览者的视线，网页的色调、背景、文字、图标、边框、链接应该采用什 么样的色彩，应该如何搭配，都是网页设计一开始就必须考虑的问题。网页的色彩搭配 在网页的制作中起到非常重要的作用，因为它将决定浏览者对你的网页的第一印象，好 的色彩搭配可以使你的网页独具魅力，相反则提不起浏览者的兴趣。所以一定要把握住 色彩的搭配。 图 4-2 为我的首页设计： 5 图 4-2 首页界面设计 .2 音乐休闲娱乐子页面的设计音乐休闲娱乐子页面的设计 这里主要是音乐休闲娱乐的园地。分为音乐、视频和文章三项。 在同一语言环境下，文字的传达是最准确的，所以，文字是任何出版物的核心，网 页也不例外，而且就现在的网络环境下，文字的使用仍是首选。所以，本网页设计使用 了大量的文字介绍11。 文本构成的因素有字体和字号，它们都是由汉字软件自动生成的。字体是一种灵活 的媒介，根据对不同字体的选择可以表达感情，语调以及结构。字体也是网页的主要组 成部分，是信息的重要载体。正确选择字体不仅关系到网页的美观，还对浏览者的阅读 及信息的传达有直接的影响。如图 4-3 所示： 6 图 4-3 音乐欣赏界面设计 .3 音乐名家子页面设计音乐名家子页面设计 为了提高多数人的音乐修养及素养，我设计了这一项内容，包括谢霆锋、罗大佑、 苏芮、等 8 位流行音乐家的生平介绍和代表作品。 除了文本之外，web 页面上最重要的设计元素莫过于图像了，如果 www 上没有 图像，那么它也不会有今天这样火暴的局面了。图像也是传达信息的重要方法之一，与 文本相比，它显得更加直观、生动、易于理解和接受。图像可以把那些文字无法表达的 信息传达出来。本网站当然也恰当的使用了图像，文字的精确性和图像的模糊性结合， 就会使得信息的传达更加完美了。如图 4-4 所示： 7 图 4-4 音乐名家子页面 .4 视频欣赏视频欣赏 视频欣赏主要是为了让音乐爱好者对音乐名家有更深刻的了解和认识而宣传音乐的 一种方式，我所做的本网站主要是通过插入 flsh 动画起到宣传的效果。具体的动画页面 设计如图 4-5 所示: 图 4-5 视频欣赏界面 .5 文章收藏界面图文章收藏界面图 文章收藏页面主要的设计风格根据本音乐网站为设计思想进行编写的，也是为 8 了让广大的音乐爱好者掌握更多的音乐知识，对音乐有更多的了解而设计的本页面。 具体的设计如图 4-6 所示： 图 4-6 文章收藏的子页面 5 5 总结总结 在这个音乐网站的系统中我综合应用了 dreamveaver、photoshop、flsh 等知识。网 页界面的结构设计以实用性出发，具有易于操作、简介、方便等特点。在设计中，首先， 运用 html 语言对网站的静态页面进行精细的加工并且在网站的美工方面取得了良好 的效果。其次，对于网页的布局设计采用框架集粗略布局和 div 精细布局，在此之前努 力学习和大量实践并把这些知识运用到网站的建设中去。 本次音乐网站的制作与实现是针对高等教育网站制作的实际情况，开发的小型网站 设计课题。其目的是在新课改的大环境下，提高学生的音乐素质，推动学校教学、教育 改革以及学生的创新和动手操作能力。本文实际设计一个专题音乐娱乐网站，该网站内 容丰富多彩，包含了音乐名家、音乐常识、音乐欣赏、视频音乐欣赏，并附有专题音乐 网站的简介和链接。 9 参考文献参考文献 1 郑阿奇.asp 实用教程m.电子工业出版社,2003.9 2 彭兰.网络主页制作课程设计m.中央广播电视大学出版社,2004.2 3 thomas connolly carolyn begg. database systems m.北京：电子工业出版社，2004.7 4 roger bate, sandy shrum, cmm integration frameworkj, cmu/sei spotlight 1998.9 5 任新见.asp 动态网站快速开发实务m.电子工业出版社,2004 年 9 月 6 阎静.dream weaver mx 2004 与 asp 动态网页基础与范例m.机械工业出版社,2004.9 月 7孙良军中文版 frontpage2003 实用基础教程m.科学出版社,2003.12 8 前沿电脑图像工作室.巧学巧用 dream weaver、fireworks、flash 制作网页m.北京.人民 邮电出版社, 2003.12 9 攀孝忠.龚元明.计算机应用基础m.北京理工大学出版社, 2008.12 10 林信成.王道荣.html 与 asp 实务m.清华大学出版社,2001.12 11李晓黎.张巍asp+sql sever 网络应用系统开始与实例m.人民邮电出版社,2005.12 致致 谢谢 在本次毕业设计中，我通过自己动手设计了一个音乐休闲娱乐网站。在设计过程中， 10 我通过查阅大量有关资料、与同学交流经验、自学、并向老师请教等方式使自己学到了 不少有关知识，并大大地提高了动手能力。使我充分体会到了在创造过程中探索的艰辛 和成功的喜悦。虽然该网站的功能还不是很完善，但是在设计过程中所学到的东西是这 次毕业设计的最大收获和财富，使我终身受益。 感谢 xxx 老师给我的精心指导！ 还要感谢我的家人、同事和同学，是他们给我提供了充足的时间，来完成毕业设计。 附录附录 1.1.主要文件列表 shouye.html 紫兰音乐网站的主页面； 11 index.html 音乐欣赏的主显页面/框架集主页面； untitled-1.html 视频主显页面； untitled-2.html 紫兰文化的主显页面； untitled-3.html 紫兰图片的主显页面； untitled-4.html 链接的主显页面； untitled-5.html 散文的主显页面； untitled-6.html 诗歌的主显页面； untitled-7.html 音乐播放的主显页面； untitled-8.html 视频播放的主显页面。 2.2.重要代码 无标题文档 紫兰音乐 12 欣赏 无标题文档 14 首页 音乐 视频 简介 紫兰图 片 紫兰文 化 链接 紫兰音 乐网站的 logo 15 江山如画 诗中有画，画中有诗 音乐之声 古代山水画 梅花斗寒图 大鹏展翅图 16 音乐之声:（the sound of music）是一部改编自玛丽亚冯崔普的著作崔普家庭演唱团的戏剧作品，最初 以音乐剧的形式于百老汇上演，之后被改编成电影，其主题曲与电影同名。同时，中央人民广播电 台和广 东电台也均有一档节目名为音乐之声。 人文地理 * 自然环境 * 气候变化 * 人口、语言 * 宗 教信仰 民族风情 * 民间风俗 * 服饰与音乐 17 * 民族节日 * 生活习惯 相关音乐链接 百度音乐 网 九酷音乐网 酷狗音乐网 联系我们：更多内容敬请访问我们的网站 ag an employment tribunal clai emloyment tribunals sort out disagreements between employers and employees. you may need to make a claim to an employment tribunal if: you dont agree with the disciplinary action your employer has taken against you your employer dismisses you and you think that you have been dismissed unfairly. for more informu, take advice from one of the organisations listed under further help. employment tribunals are less formal than some other courts, but it is still a legal process and you will need to give evidence under an oath or affirmation. most people find making a claim to an employment tribunal challenging. if you are thinking about making a claim to an employment tribunal, you should get help straight away from one of the organisations listed under further help. ation about dismissal and unfair dismissal, see dismissal. you can make a claim to an employment tribunal, even if you havent appealed against the disciplinary action your employer has taken against you. however, if you win your case, the tribunal may reduce any compensation awarded to you as a result of your failure 18 to appeal. remember that in most cases you must make an application to an employment tribunal within three months of the date when the event you are complaining about happened. if your application is received after this time limit, the tribunal will not usually accept i. if you are worried about how the time limits apply to you if you are being represented by a solicitor at the tribunal, they may ask you to sign an agreement where you pay their fee out of your compensation if you win the case. this is known as a damages-based agreement. in england and wales, your solicitor cant charge you more than 35% of your compensation if you win the case. youre clear about the terms of the agreement. it might be best to get advice from an experienced adviser, for example, at a citizens advice bureau. to find your nearest cab, including those that give advice by e- mail, click on nearest cab. for more information about making a claim to an employment tribunal, see employment tribunals. the (lack of) air up there watch m cay man islands-based webb, the head of fifas anti-racism taskforce, is in london for the football associations 150th anniversary celebrations and will attend citys premier league match at chelsea on sunday. “i am going to be at the match tomorrow and i have asked to meet ya ya toure,“ he told bbc sport. “for me its about how he felt and i would like to speak to him first to find out what his experience was.“ uefa has opened disciplinary proceedings against cska for the “racist behaviour of their fans“ during citys 2-1 win. michel platini, president of european footballs governing body, has also ordered an immediate investigation into the referees actions. cska said they were “surprised and disappointed“ by toures complaint. in a statement the russian side added: “we found no racist insults from fans of cska.“ age has reached the end of the beginning of a word. may be guilty in his seems to passing a lot of different life became the appearance of the same day; may be back in the past, to oneself the paranoid weird belief disillusionment, these days, my mind has been very messy, in my mind constantly. always feel oneself should go to do something, or write something. twenty years of life trajectory deeply shallow, suddenly feel something, do it. 一字开头的年龄已经到了尾声。或许是愧疚于自己似乎把转瞬即逝的很多个不同的日子过成了 同一天的样子；或许是追溯过去，对自己那些近乎偏执的怪异信念的醒悟，这些天以来，思绪一直 很凌乱，在脑海中不断纠缠。总觉得自己似乎应该去做点什么，或者写点什么。二十年的人生轨迹 深深浅浅，突然就感觉到有些事情，非做不可了。 the end of our life, and can meet many things really do? 而穷尽我们的一生，又能遇到多少事情是真正地非做不可？ during my childhood, think lucky money and new clothes are necessary for new year, but as the advance of the age, will be more and more found that those things are optional; junior high school, thought to have a crush on just means that the real growth, but over the past three years later, his writing of alumni in peace, suddenly found that isnt really grow up, it seems is not so important; then in high school, think dont want to give vent to out your inner voice can be in the high school children of the feelings in a 19 period, but was eventually infarction when graduation party in the throat, later again stood on the pitch he has sweat profusely, looked at his thrown a basketball hoops, suddenly found himself has already cant remember his appearance. 童年时，觉得压岁钱和新衣服是过年必备，但是随着年龄的推进，会越来越发现，那些东西根 本就可有可无；初中时，以为要有一场暗恋才意味着真正的成长，但三年过去后，自己心平气和的 写同学录的时候，突然就发现是不是真正的成长了，好像并没有那么重要了；然后到了高中，觉得 非要吐露出自己的心声才能为高中生涯里的懵懂情愫划上一个句点，但毕业晚会的时候最终还是被 梗塞在了咽喉，后来再次站在他曾经挥汗如雨的球场，看着他投过篮球的球框时，突然间发现自己 已经想不起他的容颜。originally, this world, can produce a chemical reaction to an event, in addition to resolutely, have to do, and time.原来，这个世界上，对某个事件能产生化学反应的，除 了非做不可的坚决，还有，时间。 a persons time, your ideas are always special to clear. want, want, line is clear, as if nothing could shake his. also once seemed to be determined to do something, but more often is he backed out at last. dislike his cowardice, finally found that there are a lot of love, there are a lot of miss, like shadow really have been doomed. those who do, just green years oneself give oneself an arm injection, or is a self- righteous spiritual. 一个人的时候，自己的想法总是特别地清晰。想要的，不 想要的，界限明确，好像没有什么可以撼动自己。也曾经好像已经下定了决心去做某件事，但更多 的时候是最后又打起了退堂鼓。嫌恶过自己的怯懦，最终却发现有很多缘分，有很多错过，好像冥 冥之中真的已经注定。那些曾经所谓的非做不可，只是青葱年华里自己给自己注射的一支强心剂， 或者说，是自以为是的精神寄托罢了。 at the moment, the sky is dark, the air is fresh factor after just rained. suddenly thought of blue plaid shirt; those were broken into various shapes of stationery; from the corner at the beginning of deep friendship; have declared the end of the encounter that havent start planning. those years, those days of do, finally, like youth, will end in our life. 此刻，天空是阴暗的，空气里有着刚下过雨之后的清新因子。突然想到那件蓝格子衬衫；那些 被折成各种各样形状的信纸；那段从街角深巷伊始的友谊；还有那场还没有开始就宣告了终结的邂 逅计划那些年那些天的非做不可，终于和青春一样，都将在我们的人生中谢幕。baumgartner the disappointing news: mission aborted. r plays an important role in this mission. starting at the ground, conditions have to be very calm - winds less than 2 mph, with no precipitation or humidity and limited cloud cover. the balloon, with capsule attached, will move through the lower level of the atmosphere (the troposphere) where our day-to-day weather lives. it will climb higher than the tip of mount everest (5.5 miles/8.85 kilometers), drifting even higher than the cruising altitude of commercial airliners (5.6 miles/9.17 kilometers) and into the stratosphere. as he crosses the boundary layer (called the tropopause),e can expect a lot of turbulence. we often close ourselves off when traumatic events happen in our lives; instead of letting the world soften us, we let it drive us deeper into ourselves. we try to deflect the hurt and pain by pretending it doesnt exist, but although we can try this all we want, in the end, we cant hide from ourselves. we need to learn to open our hearts to the potentials of life and let the world soften us. 生活发生不幸时，我们常常会关上心门；世界不仅没能慰藉我们，反倒使我们更加消沉。我们假装 一切仿佛都不曾发生，以此试图忘却伤痛，可就算隐藏得再好，最终也还是骗不了自己。既然如此， 何不尝试打开心门，拥抱生活中的各种可能，让世界感化我们呢？ whenever we start to let our fears and seriousness get the best of us, we should take a step back and re-evaluate our behavior. the items listed below are six ways you can open your heart more fully and completely. 20 当恐惧与焦虑来袭时，我们应该退后一步，重新反思自己的言行。下面六个方法有助于你更完满透 彻地敞开心扉。whenever a painful situation arises in your life, try to embrace it instead of running away or trying to mask the hurt. when the sadness strikes, take a deep breath and lean into it. when we run away from sadness thats unfolding in our lives, it gets stronger and more real. we take an emotion thats fleeting and make it a solid event, instead of something that passes through us. 当生活中出现痛苦的事情时，别再逃跑或隐藏痛苦，试着拥抱它吧；当悲伤来袭时，试着深呼吸， 然后直面它。如果我们一味逃避生活中的悲伤，悲伤只会变得更强烈更真实悲伤原本只是稍纵 即逝的情绪，我们却固执地耿耿于怀 by utilizing our breath we soften our experiences. if we dam them up, our lives will stagnate, but when we keep them flowing, we allow more newness and greater experiences to blossom.深呼吸能减缓我们的感受。屏住呼吸，生活停滞；呼出呼吸，更多 新奇与经历又将拉开序幕。2. embrace the uncomfortable we all know what that twinge of anxiety feels like. we know how fear feels in our bodies: the tension in our necks, the tightness in our stomachs, etc. we can practice leaning into these feelings of discomfort and let them show us where we need to go.我们都经历过焦灼的煎熬感，也都感受过恐惧造成的生理反应：脖子僵硬、胃 酸翻腾。其实，我们有能力面对这些痛苦的感受，从中领悟到出路。 the initial impulse is to run away to try and suppress these feelings by not acknowledging them. when we do this, we close ourselves off to the parts of our lives that we need to experience most. the next time you have this feeling of being truly uncomfortable, do yourself a favor and lean into the feeling. act in spite of the fear. 我们的第一反应总是逃避以为否认不安情绪的存在就能万事大吉，可这也恰好妨碍了我们经历 最需要的生活体验。下次感到不安时，不管有多害怕，也请试着勇敢面对吧。 3. ask your heart what it wants 倾听内心 were often confused at the next step to take, maki