实验指导(静态网页设计)

实验一HTML语言和Dreamweaver使用一、实验目的1、熟悉Dreamweaver的工作界面和工作环境；2、能熟练使用HTML编写简单网页；3、掌握Dreamweaver站点的建立和管理；4、能熟练使用Dreamweaver创建和设计常规页面。二、实验内容及步骤（一）、基本操作：1、认识Dreamweaver的工作界面。2、自定义工作环境。3、熟悉Dreamweaver的各个浮动面板。（二）、实例设计：1、网站初建——建立一个本地站点。2、制作满江红页面，如右图：3、用HTML编写如下网页，要求：第1行为标题2且链接到大理学院主页，第2行为标题3，第3行为段落，图片宽400px，高300px。4、用HTML编写以下表格，要求：边框为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、请书写一份网站建设的规划书。3、自己收集素材，设计一个静态综合网站。三、具体要求：1）要求设计制作出网站首页、分类页、内容页等相关页面；2）要求布局整齐、配色得当、导航合理。四、成果提交：1）网站规划书（手写）2）设计制作好的网站（电子）