黑龙江P62走势图

设为黑龙江P62走势图 加入收藏

网络课堂
电子教材
电子教案
电子课件
给我留言
给我留言一
给我留言二
工作时间
周一至周五:8:30至17:30
周六至周日:8:00至17:00
联系方式
秦老师:13393666956
 
 
你当前的位置:黑龙江P62走势图-网络课堂-电子教材
项目一校园网 项目二服饰网 项目三企业网 项目四旅游网 项目五赛务网 项目六个人网站

        
                项目一
校园网的设计与制作

项目情境

黑龙江P62走势图ZHANGLINGZUOWEIMOUZHONGDENGZHIYEXUEXIAOJISUANJIYINGYONGZHUANYEGAOERDEXUESHENG,TADEZHIXIANGJIUSHIBIYEHOUNENGGOUDAOWANGLUOGONGSICONGSHIWANGYEZHIZUOXIANGGUANDEGONGZUO,TATONGGUOQIANMIANSANGEXUEQIDEXUEXI,YIJINGNENGGOUSHULIANZHANGWOWANGYEZHIZUOGONGJUDreamweaver、 TUXINGTUXIANGCHULIGONGJUPhotoshop、 DONGHUAZHIZUOGONGJUFlashJIQIETUGONGJUFireworksDESHIYONG,DANSHIDUIYURUHEZONGHESHIYONGZHEIXIEGONGJUANZHAOKEHUDEXUYAOZHIZUOCHUWANGYEZUOPINHAIMEIYOUJIECHUGUO,GANGHAOXUEXIAODEXIAOYUANWANGCHUTONGZHIYAOGAIBAN,ZHANGLINGHETONGXUEMENSHANGLIANGJUEDINGJIEXIARENWU,JINXINGXIAOYUANWANGZHANDEGAIBANZHIZUO。

项目引入

张玲从校办接到工作任务,并领取工作任务单,(如下图所示)该工作任务单中明确了工作任务、工作进度、项目背景、项目依据、项目要求等。为了更好的理解客户的需求,张玲在校办主任的帮助下,认真解读策划书,了解网站需求,进一步对网站的风格进行定位,了解网站的功能,确定网站的设计结构,设计出网站的效果图。
校园网设计--工作任务书
JLFJ-1-01                                   编号


项目名称:

NANNINGDILIUZHIYEJISHUXUEXIAOXIAOYUANWANGZHANGAIBANZHIZUO

RENWULAIYUAN:

XIAOBAN

QIZHISHIJIAN:

黑龙江P62走势图×NIAN×YUE×RIZHI×NIAN×YUE×RI

XIANGMUBEIJING:

NANNINGDILIUZHIYEJISHUXUEXIAOSHIYISUOZHONGDENGZHIYEXUEXIAO,XIANYOUWANGZHANCHUANGJIANYU8NIANQIAN,YIJINGBUSHIHEXIANZAIXUEXIAODEFAZHANXUYAO,XUEXIAOXIANYAODUIXIANYOUWANGZHANJINXINGGAIBAN,JUTIDELANMUHEYAOQIUCHAKANFUJIANXUQIUWENDANG。

XIANGMUYIJU:

  1. 客户提供的相关材料说明
  2. 原有网站网址(http://art905.com)

XIANGMUYAOQIU:

DUIXIANYOUWANGZHANJINXINGGAIBAN,ZHUYAODELANMUHEMOKUAIBUNENGSHAO,YEMIANSHEJIFENGGEXIWANGJIANJIE,DAQI,FUHEXIAOYUANWANGZHANDETEDIAN。

XIAFABUMEN

WANGLUOZHONGXIN

XIANGMUFUZEREN

 ×××

主管意见:
客户重要,请务必准时认真完成!

                                              签名:×××
黑龙江P62走势图                                               日期: ×年×月×日

项目实施

项目实施流程:

任务一:校园网客户需求分析

客户需求,是指学校创建门户网站的目的和对网站提出特定的要求。了解客户需求,是建好学校门户网站的前提。主要从下面两方面进行:
1、实地调研
第一阶段:到南宁六职校校办初次调研,确定网页制作要求及网站栏目和网站结构
第二阶段:就主页及整个网站风格由校办主任提出修改意见。
第三阶段:到南宁六职校校办要学校简介,部门职责等信息
第四阶段:校办主任提出进一步修改意见
第五阶阶:到校长办公室,针对我们完成的网站请校长进行检验。
2、需求分析
根据实地调研的情况,分析出如下需求:
?    (1)宣传学校办学理念,展示办学设施、教师队伍、专业设置、就业情况、提高学校的社会知名度,
?    (2)适时发布学校管理、教学、招生等相关信息、为求学者提供相关咨询和服务
?    (3)获取社会各界对学校教育教学情况的评价和意见、建议
?    (4)建立与兄弟院校进行交流学习的平台
黑龙江P62走势图 ?    (5)向社会各界推荐毕业生,为毕业生提供就业信息。

任务二:校园网网站定位

1、网站风格定位
校园网站就是学校的网上形象,每一所学校都有自己的特色,网页的风格。网站的页面色初步拟定采用蓝色为基础色,在此色调的基础上进行色的渐变的展开通过色彩的运用突出本网站要传达的求知、务实、健康、热烈、庄严等元素,使网站收到良好的创意效果。
2、网站的技术定位
根据客户的需求分析,将南宁第六职业技术学校校园网技术定位为既包含前台静态页面又包含后前的数据编程。
黑龙江P62走势图 根据网站的技术定位,我们采用的开发环境和开发工具如下表如示:

KAIFAHUANJING

Windows 2003 server IIS

WANGZHANXIAOGUOTUZHIZUOGONGJU

黑龙江P62走势图Photoshop CS6

WANGYEZHIZUOJIQIETUGONGJU

Dreamweaver CS6/FireworksCS6

WANGYEDONGHUAZHIZUOGONGJU

Flash CS6

WANGYETEXIAOGONGJU

JavaScript CS6YANGSHI

ASPDONGTAIWANGYEGONGJU

VBScript

SHUJUKUKAIFAGONGJU

Access 2003

任务三:南宁六职校网站建设方案

1.网站建站目标及功能定位
   建站目标:对现有校园网站进行改版设计,将现阶段需求与未来需求相结合,将南宁六职校校园网站建设成为适合师生展示和交流的平台。
   功能定位:学校师生展示自我价值的平台;学校师生相互交流沟通的平台;对外宣传,招生的平台。
2.网站栏目划分
根据我们对用户的了解,特建立以下栏目。
黑龙江P62走势图 学校概况 黑龙江P62走势图 部系动态 学科教研 教务行动 教学研究 德育之窗 社会培训
招生就业 党建园地 办事公开 雁过留声
3.网站建设拓扑图如下

任务四:南宁六职校网站设计方案报价明细

黑龙江P62走势图JINGTAIYEMIANSHEJIBAOJIAMINGXIRUXIABIAO


工作项目

XIANGMUYAOQIU

YESHU

DANJIA(YUAN)

HEJI(YUAN)

HEILONGJIANGP62ZOUSHITU

HEILONGJIANGP62ZOUSHITUGAIBAN

1

¥500

¥500

ZIYE

FENYELANMUSHEJI

13

¥100

¥1300

BannerSHEJI

SHIXIANFLASHDONGHUA

1

¥200

¥200

ZONGJI(YUAN)

¥2000

FUWUQIKONGJIAN、YUMINGJIAGEMINGXIRUXIABIAO:


项目名称

GONGNENGYAOQIU

GESHU

DANJIA(YUAN)

HEJI(YUAN)

GUOJIYUMING

黑龙江P62走势图YINGWENGUOJIYUMING(.com)

1

40

40

FUWUQIKONGJIAN

100MZHICHIASPJIACCESSSHUJUKUKONGJIAN

1

500/NIAN

500

HEJI

540

任务五:南宁六职校网站实施制作过程

子任务一 制作南宁六职校网站黑龙江P62走势图效果图

WANGZHANHEILONGJIANGP62ZOUSHITUXIAOGUOTUJIANGANZHAOYEMIANDINGBU、YEMIANZHUTIHEYEMIANDIBUSANDABANKUAIJINXINGHUIZHI。ZHEIGEGONGZUOGUOCHENGKEYIXIANZAIBAIZHISHANGGOUCHUCAOTU,ZAIYONGPINGMIANSHEJIRUANJIANSHEJIZHIZUOPINGMIANXIAOGUOTU。ZUIZHONGXIAOGUOTURUTU1SUOSHI

 
黑龙江P62走势图

TU1

  1. 页面顶部

YEMIANDINGBUSUOYINBAOHANDENEIRONGYOU:WANGZHANBIAOZHILOGO(KEHUTIGONG)、WANGZHANBanner(YULIUgifDONGHUA)WANGZHANDAOHANG。

  1. 页面主体

黑龙江P62走势图YEMIANZHUTISUOBAOHANDENEIRONGYOU:WANGSHANGBAOMING、BANSHIGONGKAI、TONGZHIGONGGAO、BENYUEPAIXINGTOP10、BENZHOUPAIXINGTOP10、WANGZHANTONGJI、XINWENDONGTAI、ZHUANYEJIESHAO、DEYUZIXUN、XINXIGONGKAI、PUFAGONGZUO、ZUIXINTUWENDENG。

  1. 页面底部

页面底部用于放置版权信息。
网站黑龙江P62走势图是浏览者的向导,它应该具有清晰的浏览机制和导航系统。黑龙江P62走势图想要吸引浏览者,除了配色和版式外,还应当突出主体、页面简单有效、版面结构组织整齐。美工按照公司的创意构思,从素材库中搜集到了很多免费素材,并开始动手进行网站黑龙江P62走势图效果图绘制。依据网站风格定位及客户栏目设置要求,黑龙江P62走势图效果图图像文件规格设置为,宽度1000像素,高度2000像素,分辨率72像素/英寸。
1、新建文件、参考线、图层文件夹建立

  1. 准备绘制

黑龙江P62走势图QIDONGPhotoshop CS5RUANJIAN,ZHIXINGWENJIAN—XINJIANMINGLING,DAKAIXINJIANDUIHUAKUANG,XINJIANKUANWEI1000XIANGSUGAOWEI2000XIANGSUDEWENJIAN,FENBIANLVWEI72XIANGSU/YINGCUN,YANSEMOSHIWEIRGBYANSE。JUTIRUTU

TU1-2

  1. 添加标尺和参考线,进行页面布局

执行视图—菜单—标尺命令,显示出标尺,参考网页版式布局图上的数据,新建参考线,
将页面划分为页面顶部、页面主体和页面底部,并将页面主体又分成左右两部份

 
黑龙江P62走势图

图1-3
 

  1. 创建图层组,分类管理。按照页面结构图,如图所示,构建图层组结构如下图1-4所示:

 

TU1-4

 

2.网站Banner和导航栏的制作

  1. 按照网站Banner的构思设想,在素材库中收集所需的各种格式的素材,并根据图片的特点,选择合适的抠图工具,如“魔棒工具” “多边形套索工具”、“快速选择工具”等,从而提取素材图片中所需要的元素。
  2. 执行文件—置入命令,将校园图片置入画布中,素材图片作为智能对像存放在自动生成的新图层中。将图层命名为“校园图1”并将图层放置在“页面顶部”图层组中。在该图层上单击鼠标右键,在弹出的快捷菜单中,选中“栅格化图层”命令将素材图层转化为常规图层。
  3. 选中“校园图1”图层,点击图层属性下面“添加矢量蒙板”按钮,如图所示,接着把前景色设置为黑色,背景设置为白色,选择渐变工具,为图层设置蒙版效果。完成后效果如图1-5所示。

 

 

 

TU1-5

  1. 置入LOGO图标,并输入文字“南宁市第六职业技术学校”将文字在图层样式对话框中设置外发光效果。
  2. 使用矩形工具绘制导航,双击导航图层,弹出图层样式设置对话框,点击图案叠加,选择一种图案,并将不透明度设置为60% 如图1-6所示


黑龙江P62走势图 图1-6

  1. 在导航上输入文字 (黑龙江P62走势图  学校概况  黑龙江P62走势图  部系动态  学科教研  教务行动  教学研究  德育之窗  社会培训  招生就业  党建园地  办事公开  雁过留声)将文字颜色设置为白色,完成后效果如图所示。


图1-7

黑龙江P62走势图 图1-8

  1. 左边网上报名系统栏目制作
  2. 选择矩形工具绘制矩形,双击图层弹出图层样式窗口,勾选渐变叠加及描边并进行相应设置 具体参数设置如图所示1-9 图1-10所示


图1-9

图1-10

  1. 输入标题文字“网上报名”并描边。输入文字“网上报名系统”、“招生简章”并设置内阴影效果
  2. 选择相应的图标置入并调整图片大小。
  3. 完成后效果如图


黑龙江P62走势图 图1-11

 

 

同理制作如下栏目:

  1. 通告通知栏目制作


图1-12

  1. 本月排行TOP10栏目制作

 


黑龙江P62走势图 图1-13

 

 

  1. 右边新闻动态栏目制作
  2. 选择矩形工具绘制矩形,并按前面介绍的方法在图层样式框中设置渐变颜色

如图1-14所示

黑龙江P62走势图 图1-14

  1. 选择自定义形状工具,绘制三角形,完成后效果如图1-15所示


黑龙江P62走势图 图1-15

  1. 输入文字“新闻动态  最新推荐  最新图文  会员投稿”并把新闻动态文字加粗设置为白色。
  2. 绘制矩形,设置矩形白色,灰色描边,并输入相应文字,完成后最终效果如图1-16所示。


图1-16

  1. 专业介绍栏目制作(在此基础上完成德育资讯、教务行动、科研资讯、信息公开、普法工作栏目)


图1-17

  1. 最新图文栏目制作

 


图1-18

  1. 优秀毕业生风彩栏目制作


图1-19

  1. 页脚版权信息制作

 

TU1-20

子任务二:分页学校概况、黑龙江P62走势图栏目制作

分页学校概况效果图

图1-21

在分页的制作过程中可以从黑龙江P62走势图的效果图中变化出来,比如背景可以保持不变,头部注册文件,banner区的图片,页脚版权信息等都可以从黑龙江P62走势图中提出来,不需要再重新设计。

子任务三:依据设计效果图完成网页制作

    网站搭建是项目建设的最后一个环节,是依据网站效果图,把网站用网页编辑工具搭建成形,以便于网上浏览。
进行网站搭建时,首先要利用fireworks切片工具,将效果图进行切片输出。切出的图片作为网站的图片素材。切片划分如下图所示:

 

导出图片,文件夹命名为“images” 另存切片为Fireworks PNG(*.png)格式
步骤一 网站黑龙江P62走势图的制作
1. 创建站点并设置页面属性

  1. 启动DreamweaverCS5 程序,单击“站点”“新建站点”命令,在弹出的对话框中选择“高级”面板,定义站点名称,本地根文件夹,默认图像文件夹其它参数不做修改,如图1-22所示:

 

 

 

 

 

 

 


TU1-22

  1. 单击“确定”按钮,则在“文件”面板中显示刚才创建的站点。在站点根文件

夹上单击鼠标右键,选择“新建文件”重命名为“index.html”双击新创建的文件,进入其网页的编辑状态.
 

 

 

 

TU1-23

  1. 在编辑窗口中单击“页面属性”按钮,打开“页面属性”对话框,选择“分类”区的“外观”选项,设置字体大小为12像素,设置背景色为蓝色,在上下左右边距文本框中均输入“0”像素,如图1-24所示:

 

 

 

 

 

 


TU1-24

  1. 选择“标题/编码”选项,编码为“简体中文(GB2312)选项;单击“确定”按钮,返回编辑窗口。

 

2. 制作网站的banner区和导航

  1. 将光标置于编辑窗口中,单击“常用”工具栏中的“表格”按钮,打开“表格”对话框。插入3行1列的表格,宽度为1043像素,边框粗细、单元格边距、单元格间距均为0具体如图1-25所示。此表格记为表格1


黑龙江P62走势图 图1-25

  1. 用户注册栏制作:在表格第一行中再次插入1行8列的表格,单击插入面板的表单选框,选择文本框,依次在用户,密码,验证码后分别插入。最终效果如图1-26所示:


图1-26

  1. 选中表格第二行,插入广告BANNER图片(此图片后期将做成GIF动画)。


黑龙江P62走势图 图1-27

  1. 选中表格第三行在FIREWORKS中测量做为背景图的切片的高度后,设置行高为32,然后以背景的形式插入导航图片做为背景,接着依次打入导航文字,具体如图1-28所示:


图1-28
3、制作报名系统栏目

  1. 把光标为置在表格1后面,插队入一个一行三列,宽为1042的表格,将第一列宽度设置为280,第二列宽度为15,其余的给第三列。些表定为表格2
  2. 在第一列中插入一个3行1列,宽度为95%的表格,设置为居中对齐。在里面分别插入图片网上报名、网上报名系统、招生简章三张图片。同理制作通告通知、本周排行TOP10、本月排行TOP10等左边栏目。

4、制作通告通知栏目
方法同上
5、本周排行TOP10栏目制作
方法同上
6、本月排行TOP10栏目制作
方法同上
7、右边新闻动态栏目制作

  1. 在表格二的第三列中,插入一个五行一列,表格宽度为100%的表格如下图1-29所示:

 

 

 

 

 

 


TU1-29

  1. 选中第一行,拆分单元格,将第一行拆分为二列。在第一列中插入三行一列,宽为420像素的表格,此表格命名为表格三,将表格三第一行拆分为一行两列,第一列高设置为33,宽为90,以背景图像的方式插入图片(index_r20_c12.jpg)第二列插入图片(images/dd.jpg),并在图片上打入相应的文字,最终效果如图1-30所示:


图1-30

  1. 新建外部样式。点击CSS,新建CSS规则,命名为KUANG,新建样式表文件

如图所示1-31所示:

黑龙江P62走势图 图1-31

  1. 选择边框选项,定义边框样式如下图1-32所示

TU1-32

  1. 选中表格三,应用表格边框样式。同理定义行高样式,输入相应的文字,最终效果如图1-33所示:


黑龙江P62走势图 图1-33

 

8、专业介绍栏目制作(在此基础上完成德育资讯、教务行动、科研资讯、信息公开、普法工作栏目)
9、最新图文栏目制作
10、优秀毕业生风彩栏目制作
11、网上调查栏目制作
1、插入六行一列表格,在第一行中插入网上调查栏目图片,第二行中输入相应的文字,第三、四、五行中分别插了复选框,第六行中插入两个按钮,一个设置为提交表单,一个设置为重置表单,如图1-34 图1-35所示:

图1-34

图1-35

12、页脚版权信息栏目制作

    1. 把光标定位在表格二后面,插入一个二行一列表格宽为1042像素的表格
    2. 在第一行中插入图片,第二行中插入背景图片index_r45_c8.jpg,输入版权信息,最终效果如图1-36所示:

图1-36
步骤二 网站子页的制作
本网站的子页在形式上套用了主页的结构,使之在风格
上与主页完全统一。页面特点:
    (1)通过表格的嵌套、单元格的拆分与合并来进行网页
元素的布局;
    (2)表单的制作;
    (3)栏目背景图片的制作。
步骤三  链接主页与子页
 对主页与各子页之间进行链接,并使链接畅通。

子任务四:横幅广告动画制作

网站黑龙江P62走势图banner动画的制作
1、把在Dreamweaver中切图的Banner图片在Photoshop中打开如图1-37所示:
 

 


图1-37
黑龙江P62走势图 2、先择另外三张校园风景的图片素材分别在Photoshop中打开,用柔角橡皮擦或遮罩工具进行图像处理,使其符合动画制作的要求,3张图片处理后的效果如图所示:

 

 


图片1
 

 


TUPIAN2

 

 

 


图片3
3、在软件单击菜单-窗口-动画打开动画窗口。则当前图层为动画第1帧。单击动画面板中的“复制当前帧”按钮,在当前帧上隐藏“图片1”
2、单击“动画”面板中的“过渡”按钮,在弹出的对话框中,进行设置,动画窗口如图所示1-38所示:

黑龙江P62走势图 图1-38

3、ZAIFUZHIDANGQIANZHEN(DI7ZHEN),ZAIFUZHIHOUDEDI8ZHENSHANGYINZANG“TUPIAN2”TONGLIDANJI“GUODU”ANNIU,ANSHANGSHUFANGFA,JIARU5ZHENGUODUZHEN,DONGHUACHUANGKOURUTU1-39TU1-40SUOSHI:

 

 

 


TU1-39

 


TU1-40

4、在当前帧(第13帧)状态下,依然单击“过渡”按钮,添加5帧过渡帧,但此过渡方式选择第一帧。
黑龙江P62走势图 5、把所有的帧同时选择,设置他们的延迟时间为1秒。单击动画面板中的“播放动画”按蔚,浏览动画效果。

◆ 项目修改评价

征求客户意见,修改完善

 DUIZHIZUOWANCHENGDENANNINGLIUZHIXIAOWANGZHANJINXINGDIAOSHIFABU,ZAIGUANGFANZHENGJIKEHUYIJIANDEJICHUSHANG,JINKENENGDIANZHAOKEHUDEYAOQIUJINXINGPEITAOXIUGAIYUGENGXIN,SHIDEWANGZHANJINYIBUWANSHAN,DADAOZHIZUOWANGZHANDEMUDE。

考核评价

黑龙江P62走势图WANCHENGRUXIANANNINGLIUZHIXIAOXIAOYUANWANGZHIZUOPINGFENBIAO

项目验收

JINGNANNINGSHILIUZHIXIAOXIAOJILINGDAODUIWANGZHANJINXINGXIANGMUYANSHOUTONGGUO,ZUIHOUTONGGUOFTPSHANGCHUANDAOXUEXIAOSHENQINGDEFUWUQIZHONG,ZAIWANGSHANGJINXINGLIULAN。

项目小结

1.本项目主要介绍了教育类网站的前期准备、中期制作和网站搭建等内容,突出了教育类网站为教师、学生、家长提供服务及教育资源共享的特点。
2. 通过本项目的学习,对网站制作的前期准备工作应有一个深刻的认识,明确客户需求分析、网站风格定位及网站建设方案的制订方法。同时应使学生增强对教育类网站的感性认识,为以后各种类型网站的学习与实践奠定基础。

 

项目拓展

ZAIQIANMIANXUEXIDEXIANGMUJICHUSHANG,QINGDAJIAYIJUWANGZHANZHIZUOLIUCHENG,SHEJIZHIZUOLINGYIBANBENDENANNINGLIUZHIXIAODEWANGZHAN



黑龙江P62走势图 | 联系我们 | 给我留言

copyright 2015 All Rights Reserved