《网页设计与制作》第1章基础知识.ppt

1.4 HTML基础 1.4.2 格式标记 1. p……/p 2. br 3. blockquote……/blockquote 4. ol……/ol、ul……/ul、li……/li 5. div……/div 1.4 HTML基础 1.4.3 文本标记 1. pre……/pre 2. h1/h1……h6/h6 3. b……/b、i……/i、u……/u 4. tt……/tt、cite……/cite、 em……/em、strong……/strong 5. font……/font 1.4 HTML基础 1.4.4 图像标记 1. img 2. hr 1.4 HTML基础 1.4.5 表格标记 1. table……/table 2. tr……/tr、td……/td 3. th……/th 1.4 HTML基础 1.4.6 链接标记 1. a href=…………/a 2. a name=…………/a 小结 本章从网页的基础知识入手，根据不同网站的特点，从颜色、布局结构等方面进行了一一阐述，同时全面展示和介绍了DreamweaverCS5.5的工作界面及其功能含义以及后台HTML代码的核心标记。 * * 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 4. 绿色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 5. 蓝色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 5. 蓝色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 6. 紫色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 6. 紫色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 7. 黑色与白色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 7. 黑色与白色 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 1. 资讯类网站 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 2. 电子商务类网站 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 3. 互动游戏类网站 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 4. 教育类网站 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 5. 功能性网站 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 6. 综合性网站 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.3 Dreamweaver认知 1.3.1 Dreamweaver CS5.5的新功能 1. CSS3/HTML5 支持 2. jQuery集成 3. 借助PhoneGap构建本机 Android 和IOS应用程序 4. FTPS、FTPeS支持 5. 移动 UI 构件 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 1. 标题栏 在Adobe Dreamweaver CS5.5的窗口标题栏上整合了网页制作中最常用的布局、DW扩展、站点管理器和设计器按钮，这些常用的命令按钮可以从菜单栏或者工具栏中找到与之相应的选项。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 2. 菜单栏 Dreamweaver CS5.5的主菜单共分10种，即文件、编辑、查看、插入、修改、格式、命令、站点、窗口和帮助。 1.3 Dreamweaver认知 1.3.2 Dreamweaver CS5.5的工作界面 3. 插入工具栏 在“设计器”布局模式下，Dreamweaver CS5.5将原先的插入栏默认呈现为插入面板形式。该面板包含成行的对象图标，用于创建和插入网页元素。