UI 软件 设计 网页基本元素设计(二).

Slides:



Advertisements
Similar presentations
四川财经职业学院会计一系会计综合实训 目录 情境 1.1 企业认知 情境 1.3 日常经济业务核算 情境 1.4 产品成本核算 情境 1.5 编制报表前准备工作 情境 1.6 期末会计报表的编制 情境 1.2 建账.
Advertisements

主编:邓萌 【点按任意键进入】 【第六单元】 教育口语. 幼儿教师教育口 语概论 模块一 幼儿教师教育口语 分类训练 模块二 适应不同对象的教 育口语 模块三 《幼儿教师口语》编写组.
第一組 加減法 思澄、博軒、暐翔、寒菱. 大綱 1. 加減法本質 2. 迷思概念 3. 一 ~ 七冊分析 4. 教材特色.
海南医学院附 院妇产科教室 华少平 妊娠合并心脏病  概述  妊娠、分娩对心脏病的影响  心脏病对妊娠、分娩的影响  妊娠合病心脏病的种类  妊娠合并心脏病对胎儿的影响  诊断  防治.
植树节的由来 植树节的意义 各国的植树节 纪念中山先生 植树节的由来 历史发展到今天, “ 植树造林,绿化祖国 ” 的热潮漫卷 了中华大地。从沿海到内地,从城市到乡村,涌现了多少 造林模范,留下了多少感人的故事。婴儿出世,父母栽一 棵小白怕,盼望孩子和小树一样浴光吮露,茁壮成长;男 女成婚,新人双双植一株嫩柳,象征家庭美满,幸福久长;
客户协议书 填写样本和说明 河南省郑州市金水路 299 号浦发国际金融中 心 13 层 吉林钰鸿国创贵金属经营有 限公司.
护理学基础 第七章 医院与住院环境.
浙江省县级公立医院改革与剖析 马 进 上海交通大学公共卫生学院
第二章 环境.
教师招聘考试 政策解读 讲师:卢建鹏
了解语文课程的基本理念,把握语文素养的构成要素。 把握语文教育的特点,特别是开放而有活力的语文课程的特点。
北台小学 构建和谐师生关系 做幸福教师 2012—2013上职工大会.
福榮街官立小學 我家孩子上小一.
第2期技職教育再造方案(草案) 教育部 101年12月12日 1 1.
企业员工心态管理培训 企业员工心态管理培训讲师:谭小琥.
历史人物的研究 ----曾国藩 组员: 乔立蓉 杜曜芳 杨慧 组长:马学思 杜志丹 史敦慧 王晶.
教育部高职高专英语类专业教学指导委员会 刘黛琳 山东 • 二○一一年八月
淡雅诗韵 七(12)班 第二组 蔡聿桐.
第七届全国英语专业院长/系主任高级论坛 汇报材料
小數怕長計, 高糖飲品要節制 瑪麗醫院營養師 張桂嫦.
制冷和空调设备运用与维修专业 全日制2+1中等职业技术专业.
会计信息分析与运用 —浙江古越龙山酒股份有限公司财务分析 组员:2006级工商企业管理专业 金国芳 叶乐慧 魏观红 徐挺挺 虞琴琴.
第六章 人体生命活动的调节 人体对外界环境的感知.
芹菜 英语051班 9号 黄秋迎 概论:芹菜是常用蔬菜之一,既可热炒,又能凉拌,深受人们喜爱。近年来诸多研究表明,这是一种具有很好药用价值的植物。 别名:旱芹、样芹菜、药芹、香芹、蒲芹 。 芹菜属于花,芽及茎类。
2012年 学生党支部书记工作交流 大连理工大学 建工学部 孟秀英
北京市职业技能鉴定管理中心试题管理科.
第九章 会计设置及机构.
2014吉林市卫生局事业单位招聘153名工作人员公告解读
各類所得扣繳法令 與申報實務 財政部北區國稅局桃園分局 103年9月25日
初級游泳教學.
爱国卫生工作的持续发展 区爱卫办 俞贞龙.
第八章 数学活动 方程组图象解法和实际应用
本课内容提要 一、汇率的含义 二、汇率变化与币值的关系 三、汇率变化的影响. 本课内容提要 一、汇率的含义 二、汇率变化与币值的关系 三、汇率变化的影响.
散文鉴赏方法谈.
比亚迪集成创新模式探究 深圳大学2010届本科毕业论文答辩 姓名:卓华毅 专业:工商管理 学号: 指导老师:刘莉
如何撰写青年基金申请书 报 告 人: 吴 金 随.
点击输 入标题 点击输入说明性文字.
國際志工海外僑校服務 越南 國立臺中教育大學 2010年國際志工團隊.
痰 饮.
學分抵免原則及 學分抵免線上操作說明會.
教 学 查 房 黄宗海 南方医科大学第二临床医学院 外科学教研室.
评 建 工 作 安 排.
“十二五”国家科技计划经费管理改革培训 概预算申报与审批 国家科学技术部 2012年5月.
“十二五”国家科技计划经费管理改革培训 概预算申报与审批 国家科学技术部 2012年5月.
2011计算机类教研活动 陈国久.
第五单元课1-3 层叠样式表.
第四章 样式表CSS CSS技术是一种格式化网页的标准方式,它通过设置CSS属性债周页元素获得各种不同效果。本章共分9个实例,主要内容包括的基础知识、CSS创建与导入、CSS的语法结构、常用CSS的分类、CSS的使用原则等内容。
CSS简介 WEB前端三剑客之二.
CSS 徐于晉 陳政樺 陳郁蘋 黃麒錕 劉芳賓.
CSS 教學 下載並修改自: 資工系涂世俊老師教學網站.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
动态专题制作 凤凰网技术中心 应用管理部.
CHAPTER 18 CSS樣式表的動態效果.
國立中山大學30週年校慶籌備委員會 中山大學30週年校慶籌備會 第二次工作會議 03/29/2010.
HTML & CSS.
UI 软件 设计 移动UI设计(三).
UI 软件 设计 页面布局(二).
大家所认为的电子商务行业有哪些途径来赚钱?
UI 软件 设计 页面布局(三).
网页设计与制作 Dreamweaver CS6 标准教程
網路程式設計期末project 指導教授:馬尚彬 學生:楊依林 學號:B
布局大师——表格.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
武汉纺织大学传媒学院 cm.wtu.edu.cn
第15节 CSS超链接样式 武汉纺织大学传媒学院 cm.wtu.edu.cn 2019/5/10 传媒学院.
第7章 使用CSS设置链接与导航菜单 经济管理学院.
UI 软件 设计 移动图标设计(一).
CSS基礎 靜宜大學 資管系 楊子青.
第5章 Div+CSS布局技术 经济管理学院.
使用Dreamweaver 8 國立竹東高級中學 資訊科技概論 黃秋雅老師
Presentation transcript:

UI 软件 设计 网页基本元素设计(二)

目录 基本菜单设计 1 多级下拉菜单设计 2 练习 3 小结 4 — * —

设计竖直排列菜单 UI DESIGN <UL>称为无序清单标记 :   <ul>是项目列表,<li>是列表项,项目列表就是用符号来列的,所以你列出来默认的就是黑点,还有一个是<ol>这个是编号列表,用数字来列的,也是用<li>做列表项 基本菜单设计 — * —

UI DESIGN 设计竖直排列菜单 #box{width:120px; font-size:12px;font-family:"宋体";} <div id="box"> <ul> <li><a href="#">首页</a></li> <li><a href="#">音乐MP3</a></li> <li><a href="#">个人相册</a></li> <li><a href="#">我的博客</a></li> <li><a href="#">我的空间</a></li> </ul> </div> 基本菜单设计 — * —

UI DESIGN 设计竖直排列菜单 #box ul { margin:0px; padding:0px; list-style-type:none; } #box li { border-bottom:#ed9f9f solid 1px; /*添加下划线*/ 基本菜单设计 — * —

display:block; /*区块显示*/ padding:5px 5px 5px 8px; text-decoration:none; 设计竖直排列菜单 UI DESIGN #box li a { display:block; /*区块显示*/ padding:5px 5px 5px 8px; text-decoration:none; border-left:12px solid #711515; /*左边的粗红边*/ border-right:1px solid #711515; /*右侧阴影*/ } 基本菜单设计 — * —

UI DESIGN 设计竖直排列菜单 #box li a:link { /*连接显示*/ background-color:#c11136; /*设置背景颜色*/ color:#ffffff; /*改变文字颜色*/ } ,#box li a:visited { /*鼠标指针点击后*/ background-color:#c11136; color:#ffffff; #box li a:hover { /*鼠标指针经过时*/ background-color:#990020; color:#ffff00; 基本菜单设计 — * —

横排菜单只需要设置<li>标记为作浮动就行 #box li { float:left; } 设计横排菜单 UI DESIGN 横排菜单只需要设置<li>标记为作浮动就行 #box li { float:left; } 基本菜单设计 — * —

设计多级下拉菜单 UI DESIGN 了解下拉菜单的设计 多级下拉菜单设计 — * —

http://www.51xuediannao.com/js/nav/ 使用已有特效菜单放置自己网页 学习与练习 UI DESIGN http://www.51xuediannao.com/js/nav/ 使用已有特效菜单放置自己网页 基本菜单设计 — * —

Thank You