Dreamweaver网页制作-第一文库 | 海量文档资源下载与分享平台

免费试读已结束，剩余 38 页请下载文档后查看

16 金币

下载此文档

/ 48

下载提示文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

网页入门及小技术网页设计的工具1、FrontPage最易学，与word基本相似2、所见即所得的网页制作利器Dreamweaver网页按钮制作工具Uleadphotoimpact8.0(横幅、项目符号、按钮、按钮栏、图标、导航条、分隔符）图片工作Photoshop、flash、firework选创建代码区编辑窗口对象面板（Objects）快速启动栏设置页面属性：是在正式开始制作网页前一个必不可少的工序。双击打开刚才新建的index.htm，就自动转入编辑窗口。选择Modify>PageProperties设置一些必要的页面属性，如下图：①Title（标题）：页面的标题会直接显示在浏览器的左上方，务必要养成为每一页都设定一个标题的习惯，这既便于访问者的浏览，也有助于你在网页编辑的过程中区分不同的页面。虽然标题并不是一个网页必要的元素，但却是体现着网页制作者有否从细处为浏览者着想。②BackgroundImage（背景图片）：点击Browse按钮，可以为网页添加背景图片。③Background（背景颜色）：默认为白色，可以选择其他的颜色。④Text（文字颜色）：在这里将文字设置为黑色。要注意，假如不对背景及文字的颜色进行设置（此时RGB色值显示为空），那么浏览器在显示页面的时候，就会采用系统的默认设置。但因为不同的系统的设置都可能会有所区别，这样就回导致页面的显示效果也是千差万别。因为，为了更好地让页面体现出你的设计思想，就千万别忘记设定页面的背景颜色及文字颜色。⑤Link（链接颜色）：设定超级链接的颜色，不设定则默认为蓝色。⑥Left和Top：设置左部及顶部的页边距，一般都设置为“0”以方便于网页的编辑。确保页面的设置正确后，点击OK结束。文字属性面板DREAMWEVAER的小技巧要在图形上显示文字，您可能立刻就会想到使用Java来实现这一功能。但这里，我要介绍给您的是直接用HTML的方法。"用层技术？"，"非也！"，方法非常简单：使用表格，在表中键入文字，然后用您希望的图形作为这个表格的背景文件。图形的大小需与表格相同。这样您就已经轻易地在图形上显示文字了。3、如何调整表格高度4、轻松打造弹出窗口【4.1最基本的弹出窗口代码】下面再说一说弹出窗口的设置。我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。<SCRIPTLANGUAGE="javascript"></SCRIPT>参数解释：top=0窗口距离屏幕上方的象素值；left=0窗口距离屏幕左侧的象素值；toolbar=no是否显示工具栏，yes为显示；menubar，scrollbars表示菜单栏和滚动栏。resizable=no是否允许改变窗口大小，yes为允许；location=no是否显示地址栏，yes为允许；status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；functionloadpopup(){if(get_cookie(‘popped’)==‘’){openwin()document.cookie=“popped=yes”}}</script>然后，用<bodyonload=“loadpopup()”>（注意不是openwin而是loadpop！）替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。5.调查信息以Email形式发送<formname="testform"method="POST"action="mailto:adsf@cfasd.com?subject=调查信息"enctype="text/plain"><divalign="left">你的姓名:<inputtype="text"name="text1"size=20><br>Email:<inputtype="text"name="text2"size=20><br>你对网页制作技巧栏目的意见和建议:<br><textareaname="text3"cols="50"rows="4"></textarea><br><inputtype="submit"value="发送"name="submit"><inputtype="reset"value="重填"name="reset"><br>注意：按下“发送”按钮后你填写的内