本节简介:学习网页制作的流程,案例制作:在DW中制作网上商城二级页面草图。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
新建站点并命名----->高级设置中设置图像存储的位置---->软件右下方可见目录---->“文件”存储全部
向网页里面导入图片时,如果有文字,需要把文字替换掉,记住:是先把脱导入,然后再删除文字。
当上面的部分有左浮动时,下面的部分也要跟着左浮动,使其按照上面的规则顺序往下排,如果不写左浮动的话,就会乱套了。
新建CSS规则,类型里面字体已经字号,方框里面设置margin。
分析:大型B2C商务网站,页头、页脚。根据他的功能进行细致的划分,ps制作出一个整体的布局规划。网页制作流程后台处理:利用CSS美化页面效果,用JS实现页面特效,系统功能分析,数据库设计实现页面功能,发布站点。
网页制作流程:网站分析------用PS实现页面布局--------用PS、flash等软件实现网站页面效果------用PS来进行页面切片处理------使用DW CSS+DIV布局网页
注意:如何解决网页做出来不居中对齐?两种方法: 方法一,吧所有内容放在一个大的div中,然后设置它的magin : 0 auto。法二:页面两边设置两个div,以便让所有内容挤到中间。
网站分析、用ps实现页面布局、用psflash等软件实现网站页面效果
1 网站分析 2 ps网页布局 3 用ps·flas实现网页效果4 ps做切片效果 5 使用DW-CSS+DIV布局网页
6.利用css美化页面效果——7.用JS实现页面特效——8.系统功能分析——9.数据库设计实现页面功能——10.发布站点
1.网站分析——2.用ps实现页面布局——3.用ps、flash等软件实现网站页面效果——4.用ps来进行页面切片处理——5.使用DW--CSS+DIV布局网页
若要查看切块的像素,则点击标尺,选择像素,然后再用切片工具框选切块即可
把图片切片之后 打开Dreamweaver 新建HTML格式文档 新建一个站点给站点命名 在站点文件夹里的高级设置存储图像位置给图像指定一个文件夹
一些浮动的广告栏效果 滚动的新闻条 下拉菜单以及表单的认证 时间显示问候语的验证 根不同的用户不同的时间段发出不同的问候语 5 文本框的提示信息
网页制作流程--后台处理 1·利用CSS 美化页面效果 2·用JS实现页面效果 3·系统功能分析 4·数据库设计实现页面功能 5·发布站点