本节简介:学习网页制作的流程,案例制作:在DW中制作网上商城二级页面草图。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
网页的制作流程(美工部分):网站分析、用PS实现页面布局、用PS、FLash等软件实现网站页面效果、用PS来进行页面切片处理、使用DW--CSS+DIV布局网页、
单独的网页不需要使用外部样式表,除非定义的整个网站
网页制作流程(后台处理):利用CSS美化页面效果、用JS实现页面特效、系统功能分析、数据库设计实现页面功能、发布站点、
网页的制作流程(美工部分):网站分析、用PS实现页面布局、用PS、FLash等软件实现网站页面效果、用PS来进行页面切片处理、使用DW--CSS+DIV布局网页、
地下是页脚;css设计超链接,js div形成特效;切掉白边,制作的时候不需要白边;1新建文件,后站点【选择根文件,高级设计图像的存储的位置】,存储文件2用css样式表【body样式,上下设计为0,左右自动】3插入div,记得选方宽【id,后复制块,更名,加sc样式】4更名【f12看效果】5外面加divbox,形成居中
让整个页面居中于浏览器1:划分两块div在左右两边,把整个页面撑起来;2.在整个页面的外面加一个大的div框架,把网页做居中效果。
属性栏➕点击,标签,body,确定。设置页面的字体,字号等。代码模式下在body内插入多个div,在设计模式下,分别对每个div进行css样式定义(点击属性➕进行定义)。
定义单独网页,建立css内部样式表;如果定义整个网站,则建立外部样式表。
打开DW,选择html格式,新建文件index。新建站点,命名(建立images文件用来存储图像)。存储文件index。
1.网站分析2.ps实现页面布局3.ps/flash 等实现网页效果4.ps切片5.DW页面布局
打开DW(新建格式HTML)>新建站点(命名)>高级设置-本地信息(储存图像的位置)
切片时,要对其到参考线(视图>对其到>对其到参考线)最后的划分是为了在DW里更好的制作模块的布局,划分的时候尽量整体些
后台处理:用CSS做效果 平面(超链接效果、文字效果(eg 新闻内容、产品介绍、多文字的排班、图文混合)、用鼠标滑动提示效果、)>用DW-JS+DIV实现页面特效>系统分析>用数据库设计实现页面的功能(购物车、商品列表)>发布
网页美工:分析网站>PS整体布局>用PS实现页面效果> 网页美工:用PS进行页面切片处理>在DIV+CSS做一个布局 B2C(商对客) DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。
利用CSS美化页面用>JS实现页面特效>系统功能分析>数据库设计实现页面>发布站点
LOGO 导航;主题内容:商品列表;版权 法律声明 友情链接
网站分析>PS实现页面布局>PS、FLASH实现网站页面效果>PS进行页面切片处理>DW-CSS+DIV布局网页
外部样式表,使用于整个网站,内部样式,使用于当前页面所用的样式。