如何用dreamwaver去制作一个网页的步骤
因为本人是学java的但是现在面临毕业设计组长分配下来的任务是做美工本人从来没学过类似dreamwaver这个软件所以现在的毕业设计开题报告实在是无从下手所以希望大大们给...
因为本人是学java的
但是现在面临毕业设计
组长分配下来的任务是做美工
本人从来没学过类似dreamwaver这个软件
所以现在的毕业设计开题报告实在是无从下手
所以希望大大们给予一点指点
就类似www.csdn.net这个网站
如果要用dreamwaver应该怎么去做
简单描述下步骤就可以了
主要是突出在制作这个网页时容易遇到的一些问题就可以
3Q!
PS:千万别给我教程
我想要的是步骤
如果满意的话我会追加分数的
而且尽快给我答案吧
最好是今天
3Q 展开
但是现在面临毕业设计
组长分配下来的任务是做美工
本人从来没学过类似dreamwaver这个软件
所以现在的毕业设计开题报告实在是无从下手
所以希望大大们给予一点指点
就类似www.csdn.net这个网站
如果要用dreamwaver应该怎么去做
简单描述下步骤就可以了
主要是突出在制作这个网页时容易遇到的一些问题就可以
3Q!
PS:千万别给我教程
我想要的是步骤
如果满意的话我会追加分数的
而且尽快给我答案吧
最好是今天
3Q 展开
4个回答
展开全部
1:制图,根据你的网页策划方案进行版面设计,在这里主要要注重网页美观度,实用性和用户体验··当然也要考虑靠后来架构网页的复杂程度,越简单越好,能重复使用的就重复使用 如一些标题栏背景什么的
2.图画好了就是切片,这里就是要对图片精确处理 以及图片命名等 图片推荐使用GIF格式 高精度图片还是用JPG吧
3.网页架构,在切片的时候就要开始考虑网页大体框架,然后在Dreamweaver里面用层结构啊或者表格都可以,主要侧重于规划,当然如果用DIV+CSS还要考虑对CSS的熟练程度,Dreamweaver这不好说,多使用一下就好,主要靠平时的积累和练习,想三分钟上手那是不能的
比如你插入一个层
<div class="nav">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
就要按照版面设计上的来编写CSS
.nav{width:960px; height:30px; line-height:30px;}
然后定义UL里面的东西
.nav ul{margin:0;padding:0;list-style:none;}
.nav ul li{ float:left;width:50px;text-align:center;}
.nav a{dispaly:block; background:#000;color:#fff;}
类似于这样就好了 按照相应的版面对其进行调整
这里还需要注重不同浏览器之间的差异问题
4.最后就是检查测试,看看各个浏览器之间显示样式是否一样·然后进行调整就好了~~~
对熟悉Dreamweaver 和相关代码~~
希望能帮到你吧!
2.图画好了就是切片,这里就是要对图片精确处理 以及图片命名等 图片推荐使用GIF格式 高精度图片还是用JPG吧
3.网页架构,在切片的时候就要开始考虑网页大体框架,然后在Dreamweaver里面用层结构啊或者表格都可以,主要侧重于规划,当然如果用DIV+CSS还要考虑对CSS的熟练程度,Dreamweaver这不好说,多使用一下就好,主要靠平时的积累和练习,想三分钟上手那是不能的
比如你插入一个层
<div class="nav">
<ul>
<li><a href="#">·注册/登录</a></li>
<li><a href="#">·发布信息</a></li>
<li><a href="#">·网上防骗</a></li>
<li><a href="#">·常见问题</a></li>
</ul>
</div>
就要按照版面设计上的来编写CSS
.nav{width:960px; height:30px; line-height:30px;}
然后定义UL里面的东西
.nav ul{margin:0;padding:0;list-style:none;}
.nav ul li{ float:left;width:50px;text-align:center;}
.nav a{dispaly:block; background:#000;color:#fff;}
类似于这样就好了 按照相应的版面对其进行调整
这里还需要注重不同浏览器之间的差异问题
4.最后就是检查测试,看看各个浏览器之间显示样式是否一样·然后进行调整就好了~~~
对熟悉Dreamweaver 和相关代码~~
希望能帮到你吧!
展开全部
很简单,首先设计好首页,并逐步链接就可以了,如果你懂操作的话,就不难了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
根据csdn.net这个站:
他是用div布局的.如果你不了解div,css 直接用table表格方便些.
上中下三个表格或多个表格,然后里面套用小表格(断竖不断横).大的固定宽度,小的自动或百分比.高度可不设,加内容自动扩充;文字大小样式链接什么的先不要管。
这样,可以看到大概的样子了.在各浏览器下测试无问题后,再详细美化...
用表格这样的做法会导致页面体积大很多...初期先只这样了...
如果熟悉div css,可以直接存下csdn.net网页,打开编辑,当然用dw编辑模式是看不出什么效果.必须代码模式手动修改...
他是用div布局的.如果你不了解div,css 直接用table表格方便些.
上中下三个表格或多个表格,然后里面套用小表格(断竖不断横).大的固定宽度,小的自动或百分比.高度可不设,加内容自动扩充;文字大小样式链接什么的先不要管。
这样,可以看到大概的样子了.在各浏览器下测试无问题后,再详细美化...
用表格这样的做法会导致页面体积大很多...初期先只这样了...
如果熟悉div css,可以直接存下csdn.net网页,打开编辑,当然用dw编辑模式是看不出什么效果.必须代码模式手动修改...
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询