网站设计基础教程:DIV+CSS课程与PS切图技巧

需积分: 0 1 下载量 120 浏览量 更新于2024-08-16 收藏 532KB PPT 举报
本课程主要围绕网站设计展开,讲解了从网站制作流程到具体技术实施的各个环节,包括网站定位、策划、页面设计、代码制作、程序开发以及内部测试与调整。核心知识点集中在DIV+CSS布局技术和Photoshop切图工具的使用上,同时也介绍了XHTML、CSS、XML等网页设计语言的基础概念。 网站制作流程涵盖以下步骤: 1. 网站定位:明确网站的目标用户群体,确定要提供的产品或服务。 2. 网站策划:编写策划文案,设计网站架构和功能。 3. 页面设计:根据策划方案进行视觉设计。 4. 页面代码制作:使用XHTML等语言将设计稿转化为符合3C规范的网页代码。 5. 程序开发:将静态页面与后台程序结合,实现动态功能。 6. 内部测试调整:在上线前进行功能和性能的测试,如有问题返回修改。 7. 正式上线:一切就绪后,网站正式对外发布。 DIV+CSS课程是学习网站标准的重要部分,旨在将设计师的设计稿转换为符合W3C标准的网页。它强调了以下几点: 1. 课程目的:将设计稿转化为XHTML网页,遵循W3C规范。 2. DIV+CSS的含义:作为网页布局的标准方法,替代传统的表格定位,以实现更灵活和高效的布局。 3. DIV+CSS优点:符合标准,有利于搜索引擎优化,提高页面加载速度,并便于样式调整。 切图工具的使用是设计过程中不可或缺的一环,课程中会通过实例演示如何正确使用工具并注意以下事项: 1. 避免使用中文命名图片,以防止编码冲突。 此外,课程也对一些基础术语进行了简要介绍: - WEB标准:由W3C制定的一系列规范,指导开发者构建互操作性的网络应用。 - HTML:超文本标记语言,用于创建和展示超文本文档。 - XHTML:基于XML的HTML,更严格且结构化的语言,比传统HTML具有更高的规范性。 - XML:可扩展标记语言,用于定义和存储结构化数据,是HTML和XHTML的扩展基础。 通过这门课程的学习,学员不仅能掌握网站设计的基本流程,还能熟练运用DIV+CSS技术,理解并运用各种网页设计语言,提升网站制作的专业水平。