上海建桥学院
本科实验报告
课程名称： 学 号： 姓 名： 专 业： 班 级： 指导教师：
网页设计 1121396 黄德凯 计算机科学与技术
B11-2班 石潇
课内实验目录及成绩
序号 1 实验名称 table与表单的应用 页码 1 成绩 2 css+div在网页布局中的应用 6 3 综合主题网站的制作 10
信息技术学院 2011年 9 月 1 日
上海建桥学院实验报告
课程名称： 网页设计 实验类型： 综合型 实验项目名称： 综合主题网站的制作 实验地点： 实验日期： 年 月 日 一、
实验目的和要求
1．学会综合网站建设的完整制作流程
2．学会用相关平面设计软件，完成主页的构思，完成页面布局原型线框图的绘制，能根据提供的页面设计稿，合理地完成切图 3．掌握根据设计稿，用div+css方法完成网页布局、各类媒体元素的插入 4．掌握用css方法制作二级菜单 5．掌握JavaScript基本应用 二、
实验内容和原理
综合网站建设的完整制作流程，布局原型线框图的绘制，div+css布局方法的综合应用，网站的发布，兼容性测试。 三、 四、
网站名称：krios 主要内容:各方面模板
主要浏览群体：各种开发人员及图片处理人员 主题色：蓝色 灰色 白色
2．绘制网站结构(栏目)图（一级栏目、二级栏目、各栏目主要内容） 一级栏目 home 主要仪器设备和环境 操作方法与实验步骤
PC机1台、Photoshop cs3以上、dreamweaver cs3以上、flash cs3以上。 1．网站主题（网站名称、主要内容、主要浏览群体、主体色）
二级栏目 Features About us Feedback Blog Contact 三级栏目
3．网站文件管理结构目录（站点根目录名、站点内文件夹名、文件夹放置
的主要内容、主页面）
html：各个子页
about.html contact.html features.html feedback.html images:图片素材 script:js代码 style：css样式 index.html 主页
4．绘制主页页面结构图（各功能区的位置、名称），并提供原形设计图电子
稿
5．主要布局方法
div+css布局 6．主要操作步骤
绘制网络结构图
制作psd原稿 准备贴图 制作网页
五、
实验结果
注：可用贴图的方式,，制作过程中出现的问题，解决的方法 1. 主页的设计效果图
2. 主要结构、CSS代码
相关推荐：