網路程式設計-期末專案 資工二B B975701 2 8 黃首翰 ~Rock your life~

Slides:



Advertisements
Similar presentations
颐高集团项目中心 海亮地产开发模式研究报告. 目 录 目 录 第四部分:海亮地产高周转模式执行 第二部分:海亮地产高周转模式原因 第三部分:海亮地产高周转模式内涵 第一部分:海亮地产企业背景 第五部分:海亮地产高周转支撑体系.
Advertisements

碧桂园集团开启全球人才招募之旅. 这里是社会精英云集的公司 这里是人才施展才华的好地方 这里是学习进步的好学校 这里是和谐的大家庭 这里是诚实守信、合法合规经营的公司 这里是讲道理、勇于自我修正的公司 这里是公平公正、论功行赏的公司 这里是欣欣向荣、不断总结好经验并付诸实践的公司 这里是为全世界建造又好又便宜的房子的公司.
高中新课程思想政治(必 修 1 、 2 )的教学体会 北京师大二附中 李文燕 2008 年西城新课程教师培训的讲稿.
共建多媒体优质资源 提高图书馆教学服务 新东方多媒体学习库 创新 实用 互动 权威的学习平台. 图书馆资源收藏类型 图书馆的服务任务 多媒体资源市场现状及未来发展方向 新东方集团介绍 新东方在线介绍 新东方多媒体学习库之市场背景 新东方多媒体学习库介绍 新东方多媒体学习库优势 新东方多媒体学习库用户调查.
●公司簡介. ●公司組織 行銷 企劃部 行銷 企劃部 研發 設計部 研發 設計部 視覺 設計部 視覺 設計部 媒體 製作部 媒體 製作部 行動 裝置部 行動 裝置部 執行長 總經理 管理部 本公司組織人力配置除董事長、執行長、總經理外,共 有六大部門,分別為研發部 6 人、管理部 4 人、視覺設計部.
简历填写攻略. 简历投放  不要被招聘要求吓倒  不要海投,乱投  看清招聘要求再投,不要投能力相差过多的岗位,根 据招聘要求去填写简历:如需注明薪金要求  主要投放渠道:招聘会,人才网  尽量不要投同一公司的多个岗位  三大人才网站:前程无忧,中华英才网,智联招聘.
《饲料分析与质量检测技术》 说课 主讲教师:管建慧. 课程名称: 《饲料分析与饲料质量检测技术 》 课程编码:
醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
2009/12/211 商務科技管理系 實 務 專 題 報 告 辦桌非難事 學生: 施雅雯 ( ) 張敬芝 ( ) 葉明臻 ( ) 黃怡琅 ( )
成语乐园 成语乐园 执教老师:李道梅.
詹天佑.
北师大版义务教育课程标准实验教科书 七年级上册讲义 第17课 先进的科学技术.
讲故事训练 授课人:田轶.
第十一課 菜園 6-11.
系统简介 理财顾问 业务 是基于通信平台的技术优势,整合《理财周刊》、第一理财网、乾隆集团等合作伙伴提供的理财产品内容和权威的理财专家资源,以集中式呼叫中心为主的服务方式,让普通百姓可以享受到快捷、全面、专业、权威的资讯及投资理财的服务平台。
2013年三好校園實踐學校 多元.實踐~博雅建中人~
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
立體四子棋 研究成員:謝旻諺、 鄭家鈞 指導老師:林屏森老師.
“三步式”网络学习法 《探究与发现》数学网络学习平台介绍
初中思想品德 规范的教学设计与案例分析.
宦官那些事儿 宦官那些事儿 主讲:小学部李永善 主讲:小学部李永善.
5.6 制作具有动态特效的网页 1. 层和时间轴动画 2. Dreamweaver的Behaviors(行为)概述 华东师范大学计算中心.
三創產業學程 學群主持人:袁國榮召集人.
P303 HTML/DHTML/CSS/JavaScript 專業HTML網頁設計 陳錦輝.
电视教育课 【5】 小学生行为习惯养成教育.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
《网页设计与制作》 教学课件 主讲人:湖南铁道职业技术学院 陈承欢
14 JavaScript语言基础 JavaScript是一种轻量级、解释型的Web开发语言。所谓轻量级,就是语言的体系结构不是很庞杂,例如,没有C、Java等语言中的类、内存管理、系统管理等高深的知识范畴;所谓解释型,就是语言在浏览器或服务器等环境中直接被解释执行,不需要对源代码进行编译操作。
歡迎參加學校日活動 請先簽到,感謝您!.
Dreamweaver的工作界面.
宁波爱地房产市场年报 郊五区
《体育与健康》说课稿 课题:新兴体育舞蹈 —踢踏舞教学 北师大泉州附中 陈玉慈.
蘇軾詞的賞析
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
网页设计(1) 第12讲 网页技术简介 马秀麟 2014年5月 2018/9/17 制作人:马秀麟.
网页制作 第五讲 Dreamweaver基础.
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
网页设计 上海建桥学院信息技术系 矫桂娥
行動研究就是一種行動性的研究,由行動者來進行研究,而不是由外於行動領域的學者與與科學家來進行,研究的問題也取自行動。
网站设计 前端 入门学习.
第15章 行为 Dreamweaver CS4提供了丰富的行为,这些行为的使 用可以为网页对象添加一些动态效果和简单的交互功 能,使那些不熟悉JavaScript语言的网页设计师也可 以方便的设计出通过编写JavaScript语言才能实现的 功能。本章将首先介绍一些基本概念,以及“行为” 面板的基本操作;接着结合实例具体讲解常用的.
第16章 行為指令的應用 16-1 認識行為面板 16-2 常用的行為指令.
第7章 层与行为.
JavaScript 靜宜大學 資管系 楊子青.
認識我的故鄉_台中市.
网 站 设 计 与 建 设 Website design and developments
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
Open方法和close方法 主讲人:傅伟玉.
第三章 HTML相关技术基础知识 纵观各种动态页面开发技术,无论是JSP、ASP还是PHP都无 法摆脱HTML的影子。这些动态的页面开发技术无非是在静 态HTML页面的基础上添加了动态的可以交互的内容。HTML 是所有动态页面开发技术的基础。在接下来的章节将要详 细介绍的就是HTML相关的一系列技术,包括HTML、
十 三.使用模板和库.
JavaScript 语言2 学习网站: 第 4 章 JavaScript 语言2 学习网站:
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
政策行銷(2) 實例-湖子內區段徵收 林素寶.
網路程式設計-期末專案 資工二B B96570101 戴偉恒 地 方 美 食.
第12章 APDiv 对于有Dreamweaver基础的读者来说,初识APDiv或 许会感到即熟悉又陌生。熟悉于它的Div标识符, 陌生于他在CS3版本中的含义及作用。其实,APDiv 在Dreamweaver CS4中仍等同于前期版本的层,又 称为AP元素或CSS-P元素,本文以下简称AP层。 什么是层?有什么作用?前面我们学习过了表格,
武汉纺织大学传媒学院 cm.wtu.edu.cn
調降優惠存款利率(§36) (舊制85年2月1日前的年資才有18%) 退休金種類 利率 實施期間.
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
Unity回傳統計資訊程式說明: 填寫回傳資訊網址(theUrl)。
聽聽那冷雨---重點摘要 二愛 王煜榕.
107暑期重補修 開課說明會.
網頁程式設計 袁福良 B B.
憲政與民主 應化3A 邱泓明.
古蹟知性之旅 我和新港奉天宮有個約 報告人:陳 映 竹 傅 湘 甯.
《网页动画设计与制作》 课程导读.
指數、對數函數 數101乙 周文翔 朱哲明 張良聿.
知识点讲解 1、DOM节点树 DOM(Document Object Model)称为文档对象模型,是一个表示和处理文 档的应用程序接口(API),可用于动态访问、更新文档的内容、结构和样 式。DOM将网页中文档的对象关系规划为节点层级,构成它们之间的等级关 系,这种各对象间的层次结构被称为节点树。如下图所示。
李商隐诗两首 锦 瑟 马 嵬 夕阳无限好,只是尽黄昏。.
Presentation transcript:

網路程式設計-期末專案 資工二B B975701 2 8 黃首翰 ~Rock your life~

網路程式設計-期末專案 個人網站主題: rock your life 出於對音樂的喜愛以及高中時參加過吉 他社的影響,遂選擇介紹搖滾樂給大 家。

網路程式設計-期末專案 網站架構圖:

網路程式設計-期末專案 首頁:  以自製的flash小動畫 來呈現 網頁外觀的css部份是引用css template模組

網路程式設計-期末專案 利用javascript的 getElementById ,onMouseover和 onMouseout來實作出當滑鼠移入時,英文轉換為中文的效果

網路程式設計-期末專案 aboutrock.html 一樣運用javascript的getElementById ,onMouseover和 onMouseout來實作出滑鼠移入後,圖片放大的效果

網路程式設計-期末專案 Music.html 上方搜尋欄可以打入要搜尋的歌曲,並用submit action的方式連到youtube 圖片點擊了會從左上角由小放大,利用到javascript,EVENT,DOM 大圖小圖皆同一張圖,用table的方式去存放。 本是用javascript的getElementsByTagName把img的大小固定,後來發現css的expression就可以做到。

網路程式設計-期末專案 點選別張圖片後,網頁右邊的div區塊會更改文字以及下方的音樂播放連結,下方的音樂播放實為youtube影片嵌入,只是江高度調整,只露出播放列。 更換文字的方法是用getElementById和innerHTML去做變化

網路程式設計-期末專案 接下來五頁皆是介紹不同類型的搖滾,放了許多youtube連結,右方兩塊div,上方連結到其他網站,而下方區塊是作為頁內書籤,點選可以到同一網頁中相對應的位置,並設有top可以返回網頁最上面。

網路程式設計-期末專案 五種背景顏色,利用Math.rand()和Math.floor()來讓使用者每次進入這個頁面都會隨機出現不同的顏色,並在body中onload這個function

網路程式設計-期末專案 利用之前作業的小遊戲,運用到javascript的function,css配置以及body onload。 下方的按鈕可以讓整個遊戲重新開始,利用的是javascript以及html的input type=button和onclick來呼叫函式。

網路程式設計-期末專案 THE END