轻设计 / 轻生活 / 轻日记 / 轻梦想 === zhoumojianshe ===
© 优特良品&优特建站出品 | Powered by YOUTIY
苏ICP备13018047号-1
dw个人网页模板作业成品
TAGS: 网页设计

写在前面

       之前有很多童鞋发信息问我有没有网页设计大作业,这里所说大作业是指DW静态网页成品,由于之前一直忙而疏忽了,今天系统地整理一下,方便童鞋们选择和借鉴。

网页设计大作业题目

根据同学们的反馈和需求,罗列汇总了网页设计作业中常见的题目,并提供参考模板

题目

       个人网页设计、足球网页设计、篮球网页设计、网页游戏源代码、咖啡网页设计、面膜网页设计、DW简单网页成品、游戏网页设计、书籍网页设计、文学网页设计、旅游网页设计

【PS注意:大作业提供网页设计全部都是静态HTML文件,这里提供的仅仅是模板文件,不要因为模板而局限了你跳跃的设计灵感】

模板截图





《网页设计与制作报告》范文




编辑工具

最常用也是最流行的网页编辑工具是Dreamweaver,初学者建议使用Dreamweaver,因此这里只介绍Dreamweaver,相对而言简单稳定,所见即所得。

Dreamweaver介绍


Adobe Dreamweaver简称“DW”,中文名称"梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver下载地址

Dreamweaver官网下载地址:http://www.adobe.com/cn/products/dreamweaver.html  
【PS:官网下载的版本是收费的】
Dreamweaver破解版下载地址:
【PS:这里只提供Adobe Dreamweaver CC 2017 v17.0 中文破解版(附破解补丁+安装教程)参考下载地址】
=========64位系统=========
http://pan.baidu.com/s/1jHPUk7O
=========32位系统=========
http://pan.baidu.com/s/1boMeBwz

Dreamweaver使用教程
视频教程下载地址:http://pan.baidu.com/s/1pLUJTk3

案例分析

案例截图


文件目录


常用修改方法

这里以首页index.html修改为例,用Dreamweaver打开index.html文件

1、修改文字


2、修改图片


修改图片有两种方法:
(1)将你的图片复制到images文件夹中,比如图片名称为test.jpg,再将代码中head.png修改为test.jpg即可
(2)将你的图片重命名为head.png,然后复制到images文件夹中,覆盖原有的head.png图片即可

PS TIP1:可以通过width和height属性设置图片的宽度和高度

PS TIP2:有些文字是嵌入在图片中的,需要借助PS修改,如你会PS便来得更加快捷

3、去除模块


比如不想要介绍的模块了,则将红线框内的内容删除即可

4、添加音乐

<embed src='music\music.mp3' loop="false" aotostart="true" mastersound="" hidden="true" width="0" height="0">

将以上代码放置在<body></body>标签范围内即可,当然music.mp3要替换为你自己的音乐文件

写在最后

本文由周元俊博客原创出品,严禁转载

本文出处:http://www.youtiy.com/detail_317.html

周元俊
2017-09-10 19:27:35
标签云
网页设计 精致慢生活 感悟思语 我的旧年华
加偶微信