“商院官网:CSS样式”的版本间的差异
来自CloudWiki
(创建页面,内容为“==任务一== *按如下要求修改下列代码: **网页背景颜色贴近学校官网。 **第一个段落字号20pt,居中显示,文本行高为30px。 **…”) |
|||
第1行: | 第1行: | ||
+ | 完成实训任务前,请首先阅读: | ||
+ | *[[什么是样式表]] | ||
+ | *[[CSS常用属性]] | ||
==任务一== | ==任务一== | ||
− | * | + | *用记事本编写如下代码: |
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<nowiki><html > | <nowiki><html > | ||
<head> | <head> | ||
第21行: | 第19行: | ||
<p class="p2_4">党群部</p> | <p class="p2_4">党群部</p> | ||
<hr width="80%" /> | <hr width="80%" /> | ||
− | <p class="p5_9" id="p5"> | + | <p class="p5_9" id="p5"> 山东商业职业技术学院是1999年经教育部批准设立的省属高职院校。学校具有悠久的办学历史和深厚的文化底蕴,办学历史可追溯到1936年的济南惠鲁商业学校。经过70多年的积淀,学校秉承“尚德蕴能,日精日新”的校训,坚持“就业导向”、“育人中心”、“能力本位”的办学方针,按照“创高职名校,施优教于民”的目标愿景,全校上下凝心聚力,干事创业,实现了跨越式发展,整体办学水平迅速提高。 |
</p> | </p> | ||
<p class="p5_9">学校下设<span>会计学院、工商管理学院、信息技术学院、机电工程学院、生物工程学院、汽车与电子技术学院、外国语学院、旅游管理学院、艺术设计学院、国际交流学院、继续教育学院、基础课教学部</span>等12个二级教学院部,开设生物工程学院、银座商务学院、冰轮工程学院、甲骨文学院、银座汽车学院、消防安保学院等校企合作二级学院。 | <p class="p5_9">学校下设<span>会计学院、工商管理学院、信息技术学院、机电工程学院、生物工程学院、汽车与电子技术学院、外国语学院、旅游管理学院、艺术设计学院、国际交流学院、继续教育学院、基础课教学部</span>等12个二级教学院部,开设生物工程学院、银座商务学院、冰轮工程学院、甲骨文学院、银座汽车学院、消防安保学院等校企合作二级学院。 | ||
第27行: | 第25行: | ||
<p class="p5_9">学校占地达2600亩,校舍建筑面积42万平方米,资产总值8亿多元,实验设备总值过亿元,图书馆藏书120万册。学校面向全国31个省、市、区招生,在山东省高职院校中录取分数线连续7年名列榜首,现有全日制在校生16000余人。 | <p class="p5_9">学校占地达2600亩,校舍建筑面积42万平方米,资产总值8亿多元,实验设备总值过亿元,图书馆藏书120万册。学校面向全国31个省、市、区招生,在山东省高职院校中录取分数线连续7年名列榜首,现有全日制在校生16000余人。 | ||
</p> | </p> | ||
− | <p class="p5_9"> | + | <p class="p5_9"> 学校重视教育教学改革,积极推进专业、课程体系、教学团队、实践教学条件等建设,努力提高人才培养质量。现已建成集财经、电子信息、旅游、生化与药品制造、艺术设计等12大类58个专业。学生在高职高专“发明杯”全国大学生创新大赛、全国ITAT就业技能大赛、全国管理沙盘大赛、全国大学生会计信息化技能大赛等赛事中屡获大奖,成绩显著。 |
</p> | </p> | ||
− | <p class="p5_9"> | + | <p class="p5_9"> 学校坚持校企合作办学,实施“名校名企育优生”战略,与上海大众、海尔集团、联想集团、鲁能集团、银座、美国Oracle公司、美国Cisco公司等国内外知名企业建立了紧密的校企合作协议,多数专业毕业生供不应求。 |
</p> | </p> | ||
<p>来源:党群部</p> | <p>来源:党群部</p> | ||
</body> | </body> | ||
</html></nowiki> | </html></nowiki> | ||
− | * | + | *'''要求''': |
− | + | **网页背景颜色贴近学校官网。 | |
− | + | **第一个段落字号20pt,居中显示,文本行高为30px。 | |
− | + | **第二和第四个段落字号12pt,居中显示,行高为24px. | |
− | + | **第三个段落字号12pt,居中显示,行高为24px,加下划线。 | |
+ | **第五到第九个段落开头设置字号12pt,行高24px,两个字符的缩进,其中所有学院名称都使用加粗效果。 | ||
+ | **第五个段落字号3倍,行高30pt,加粗,文本颜色#a00 | ||
==任务二== | ==任务二== | ||
− | * | + | *由另一小组成员设计本小组的项目网站2.0版 |
*要求: | *要求: | ||
− | # | + | #重新定位自己小组的项目 |
− | # | + | #从市场需求、网站功能、商业模式、团队分工、财务预估分5行描述自己的项目 |
+ | Hhml的段落标签一般用<nowiki><p></p></nowiki>标签,如任务一所示 | ||
+ | #应用所学,使用内嵌样式,调整网页的颜色背景、字体和文本属性 | ||
+ | #风格保持个性、美观、实用,不能与其他战队相同 | ||
+ | |||
返回 [[网页设计与开发]] | 返回 [[网页设计与开发]] |
2017年10月10日 (二) 12:08的版本
完成实训任务前,请首先阅读:
任务一
- 用记事本编写如下代码:
<html > <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>山东商业职业技术学院</title> <style type="text/css"> </style> </head> <body> <p class="p1">山东商业职业技术学院</p> <p class="p2_4">2016-3-20<span>(2016-03-20 13:27:38)</span></p> <p class="p3">山东商业职业技术学院是1999年经教育部批准设立的省属高职院校。</p> <p class="p2_4">党群部</p> <hr width="80%" /> <p class="p5_9" id="p5"> 山东商业职业技术学院是1999年经教育部批准设立的省属高职院校。学校具有悠久的办学历史和深厚的文化底蕴,办学历史可追溯到1936年的济南惠鲁商业学校。经过70多年的积淀,学校秉承“尚德蕴能,日精日新”的校训,坚持“就业导向”、“育人中心”、“能力本位”的办学方针,按照“创高职名校,施优教于民”的目标愿景,全校上下凝心聚力,干事创业,实现了跨越式发展,整体办学水平迅速提高。 </p> <p class="p5_9">学校下设<span>会计学院、工商管理学院、信息技术学院、机电工程学院、生物工程学院、汽车与电子技术学院、外国语学院、旅游管理学院、艺术设计学院、国际交流学院、继续教育学院、基础课教学部</span>等12个二级教学院部,开设生物工程学院、银座商务学院、冰轮工程学院、甲骨文学院、银座汽车学院、消防安保学院等校企合作二级学院。 </p> <p class="p5_9">学校占地达2600亩,校舍建筑面积42万平方米,资产总值8亿多元,实验设备总值过亿元,图书馆藏书120万册。学校面向全国31个省、市、区招生,在山东省高职院校中录取分数线连续7年名列榜首,现有全日制在校生16000余人。 </p> <p class="p5_9"> 学校重视教育教学改革,积极推进专业、课程体系、教学团队、实践教学条件等建设,努力提高人才培养质量。现已建成集财经、电子信息、旅游、生化与药品制造、艺术设计等12大类58个专业。学生在高职高专“发明杯”全国大学生创新大赛、全国ITAT就业技能大赛、全国管理沙盘大赛、全国大学生会计信息化技能大赛等赛事中屡获大奖,成绩显著。 </p> <p class="p5_9"> 学校坚持校企合作办学,实施“名校名企育优生”战略,与上海大众、海尔集团、联想集团、鲁能集团、银座、美国Oracle公司、美国Cisco公司等国内外知名企业建立了紧密的校企合作协议,多数专业毕业生供不应求。 </p> <p>来源:党群部</p> </body> </html>
- 要求:
- 网页背景颜色贴近学校官网。
- 第一个段落字号20pt,居中显示,文本行高为30px。
- 第二和第四个段落字号12pt,居中显示,行高为24px.
- 第三个段落字号12pt,居中显示,行高为24px,加下划线。
- 第五到第九个段落开头设置字号12pt,行高24px,两个字符的缩进,其中所有学院名称都使用加粗效果。
- 第五个段落字号3倍,行高30pt,加粗,文本颜色#a00
任务二
- 由另一小组成员设计本小组的项目网站2.0版
- 要求:
- 重新定位自己小组的项目
- 从市场需求、网站功能、商业模式、团队分工、财务预估分5行描述自己的项目
Hhml的段落标签一般用<p></p>标签,如任务一所示
- 应用所学,使用内嵌样式,调整网页的颜色背景、字体和文本属性
- 风格保持个性、美观、实用,不能与其他战队相同
返回 网页设计与开发