版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、DREAMWEVAER MX 2004入门楼斌 BBS ID:lou 生命科学学院 2005.01.11建议学习习方式先从最简简单的HTML网网页入手手;选选择Dreamweaver作作为你你的网页页制作工工具;选选择择 Photoshop作作为你的的网页制制作工具具;粗粗略地地阅读本本站的Dreamweaver及及Photoshop教教程,了解这这两个软软件到底底能做些些什么;初级阶段段:此时的你你,已经经掌握了了Dreamweaver和和Photoshop的的基本本操作;策策划和和制作你你的第一一个网站站;不不断断为你的的网站增增加内容容与功能能(例如如尝试将将一些JavaScript小小
2、程序序添加到到你的网网页中);粗粗略略阅读本本站HTML 及CSS 的语语法书,并尝试试运用到到你做的的网页中中。进阶阶段段:此时的你你,已经经具有一一定的网网页制作作经验,并逐步步形成了了自己一一套的对对于网页页制作的的理解,制作一一般的网网页已经经不在话话下;根根据个人人喜好及及实际需需要,网网页制作作的方向向,你可可以向美美术设计计的方向向发展,学习一一些美术术方面的的知识;也可以以向网络络编程的的方向发发展,学学习ASP等编编程语言言;也可可以向信信息制作作的方向向发展,锻炼自自己在网网站策划划及信息息采辑的的技能;常常识制制作其他他不同类类型的网网站,从从模仿别别人开始始,都逐逐渐形
3、成成自己的的设计风风格;熟熟练操作作 Dreamweaver 及Photoshop 两个个软件,并至少少能读懂懂 HTML及及JavaScript。高手阶段段:此时的你你,至少少在美术术设计、程序编编写、或或信息制制作方面面有一定定的造诣诣:建议学习习方式网站制作作流程新建站点点站点点文件命命名定定义页面面属性插入表表格定定义页面面大小添加内内容插插入导航航条添添加链接接使用用代码片片断定定义及应应用CSS添添加动态态交互链接站站点各个个页面。建立一个个网站,首先要要在本地地机器上上做好网网站,再再传到网网上的虚虚拟空间间上。在D盘新新建一个个文件夹夹,输入你想想要的站站点名称称,这里里输入t
4、est,其实实可以任任意输入入名称的的,要注注意的是是,尽量量不要用用中文命命名,以以免出现现意想不不到的麻麻烦!在Dreamweaver中中定义站站点建立站点点12接下来需需要给站站点起一一个名字字,可以以起任意意一个名名字。这这里起名名为abc,按按下一步步选择是否否使用服服务器技技术。因因为实例例建立的的是一个个静态站站点,就就选择“否,我我不想使使用服务务器技术术”。一个站点点就定义义好了。站点定义义好之后后,就要要开始新新建网页页文件和和文件夹夹了,在在站点中中点击右右键,选选择新建建文件。选 创建建窗口和面面板代码区所见即所所得Body区,网网页主体体Head区,主主要设置置字体编
5、编码,网网页标题题等 在正式开始制作网页前一个必不可少的工序。双击打开刚才新建的index.htm,就自动转入编辑窗口。选择“修改” “页面属性”设置一些必要的页面属性。 Title(标题):页面的标题会直接显示在浏览器的左上方,务必要养成为每一页都设定一个标题的习惯,这既便于访问者的浏览,也有助于你在网页编辑的过程中区分不同的页面。虽然标题并不是一个网页必要的元素,但却是体现着网页制作者有否从细处为浏览者着想。 Background Image(背景图片):点击Browse按钮,可以为网页添加背景图片。 Background(背景颜色):默认为白色, 可以选择其他的颜色。 Text(文字颜色
6、):在这里将文字设置为黑色。要注意,假如不对背景及文字的颜色进行设置(此时RGB色值显示为空),那么浏览器在显示页面的时候,就会采用系统的默认设置。但因为不同的系统的设置都可能会有所区别,这样就回导致页面的显示效果也是千差万别。因为,为了更好地让页面体现出你的设计思想,就千万别忘记设定页面的背景颜色及文字颜色。 Link(链接颜色):设定超级链接的颜色,不设定则默认为蓝色。 Left和Top:设置左部及顶部的页边距,一般都设置为“0”以方便于网页的编辑。确保页面的设置正确后,点击 OK 结束。 设置页面面属性表格详解解简明步骤骤:打开开一个页页面插插入表格格设置置表格宽宽度现在有好好几种尺尺寸
7、的显显示器,“14、15、17、19”英寸寸,网页页要在每每个显示示器上显显示正常常,就要要设置恰恰当的参参数,常常用的是是在页面面中插入入表格放放内容,采用象象素和百百分比两两种。使用百分分比,可可以在各各种显示示器上有有相同的的效果,宽度设设置为100时,在在各种显显示器上上全屏显显示。素大小的的表格设设置,选选择像素素为单位位,值为为768。可以以在15英寸显显示器上上全屏幕幕显示,在17英寸显显示器上上也有好好的显示示效果。相对使使用百分分比制作作网页,采用像像素比较较简单。大多是把把表格设设置为居居中对齐齐。选中中表格,在属性性面板选选择对齐齐方式为为居中对对齐。完全下载载一个表表格
8、的内内容,才才能在IE中显显示出来来。如果果页面文文件小,可以只只有一个个表格放放内容。如果页页面文件件很大,可以在在页面中中,从上上到下放放几个宽宽度相同同的表格格,分别别放不同同的内容容,这样样就会一一个一个个显示表表格里面面的内容容,不用用等整个个网页的的内容下下载完。图像描边边:增加加图片的的美观设置图文文混排给图片增增加提示示:在IE中,当指向向这个图图片时,就会出出现文字字提示创建图像像地图:当点击击一个图图像的不不同部分分,可以以链接到到一个新新的网页页。也可可以在当当前窗口口打开。简明步骤骤:选中目标标图片选择属属性面板板中的热热点工具具用热热工具在在图片中中画出热热点区域域在
9、属属性面板板中输入入链接地地址,选选择目标标窗口打打开方式式。设置图像像边距:设置图图像边距距,可以以使图像像和表格格边框产产生一个个边距,也会和和相邻的的文字或或者其它它图片产产生一个个边距。有时候候设置边边距为一一个非0的数值值可以起起到美观观的作用用。但是是有的时时候输入入数值为为0的边边距可以以使用页页面紧凑凑。图像详解解超级链接接超级链接接:指向文档档,图象象,多媒媒体文件件或可下下载软件件的超文文本链接接选中一个个文件。会出现现一个文文件相对对于“文文档”,“站点点根目录录的选择择”。文档相对对路径是最适合合用于本本地链接接的路径径类型,适合绝绝大多数数Web站点,推荐使使用根相对
10、路路径:如果在一一个使用用多台服服务器的的大型Web站站点或一一台服务务器上有有多个站站点的情情况下工工作,可可能需要要使用这这种类型型的路径径。很少少用到这这种路径径。如果果没有服服务器的的控制权权限,不不要使用用这种方方式!超级链接接超级链接接创建跳转转菜单,例如制制作一个个友情链链接。超级链接接_blank在在新的的未命名名的浏览览器窗口口中加载载链接文文档_parent 在父父框架页页或包含含该链接接的框架架窗口中中加载链链接文档档。如果果包含链链接的框框架不是是嵌套的的,则链链接文档档将加载载到整个个浏览器器窗口中中。_self将将链接文文档加载载到与链链接相同同的框架架或窗口口中,
11、该该目标是是默认值值,所以以通常您您不需要要指定它它。_top 将在在整个浏浏览器窗窗口中加加载链接接文件,同时移移除所有有框架。 (_top表示示整页窗窗口,_parent表示父父窗口。实际使使用中,它们没没有任何何区别)超级链接接目标窗口口:_blank、_self和、_top、_parent的的区别HTML简要介介绍HTML(超文文本标志志语言HyperTextMarkup Language)。为为什么叫叫它“超超”文本本,也就就是说它它是文本本但又超超过一般般文本的的功能,我们阅阅读普通通的文本本(例如如电子小小说)时时,只能能从头到到尾一页页一页的的“翻阅阅”,而而当你浏浏览网页页时
12、却可可以点击击链接从从一页跳跳到另一一页而不不必把整整个页面面都看完完。这就就是“超超”文本本的真正正含义。HTML是由标志和属性构成的,它们一一起被用用来告诉诉浏览器器应该如如何显示示一页文文档。标标志用来来引用一一段文字字或是一一幅图片片等文档档部件,属性是是标志的的选项,在标志志中修饰饰,如颜颜色,对对齐方式式,高度度和宽度度等。很很多标志志都成对对出现,例如有就有有前前一个表表示开始始,后一一个表示示结束,内容放放在两者者之间。HTML 四个个重要的的标签-表示该该文件为为HTML文件件-包含文文件的标标题,使使用的脚脚本,样样式定义义等HELLOWORLD!-包含含文件的的标题,标题
13、出出现在浏浏览器标标题栏中中-的结束束标志-放置置浏览器器中显示示信息的的所有标标志和属属性,其其中内容容在浏览览器中显显示这这是我的的第一个个网页!-的结束束标志-的的结束标标志其它主要要标志以下所有有标志用用在中中-链链接标志志,“”为链链接的文文件地址址-显示示图片标标志,“”为为图片的的地址-换行标标志-分分段标志志-采用黑黑体字-采用斜斜体字-水平画画线-定义义表格,HTML中重重要的标标志-定义义表格的的行,用用在中-表表格单元元,用在在中-字字体样式式标志常用属性性对齐属性性ALIGN=LEFT 左对对齐(缺缺省值)ALIGN=CENTER居居中ALIGN=RIGHT右右对齐范围属性性WIDTH=象象素值或或百分比比 对象象宽度HEIGHT=象素值值或百分分比对对象高度度色彩属性性COLOR=#RRGGBB 前景景色BGCOLOR=#RRGGBB背背景色色HTML入门制作网页页的基本本要素:1.要有有一定的的美术功功底、审审美观念念。要多多学会观观察,多多欣赏一一些中外外
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 建筑照明工程人员劳动合同
- 城市隧道加宽施工协议
- 2024年商业街房屋租赁合同示范文本3篇
- 仓储用地交易合同样本
- 办公室拆墙改造合同样本
- 高空铁路建设安全协议
- 2024年度家庭承包体育赛事合同3篇
- 2024年特色农产品全国销售代理合作协议3篇
- 聘用合同模版
- 商务中心广告牌施工协议
- 幼儿园班级幼儿图书目录清单(大中小班)
- 烈士陵园的数字化转型与智能服务
- 医院与陪护公司的协议范文
- 古琴介绍(英文)(部编)课件
- DL-T5704-2014火力发电厂热力设备及管道保温防腐施工质量验收规程
- 2024年山东省烟台市中考道德与法治试题卷
- 女性生殖健康与疾病智慧树知到期末考试答案章节答案2024年山东中医药大学
- (高清版)JGT 225-2020 预应力混凝土用金属波纹管
- 2023-2024学年四川省绵阳市九年级上册期末化学试题(附答案)
- 心电图进修汇报
- 中医科进修总结汇报
评论
0/150
提交评论