重大通知:     北风课程即将全面升级更新,10.1起部分课程价格正式上调               重大通知:     北风课程即将全面升级更新,10.1起部分课程价格正式上调                

西部智谷大型企业门户网站整站建设前端网页设计(切图 Div+CSS Javascript Jquery技术)
  完毕
收藏课程
9999+

西部智谷大型企业门户网站整站建设前端网页设计(切图 Div+CSS Javascript Jquery技术)

此项目是一个大型门户网站(西部智谷)的前端页面设计项目,极具商业开发价值。项目总共包含6个页面,分别是:网站首页、资讯中心列表、新闻详细页面、在线留言页面、项目...

适合人群:中级
课时数量:25课时
用到技术:切图、Div、CSS
涉及项目:西部智谷企业门户

本课程为VIP6会员免费专享区课程,专享区包括300+门北风网原创实战课程,价值15万元以上,不断更新,VIP6会员可任意免费学习,点此查看专享区内所有课程。
  • 课程顾问贴心解答

    为你推荐精品课程,无论就业还是升职加薪,毫无压力。

  • 名企定制紧随大流

    量身打造紧贴企业需求的实用性课程。

  • 系统教学把控效果

    集学、测、练为一体的学习系统为你科学的安排学习进度,提高效率。

  • 一线大师1对1指导

    课程研发团队内一线资深讲师一对一指导,手把手教学,直到学会。

  • 点播答疑完美结合

    每周2-3次直播解答,保证学员日常学习问题能得到解决。

  • 量身定制学习计划

    告别杂乱的学习方式,我们会根据你的情况定制学习计划。

推荐学习

本课程是一个真正意义上的前端设计,从页面切图、页面代码、脚本等各方面讲解了一个综合性的项目应用,通过本课程的学习,学生可在最短的时间内学会网页设计前端切图、并能掌握网页和浏览器兼容性调试等各种实用技术。

 

一、项目介绍:


此项目是一个大型门户网站(西部智谷)的前端页面设计项目,极具商业开发价值。项目总共包含6个页面,分别是:
网站首页
资讯中心列表
新闻详细页面
在线留言页面
项目动态页面
政策支持页面


通过以上页面设计,学员一般都能够熟练掌握前端布局思想和相关的布局技术,能够自己独立根据效果图布局成商业网页,所以这里就不再多讲其他页面,有兴趣的同学可以继续完善其他页面的设计。

 

二、培训定位:


只要你有一定的HTML基础,都能学习本教程。现在IT行业对前端工程师的人才非常欠缺,不少公司招聘前端工程师的价码甚至超过了一般的程序员。如果学员有一定的.NET、Java或php基础,在此教程学习基础上,以后再工作选择方面将会有更多的机会。通过本教程,你会掌握如何根据美工设计的效果图进行截图,你会根据自己切的图片,通过DIV+CSS进行布局成和效果图一致的页面。在布局过程中,你还会熟练掌握JavaScript,Jquery 在商业网站设计中的应用,通过手把手的教学方式,一步一步的将效果图变成商业网页。

 

本教程适合的学员:
Java方向的程序员。
.NET方向的程序员。
Php方向的程序员。
在校大学生。
应届大学毕业生。

 

三、课程特色:


1. 所有代码均为现场手敲,不会出现任意一句没有交代的代码;
2. 在课程中介绍企业级开发中常用的工具软件,结合项目开发,提升开发效率;
3. 每次课程都在前次课程的基础上迭代开发,保证每次课程项目均可运行;
4. 每次课程基本都提供上课PPT,重难点均已列出,方便读者自学;
5. 前半部分课前增加回顾,方便大家记忆基础知识;
6. 课程在录制过程中特别强调到开发中容易犯的一些错误和技巧;
7. 课程中介绍本节所需要用到的技术要点;
8. 课程注重业务的讲解和实现,是实际开发的重中之重;
9. 抛弃以往光讲的做法,课程参入陷阱、提问、设问等教学技巧和大家交互;
10.课程采用渐进思路进行,逐渐从新建一个空项目形成一个大型完整项目;

 

四、课程安排:


课程名称 主讲内容
第1讲 项目及工具介绍 1.项目简介,开发环境介绍,常用的开发工具介绍,开始建站
第2讲 首页面设计 1.Div+CSS 布局网页优点。2.常用的CSS样式简介。
第3讲 首页面设计 1.FireWorks8切图工具。2.首页面框架搭建。
第4讲 首页面设计 1.首页菜单设计
第5讲 首页面设计 1.二级菜单设计 2.最新信息列表盒子设计
第6讲 首页面设计 1.最新资讯 列表盒子设计 2.轮换广告,新闻列表设计
第7讲 首页面设计 1.完善轮换广告设计   2.搭建首页资讯模块框架
第8讲 首页面设计 1.完善轮换广告设计 2.完善布局首页资讯模块
第9讲  首页面设计 1.完善布局首页资讯模块
第10讲 首页面设计  1.横幅广告设计 2.西部智谷模块分析 3.西部智谷模块详细设计
第11讲 首页面设计 1.完善西部智谷模块详细设计 2.效果图 滚动特效设计
第12讲 首页面设计 1.图片友情链接设计  2.完善首页布局
第13讲 资讯中心页面 1.资讯页面整体布局分析 2.实现基本框架搭建 3.列表盒子设计
第14讲 资讯中心页面 1.实现基本框架搭建 2.列表盒子设计
第15讲 资讯中心页面 1.树形菜单实现(Jquery框架)
第16讲 详细新闻页面 1.新闻详细布局整体分析 2.相关框架设计实现 3.相关CSS详解
第17讲 留言页面设计 1.留言页面布局整体分析 2.相关框架设计实现 3.相关Js,CSS详解
第18讲 留言页面设计 1.留言模块布局实现 2.自定义JS实现前端验证
第19讲 留言页面设计 1.Jquery框架讲解 2.Jquery验证框架讲解 3.使用Jquery验证框架实现前端验证
第20讲 项目动态页面 1.项目动态页面整体效果图框架分析 2.整体框架设计3.页面详细布局设计
第21讲 项目动态页面 1.项目动态实现页面详细布局设计
第22讲 政策支持页面设计 1.政策支持页面整体布局分析 2.政策支持页面宏观框架搭建.3.Css详细设计
第23讲 政策支持页面设计 1.图片列表设计 2.图片列表设计
第24讲 政策支持页面设计 1.完善政策页面设计 2.其他页面设计分析
第25讲 页面兼容性解决 1.完善所有页面设计 2.兼容性问题的存在及解决方法

 

五、项目架构及优势:


此项目使用adobe dreamweaver cs5作为基本建站工具,适合任何平台的web开发。在项目设计过程中
项目运行环境:Win9X/200X/XP/Vist/Win7
项目开发工具:adobe dreamweaver cs5+FireWork8+TackColor+IE6.0/IE7.0/IE8.0/FireFox
参考资料:JqueryAPI,Css帮助文档