网页设计实验报告(一)
…… …… 余下全文
网页设计实验报告(一)
…… …… 余下全文
《网页设计与制作》
实验报告
院系名称: 管理学院 专业班级: 电子商务 11级3班
学生姓名: 许世谦 学 号: 201117050308
2013年 6 月 4 日
实验一:HTML语言实验
一、实验目的
1、掌握利用HTML语言编写网页的能力;
2、掌握利用HTML语言编写表格的能力;
3、掌握利用HTML语言编写表单的能力。
二、实验课时
2学时
三、实验内容
1、表格实验的结果
<html>
<head><title>实验一</title></head>
<body>
<table border align="center" height="80" width="600">
<caption><h2>试验1.1</h2></caption>
<tr>
<td rowspan="2" colspan="2" align="left" bgcolor="red">A
<td align="left" >B
<td align="center">C
<tr>
<td colspan="2" align=center>D
…… …… 余下全文
本网站是一个简单介绍一部浪漫爱情电影《夏日乐悠悠》(Love you you)的网页。通过四个子页“电影剧情”,“人物介绍”,“电影影评”,“经典台词”来让读者简单的了解这部电影。网站中的图片素材大多选自电影剧照,使读者更清晰明白的感受到该电影的独特魅力 一、简述作品的创意以及采用了本课程的哪些技术。 采用技术:
1、利用表格进行布局
2、网站超链接
3、图文混编和热区
4、行为和层的综合应用
二、作品的设计步骤 (要求有每一步的过程描述和相应的截图,包括设计过程中的参数)
1. 给制结构草图:
2. 在制作本网站前应先在电脑中创建一个名为Love you you的文件夹,然后在该文件夹中再创建一个名为images的文件夹,用于保存网站中所有用到的图像。
第 1 页 共 9 页
大学计算机基础 考生姓名、学号:
3.
4. 新建一个名为“Love you you”的站点,并保存在Love you you文件夹中。站
点-管理站点-新建-基本-站点的起名输入Love you you
第 2 页 共 9 页
大学计算机基础 考生姓名、学号:
5. 站点右键------新建文件,创建首页,用表格进行布局,然后插入logo
banner,设置导航栏背景,左边导航栏背景图片以及版权信息背景图象。
第 3 页 共 9 页
大学计算机基础 考生姓名、学号:
6. 创健“个人简介”子网页
7.
第 4 页 共 9 页
大学计算机基础 考生姓名、学号:
第 5 页 共 9 页
大学计算机基础 考生姓名、学号:
第 6 页 共 9 页
三.设计者对作品自评,内容可包括设计的重点和难点,优点与缺点。并且给出作品最终效果图(自行截取反映作品整体、
…… …… 余下全文
湖南文理学院芙蓉学院
个人主页课程设计报告
课 题: 个人主页课程设计
学 号: **
同组姓名: **
专业班级: 计算机科学与技术0901班
设计时间: 20XX年6月13日
1、实验目的与要求
(1)自主选择主题实现一个关于主题的个人网站
(2)使用PS、Dreamweaver等软件对界面进行设置
(3)实现网页界面的美观、内容详尽丰富。
2、主题介绍
国家的历史有长有短,疆域有大有小,实力有强有弱,人口有多有少,民族构成、宗教信仰、政权性质和经济结构也有差异,故而各国的饮食文化是不一样的。
中国饮食文化是一种广视野、深层次、多角度、高品位的悠久区域文化;是中华各族人民在100多万年的生产和生活实践中,在食源开发、食具研制、食品调理、营养保健和饮食审美等方面创造、积累并影响周边国家和世界的物质财富及精神财富。
民以食为天,中华上下五千年美食文化更是源远流长。所以这次我们选择了“美食”作为主题。美食,顾名思义就是美味的食物,贵的有山珍海味,便宜的有街边小吃。但是不是所有人对美食的标准都是一样的,其实美食是不分贵贱的,只要是自己喜欢的,就可以称之为美食。吃前有期待、吃后有回味的东西。美食遭遇心情的时候,美食已不仅仅是简单的味觉感受,更是一种精神享受。中国美食体现了中华民族的饮食文化传统,有许多独特之处。由于风味多样,四季有别。导致各地的美食各有千秋。
系因地理、气候、习俗、特产的不同形成了不同的地方风味,美食菜系的划分单就汉族的饮食特点而言,目前有四大菜系、八大菜系、十大菜系之说,而且划分系类仍有继续增加的趋势。如果按四大菜系分:有川菜、粤菜、苏菜和鲁菜。也有分八大菜系的。其中各大菜系交相辉映,各有千秋,成为了中华民族珍贵的文化瑰宝!
本次的主题分为两大部分,新疆美食、湖南美食两个主要部分。通过这两个板块来介绍两个地方的美食,以突显南北两方的美食差异与特点。让大家通过我们这个网页,以我们的网页为窗口了解湖南美食,了解新疆美食,从而增强对我国的美食文化的了解。
…… …… 余下全文
网页制作
学院:
班级:
姓名:
学号:
日期:
综合网站的开发及其设计方案
一、确定网站主题及风格创意
(1)网站的主题是什么?
网页主题是情侣空间,
(2)网站的用户是谁?有哪些功能?
网站的用户面向广大消费者,可以网上购买珠宝首饰等。
(3)网站的风格定位是什么?
风格是浪漫。以红色、棕色和银色为主色调,中间嵌以相同色系,不失浪漫之情又给人融洽整洁之感。
二、网站功能模块规划
(1)画出站点地图,例:
(2)画出链接结构图
(3)阐述各模块的布局特点及技术实现
? 布局技术
采用模板技术,使网站的设计效率增加,方便。布局方面采用表格和div层, 运用div层进行排版,为了方便控制,排版时总要先添加一个总的div来控制布局,位置和大小,外层的div不需要设置浮动,也就是float的值。在这个外层里再设置内div,切记要设置浮动,即float值为left或right,根据设计需要来定,否则布局会发生混乱。表格会使你的设计整齐,排版相当方便。
? 各静态模块的功能特点及内容呈现
静态模块呈现了向导内容,解释各个动态模块的目的和操作方式。
? 动态模块的功能实现及技术(包括ASP核心代码的解释)
A index页运用了效果行为
a 在添加行为的地方加入5个buttom控件,设置value的值就是控件上显
示的文字;
b 在显示行为的地方绘制AP div,在布局下选中绘制AP div,按住ctry
健连续绘制5个AP div层;
c 在5个AP div层里插入图片,并调整AP div的大小与图片一致,拖动
AP div层将其放在你预先安排的地方并隐藏即可;
d 选中new1健,在行为里添加效果-显示/渐隐,在目标元素中选择AP
div1,效果选择显示然后单击确定;
e 选中new1健,在行为里添加效果-增大/收缩,在目标元素里选择AP
…… …… 余下全文
巢 湖 学 院
实验报告
实验课程名称 教育资源的开发与利用
指导教师
开课实验室 敏行楼404
专 业 英语 年级 班级
学生姓名 WENDY学号
开课时间 2015 至 20## 学年第1 学期
…… …… 余下全文
华北科技学院计算机系综合性实验
实 验 报 告
课程名称 网页制作
实验学期 20## 至 2010 学年 第 一 学期
学生所在系部 计算机系
年级 08级 专业班级 计算机应用技术一班
学生姓名 冀小伟 学号 200807013126
…… …… 余下全文
“巴黎文化之旅”简介
华南师范大学大学网页制作基础课程综合设计性实验报告
年级专业: 协作小组编号:指导教师:李桂英
摘要:网页是当前Intetnet的最常见应用之一,是人们获取和发布信息的主要途径,掌握网页制作的原理和方法,对今后工作生活有很大的帮助。本综合实验是在了解了网页设计的原则方法,掌握了Fireworks、Dreamweaver等工具处理网页中的图形图像及建立、编辑网页页面的操作技能后,运用所学过的所有相关知识综合设计制作一个介绍巴黎文化和风光的网站。通过设计与制作,了解和掌握了网站的设计建立流程与网页的制作方法。
关键词:图形图像处理、表格布局、网页模板、超链接、框架、音频、视频
一、“巴黎文化之旅”设计要求
1、 绘制网站结构图,将各模块关系用简明的图示描述出来
2、 网站制作时需要使用Dreamweaver建立并管理站点,并在站点根目录下建立images等文件夹。
3、 网站至少包括10个以上的网页,每个同学至少制作2个以上的网页。
4、 要求至少要使用模板技术或框架技术中的一种来搭建网站整体架构。
5、 页面美观,包含多种媒体,如文字、图片、动画(GIF或FLASH等)音频、视频等。
…… …… 余下全文