实验指导(静态网页设计)费下载
实验一 HTML语言和Dreamweaver使用
一、实验目的
1、熟悉Dreamweaver的工作界面和工作环境; 2、能熟练使用HTML编写简单网页;
3、掌握Dreamweaver站点的建立和管理; 4、能熟练使用Dreamweaver创建和设计常规页面。 二、实验内容及步骤
(一)、基本操作:
1、认识Dreamweaver的工作界面。
2、自定义工作环境。
、熟悉Dreamweaver的各个浮动面板 。 3
(二)、实例设计:
1、网站初建——建立一个本地站点。
2、制作满江红页面,如右图:
3、用HTML编写如下网页,要求:第1
行为标
题
快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题
2且链接到大理学院主页,第2
行为标题3,第3行为段落,图片宽400px,
高300px。
4、用HTML编写以下
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
格,要求:边框为1px,表格宽300px,表格居中。
三、实验思考
1、如何设置文本中的图片对齐方式,
2、使用HTML编写网页图片标签中主要有哪些属性及属性值。
四、作业:请写出实验内容3、4的HTML代码。
实验二 创建简单网页
一、实验目的
1、熟练掌握链接、图像及属性设置; 2、熟练掌握表格的基本操作;
3、学会隐藏表格、单元格边框及分隔线; 4、掌握在网页中插入flash、MP3和视频等多媒体素材。
二、实验内容
(一) 制作链接页面(包括:页面链接、下载链接、图片链接和邮件链接)
(二) 制作唐诗页面,如下图:
(三)表格基本操作,如上图
(四) 在网页中插入flash、MP3和视频等多媒体素材
三、思考
1、如何为网页设置背景音乐,
2、如何为Flash动画设置为背景透明,
实验3 层和框架网页设计
一、实验目的
1、熟练掌握框架和层的基本操作; 2、掌握层布局的方法
3、掌握框架布局的方法;
4、掌握框架中链接的使用。
二、实验内容及步骤
(一)、操作练习:
1、框架和的基本操作练习
2、层布局练习
3、框架布局练习
4、框架中的链接练习
(二)、实例设计:
1、利用表格进行网页而已,如右图:
2、设计制作一个层布局的网页,如下图:
3、 制作一个框架网页,如下图:
三、思考
1、在框架结构中如何实现链接的目标为某一个框架,
实验四 网站综合设计
一、实验目的
1、欣赏优秀网站,提高对网站的总体设计水平; 2、初步掌握静态综合网站的设计方法。 二、实验内容及步骤
1、欣赏优秀网站,提高对网站的总体设计水平。 2、请
书
关于书的成语关于读书的排比句社区图书漂流公约怎么写关于读书的小报汉书pdf
写一份网站建设的规划书。
3、自己收集素材,设计一个静态综合网站。 三、具体要求:
1)要求设计制作出网站首页、分类页、内容页等相关页面;
2)要求布局整齐、配色得当、导航合理。 四、成果提交:
1)网站规划书(手写)
2)设计制作好的网站(电子)