《课程设计内容-五年高职》由会员分享，可在线阅读，更多相关《课程设计内容-五年高职（4页珍藏版）》请在金锄头文库上搜索。
1、课程设计内容及步骤一、 对附件中的“莎啦啦鲜花网”文件夹及其下的所有文件，为其在dreamweaver中，创建一个站点“莎啦啦鲜花网”。 （创建站点）二、 主页：创建一个网页“index.html”，将其保存于 “主页”文件夹下。Index.html具有如下内容，用到的图片都在“主页”文件夹下： （布局表格、表格）1、 绘制宽为600像素，高为480像素的布局表格1。2、 在布局表格1里面的上部绘制一个宽为600像素，高为100像素的布局表格23、 在布局表格1里面的下部绘制一个宽为600像素，高为380像素的布局表格34、 在布局表格3里面紧靠左侧绘制一个宽为150像素，高为380像素的布局
2、表格45、 在布局表格3里面紧靠右侧绘制一个宽为150像素，高为380像素的布局表格56、 在布局表格3里面的中间的空余处绘制一个宽为300像素，高为380像素的布局表格6，并设置布局表格6的背景图片为bb2.png7、 对布局表格2里绘制一个三行1列，宽为600像素，高为100像素的普通表格，(1) 其中第1行高度为20像素，背景色为深绿色。(2) 第2行高度为60像素，将第二行拆分成2列：宽度分别为40%、60%。其中：u 第1列：插入艺术字“花之心语”，隶书36号。（dreamweaver 8不提供艺术字，可在word 里做好，再在画图里保存为图片，然后插入）u 第2列：设置背景图片为B
3、annerRoses.jpg(3) 第3行高度为20像素，背景色为深绿色。插入从右向左的滚动字幕“欢迎光临花之心语” （滚动字幕） (4) 在布局表格4里面插入一个12行1列的普通表格：表格宽100%，高380，边框粗细1，边框颜色为深绿色；l 第1行：高60像素；背景图片为supmarket.jpegl 第2行：高20像素，背景色为深绿色l 第3-12行：高都为30像素，背景色为深绿色。其中，第3-11行写入相应的文字， 对第12行设置背景图片bottom_06.gif(5) 在布局表格5里面插入一个12行1列的普通表格：表格宽100%，高380，边框粗细1，边框颜色为深绿色；l 第1行：高
4、60像素；插入图片sflow.gifl 第2行：高20像素，背景色为深绿色l 第3-12行：高都为30像素，背景色为深绿色。其中，第3-11行写入相应的文字， 对第12行设置背景图片bottom_06.gif8、 在布局表格6里面执行如下操作：(1) 输入文字“奇花野草”：字体为“华文隶书”，字号为“特大”(2) 在“奇花野草”下插入水平线：高度16像素、对齐方式为“居中”，颜色为墨绿色(3) 在水平线下方插入“鼠标经过图像”。原始图片为animal.jpg，鼠标经过时的图像为lip.jpg。9、 给index.html设置背景音乐“千里之外.mp3”三、 鲜花超市：设置index.html中
5、的“鲜花超市”相关的链接。链接的页面在“鲜花超市”文件夹下。u 母亲节花：链接mother.htmu 父亲节花：链接father.htmu 教师节花：链接teacher.htmu 爱情用花：链接love.htmu 友情用花：链接friend.htmu 婚礼用花：链接marry.htmu 家庭用花：链接home.htmu 生日用花：链接birthday.htm四、 送花常识：“送花常识”文件夹下的songhua.htm(1) CSS样式表: 对文字(非按钮)“支数寓意”、“浪漫花语”、“花与星座”、“送花小秘诀”、“血型与花”、“诞生花”、“色彩的奥秘”、“养花常识”、“插花艺术”定义并应用如下
6、样式：字体:华文中宋； 字号:12pt； 字的颜色:红色； 加粗； 背景色:浅黄色 (2) 锚点：对文字(非按钮)“支数寓意”、“ 浪漫花语”、“ 花与星座”、“ 送花小秘诀”、“ 血型与花”、“ 诞生花”、“ 色彩的奥秘”、“ 养花常识”、“ 插花艺术”分别建立锚点。锚点名字同相应的文字。(3) 对按钮(非文字)“支数寓意”、“浪漫花语”、“花与星座”、“送花小秘诀”、“血型与花”、“诞生花”、“色彩的奥秘”、“养花常识”、“插花艺术”分别链接到相应的锚点。(4) 设置主页index.html中的“送花常识”相关的链接：u 支数寓意：链接到songhua.htm中的锚点“支数寓意”u 浪漫花
7、语：链接songhua.htm中的锚点“浪漫花语”u 花与星座：链接songhua.htm中的锚点“花与星座”u 送花小秘诀：链接songhua.htm中的锚点“送花小秘诀”u 血型与花：链接songhua.htm中的锚点“血型与花”u 诞生花：链接songhua.htm中的锚点“诞生花”u 色彩的奥秘：链接songhua.htm中的锚点“色彩的奥秘”u 养花常识：链接songhua.htm中的锚点“养花常识”五、 订购单：(1) 在“订购单”文件夹下，创建一个订购网页order.html，其内容如下 （表单）： (2) 参照“表单验证.html”里的表单验证过程，在order.html的表单
8、的onSubmit事件中实现表单验证。 (JavaScript)(3) 在主页index.html中，将文字“订购单”链接到“订购单”文件夹下的order.html六、 打开主页index.html的同时以浮动窗口形式弹出“买鲜花送手机.html”：参照“在页面上显示浮动窗口.html”七、 站点发布（参看“Chap6 发布站点.ppt”）：1. 安装IIS：见附件“iis5.rar”， 2. 发布站点：在IIS中发布网站“莎啦啦鲜花网”3. 浏览站点：在IE中通过“http:/localhost/index.html”或http:/你机器的IP地址/index.html来浏览“莎啦啦鲜花网”站点。
