课程设计
课程名称:HTML5开发技术课程设计
专业班级:计科1201
学生姓名:伍志强
学号: 201216010506
指导教师:刘宏月
学期:2013-2014学年第一学期
HTML5开发技术专业课程设计任务书
说明:本表由指导教师填写,由教研室主任审核后下达给选题学生,装订在设计(论文)首页
1 需求分析
本课程设计为一个商业网站,大的框架为整个网站分为5个页面,分别为:主页面、公司的业务面,公司产品问题咨询面,公司产品的技术支持面,校园招聘界面。各个页面间都是相互连接的,方便读者更快捷地找到想了解的信息。在每个界面拥有的公司logo ,登陆界面,和一些视频的宣传和校园招聘网页的背景音乐,友情链接,插入的各种静动态图片,搜索栏。每个界面链接的公司的最新各种动态,和基本的各种文字说明,采用的是中英双板模式书写。
网站的目录结构如下:
伍志强------网站根目录
Css ------存放外置CSS文件
Images ------存放图片文件
Music ------存放背景音乐
JS------存放的javascript代码
.project------编译时建立的一个工程
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: 0 auto;
position: relative;
width: 980px;
font-size:.75em;
}……
各个网页之间的链接:
media="all">
LOGO 插入:
登陆注册界面: