Get清风HTML5开发技术课程设计.docx
- 文档编号：9928468
- 上传时间：2023-02-07
- 格式：DOCX
- 页数：8
- 大小：258.81KB
Get清风HTML5开发技术课程设计.docx
《Get清风HTML5开发技术课程设计.docx》由会员分享，可在线阅读，更多相关《Get清风HTML5开发技术课程设计.docx（8页珍藏版）》请在冰豆网上搜索。
Get清风HTML5开发技术课程设计
HTML5开发技术课程设计
课程设计
课程名称：
HTML5开发技术课程设计
专业班级：
计科1201
学生姓名：
伍志强
学号：
202116010506
指导教师：
刘宏月
学期：
2021-2021学年第一学期
HTML5开发技术专业课程设计任务书
学生姓名
伍志强
专业班级
计科1201
学号
2
题目
课题性质
工程
课题来源
自拟
指导教师
刘宏月
同组姓名
无
主要内容
任务要求
参考文献
审查意见
指导教师签字：
教研室主任签字：
2021年月日
说明：
本表由指导教师填写，由教研室主任审核后下达给选题学生，装订在设计〔论文〕首页
1需求分析
本课程设计为一个商业网站，大的框架为整个网站分为5个页面，分别为：
主页面、公司的业务面，公司产品问题咨询面，公司产品的技术支持面，校园招聘界面。
各个页面间都是相互连接的，方便读者更快捷地找到想了解的信息。
在每个界面拥有的公司logo，登陆界面，和一些视频的宣传和校园招聘网页的背景音乐，友情链接，插入的各种静动态图片，搜索栏。
每个界面链接的公司的最新各种动态，和根本的各种文字说明，采用的是中英双板模式书写。
网站的目录结构如下：
伍志强------网站根目录
Css------存放外置CSS文件
Images------存放图片文件
Music------存放背景音乐
ＪＳ ------ 存放的ｊａｖａｓｃｒｉｐｔ代码
．ｐｒｏｊｅｃｔ------编译时建立的一个工程
Index系列------存放的网站的各个网页
2概要设计
工大公司
3详细设计
页面的布局和风格
DIV+CSS的根本过程是先布局，对网页进行总体设计，再设计内容，对布局的每一局部进行设计。
DIV+CSS对内容的设计也表达内容和表现相别离的思想。
对内容的表现的描述都在CSS中，内容可以应用CSS样式，不需要额外的HTML标签进行内容的修饰。
CSS网页布局的原理，就是按照HTML5代码中对象声明的
body{
background:
#131b20;
font-family:
Arial,Helvetica,sans-serif;
font-size:
100%;
line-height:
1.5em;
color:
#f1fefd;
}
html{min-width:
980px;}
html,body{height:
100%;}
container{
margin:
0auto;
position:
relative;
width:
980px;
font-size:
.75em;
}……
各个网页之间的链接：
LOGO插入：
l">
登陆注册界面：