网站开发技术培训讲义

一会儿就要给他们讲了，先把讲义发到这儿，听听大家意见。。:) 

 

技术培训讲义

[By ijse]

一、用人要求

二、项目开发流程

三、有关技术

a)         前台页面设计制作

                         i.              网站主题、结构、配色

                       ii.              网站细节：文字排版

                      iii.              设计亮点、技巧

1.         灰色的使用

2.         导航菜单，hover效果

3.         阴影、圆角效果

4.         其它JS动态效果（渐隐渐显、滑动…）

                      iv.              前台页面忌讳

1.         配色不搭配

2.         结构混乱，不注意留空间距

3.         载入显示大图片（页面保证在100KB以下）

4.         文字排版不协调

5.         兼容性

                       v.              HTML+CSS

1.         开发工具 Dreamweaver,UltralEdit32,记事本

2.         调试工具 Chrome,Firebug插件

                      vi.              Javascript

1.         JQuery,YUI,properties

2.         EXTJS

3.         其它JS插件：首页幻灯、图片切换、在线客服等等

                    vii.              前台制作流程

1.         PS中设计制作页面效果图（文件-保存为WEB格式图片）

2.         切图，转换为静态html页面

3.         调试、兼容性测试

4.         页面优化

                   viii.              开发习惯

1.         工程目录——各种类型文件分门别类存放，便于统一管理

a)         WEB/images

b)         WEB/css

c)         WEB/js

d)         WEB/admin

e)         WEB/utils：网站开发过程中使用到的组件：首页图片幻灯JS等

f)          WEB/*.html：网站页面文件

g)         PSD/：网站设计源文件

h)         Source：用户提供的网站开发材料：图片、文字材料等

2.         CSS文件结构

a)         Global.css/layer.css：整个网站页面的统一框架、共用代码

b)         Index.css,page.css…：其它分页面样式文件单独定义

c)         Hack.css：CSS浏览器兼容补丁文件

3.         代码规范

b)         后台编程实现

                         i.              Java

                       ii.              PHP

                      iii.              数据库

1.         MySQL

2.         SQL Server

四、有关学习方法

a)         重在自己动手敲代码

b)         写学习笔记，记录学习重点

c)         勤奋细心、坚持不懈、奈得住寂寞

d)         边学边试着自己写小项目，注重应用：

                         i.              模仿别人的网站

                       ii.              查看别人网站的代码

                      iii.              连接数据库CURD数据

                      iv.              用户登陆/注册模块

                       v.              文章发布管理模块

                      vi.              。。。

交流群号：45623465