STU网页设计

大三学生电子商务应用技术实训九寨沟相册网页作业

更新时间:2018-01-16   文章分类:网页技术课堂

大三学生电子商务应用技术实训网页作业——九寨沟相册 Dreamweaver网页制作过程分享

本次网页作业要求如下:

要求1:上网搜集有用的资料与图像。
(解答:这个不用多说了,百度搜索即可)
要求2:根据搜索的图片建立“九寨沟相册”,网页名称为jiuzhaigou.htm。
3.设计如图所示的“文本”式网页。操作提示:网页共分四个域,可采用表格布局。
(根据要求构架思路,最简单的思路为,顶部大图,下面左右两侧是文本区域,中间隔开)
①新建网页文档并保存。
(解答:打开Dreamweaver新建网页,网页标题设置为九寨沟相册)
②插入1行1列的表格,设置标题区域,输入标题,设置标题、表格的属性。
(BODY区域插入表格1行1列,设置标题可以写九寨沟相册,表格区域插入图片找一张横幅大图效果不错)
③插入1行3列的表格。
(BODY区域插入表格1行3列)
④左单元格输入正文文本,并设置文本的属性。
(左单页格设置宽度500,输入文本及图片,设置字体及大小)
⑤右单元格输入正文文本,并设置与左单元格文本相同的属性。
(右单页格设置宽度500,输入文本及图片,设置字体及大小)
⑥中单元格插入垂直线:先插入水平线,通过设置属性的方法将水平线改为垂直线,并通过“修改”菜单的“标签编辑器”为垂直线设置颜色。
(插入——水平线——右键属性宽度改成0,高度比如设置280,则实现变成垂直线。点击修改标签编辑器设置颜色即可)

整体效果预览(因为作业要求比较简单,为了页面效果可以插入背景图,提供视觉效果,这里我们做了两版,供小白客户做参考):

大学生网页作业九寨沟相册

网页作业九寨沟相册

 
 

STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询