网页设计与制作项目教程

项目1 网站设计基础

1.1 网页浏览与赏析

1.1.1 大型商业网站

1.1.2 一般企业网站

1.1.3 个人展示类网站

1.2 了解网站的相关知识

1.2.1 Internet域名

1.2.2 基本元素与常用术语

1.2.3 静态网页与动态网页

1.2.4 网站设计基本流程

1.3 尝试基本网页编辑

实训

习题

项目2 网站策划与设计

2.1 网站需求分析

2.2 网站策划

2.3 规划网站结构

2.4 选择网页设计工具

项目2考核评价

实训二

项目3 网页的版面设计

3.1 认识网页

3.1.1 基本概念

3.1.2 核心技能

3.2 主页的版面设计

3.2.1 勾画主页布局草图

3.2.2 主页导航设计

3.2.3 页面栏目设计

3.2.4 页面色彩搭配设计

3.3 其他网页的版面设计

3.3.1 “旅游线路”页面的版面设计

3.3.2 “关于我们”页面的版面设计

项目3考核评价

实训三

习题三

项目4 使用Photoshop设计制作网站界面

4.1 Photoshop设计基础

4.1.1 认识Photoshop CS4的界面

4.1.2 Photoshop CS4的基本图像操作

4.1.3 绘图工具的使用

4.1.4 图层的使用

4.2 网站效果图设计

4. 2.1 主页效果图制作

4.2.2 效果图切片与导出

项目4考核评价

实训四

习题四

项目5 使用HTML设计网页

5.1 HTML基本知识

5.1.1HTML文档的基本结构

5.1.2 常用标记的使用

5.1.3 文本格式控制

5.1.4 列表的使用

5.1.5 图片与超链接

5.1.6 多媒体的使用

5.2 使用HTML设计表格

5.3 使用HTML制作表单

5.3.1 创建表单

5.3.2 使用文本框

5.3.3 使用按钮

5.4 使用框架结构页面

项目5考核评价

实训五

习题五

项目6 使用Dreamweaver编辑和制作网页

项目7 使用Flash制作LOGO及广告动画

项目8 使用Fireworks辅助网页编辑

项目9 使用模板、库和框架制作网页

项目10 使用JavaScript和行为美化网页

项目11 使用Access数据库创建动态网页

项目12 网站测试和发布

参考文献

本书内容分为12个项目： 网站设计基础，网站策划与设计，网页的版面设计，使用Photoshop设计制作网站界面，使用HTML设计网页，使用Dreamweaver编辑和制作网页，使用Flash制作LOGO及广告动画，使用Fireworks辅助网页编辑，使用模板、库和框架制作网页，使用JavaScript和行为美化网页，使用Access数据库创建动态网页，网站测试和发布。每个项目均结合实用性很强的整体综合设计案例，读者可在书中制作流程的指导下逐步完成案例的制作，从而能独立完成网页与网站的设计与制作。本书适合于高职高专、成人高校本专科和中职中专计算机专业网页设计与规划的教学，教师可根据自己的授课特点，灵活调整各项目的顺序；也可以作为网页设计初学者以及想提高实践操作能力的其他各类人士的良师和助手。