网站页面布局实训实验报
=
首页的创建
1:站点的建立
rea mw 管理站点新建一个站点站点保存在你新建的文件夹中文件夹的名称是:学号+姓名)
2:导航栏的建立
①打开桌面上的软件,点击新建,创建一个大小宽为778像素;高为任意像素;分辨率为72像素\英寸的画布。
②在矢量栏中选择“矩形”工具勾画出一个大小适中的小画布。
③按住trl+F8会弹出一个对话框在对话框中选取按钮按Ente 键即可。在使用“矩形”工具画出相应大小的矩形框,调制自己喜欢的颜色或者在资源库中选择喜欢的样式。再点击文本工具在画布上面写上“首页”字样,点击元件对话框从中选择‘滑过’按钮,点击右下角的‘复制弹起时图形’ 调整一下字体的颜色不然在浏览时无法产生效果。之后一次按照上面的步骤分别点击“元件”中的‘按下’ ‘按下时滑过’按钮在按下时会在左上角出现一栏
‘包括导航栏按下状态’将前面的勾不勾中。后面就不做要求,最后点击完成即可。
④将已做好的按钮拖动到原先的画布中按照平均空隙合理安排按钮。
⑤点击左上方的文件按钮选择导出将文件导入适应的文件夹中即可。
:制作动态图片
①打开FLASH软件创建一个新的FLASH文档。在时间轴上添加相应的帧,例如:在时间轴上添加四个空白帧分别在102030的点上右击分别插入一个空白帧(如图所示
②选中第一个帧在左上角的文件中点击导入→导入到舞台,选择一张自己喜欢的图片导入其中,点击已导入的图片在属性栏中调整图片的大小将图片设置
一下属
之后在按照上面的将后面的几个空白帧设置属性并且调整照片,最后一个插入一个关键帧即可。
③点击控制栏→测试影片,看看动态影像有没有瑕疵。最后点击文件→导出→导出影片,将影片保存在相应的文件夹中。
4:插入首页
①在站点中新建一个利用布局模式建立一个两行一列的表格在属性栏中设置属性
②转入常用模式中点插入你事先做好的导航栏HTML文件。
③在下面一个表格中插入fl sh动态图片点将已做好的图片插入即可。
5:制作首页浮动窗口
①选择布局模式利用绘制层在首页的空白处勾画出一个大小适中的框框。②在框内输入你的信息可以插入一张图片,图片大小应小于勾画框框的大小。③在窗口中点出时间轴,按住框框将其拖入时间轴内
选中右击→录制层路径绘画你所需要的路径即可。要选中其中最后点击在浏览器中阅览即可看到整体的效果了。
表单制作资料页
1:在站点中重新建立一个HTML基本页,布局模式中的布局→布局表格勾画一个大表框再使用绘制布局单元格将其分割成大小适合的单元格。
2:调整为表单模式选中一个单元格点插入表单,在表单中输入属于你自己的个人信息(例如下图
在
中选择相应格式并给予其初始值。
3:利用F rework制作一张标有“个人资料”字样的图片插入在表格的顶端大小自定义,在另外的一个表格中插入自己的照片这样你的资料页就做好了。
4:后面的两个网页可以参考上面的步骤来进行,你可以自由发挥的。保存你做好的每个TML文档。
5:利用firework来做这张图片,利用文本工具来在图片上面添加字体
6创建一个网络相册点击命令创建网站相册
创建相册之前得保证文件夹是空的,将源图像文件夹和表文件夹都设置在你的新建文档中
这样既可.
链接已做好的网页
1:利用reamwaver8打开你所做好的所有做好的HTML文档。
:点击位于首页的那个L文档同时选中导航栏中的标题,你会看到有个属性栏将属性栏中中的按钮按住不放并且指向你所对应的HML文档回车即可,上面的每个标题都以此来完成。
3:点击在浏览器中阅览即可看到整体的效果并且所有的导航栏都有自己的链接可以点进入下一个网页。
完成你以上的步骤你即可做好属于自己的网页了
注:1.请首先规划好网站目录及相关页面文件名,如文件夹“ ages”用来
存放网页中用到的图片,文件” idex.htm ”为网站首页。
.所有页面的宽度为“78PX” ,页面默认字体大小为“1 X”。
3.页面中没要求具体链接的地方,直接链接到空地址,即“#”。
4. 导航栏中分别链接到要求制作的四个页面上。
SpinServers服务商也不算是老牌的服务商,商家看介绍是是2018年成立的主机品牌,隶属于Majestic Hosting Solutions LLC旗下。商家主要经营独立服务器租用和Hybrid Dedicated服务器等,目前包含的数据中心在美国达拉斯、圣何塞机房,自有硬件和IP资源等,商家还自定义支持用户IP广播到机房。看到SpinServers推出了美国独服的夏季优惠促销活动,最低月...
昔日数据怎么样?昔日数据新上了湖北十堰云服务器,湖北十堰市IDC数据中心 母鸡采用e5 2651v2 SSD MLC企业硬盘 rdid5阵列为数据护航 100G高防 超出防御峰值空路由2小时 不限制流量。目前,国内湖北十堰云服务器,首月6折火热销售限量30台价格低至22元/月。(注意:之前有个xrhost.cn也叫昔日数据,已经打不开了,一看网站LOGO和名称为同一家,有一定风险,所以尽量不要选择...
官方网站:点击访问月神科技官网优惠码:美国优惠方案:CPU:E5-2696V2,机房:国人热衷的优质 CeraNetworks机房,优惠码:3wuZD43F 【过期时间:5.31,季付年付均可用】活动方案:1、美国机房:洛杉矶CN2-GIA,100%高性能核心:2核CPU内存:2GB硬盘:50GB流量:Unmilited端口:10Mbps架构:KVM折后价:15元/月、150元/年传送:购买链接洛...