河工大电商 网页设计报告.docx
- 文档编号：29861172
- 上传时间：2023-07-27
- 格式：DOCX
- 页数：17
- 大小：31.04KB
河工大电商 网页设计报告.docx
《河工大电商 网页设计报告.docx》由会员分享，可在线阅读，更多相关《河工大电商 网页设计报告.docx（17页珍藏版）》请在冰豆网上搜索。
河工大电商网页设计报告
《网页设计与制作课程设计》
实验报告
网页界面
网站栏目
网站功能（JS程序）
合计
50分
10分
40分
100分
2015年06月
一、实验目的
本实验属于设计性实验，目的是在学完《网页设计与制作》课程的基本知识之后，通过使用CSS+DIV制作一个简单的网站，进一步熟悉和领悟HTML语言、CSS样式表和JAVASCRIPT语言的语法结构，通过实验学习网页制作的步骤与方法，任务是设计一个简单的网站。
二、实验步骤
1、确定网站结构，形成实验思路。
2、设计网站的栏目和主页，主页切图。
3、利用CSS+DIV制作网站主页和弹出式导航条菜单，并利用JavaScript制作动态效果。
4、设计并利用CSS+DIV制作列表页，利用JavaScript制作动态效果。
5、完成设计制作并进行检查和修改。
三、网站设计思路
1、定位网站的主题和名称：
网站主题是大型机械设备生产销售公司。
名称是“大河重工”网站。
2、定位网站的CI形象：
设计网站的logo及文字，设定总体标准色彩。
3、确定网站的栏目：
“首页。
产品展示。
新闻动态。
留言板。
关于我们。
联系我们。
”共六个大栏目。
4、确定网站的目录结构：
（1）首页。
（2）产品展示。
下设“建筑破碎”、“矿山破碎”、“工业制粉”、“破碎筛分”四个子栏目。
（3）新闻动态。
下设“企业新闻”、“行业新闻”、“专题报道”三个子栏目。
（4）留言板。
（5）关于我们。
（6）联系我们。
5、确定网站的链接结构：
树状链接结构
6、资料的收集与整理：
利用Firework切图获得相关的图片资料；收集需要的文字资料信息。
7、选择网页的设计方法：
利用记事本文档写代码制作网页，并进行相应的调整。
四、网站的核心代码
DOCTYPEHTML>
//www.w3.org/1999/xhtml"class="g_html">
#module327{border: none;} #module327{padding: 0px;} #module327.formMiddle327{border: none;} #module327.formMiddle327{padding: 0px;} #module327.formMiddle327.formMiddleCenter327{border: none;} #module327.formMiddle327.formMiddleCenter327{padding: 0px;} #module327.formTop327{display: none;} document.domain='';
#2机组现场施工用电布置措施.docx
